@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.09 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, HostBinding, Output, EventEmitter, Input } from '@angular/core';
// tslint:disable-next-line: component-class-suffix
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>
`
}] }
];
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1mb290ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGt1c2hraS9uZy1zdWthLyIsInNvdXJjZXMiOlsibGliL2NhcmQvY2FyZC1mb290ZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQXVCNUYsbURBQW1EO0FBQ25ELE1BQU0sT0FBTyxVQUFVO0lBdEJ2QjtRQXVCRSx3QkFBbUIsR0FBRyxLQUFLLENBQUM7UUFFTSxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBSXpDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNuQyxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFlakQsQ0FBQzs7OztJQWJDLFFBQVE7UUFDTixJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxTQUFTLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztJQUN2RSxDQUFDOzs7OztJQUVELGFBQWEsQ0FBQyxVQUFrQjtRQUM5QixJQUFJLFVBQVUsS0FBSyxTQUFTLEVBQUU7WUFDNUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUMzQjtRQUVELElBQUksVUFBVSxLQUFLLFdBQVcsRUFBRTtZQUM5QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksRUFBRSxDQUFDO1NBQzdCO0lBQ0gsQ0FBQzs7O1lBNUNGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsa0JBQWtCO2dCQUM1QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQlQ7YUFDRjs7O3dCQU1FLFdBQVcsU0FBQyxtQkFBbUI7MkJBRS9CLEtBQUs7NkJBQ0wsS0FBSzs0QkFDTCxNQUFNOzhCQUNOLE1BQU07Ozs7SUFQUCx5Q0FBNEI7O0lBRTVCLCtCQUFtRDs7SUFFbkQsa0NBQThCOztJQUM5QixvQ0FBZ0M7O0lBQ2hDLG1DQUE2Qzs7SUFDN0MscUNBQStDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3VrYS1jYXJkLWZvb3RlcicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPHN1a2EtYnV0dG9uLWdyb3VwPlxuICAgICAgPGJ1dHRvblxuICAgICAgICAqbmdJZj1cInNob3dTZWNvbmRhcnlCdXR0b25cIlxuICAgICAgICBzdWthQnV0dG9uPVwicGxhaW5cIlxuICAgICAgICAoY2xpY2spPVwib25CdXR0b25DbGljaygnc2Vjb25kYXJ5JylcIlxuICAgICAgPlxuICAgICAgICB7e3NlY29uZGFyeUxhYmVsfX1cbiAgICAgIDwvYnV0dG9uPlxuICAgICAgPGJ1dHRvblxuICAgICAgICBzdWthQnV0dG9uPVwicHJpbWFyeVwiXG4gICAgICAgIChjbGljayk9XCJvbkJ1dHRvbkNsaWNrKCdwcmltYXJ5JylcIlxuICAgICAgPlxuICAgICAgICB7e3ByaW1hcnlMYWJlbH19XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L3N1a2EtYnV0dG9uLWdyb3VwPlxuICBgLFxufSlcblxuLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOiBjb21wb25lbnQtY2xhc3Mtc3VmZml4XG5leHBvcnQgY2xhc3MgQ2FyZEZvb3RlciBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHNob3dTZWNvbmRhcnlCdXR0b24gPSBmYWxzZTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmNhcmQtZm9vdGVyJykgYmFzZUNsYXNzID0gdHJ1ZTtcblxuICBASW5wdXQoKSBwcmltYXJ5TGFiZWw6IHN0cmluZztcbiAgQElucHV0KCkgc2Vjb25kYXJ5TGFiZWw6IHN0cmluZztcbiAgQE91dHB1dCgpIHByaW1hcnlBY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBzZWNvbmRhcnlBY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5zaG93U2Vjb25kYXJ5QnV0dG9uID0gdGhpcy5zZWNvbmRhcnlBY3Rpb24ub2JzZXJ2ZXJzLmxlbmd0aCA+IDA7XG4gIH1cblxuICBvbkJ1dHRvbkNsaWNrKGJ1dHRvblR5cGU6IHN0cmluZykge1xuICAgIGlmIChidXR0b25UeXBlID09PSAncHJpbWFyeScpIHtcbiAgICAgIHRoaXMucHJpbWFyeUFjdGlvbi5lbWl0KCk7XG4gICAgfVxuXG4gICAgaWYgKGJ1dHRvblR5cGUgPT09ICdzZWNvbmRhcnknKSB7XG4gICAgICB0aGlzLnNlY29uZGFyeUFjdGlvbi5lbWl0KCk7XG4gICAgfVxuICB9XG59XG4iXX0=