@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>
163 lines • 10.4 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, HostBinding, Output, EventEmitter, ViewEncapsulation } from '@angular/core';
var Card = /** @class */ (function () {
function Card() {
/**
* Callback for the primary action
*/
this.primaryFooterAction = new EventEmitter();
/**
* Callback for the secondary action
*/
this.secondaryFooterAction = new EventEmitter();
/**
* Callback for the card header action
*/
this.headerAction = new EventEmitter();
this.cardClass = true;
/**
* Set to `true` to display a loading card.
*/
this.skeleton = false;
/**
* Display footer state.
*/
this.showFooter = false;
}
/**
* @return {?}
*/
Card.prototype.ngOnInit = /**
* @return {?}
*/
function () {
this.showFooter = this.primaryFooterAction.observers.length > 0;
};
/**
* Emits the cards primary footer action callback
*/
/**
* Emits the cards primary footer action callback
* @param {?} $event
* @return {?}
*/
Card.prototype.onPrimaryFooterAction = /**
* Emits the cards primary footer action callback
* @param {?} $event
* @return {?}
*/
function ($event) {
this.primaryFooterAction.emit($event);
};
/**
* Emits the cards secondary footer action callback
*/
/**
* Emits the cards secondary footer action callback
* @param {?} $event
* @return {?}
*/
Card.prototype.onSecondaryFooterAction = /**
* Emits the cards secondary footer action callback
* @param {?} $event
* @return {?}
*/
function ($event) {
this.secondaryFooterAction.emit($event);
};
/**
* Emits the cards header action callback
*/
/**
* Emits the cards header action callback
* @param {?} $event
* @return {?}
*/
Card.prototype.onHeaderAction = /**
* Emits the cards header action callback
* @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)=\"onSecondaryFooterAction($event)\"\n [secondaryLabel]=\"secondaryFooterActionLabel\"\n >\n </suka-card-footer>\n\n <ng-template #elseTpl><ng-content></ng-content></ng-template>\n ",
encapsulation: ViewEncapsulation.None
}] }
];
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 label.
* @type {?}
*/
Card.prototype.primaryFooterActionLabel;
/**
* Callback for the primary action
* @type {?}
*/
Card.prototype.primaryFooterAction;
/**
* Secondary action label.
* @type {?}
*/
Card.prototype.secondaryFooterActionLabel;
/**
* Callback for the secondary action
* @type {?}
*/
Card.prototype.secondaryFooterAction;
/**
* Card header action label
* @type {?}
*/
Card.prototype.headerActionLabel;
/**
* Callback for the card header action
* @type {?}
*/
Card.prototype.headerAction;
/** @type {?} */
Card.prototype.cardClass;
/**
* Set to `true` to display a loading card.
* @type {?}
*/
Card.prototype.skeleton;
/**
* Display footer state.
* @type {?}
*/
Card.prototype.showFooter;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Aa3VzaGtpL25nLXN1a2EvIiwic291cmNlcyI6WyJsaWIvY2FyZC9jYXJkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsV0FBVyxFQUNYLE1BQU0sRUFDTixZQUFZLEVBRVosaUJBQWlCLEVBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBRXZCO0lBQUE7Ozs7UUFpRFksd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQzs7OztRQVN6QywwQkFBcUIsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDOzs7O1FBVTNDLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUVqQixjQUFTLEdBQUcsSUFBSSxDQUFDOzs7O1FBS25DLGFBQVEsR0FBRyxLQUFLLENBQUM7Ozs7UUFLMUIsZUFBVSxHQUFHLEtBQUssQ0FBQztJQTBCckIsQ0FBQzs7OztJQXhCUSx1QkFBUTs7O0lBQWY7UUFDRSxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxTQUFTLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztJQUNsRSxDQUFDO0lBRUQ7O09BRUc7Ozs7OztJQUNJLG9DQUFxQjs7Ozs7SUFBNUIsVUFBNkIsTUFBTTtRQUNqQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFRDs7T0FFRzs7Ozs7O0lBQ0ksc0NBQXVCOzs7OztJQUE5QixVQUErQixNQUFNO1FBQ25DLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVEOztPQUVHOzs7Ozs7SUFDSSw2QkFBYzs7Ozs7SUFBckIsVUFBc0IsTUFBTTtRQUMxQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNqQyxDQUFDOztnQkF6R0YsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxXQUFXO29CQUNyQixRQUFRLEVBQUUsK3dCQTBCVDtvQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtpQkFDdEM7Ozt3QkFLRSxLQUFLOzRCQUtMLEtBQUs7MkNBS0wsS0FBSztzQ0FJTCxNQUFNOzZDQUtOLEtBQUs7d0NBSUwsTUFBTTtvQ0FLTixLQUFLOytCQUtMLE1BQU07NEJBRU4sV0FBVyxTQUFDLFlBQVk7MkJBS3hCLEtBQUs7O0lBK0JSLFdBQUM7Q0FBQSxBQTFHRCxJQTBHQztTQTNFWSxJQUFJOzs7Ozs7SUFJZixxQkFBdUI7Ozs7O0lBS3ZCLHlCQUE0Qjs7Ozs7SUFLNUIsd0NBQTBDOzs7OztJQUkxQyxtQ0FBbUQ7Ozs7O0lBS25ELDBDQUE2Qzs7Ozs7SUFJN0MscUNBQXFEOzs7OztJQUtyRCxpQ0FBbUM7Ozs7O0lBS25DLDRCQUE0Qzs7SUFFNUMseUJBQTRDOzs7OztJQUs1Qyx3QkFBMEI7Ozs7O0lBSzFCLDBCQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIEhvc3RCaW5kaW5nLFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT25Jbml0LFxuICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3VrYS1jYXJkJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8c3VrYS1jYXJkLWhlYWRlclxuICAgICAgKm5nSWY9XCJ0aXRsZVwiXG4gICAgICAoYWN0aW9uKT1cIm9uSGVhZGVyQWN0aW9uKCRldmVudClcIlxuICAgICAgW2FjdGlvbkxhYmVsXT1cImhlYWRlckFjdGlvbkxhYmVsXCJcbiAgICAgIFtza2VsZXRvbl09XCJza2VsZXRvblwiXG4gICAgPlxuICAgICAge3t0aXRsZX19XG4gICAgPC9zdWthLWNhcmQtaGVhZGVyPlxuXG4gICAgPHN1a2EtY2FyZC1zZWN0aW9uXG4gICAgICAqbmdJZj0nKHNlY3Rpb25lZCAhPT0gZmFsc2UpIGVsc2UgZWxzZVRwbCdcbiAgICA+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZWxzZVRwbFwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvc3VrYS1jYXJkLXNlY3Rpb24+XG5cbiAgICA8c3VrYS1jYXJkLWZvb3RlclxuICAgICAgKm5nSWY9JyFza2VsZXRvbiAmJiBzaG93Rm9vdGVyJ1xuICAgICAgKHByaW1hcnlBY3Rpb24pPVwib25QcmltYXJ5Rm9vdGVyQWN0aW9uKCRldmVudClcIlxuICAgICAgW3ByaW1hcnlMYWJlbF09XCJwcmltYXJ5Rm9vdGVyQWN0aW9uTGFiZWxcIlxuICAgICAgKHNlY29uZGFyeUFjdGlvbik9XCJvblNlY29uZGFyeUZvb3RlckFjdGlvbigkZXZlbnQpXCJcbiAgICAgIFtzZWNvbmRhcnlMYWJlbF09XCJzZWNvbmRhcnlGb290ZXJBY3Rpb25MYWJlbFwiXG4gICAgPlxuICAgIDwvc3VrYS1jYXJkLWZvb3Rlcj5cblxuICAgIDxuZy10ZW1wbGF0ZSAjZWxzZVRwbD48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9uZy10ZW1wbGF0ZT5cbiAgYCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FyZCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8qKlxuICAgKiBUaXRsZSBjb250ZW50IGZvciB0aGUgY2FyZC5cbiAgICovXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIFNldCB0byBgdHJ1ZWAgdG8gYXV0by13cmFwIGNvbnRlbnQgaW4gc2VjdGlvblxuICAgKi9cbiAgQElucHV0KCkgc2VjdGlvbmVkOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBQcmltYXJ5IGFjdGlvbiBsYWJlbC5cbiAgICovXG4gIEBJbnB1dCgpIHByaW1hcnlGb290ZXJBY3Rpb25MYWJlbDogc3RyaW5nO1xuICAvKipcbiAgICogQ2FsbGJhY2sgZm9yIHRoZSBwcmltYXJ5IGFjdGlvblxuICAgKi9cbiAgQE91dHB1dCgpIHByaW1hcnlGb290ZXJBY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgLyoqXG4gICAqIFNlY29uZGFyeSBhY3Rpb24gbGFiZWwuXG4gICAqL1xuICBASW5wdXQoKSAgc2Vjb25kYXJ5Rm9vdGVyQWN0aW9uTGFiZWw6IHN0cmluZztcbiAgLyoqXG4gICAqIENhbGxiYWNrIGZvciB0aGUgc2Vjb25kYXJ5IGFjdGlvblxuICAgKi9cbiAgQE91dHB1dCgpIHNlY29uZGFyeUZvb3RlckFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAvKipcbiAgICogQ2FyZCBoZWFkZXIgYWN0aW9uIGxhYmVsXG4gICAqL1xuICBASW5wdXQoKSBoZWFkZXJBY3Rpb25MYWJlbDogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBDYWxsYmFjayBmb3IgdGhlIGNhcmQgaGVhZGVyIGFjdGlvblxuICAgKi9cbiAgQE91dHB1dCgpIGhlYWRlckFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmNhcmQnKSBjYXJkQ2xhc3MgPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBTZXQgdG8gYHRydWVgIHRvIGRpc3BsYXkgYSBsb2FkaW5nIGNhcmQuXG4gICAqL1xuICBASW5wdXQoKSBza2VsZXRvbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBEaXNwbGF5IGZvb3RlciBzdGF0ZS5cbiAgICovXG4gIHNob3dGb290ZXIgPSBmYWxzZTtcblxuICBwdWJsaWMgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5zaG93Rm9vdGVyID0gdGhpcy5wcmltYXJ5Rm9vdGVyQWN0aW9uLm9ic2VydmVycy5sZW5ndGggPiAwO1xuICB9XG5cbiAgLyoqXG4gICAqIEVtaXRzIHRoZSBjYXJkcyBwcmltYXJ5IGZvb3RlciBhY3Rpb24gY2FsbGJhY2tcbiAgICovXG4gIHB1YmxpYyBvblByaW1hcnlGb290ZXJBY3Rpb24oJGV2ZW50KSB7XG4gICAgdGhpcy5wcmltYXJ5Rm9vdGVyQWN0aW9uLmVtaXQoJGV2ZW50KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBFbWl0cyB0aGUgY2FyZHMgc2Vjb25kYXJ5IGZvb3RlciBhY3Rpb24gY2FsbGJhY2tcbiAgICovXG4gIHB1YmxpYyBvblNlY29uZGFyeUZvb3RlckFjdGlvbigkZXZlbnQpIHtcbiAgICB0aGlzLnNlY29uZGFyeUZvb3RlckFjdGlvbi5lbWl0KCRldmVudCk7XG4gIH1cblxuICAvKipcbiAgICogRW1pdHMgdGhlIGNhcmRzIGhlYWRlciBhY3Rpb24gY2FsbGJhY2tcbiAgICovXG4gIHB1YmxpYyBvbkhlYWRlckFjdGlvbigkZXZlbnQpIHtcbiAgICB0aGlzLmhlYWRlckFjdGlvbi5lbWl0KCRldmVudCk7XG4gIH1cbn1cbiJdfQ==