@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>
76 lines • 5.16 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, HostBinding, Output, EventEmitter, Input, ViewEncapsulation } from '@angular/core';
export class CardFooter {
constructor() {
this.showSecondaryButton = false;
this.baseClass = true;
this.primaryAction = new EventEmitter();
this.secondaryAction = new EventEmitter();
}
/**
* @return {?}
*/
ngOnInit() {
this.showSecondaryButton = this.secondaryAction.observers.length > 0;
}
/**
* @param {?} buttonType
* @return {?}
*/
onButtonClick(buttonType) {
if (buttonType === 'primary') {
this.primaryAction.emit();
}
if (buttonType === 'secondary') {
this.secondaryAction.emit();
}
}
}
CardFooter.decorators = [
{ type: Component, args: [{
selector: 'suka-card-footer',
template: `
<suka-button-group>
<button
*ngIf="showSecondaryButton"
sukaButton="plain"
(click)="onButtonClick('secondary')"
>
{{secondaryLabel}}
</button>
<button
sukaButton="primary"
(click)="onButtonClick('primary')"
>
{{primaryLabel}}
</button>
</suka-button-group>
`,
encapsulation: ViewEncapsulation.None
}] }
];
CardFooter.propDecorators = {
baseClass: [{ type: HostBinding, args: ['class.card-footer',] }],
primaryLabel: [{ type: Input }],
secondaryLabel: [{ type: Input }],
primaryAction: [{ type: Output }],
secondaryAction: [{ type: Output }]
};
if (false) {
/** @type {?} */
CardFooter.prototype.showSecondaryButton;
/** @type {?} */
CardFooter.prototype.baseClass;
/** @type {?} */
CardFooter.prototype.primaryLabel;
/** @type {?} */
CardFooter.prototype.secondaryLabel;
/** @type {?} */
CardFooter.prototype.primaryAction;
/** @type {?} */
CardFooter.prototype.secondaryAction;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1mb290ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGt1c2hraS9uZy1zdWthLyIsInNvdXJjZXMiOlsibGliL2NhcmQvY2FyZC1mb290ZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQXVCL0csTUFBTSxPQUFPLFVBQVU7SUFyQnZCO1FBc0JFLHdCQUFtQixHQUFHLEtBQUssQ0FBQztRQUVNLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFJekMsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ25DLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQWVqRCxDQUFDOzs7O0lBYkMsUUFBUTtRQUNOLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLFNBQVMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO0lBQ3ZFLENBQUM7Ozs7O0lBRUQsYUFBYSxDQUFDLFVBQWtCO1FBQzlCLElBQUksVUFBVSxLQUFLLFNBQVMsRUFBRTtZQUM1QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO1NBQzNCO1FBRUQsSUFBSSxVQUFVLEtBQUssV0FBVyxFQUFFO1lBQzlCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDN0I7SUFDSCxDQUFDOzs7WUEzQ0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxrQkFBa0I7Z0JBQzVCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7OztHQWdCVDtnQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTthQUN0Qzs7O3dCQUlFLFdBQVcsU0FBQyxtQkFBbUI7MkJBRS9CLEtBQUs7NkJBQ0wsS0FBSzs0QkFDTCxNQUFNOzhCQUNOLE1BQU07Ozs7SUFQUCx5Q0FBNEI7O0lBRTVCLCtCQUFtRDs7SUFFbkQsa0NBQThCOztJQUM5QixvQ0FBZ0M7O0lBQ2hDLG1DQUE2Qzs7SUFDN0MscUNBQStDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1a2EtY2FyZC1mb290ZXInLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxzdWthLWJ1dHRvbi1ncm91cD5cbiAgICAgIDxidXR0b25cbiAgICAgICAgKm5nSWY9XCJzaG93U2Vjb25kYXJ5QnV0dG9uXCJcbiAgICAgICAgc3VrYUJ1dHRvbj1cInBsYWluXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQnV0dG9uQ2xpY2soJ3NlY29uZGFyeScpXCJcbiAgICAgID5cbiAgICAgICAge3tzZWNvbmRhcnlMYWJlbH19XG4gICAgICA8L2J1dHRvbj5cbiAgICAgIDxidXR0b25cbiAgICAgICAgc3VrYUJ1dHRvbj1cInByaW1hcnlcIlxuICAgICAgICAoY2xpY2spPVwib25CdXR0b25DbGljaygncHJpbWFyeScpXCJcbiAgICAgID5cbiAgICAgICAge3twcmltYXJ5TGFiZWx9fVxuICAgICAgPC9idXR0b24+XG4gICAgPC9zdWthLWJ1dHRvbi1ncm91cD5cbiAgYCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FyZEZvb3RlciBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHNob3dTZWNvbmRhcnlCdXR0b24gPSBmYWxzZTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmNhcmQtZm9vdGVyJykgYmFzZUNsYXNzID0gdHJ1ZTtcblxuICBASW5wdXQoKSBwcmltYXJ5TGFiZWw6IHN0cmluZztcbiAgQElucHV0KCkgc2Vjb25kYXJ5TGFiZWw6IHN0cmluZztcbiAgQE91dHB1dCgpIHByaW1hcnlBY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBzZWNvbmRhcnlBY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5zaG93U2Vjb25kYXJ5QnV0dG9uID0gdGhpcy5zZWNvbmRhcnlBY3Rpb24ub2JzZXJ2ZXJzLmxlbmd0aCA+IDA7XG4gIH1cblxuICBvbkJ1dHRvbkNsaWNrKGJ1dHRvblR5cGU6IHN0cmluZykge1xuICAgIGlmIChidXR0b25UeXBlID09PSAncHJpbWFyeScpIHtcbiAgICAgIHRoaXMucHJpbWFyeUFjdGlvbi5lbWl0KCk7XG4gICAgfVxuXG4gICAgaWYgKGJ1dHRvblR5cGUgPT09ICdzZWNvbmRhcnknKSB7XG4gICAgICB0aGlzLnNlY29uZGFyeUFjdGlvbi5lbWl0KCk7XG4gICAgfVxuICB9XG59XG4iXX0=