@hxui/angular
Version:
This README includes the steps that are necessary to import the HxUi-angular into a project or to contribute with development.
99 lines (98 loc) • 8.35 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes} checked by tsc
*/
import { Component, Input } from '@angular/core';
import { EmptyStateConfig } from './empty-state.config';
var EmptyStateComponent = /** @class */ (function () {
function EmptyStateComponent(config) {
this.config = config;
this.actions = [];
}
/**
* @return {?}
*/
EmptyStateComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () { };
/**
* Calls the parsed callback with optional arguments
* @param event
* @param cb
*/
/**
* Calls the parsed callback with optional arguments
* @param {?} event
* @param {?} cb
* @return {?}
*/
EmptyStateComponent.prototype.executeCallback = /**
* Calls the parsed callback with optional arguments
* @param {?} event
* @param {?} cb
* @return {?}
*/
function (event, cb) {
if (cb.length) {
if (cb.length === 1) {
// if callback has no arguments
cb[0]();
}
else {
// if callback has 1 or more arguments
var /** @type {?} */ args = [];
for (var /** @type {?} */ i = 1; i < cb.length; i++) {
args.push(cb[i]);
}
cb[0].apply(this, args);
}
}
return false;
};
EmptyStateComponent.decorators = [
{ type: Component, args: [{
selector: 'hxa-empty-state',
template: "<div class=\"hxui-reset emptyState\">\n <i class=\"hx-icon is-lightest emptyState__icon\" [ngClass]=\"icon\"></i>\n <div class=\"emptySate__msg is-lighter\">{{msg}}</div>\n <div class=\"emptyState__actions hx-flex\">\n <button *ngFor=\"let action of actions\"\n class=\"hx-button is-small\"\n [attr.id]=\"action.id\"\n [ngClass]=\"action.css\"\n (click)='executeCallback($event,action.callback)'>{{action.label}}</button>\n </div>\n</div>\n",
styles: [
':host { min-height: 12rem; width:100%; display:flex; flex-direction: column; flex:1;}',
':host .emptyState { display:flex; justify-content: center; align-items: center; flex:1; margin: 1rem 0; }',
':host .emptyState__icon { height:3.5rem; width:3.5rem; font-size:64px; margin: 1rem; }',
':host .emptyState__msg { margin: 1rem; }',
':host .emptyState__actions{ margin: 1.5rem 1rem ; }',
':host .emptyState__actions button { margin: 0 .5rem; }'
]
},] },
];
/** @nocollapse */
EmptyStateComponent.ctorParameters = function () { return [
{ type: EmptyStateConfig, },
]; };
EmptyStateComponent.propDecorators = {
"icon": [{ type: Input },],
"msg": [{ type: Input },],
"actions": [{ type: Input },],
};
return EmptyStateComponent;
}());
export { EmptyStateComponent };
function EmptyStateComponent_tsickle_Closure_declarations() {
/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
EmptyStateComponent.decorators;
/**
* @nocollapse
* @type {function(): !Array<(null|{type: ?, decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>)})>}
*/
EmptyStateComponent.ctorParameters;
/** @type {!Object<string,!Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
EmptyStateComponent.propDecorators;
/** @type {?} */
EmptyStateComponent.prototype.icon;
/** @type {?} */
EmptyStateComponent.prototype.msg;
/** @type {?} */
EmptyStateComponent.prototype.actions;
/** @type {?} */
EmptyStateComponent.prototype.config;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1wdHktc3RhdGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGh4dWkvYW5ndWxhci8iLCJzb3VyY2VzIjpbImxpYi9lbXB0eS1zdGF0ZS9lbXB0eS1zdGF0ZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBRXZELE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLHNCQUFzQixDQUFDOztJQStCcEQsNkJBQW9CLE1BQXdCO1FBQXhCLFdBQU0sR0FBTixNQUFNLENBQWtCO3VCQUZKLEVBQUU7S0FFTzs7OztJQUVqRCxzQ0FBUTs7O0lBQVIsZUFBYTtJQUViOzs7O09BSUc7Ozs7Ozs7SUFDSCw2Q0FBZTs7Ozs7O0lBQWYsVUFBZ0IsS0FBWSxFQUFFLEVBQVM7UUFDckMsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7WUFDZCxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsTUFBTSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7O2dCQUNwQixFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQzthQUNUO1lBQUMsSUFBSSxDQUFDLENBQUM7O2dCQUNOLHFCQUFNLElBQUksR0FBVSxFQUFFLENBQUM7Z0JBQ3ZCLEdBQUcsQ0FBQyxDQUFDLHFCQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQztvQkFDbkMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztpQkFDbEI7Z0JBQ0QsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7YUFDekI7U0FDRjtRQUNELE1BQU0sQ0FBQyxLQUFLLENBQUM7S0FDZDs7Z0JBbkRGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixRQUFRLEVBQUUsNmVBV1g7b0JBQ0MsTUFBTSxFQUFFO3dCQUNOLHVGQUF1Rjt3QkFDdkYsMkdBQTJHO3dCQUMzRyx3RkFBd0Y7d0JBQ3hGLDBDQUEwQzt3QkFDMUMscURBQXFEO3dCQUNyRCx3REFBd0Q7cUJBQ3pEO2lCQUNGOzs7O2dCQXhCTyxnQkFBZ0I7Ozt5QkEyQnJCLEtBQUs7d0JBQ0wsS0FBSzs0QkFDTCxLQUFLOzs4QkEvQlI7O1NBMkJhLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dCwgT25Jbml0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtJRW1wdHlTdGF0ZUFjdGlvbn0gZnJvbSAnLi9lbXB0eS1zdGF0ZS1hY3Rpb24uaW50ZXJmYWNlJztcclxuaW1wb3J0IHtFbXB0eVN0YXRlQ29uZmlnfSBmcm9tICcuL2VtcHR5LXN0YXRlLmNvbmZpZyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2h4YS1lbXB0eS1zdGF0ZScsXHJcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwiaHh1aS1yZXNldCBlbXB0eVN0YXRlXCI+XHJcbiAgPGkgY2xhc3M9XCJoeC1pY29uIGlzLWxpZ2h0ZXN0IGVtcHR5U3RhdGVfX2ljb25cIiBbbmdDbGFzc109XCJpY29uXCI+PC9pPlxyXG4gIDxkaXYgY2xhc3M9XCJlbXB0eVNhdGVfX21zZyBpcy1saWdodGVyXCI+e3ttc2d9fTwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJlbXB0eVN0YXRlX19hY3Rpb25zIGh4LWZsZXhcIj5cclxuICAgIDxidXR0b24gKm5nRm9yPVwibGV0IGFjdGlvbiBvZiBhY3Rpb25zXCJcclxuICAgICAgICAgICAgY2xhc3M9XCJoeC1idXR0b24gaXMtc21hbGxcIlxyXG4gICAgICAgICAgICBbYXR0ci5pZF09XCJhY3Rpb24uaWRcIlxyXG4gICAgICAgICAgICBbbmdDbGFzc109XCJhY3Rpb24uY3NzXCJcclxuICAgICAgICAgICAgKGNsaWNrKT0nZXhlY3V0ZUNhbGxiYWNrKCRldmVudCxhY3Rpb24uY2FsbGJhY2spJz57e2FjdGlvbi5sYWJlbH19PC9idXR0b24+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG5gLFxyXG4gIHN0eWxlczogW1xyXG4gICAgJzpob3N0IHsgbWluLWhlaWdodDogMTJyZW07IHdpZHRoOjEwMCU7IGRpc3BsYXk6ZmxleDsgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsgZmxleDoxO30nLFxyXG4gICAgJzpob3N0IC5lbXB0eVN0YXRlIHsgZGlzcGxheTpmbGV4OyBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsgYWxpZ24taXRlbXM6IGNlbnRlcjsgZmxleDoxOyBtYXJnaW46IDFyZW0gMDsgfScsXHJcbiAgICAnOmhvc3QgLmVtcHR5U3RhdGVfX2ljb24geyBoZWlnaHQ6My41cmVtOyB3aWR0aDozLjVyZW07IGZvbnQtc2l6ZTo2NHB4OyBtYXJnaW46IDFyZW07IH0nLFxyXG4gICAgJzpob3N0IC5lbXB0eVN0YXRlX19tc2cgeyBtYXJnaW46IDFyZW07IH0nLFxyXG4gICAgJzpob3N0IC5lbXB0eVN0YXRlX19hY3Rpb25zeyBtYXJnaW46IDEuNXJlbSAxcmVtIDsgfScsXHJcbiAgICAnOmhvc3QgLmVtcHR5U3RhdGVfX2FjdGlvbnMgYnV0dG9uIHsgbWFyZ2luOiAwIC41cmVtOyB9J1xyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEVtcHR5U3RhdGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgbXNnOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgYWN0aW9uczogSUVtcHR5U3RhdGVBY3Rpb25bXSA9IFtdO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNvbmZpZzogRW1wdHlTdGF0ZUNvbmZpZykgeyB9XHJcblxyXG4gIG5nT25Jbml0KCkge31cclxuXHJcbiAgLyoqXHJcbiAgICogQ2FsbHMgdGhlIHBhcnNlZCBjYWxsYmFjayB3aXRoIG9wdGlvbmFsIGFyZ3VtZW50c1xyXG4gICAqIEBwYXJhbSBldmVudFxyXG4gICAqIEBwYXJhbSBjYlxyXG4gICAqL1xyXG4gIGV4ZWN1dGVDYWxsYmFjayhldmVudDogRXZlbnQsIGNiOiBhbnlbXSkge1xyXG4gICAgaWYgKGNiLmxlbmd0aCkge1xyXG4gICAgICBpZiAoY2IubGVuZ3RoID09PSAxKSB7IC8vIGlmIGNhbGxiYWNrIGhhcyBubyBhcmd1bWVudHNcclxuICAgICAgICBjYlswXSgpO1xyXG4gICAgICB9IGVsc2UgeyAvLyBpZiBjYWxsYmFjayBoYXMgMSBvciBtb3JlIGFyZ3VtZW50c1xyXG4gICAgICAgIGNvbnN0IGFyZ3M6IGFueVtdID0gW107XHJcbiAgICAgICAgZm9yIChsZXQgaSA9IDE7IGkgPCBjYi5sZW5ndGg7IGkrKykge1xyXG4gICAgICAgICAgYXJncy5wdXNoKGNiW2ldKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgY2JbMF0uYXBwbHkodGhpcywgYXJncyk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIHJldHVybiBmYWxzZTtcclxuICB9XHJcblxyXG59XHJcbiJdfQ==