@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>
60 lines • 4.33 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, HostBinding, Input, Output, EventEmitter } from '@angular/core';
var CardHeader = /** @class */ (function () {
function CardHeader() {
this.showAction = false;
this.cardHeaderClass = true;
this.skeleton = false;
this.action = new EventEmitter();
}
/**
* @return {?}
*/
CardHeader.prototype.ngOnInit = /**
* @return {?}
*/
function () {
this.showAction = this.action.observers.length > 0;
};
/**
* @param {?} $event
* @return {?}
*/
CardHeader.prototype.onClick = /**
* @param {?} $event
* @return {?}
*/
function ($event) {
this.action.emit($event);
};
CardHeader.decorators = [
{ type: Component, args: [{
selector: 'suka-card-header',
template: "\n <h5 *ngIf=\"skeleton\" class=\"skeleton__text skeleton__heading\"></h5>\n <h5 *ngIf=\"!skeleton\"><ng-content></ng-content></h5>\n <button\n *ngIf=\"!skeleton && showAction\"\n sukaButton=\"plain\"\n (click)=\"onClick($event)\"\n >\n {{actionLabel}}\n </button>\n "
}] }
];
CardHeader.propDecorators = {
cardHeaderClass: [{ type: HostBinding, args: ['class.card-header',] }],
skeleton: [{ type: Input }],
actionLabel: [{ type: Input }],
action: [{ type: Output }]
};
return CardHeader;
}());
export { CardHeader };
if (false) {
/** @type {?} */
CardHeader.prototype.showAction;
/** @type {?} */
CardHeader.prototype.cardHeaderClass;
/** @type {?} */
CardHeader.prototype.skeleton;
/** @type {?} */
CardHeader.prototype.actionLabel;
/** @type {?} */
CardHeader.prototype.action;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGt1c2hraS9uZy1zdWthLyIsInNvdXJjZXMiOlsibGliL2NhcmQvY2FyZC1oZWFkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUU1RjtJQUFBO1FBaUJFLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFFZSxvQkFBZSxHQUFHLElBQUksQ0FBQztRQUVoRCxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWhCLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBU3hDLENBQUM7Ozs7SUFQQyw2QkFBUTs7O0lBQVI7UUFDRSxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7SUFDckQsQ0FBQzs7Ozs7SUFFRCw0QkFBTzs7OztJQUFQLFVBQVEsTUFBTTtRQUNaLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzNCLENBQUM7O2dCQS9CRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsUUFBUSxFQUFFLGlUQVVUO2lCQUNGOzs7a0NBTUUsV0FBVyxTQUFDLG1CQUFtQjsyQkFFL0IsS0FBSzs4QkFDTCxLQUFLO3lCQUNMLE1BQU07O0lBU1QsaUJBQUM7Q0FBQSxBQWhDRCxJQWdDQztTQWhCWSxVQUFVOzs7SUFDckIsZ0NBQW1COztJQUVuQixxQ0FBeUQ7O0lBRXpELDhCQUEwQjs7SUFDMUIsaUNBQTZCOztJQUM3Qiw0QkFBc0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWthLWNhcmQtaGVhZGVyJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8aDUgKm5nSWY9XCJza2VsZXRvblwiIGNsYXNzPVwic2tlbGV0b25fX3RleHQgc2tlbGV0b25fX2hlYWRpbmdcIj48L2g1PlxuICAgIDxoNSAqbmdJZj1cIiFza2VsZXRvblwiPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L2g1PlxuICAgIDxidXR0b25cbiAgICAgICpuZ0lmPVwiIXNrZWxldG9uICYmIHNob3dBY3Rpb25cIlxuICAgICAgc3VrYUJ1dHRvbj1cInBsYWluXCJcbiAgICAgIChjbGljayk9XCJvbkNsaWNrKCRldmVudClcIlxuICAgID5cbiAgICAgIHt7YWN0aW9uTGFiZWx9fVxuICAgIDwvYnV0dG9uPlxuICBgLFxufSlcblxuLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOiBjb21wb25lbnQtY2xhc3Mtc3VmZml4XG5leHBvcnQgY2xhc3MgQ2FyZEhlYWRlciBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHNob3dBY3Rpb24gPSBmYWxzZTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmNhcmQtaGVhZGVyJykgY2FyZEhlYWRlckNsYXNzID0gdHJ1ZTtcblxuICBASW5wdXQoKSBza2VsZXRvbiA9IGZhbHNlO1xuICBASW5wdXQoKSBhY3Rpb25MYWJlbDogc3RyaW5nO1xuICBAT3V0cHV0KCkgYWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuc2hvd0FjdGlvbiA9IHRoaXMuYWN0aW9uLm9ic2VydmVycy5sZW5ndGggPiAwO1xuICB9XG5cbiAgb25DbGljaygkZXZlbnQpIHtcbiAgICB0aGlzLmFjdGlvbi5lbWl0KCRldmVudCk7XG4gIH1cbn1cbiJdfQ==