@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.15 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, HostBinding, Input, Output, EventEmitter, ViewEncapsulation } from '@angular/core';
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>
`,
encapsulation: ViewEncapsulation.None
}] }
];
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGt1c2hraS9uZy1zdWthLyIsInNvdXJjZXMiOlsibGliL2NhcmQvY2FyZC1oZWFkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFdBQVcsRUFDWCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFFWixpQkFBaUIsRUFDbEIsTUFBTSxlQUFlLENBQUM7QUFpQnZCLE1BQU0sT0FBTyxVQUFVO0lBZnZCO1FBZ0JFLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFFZSxvQkFBZSxHQUFHLElBQUksQ0FBQztRQUVoRCxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWhCLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBU3hDLENBQUM7Ozs7SUFQQyxRQUFRO1FBQ04sSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO0lBQ3JELENBQUM7Ozs7O0lBRUQsT0FBTyxDQUFDLE1BQU07UUFDWixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUMzQixDQUFDOzs7WUE5QkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxrQkFBa0I7Z0JBQzVCLFFBQVEsRUFBRTs7Ozs7Ozs7OztHQVVUO2dCQUNELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2FBQ3RDOzs7OEJBSUUsV0FBVyxTQUFDLG1CQUFtQjt1QkFFL0IsS0FBSzswQkFDTCxLQUFLO3FCQUNMLE1BQU07Ozs7SUFOUCxnQ0FBbUI7O0lBRW5CLHFDQUF5RDs7SUFFekQsOEJBQTBCOztJQUMxQixpQ0FBNkI7O0lBQzdCLDRCQUFzQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT25Jbml0LFxuICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3VrYS1jYXJkLWhlYWRlcicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGg1ICpuZ0lmPVwic2tlbGV0b25cIiBjbGFzcz1cInNrZWxldG9uX190ZXh0IHNrZWxldG9uX19oZWFkaW5nXCI+PC9oNT5cbiAgICA8aDUgKm5nSWY9XCIhc2tlbGV0b25cIj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9oNT5cbiAgICA8YnV0dG9uXG4gICAgICAqbmdJZj1cIiFza2VsZXRvbiAmJiBzaG93QWN0aW9uXCJcbiAgICAgIHN1a2FCdXR0b249XCJwbGFpblwiXG4gICAgICAoY2xpY2spPVwib25DbGljaygkZXZlbnQpXCJcbiAgICA+XG4gICAgICB7e2FjdGlvbkxhYmVsfX1cbiAgICA8L2J1dHRvbj5cbiAgYCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FyZEhlYWRlciBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHNob3dBY3Rpb24gPSBmYWxzZTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmNhcmQtaGVhZGVyJykgY2FyZEhlYWRlckNsYXNzID0gdHJ1ZTtcblxuICBASW5wdXQoKSBza2VsZXRvbiA9IGZhbHNlO1xuICBASW5wdXQoKSBhY3Rpb25MYWJlbDogc3RyaW5nO1xuICBAT3V0cHV0KCkgYWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuc2hvd0FjdGlvbiA9IHRoaXMuYWN0aW9uLm9ic2VydmVycy5sZW5ndGggPiAwO1xuICB9XG5cbiAgb25DbGljaygkZXZlbnQpIHtcbiAgICB0aGlzLmFjdGlvbi5lbWl0KCRldmVudCk7XG4gIH1cbn1cbiJdfQ==