@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>
123 lines • 8.7 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, HostBinding, Output, EventEmitter } from '@angular/core';
var Card = /** @class */ (function () {
function Card() {
this.primaryFooterAction = new EventEmitter();
this.secondaryFooterAction = new EventEmitter();
this.headerAction = new EventEmitter();
this.cardClass = true;
/**
* Skeleton state.
*/
this.skeleton = false;
this.showFooter = false;
}
/**
* @return {?}
*/
Card.prototype.ngOnInit = /**
* @return {?}
*/
function () {
this.showFooter = this.primaryFooterAction.observers.length > 0;
};
/**
* @param {?} $event
* @return {?}
*/
Card.prototype.onPrimaryFooterAction = /**
* @param {?} $event
* @return {?}
*/
function ($event) {
this.primaryFooterAction.emit($event);
};
/**
* @param {?} $event
* @return {?}
*/
Card.prototype.onSecondaryFooterAction = /**
* @param {?} $event
* @return {?}
*/
function ($event) {
this.secondaryFooterAction.emit($event);
};
/**
* @param {?} $event
* @return {?}
*/
Card.prototype.onHeaderAction = /**
* @param {?} $event
* @return {?}
*/
function ($event) {
this.headerAction.emit($event);
};
Card.decorators = [
{ type: Component, args: [{
selector: 'suka-card',
template: "\n <suka-card-header\n *ngIf=\"title\"\n (action)=\"onHeaderAction($event)\"\n [actionLabel]=\"headerActionLabel\"\n [skeleton]=\"skeleton\"\n >\n {{title}}\n </suka-card-header>\n\n <suka-card-section\n *ngIf='(sectioned !== false) else elseTpl'\n >\n <ng-container *ngTemplateOutlet=\"elseTpl\"></ng-container>\n </suka-card-section>\n\n <suka-card-footer\n *ngIf='!skeleton && showFooter'\n (primaryAction)=\"onPrimaryFooterAction($event)\"\n [primaryLabel]=\"primaryFooterActionLabel\"\n (secondaryAction)=\"secondaryFooterAction ? onSecondaryFooterAction($event): undefined\"\n [secondaryLabel]=\"secondaryFooterActionLabel\"\n >\n </suka-card-footer>\n\n <ng-template #elseTpl><ng-content></ng-content></ng-template>\n "
}] }
];
Card.propDecorators = {
title: [{ type: Input }],
sectioned: [{ type: Input }],
primaryFooterActionLabel: [{ type: Input }],
primaryFooterAction: [{ type: Output }],
secondaryFooterActionLabel: [{ type: Input }],
secondaryFooterAction: [{ type: Output }],
headerActionLabel: [{ type: Input }],
headerAction: [{ type: Output }],
cardClass: [{ type: HostBinding, args: ['class.card',] }],
skeleton: [{ type: Input }]
};
return Card;
}());
export { Card };
if (false) {
/**
* Title content for the card.
* @type {?}
*/
Card.prototype.title;
/**
* Set to `true` to auto-wrap content in section
* @type {?}
*/
Card.prototype.sectioned;
/**
* Primary action in the card footer.
* @type {?}
*/
Card.prototype.primaryFooterActionLabel;
/** @type {?} */
Card.prototype.primaryFooterAction;
/**
* Secondary action in the card footer.
* @type {?}
*/
Card.prototype.secondaryFooterActionLabel;
/** @type {?} */
Card.prototype.secondaryFooterAction;
/**
* Action in the card header.
* @type {?}
*/
Card.prototype.headerActionLabel;
/** @type {?} */
Card.prototype.headerAction;
/** @type {?} */
Card.prototype.cardClass;
/**
* Skeleton state.
* @type {?}
*/
Card.prototype.skeleton;
/** @type {?} */
Card.prototype.showFooter;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Aa3VzaGtpL25nLXN1a2EvIiwic291cmNlcyI6WyJsaWIvY2FyZC9jYXJkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFNUY7SUFBQTtRQStDWSx3QkFBbUIsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBTXpDLDBCQUFxQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFNM0MsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRWpCLGNBQVMsR0FBRyxJQUFJLENBQUM7Ozs7UUFLbkMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUUxQixlQUFVLEdBQUcsS0FBSyxDQUFDO0lBaUJyQixDQUFDOzs7O0lBZlEsdUJBQVE7OztJQUFmO1FBQ0UsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUMsU0FBUyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7SUFDbEUsQ0FBQzs7Ozs7SUFFTSxvQ0FBcUI7Ozs7SUFBNUIsVUFBNkIsTUFBTTtRQUNqQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3hDLENBQUM7Ozs7O0lBRU0sc0NBQXVCOzs7O0lBQTlCLFVBQStCLE1BQU07UUFDbkMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUMxQyxDQUFDOzs7OztJQUVNLDZCQUFjOzs7O0lBQXJCLFVBQXNCLE1BQU07UUFDMUIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDakMsQ0FBQzs7Z0JBcEZGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsV0FBVztvQkFDckIsUUFBUSxFQUFFLGt6QkEwQlQ7aUJBQ0Y7Ozt3QkFPRSxLQUFLOzRCQUtMLEtBQUs7MkNBS0wsS0FBSztzQ0FDTCxNQUFNOzZDQUtOLEtBQUs7d0NBQ0wsTUFBTTtvQ0FLTixLQUFLOytCQUNMLE1BQU07NEJBRU4sV0FBVyxTQUFDLFlBQVk7MkJBS3hCLEtBQUs7O0lBbUJSLFdBQUM7Q0FBQSxBQXJGRCxJQXFGQztTQXJEWSxJQUFJOzs7Ozs7SUFJZixxQkFBdUI7Ozs7O0lBS3ZCLHlCQUE0Qjs7Ozs7SUFLNUIsd0NBQTBDOztJQUMxQyxtQ0FBbUQ7Ozs7O0lBS25ELDBDQUE2Qzs7SUFDN0MscUNBQXFEOzs7OztJQUtyRCxpQ0FBbUM7O0lBQ25DLDRCQUE0Qzs7SUFFNUMseUJBQTRDOzs7OztJQUs1Qyx3QkFBMEI7O0lBRTFCLDBCQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIEhvc3RCaW5kaW5nLCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1a2EtY2FyZCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPHN1a2EtY2FyZC1oZWFkZXJcbiAgICAgICpuZ0lmPVwidGl0bGVcIlxuICAgICAgKGFjdGlvbik9XCJvbkhlYWRlckFjdGlvbigkZXZlbnQpXCJcbiAgICAgIFthY3Rpb25MYWJlbF09XCJoZWFkZXJBY3Rpb25MYWJlbFwiXG4gICAgICBbc2tlbGV0b25dPVwic2tlbGV0b25cIlxuICAgID5cbiAgICAgIHt7dGl0bGV9fVxuICAgIDwvc3VrYS1jYXJkLWhlYWRlcj5cblxuICAgIDxzdWthLWNhcmQtc2VjdGlvblxuICAgICAgKm5nSWY9JyhzZWN0aW9uZWQgIT09IGZhbHNlKSBlbHNlIGVsc2VUcGwnXG4gICAgPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImVsc2VUcGxcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L3N1a2EtY2FyZC1zZWN0aW9uPlxuXG4gICAgPHN1a2EtY2FyZC1mb290ZXJcbiAgICAgICpuZ0lmPSchc2tlbGV0b24gJiYgc2hvd0Zvb3RlcidcbiAgICAgIChwcmltYXJ5QWN0aW9uKT1cIm9uUHJpbWFyeUZvb3RlckFjdGlvbigkZXZlbnQpXCJcbiAgICAgIFtwcmltYXJ5TGFiZWxdPVwicHJpbWFyeUZvb3RlckFjdGlvbkxhYmVsXCJcbiAgICAgIChzZWNvbmRhcnlBY3Rpb24pPVwic2Vjb25kYXJ5Rm9vdGVyQWN0aW9uID8gb25TZWNvbmRhcnlGb290ZXJBY3Rpb24oJGV2ZW50KTogdW5kZWZpbmVkXCJcbiAgICAgIFtzZWNvbmRhcnlMYWJlbF09XCJzZWNvbmRhcnlGb290ZXJBY3Rpb25MYWJlbFwiXG4gICAgPlxuICAgIDwvc3VrYS1jYXJkLWZvb3Rlcj5cblxuICAgIDxuZy10ZW1wbGF0ZSAjZWxzZVRwbD48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9uZy10ZW1wbGF0ZT5cbiAgYFxufSlcblxuLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOiBjb21wb25lbnQtY2xhc3Mtc3VmZml4XG5leHBvcnQgY2xhc3MgQ2FyZCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8qKlxuICAgKiBUaXRsZSBjb250ZW50IGZvciB0aGUgY2FyZC5cbiAgICovXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIFNldCB0byBgdHJ1ZWAgdG8gYXV0by13cmFwIGNvbnRlbnQgaW4gc2VjdGlvblxuICAgKi9cbiAgQElucHV0KCkgc2VjdGlvbmVkOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBQcmltYXJ5IGFjdGlvbiBpbiB0aGUgY2FyZCBmb290ZXIuXG4gICAqL1xuICBASW5wdXQoKSBwcmltYXJ5Rm9vdGVyQWN0aW9uTGFiZWw6IHN0cmluZztcbiAgQE91dHB1dCgpIHByaW1hcnlGb290ZXJBY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgLyoqXG4gICAqIFNlY29uZGFyeSBhY3Rpb24gaW4gdGhlIGNhcmQgZm9vdGVyLlxuICAgKi9cbiAgQElucHV0KCkgIHNlY29uZGFyeUZvb3RlckFjdGlvbkxhYmVsOiBzdHJpbmc7XG4gIEBPdXRwdXQoKSBzZWNvbmRhcnlGb290ZXJBY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgLyoqXG4gICAqIEFjdGlvbiBpbiB0aGUgY2FyZCBoZWFkZXIuXG4gICAqL1xuICBASW5wdXQoKSBoZWFkZXJBY3Rpb25MYWJlbDogc3RyaW5nO1xuICBAT3V0cHV0KCkgaGVhZGVyQWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuY2FyZCcpIGNhcmRDbGFzcyA9IHRydWU7XG5cbiAgLyoqXG4gICAqIFNrZWxldG9uIHN0YXRlLlxuICAgKi9cbiAgQElucHV0KCkgc2tlbGV0b24gPSBmYWxzZTtcblxuICBzaG93Rm9vdGVyID0gZmFsc2U7XG5cbiAgcHVibGljIG5nT25Jbml0KCkge1xuICAgIHRoaXMuc2hvd0Zvb3RlciA9IHRoaXMucHJpbWFyeUZvb3RlckFjdGlvbi5vYnNlcnZlcnMubGVuZ3RoID4gMDtcbiAgfVxuXG4gIHB1YmxpYyBvblByaW1hcnlGb290ZXJBY3Rpb24oJGV2ZW50KSB7XG4gICAgdGhpcy5wcmltYXJ5Rm9vdGVyQWN0aW9uLmVtaXQoJGV2ZW50KTtcbiAgfVxuXG4gIHB1YmxpYyBvblNlY29uZGFyeUZvb3RlckFjdGlvbigkZXZlbnQpIHtcbiAgICB0aGlzLnNlY29uZGFyeUZvb3RlckFjdGlvbi5lbWl0KCRldmVudCk7XG4gIH1cblxuICBwdWJsaWMgb25IZWFkZXJBY3Rpb24oJGV2ZW50KSB7XG4gICAgdGhpcy5oZWFkZXJBY3Rpb24uZW1pdCgkZXZlbnQpO1xuICB9XG59XG4iXX0=