@kushki/ng-suka
Version:
<p align="center"> <h1 align="center">Suka Components Angular</h1> <p align="center"> An Angular implementation of the Suka Design System </p> </p>
91 lines • 7.61 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, Output, EventEmitter } from '@angular/core';
var EmptyState = /** @class */ (function () {
function EmptyState() {
/**
* Heading content.
*/
this.heading = '';
/**
* Emits the primary action event.
*/
this.primaryAction = new EventEmitter();
/**
* Emits the secondary action event.
*/
this.secondaryAction = new EventEmitter();
}
/**
* On button click, emits a primary o secondary action event accordingly
*/
/**
* On button click, emits a primary o secondary action event accordingly
* @param {?} type
* @return {?}
*/
EmptyState.prototype.onClick = /**
* On button click, emits a primary o secondary action event accordingly
* @param {?} type
* @return {?}
*/
function (type) {
if (type === 'primary') {
this.primaryAction.emit('primary');
}
if (type === 'secondary') {
this.secondaryAction.emit('secondary');
}
};
EmptyState.decorators = [
{ type: Component, args: [{
selector: 'suka-empty-state',
template: "\n <div class=\"empty-state\">\n <div class=\"empty-state__description\">\n <h3 class=\"empty-state__heading\">{{heading}}</h3>\n\n <div class=\"empty-state__content\">\n <ng-content></ng-content>\n </div>\n <div\n *ngIf=\"primaryActionLabel\"\n class=\"empty-state__actions\"\n >\n <suka-button-group>\n <button\n sukaButton=\"primary\"\n (click)=\"onClick('primary')\"\n >\n {{primaryActionLabel}}\n </button>\n <button\n *ngIf=\"secondaryActionLabel\"\n sukaButton=\"plain\"\n (click)=\"onClick('secondary')\"\n >\n {{secondaryActionLabel}}\n </button>\n </suka-button-group>\n </div>\n </div>\n\n <div class=\"empty-state__image\">\n <img *ngIf=\"imgSrc\" [src]=\"imgSrc\" />\n <suka-icon *ngIf=\"!imgSrc\" icon=\"inbox\"></suka-icon>\n </div>\n </div>\n "
}] }
];
EmptyState.propDecorators = {
heading: [{ type: Input }],
imgSrc: [{ type: Input }],
primaryActionLabel: [{ type: Input }],
primaryAction: [{ type: Output }],
secondaryActionLabel: [{ type: Input }],
secondaryAction: [{ type: Output }]
};
return EmptyState;
}());
export { EmptyState };
if (false) {
/**
* Heading content.
* @type {?}
*/
EmptyState.prototype.heading;
/**
* Sets an image url for the avatar. If it is set, it displays instead of the empty icon.
* @type {?}
*/
EmptyState.prototype.imgSrc;
/**
* Primary action label content
* @type {?}
*/
EmptyState.prototype.primaryActionLabel;
/**
* Emits the primary action event.
* @type {?}
*/
EmptyState.prototype.primaryAction;
/**
* Secondary action label content
* @type {?}
*/
EmptyState.prototype.secondaryActionLabel;
/**
* Emits the secondary action event.
* @type {?}
*/
EmptyState.prototype.secondaryAction;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1wdHktc3RhdGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGt1c2hraS9uZy1zdWthLyIsInNvdXJjZXMiOlsibGliL2VtcHR5LXN0YXRlL2VtcHR5LXN0YXRlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV2RTtJQUFBOzs7O1FBMkNXLFlBQU8sR0FBRyxFQUFFLENBQUM7Ozs7UUFjWixrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7Ozs7UUFTbkMsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBY2pELENBQUM7SUFaQzs7T0FFRzs7Ozs7O0lBQ0gsNEJBQU87Ozs7O0lBQVAsVUFBUSxJQUFZO1FBQ2xCLElBQUksSUFBSSxLQUFLLFNBQVMsRUFBRTtZQUN0QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztTQUNwQztRQUVELElBQUksSUFBSSxLQUFLLFdBQVcsRUFBRTtZQUN4QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztTQUN4QztJQUNILENBQUM7O2dCQS9FRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsUUFBUSxFQUFFLHNoQ0FtQ1Q7aUJBQ0Y7OzswQkFLRSxLQUFLO3lCQUtMLEtBQUs7cUNBS0wsS0FBSztnQ0FJTCxNQUFNO3VDQUtOLEtBQUs7a0NBSUwsTUFBTTs7SUFjVCxpQkFBQztDQUFBLEFBaEZELElBZ0ZDO1NBekNZLFVBQVU7Ozs7OztJQUlyQiw2QkFBc0I7Ozs7O0lBS3RCLDRCQUF3Qjs7Ozs7SUFLeEIsd0NBQW9DOzs7OztJQUlwQyxtQ0FBNkM7Ozs7O0lBSzdDLDBDQUFzQzs7Ozs7SUFJdEMscUNBQStDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3VrYS1lbXB0eS1zdGF0ZScsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImVtcHR5LXN0YXRlXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZW1wdHktc3RhdGVfX2Rlc2NyaXB0aW9uXCI+XG4gICAgICAgIDxoMyBjbGFzcz1cImVtcHR5LXN0YXRlX19oZWFkaW5nXCI+e3toZWFkaW5nfX08L2gzPlxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJlbXB0eS1zdGF0ZV9fY29udGVudFwiPlxuICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICAqbmdJZj1cInByaW1hcnlBY3Rpb25MYWJlbFwiXG4gICAgICAgICAgY2xhc3M9XCJlbXB0eS1zdGF0ZV9fYWN0aW9uc1wiXG4gICAgICAgID5cbiAgICAgICAgICA8c3VrYS1idXR0b24tZ3JvdXA+XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgIHN1a2FCdXR0b249XCJwcmltYXJ5XCJcbiAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2soJ3ByaW1hcnknKVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHt7cHJpbWFyeUFjdGlvbkxhYmVsfX1cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAqbmdJZj1cInNlY29uZGFyeUFjdGlvbkxhYmVsXCJcbiAgICAgICAgICAgICAgc3VrYUJ1dHRvbj1cInBsYWluXCJcbiAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2soJ3NlY29uZGFyeScpXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3tzZWNvbmRhcnlBY3Rpb25MYWJlbH19XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICA8L3N1a2EtYnV0dG9uLWdyb3VwPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8ZGl2IGNsYXNzPVwiZW1wdHktc3RhdGVfX2ltYWdlXCI+XG4gICAgICAgIDxpbWcgKm5nSWY9XCJpbWdTcmNcIiBbc3JjXT1cImltZ1NyY1wiIC8+XG4gICAgICAgIDxzdWthLWljb24gKm5nSWY9XCIhaW1nU3JjXCIgaWNvbj1cImluYm94XCI+PC9zdWthLWljb24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYFxufSlcbmV4cG9ydCBjbGFzcyBFbXB0eVN0YXRlIHtcbiAgLyoqXG4gICAqIEhlYWRpbmcgY29udGVudC5cbiAgICovXG4gIEBJbnB1dCgpIGhlYWRpbmcgPSAnJztcblxuICAvKipcbiAgICogU2V0cyBhbiBpbWFnZSB1cmwgZm9yIHRoZSBhdmF0YXIuIElmIGl0IGlzIHNldCwgaXQgZGlzcGxheXMgaW5zdGVhZCBvZiB0aGUgZW1wdHkgaWNvbi5cbiAgICovXG4gIEBJbnB1dCgpIGltZ1NyYzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBQcmltYXJ5IGFjdGlvbiBsYWJlbCBjb250ZW50XG4gICAqL1xuICBASW5wdXQoKSBwcmltYXJ5QWN0aW9uTGFiZWw6IHN0cmluZztcbiAgLyoqXG4gICAqIEVtaXRzIHRoZSBwcmltYXJ5IGFjdGlvbiBldmVudC5cbiAgICovXG4gIEBPdXRwdXQoKSBwcmltYXJ5QWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIC8qKlxuICAgKiBTZWNvbmRhcnkgYWN0aW9uIGxhYmVsIGNvbnRlbnRcbiAgICovXG4gIEBJbnB1dCgpIHNlY29uZGFyeUFjdGlvbkxhYmVsOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBFbWl0cyB0aGUgc2Vjb25kYXJ5IGFjdGlvbiBldmVudC5cbiAgICovXG4gIEBPdXRwdXQoKSBzZWNvbmRhcnlBY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgLyoqXG4gICAqIE9uIGJ1dHRvbiBjbGljaywgZW1pdHMgYSBwcmltYXJ5IG8gc2Vjb25kYXJ5IGFjdGlvbiBldmVudCBhY2NvcmRpbmdseVxuICAgKi9cbiAgb25DbGljayh0eXBlOiBzdHJpbmcpIHtcbiAgICBpZiAodHlwZSA9PT0gJ3ByaW1hcnknKSB7XG4gICAgICB0aGlzLnByaW1hcnlBY3Rpb24uZW1pdCgncHJpbWFyeScpO1xuICAgIH1cblxuICAgIGlmICh0eXBlID09PSAnc2Vjb25kYXJ5Jykge1xuICAgICAgdGhpcy5zZWNvbmRhcnlBY3Rpb24uZW1pdCgnc2Vjb25kYXJ5Jyk7XG4gICAgfVxuICB9XG59XG4iXX0=