@hxui/angular
Version:
* * *
89 lines • 8.02 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,uselessCode} 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
// if callback has 1 or more arguments
/** @type {?} */
var args = [];
for (var 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; flex-direction: column; 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 };
if (false) {
/** @type {?} */
EmptyStateComponent.prototype.icon;
/** @type {?} */
EmptyStateComponent.prototype.msg;
/** @type {?} */
EmptyStateComponent.prototype.actions;
/** @type {?} */
EmptyStateComponent.prototype.config;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1wdHktc3RhdGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGh4dWkvYW5ndWxhci8iLCJzb3VyY2VzIjpbImxpYi9lbXB0eS1zdGF0ZS9lbXB0eS1zdGF0ZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFTLE1BQU0sZUFBZSxDQUFDO0FBRXZELE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLHNCQUFzQixDQUFDO0FBRXREO0lBNkJFLDZCQUFvQixNQUF3QjtRQUF4QixXQUFNLEdBQU4sTUFBTSxDQUFrQjtRQUZuQyxZQUFPLEdBQXdCLEVBQUUsQ0FBQztJQUVLLENBQUM7Ozs7SUFFakQsc0NBQVE7OztJQUFSLGNBQVksQ0FBQztJQUViOzs7O09BSUc7Ozs7Ozs7SUFDSCw2Q0FBZTs7Ozs7O0lBQWYsVUFBZ0IsS0FBWSxFQUFFLEVBQVM7UUFDckMsSUFBSSxFQUFFLENBQUMsTUFBTSxFQUFFO1lBQ2IsSUFBSSxFQUFFLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRSxFQUFFLCtCQUErQjtnQkFDcEQsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7YUFDVDtpQkFBTSxFQUFFLHNDQUFzQzs7O29CQUN2QyxJQUFJLEdBQVUsRUFBRTtnQkFDdEIsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLEVBQUU7b0JBQ2xDLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7aUJBQ2xCO2dCQUNELEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxDQUFDO2FBQ3pCO1NBQ0Y7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7O2dCQW5ERixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsUUFBUSxFQUFFLDZlQVdYO29CQUNDLE1BQU0sRUFBRTt3QkFDTix1RkFBdUY7d0JBQ3ZGLG1JQUFtSTt3QkFDbkksd0ZBQXdGO3dCQUN4RiwwQ0FBMEM7d0JBQzFDLHFEQUFxRDt3QkFDckQsd0RBQXdEO3FCQUN6RDtpQkFDRjs7OztnQkF4Qk8sZ0JBQWdCOzs7dUJBMkJyQixLQUFLO3NCQUNMLEtBQUs7MEJBQ0wsS0FBSzs7SUEwQlIsMEJBQUM7Q0FBQSxBQXJERCxJQXFEQztTQTlCWSxtQkFBbUI7OztJQUU5QixtQ0FBc0I7O0lBQ3RCLGtDQUFxQjs7SUFDckIsc0NBQTJDOztJQUUvQixxQ0FBZ0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7SUVtcHR5U3RhdGVBY3Rpb259IGZyb20gJy4vZW1wdHktc3RhdGUtYWN0aW9uLmludGVyZmFjZSc7XHJcbmltcG9ydCB7RW1wdHlTdGF0ZUNvbmZpZ30gZnJvbSAnLi9lbXB0eS1zdGF0ZS5jb25maWcnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdoeGEtZW1wdHktc3RhdGUnLFxyXG4gIHRlbXBsYXRlOiBgPGRpdiBjbGFzcz1cImh4dWktcmVzZXQgZW1wdHlTdGF0ZVwiPlxyXG4gIDxpIGNsYXNzPVwiaHgtaWNvbiBpcy1saWdodGVzdCBlbXB0eVN0YXRlX19pY29uXCIgW25nQ2xhc3NdPVwiaWNvblwiPjwvaT5cclxuICA8ZGl2IGNsYXNzPVwiZW1wdHlTYXRlX19tc2cgaXMtbGlnaHRlclwiPnt7bXNnfX08L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwiZW1wdHlTdGF0ZV9fYWN0aW9ucyBoeC1mbGV4XCI+XHJcbiAgICA8YnV0dG9uICpuZ0Zvcj1cImxldCBhY3Rpb24gb2YgYWN0aW9uc1wiXHJcbiAgICAgICAgICAgIGNsYXNzPVwiaHgtYnV0dG9uIGlzLXNtYWxsXCJcclxuICAgICAgICAgICAgW2F0dHIuaWRdPVwiYWN0aW9uLmlkXCJcclxuICAgICAgICAgICAgW25nQ2xhc3NdPVwiYWN0aW9uLmNzc1wiXHJcbiAgICAgICAgICAgIChjbGljayk9J2V4ZWN1dGVDYWxsYmFjaygkZXZlbnQsYWN0aW9uLmNhbGxiYWNrKSc+e3thY3Rpb24ubGFiZWx9fTwvYnV0dG9uPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuYCxcclxuICBzdHlsZXM6IFtcclxuICAgICc6aG9zdCB7IG1pbi1oZWlnaHQ6IDEycmVtOyB3aWR0aDoxMDAlOyBkaXNwbGF5OmZsZXg7IGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47IGZsZXg6MTt9JyxcclxuICAgICc6aG9zdCAuZW1wdHlTdGF0ZSB7IGRpc3BsYXk6ZmxleDsgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsganVzdGlmeS1jb250ZW50OiBjZW50ZXI7IGFsaWduLWl0ZW1zOiBjZW50ZXI7IGZsZXg6MTsgbWFyZ2luOiAxcmVtIDA7IH0nLFxyXG4gICAgJzpob3N0IC5lbXB0eVN0YXRlX19pY29uIHsgaGVpZ2h0OjMuNXJlbTsgd2lkdGg6My41cmVtOyBmb250LXNpemU6NjRweDsgbWFyZ2luOiAxcmVtOyB9JyxcclxuICAgICc6aG9zdCAuZW1wdHlTdGF0ZV9fbXNnIHsgbWFyZ2luOiAxcmVtOyB9JyxcclxuICAgICc6aG9zdCAuZW1wdHlTdGF0ZV9fYWN0aW9uc3sgbWFyZ2luOiAxLjVyZW0gMXJlbSA7IH0nLFxyXG4gICAgJzpob3N0IC5lbXB0eVN0YXRlX19hY3Rpb25zIGJ1dHRvbiB7IG1hcmdpbjogMCAuNXJlbTsgfSdcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFbXB0eVN0YXRlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KCkgaWNvbjogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIG1zZzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGFjdGlvbnM6IElFbXB0eVN0YXRlQWN0aW9uW10gPSBbXTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjb25maWc6IEVtcHR5U3RhdGVDb25maWcpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpIHt9XHJcblxyXG4gIC8qKlxyXG4gICAqIENhbGxzIHRoZSBwYXJzZWQgY2FsbGJhY2sgd2l0aCBvcHRpb25hbCBhcmd1bWVudHNcclxuICAgKiBAcGFyYW0gZXZlbnRcclxuICAgKiBAcGFyYW0gY2JcclxuICAgKi9cclxuICBleGVjdXRlQ2FsbGJhY2soZXZlbnQ6IEV2ZW50LCBjYjogYW55W10pIHtcclxuICAgIGlmIChjYi5sZW5ndGgpIHtcclxuICAgICAgaWYgKGNiLmxlbmd0aCA9PT0gMSkgeyAvLyBpZiBjYWxsYmFjayBoYXMgbm8gYXJndW1lbnRzXHJcbiAgICAgICAgY2JbMF0oKTtcclxuICAgICAgfSBlbHNlIHsgLy8gaWYgY2FsbGJhY2sgaGFzIDEgb3IgbW9yZSBhcmd1bWVudHNcclxuICAgICAgICBjb25zdCBhcmdzOiBhbnlbXSA9IFtdO1xyXG4gICAgICAgIGZvciAobGV0IGkgPSAxOyBpIDwgY2IubGVuZ3RoOyBpKyspIHtcclxuICAgICAgICAgIGFyZ3MucHVzaChjYltpXSk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGNiWzBdLmFwcGx5KHRoaXMsIGFyZ3MpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICByZXR1cm4gZmFsc2U7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=