@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>
62 lines • 4.04 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';
// tslint:disable-next-line: component-class-suffix
export class CardHeader {
constructor() {
this.showAction = false;
this.cardHeaderClass = true;
this.skeleton = false;
this.action = new EventEmitter();
}
/**
* @return {?}
*/
ngOnInit() {
this.showAction = this.action.observers.length > 0;
}
/**
* @param {?} $event
* @return {?}
*/
onClick($event) {
this.action.emit($event);
}
}
CardHeader.decorators = [
{ type: Component, args: [{
selector: 'suka-card-header',
template: `
<h5 *ngIf="skeleton" class="skeleton__text skeleton__heading"></h5>
<h5 *ngIf="!skeleton"><ng-content></ng-content></h5>
<button
*ngIf="!skeleton && showAction"
sukaButton="plain"
(click)="onClick($event)"
>
{{actionLabel}}
</button>
`
}] }
];
CardHeader.propDecorators = {
cardHeaderClass: [{ type: HostBinding, args: ['class.card-header',] }],
skeleton: [{ type: Input }],
actionLabel: [{ type: Input }],
action: [{ type: Output }]
};
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGt1c2hraS9uZy1zdWthLyIsInNvdXJjZXMiOlsibGliL2NhcmQvY2FyZC1oZWFkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBVSxNQUFNLGVBQWUsQ0FBQztBQWlCNUYsbURBQW1EO0FBQ25ELE1BQU0sT0FBTyxVQUFVO0lBaEJ2QjtRQWlCRSxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBRWUsb0JBQWUsR0FBRyxJQUFJLENBQUM7UUFFaEQsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVoQixXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQVN4QyxDQUFDOzs7O0lBUEMsUUFBUTtRQUNOLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztJQUNyRCxDQUFDOzs7OztJQUVELE9BQU8sQ0FBQyxNQUFNO1FBQ1osSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDM0IsQ0FBQzs7O1lBL0JGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsa0JBQWtCO2dCQUM1QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7R0FVVDthQUNGOzs7OEJBTUUsV0FBVyxTQUFDLG1CQUFtQjt1QkFFL0IsS0FBSzswQkFDTCxLQUFLO3FCQUNMLE1BQU07Ozs7SUFOUCxnQ0FBbUI7O0lBRW5CLHFDQUF5RDs7SUFFekQsOEJBQTBCOztJQUMxQixpQ0FBNkI7O0lBQzdCLDRCQUFzQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1a2EtY2FyZC1oZWFkZXInLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxoNSAqbmdJZj1cInNrZWxldG9uXCIgY2xhc3M9XCJza2VsZXRvbl9fdGV4dCBza2VsZXRvbl9faGVhZGluZ1wiPjwvaDU+XG4gICAgPGg1ICpuZ0lmPVwiIXNrZWxldG9uXCI+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvaDU+XG4gICAgPGJ1dHRvblxuICAgICAgKm5nSWY9XCIhc2tlbGV0b24gJiYgc2hvd0FjdGlvblwiXG4gICAgICBzdWthQnV0dG9uPVwicGxhaW5cIlxuICAgICAgKGNsaWNrKT1cIm9uQ2xpY2soJGV2ZW50KVwiXG4gICAgPlxuICAgICAge3thY3Rpb25MYWJlbH19XG4gICAgPC9idXR0b24+XG4gIGAsXG59KVxuXG4vLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6IGNvbXBvbmVudC1jbGFzcy1zdWZmaXhcbmV4cG9ydCBjbGFzcyBDYXJkSGVhZGVyIGltcGxlbWVudHMgT25Jbml0IHtcbiAgc2hvd0FjdGlvbiA9IGZhbHNlO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuY2FyZC1oZWFkZXInKSBjYXJkSGVhZGVyQ2xhc3MgPSB0cnVlO1xuXG4gIEBJbnB1dCgpIHNrZWxldG9uID0gZmFsc2U7XG4gIEBJbnB1dCgpIGFjdGlvbkxhYmVsOiBzdHJpbmc7XG4gIEBPdXRwdXQoKSBhY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5zaG93QWN0aW9uID0gdGhpcy5hY3Rpb24ub2JzZXJ2ZXJzLmxlbmd0aCA+IDA7XG4gIH1cblxuICBvbkNsaWNrKCRldmVudCkge1xuICAgIHRoaXMuYWN0aW9uLmVtaXQoJGV2ZW50KTtcbiAgfVxufVxuIl19