@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>
74 lines • 4.17 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, Output, EventEmitter, ChangeDetectorRef, } from '@angular/core';
var TabItem = /** @class */ (function () {
function TabItem(cdRef) {
this.cdRef = cdRef;
/**
* Set to `true` to activate the tab (display it).
*/
this.active = false;
/**
* Callback when the tab is selected.
*/
this.selected = new EventEmitter();
}
/**
* Activates tab item
*/
/**
* Activates tab item
* @return {?}
*/
TabItem.prototype.activate = /**
* Activates tab item
* @return {?}
*/
function () {
this.active = true;
this.cdRef.detectChanges();
this.selected.emit(this.title);
};
TabItem.decorators = [
{ type: Component, args: [{
selector: 'suka-tab',
template: "\n <div [hidden]=\"!active\" class=\"tabs__tab-item\">\n <ng-content></ng-content>\n </div>\n "
}] }
];
/** @nocollapse */
TabItem.ctorParameters = function () { return [
{ type: ChangeDetectorRef }
]; };
TabItem.propDecorators = {
title: [{ type: Input }],
active: [{ type: Input }],
selected: [{ type: Output }]
};
return TabItem;
}());
export { TabItem };
if (false) {
/**
* Sets the tab title.
* @type {?}
*/
TabItem.prototype.title;
/**
* Set to `true` to activate the tab (display it).
* @type {?}
*/
TabItem.prototype.active;
/**
* Callback when the tab is selected.
* @type {?}
*/
TabItem.prototype.selected;
/**
* @type {?}
* @private
*/
TabItem.prototype.cdRef;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGt1c2hraS9uZy1zdWthLyIsInNvdXJjZXMiOlsibGliL3RhYnMvdGFiLWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxFQUVaLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUV2QjtJQXdCRSxpQkFBb0IsS0FBd0I7UUFBeEIsVUFBSyxHQUFMLEtBQUssQ0FBbUI7Ozs7UUFQbkMsV0FBTSxHQUFHLEtBQUssQ0FBQzs7OztRQUtkLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBNkIsQ0FBQztJQUVuQixDQUFDO0lBRWpEOztPQUVHOzs7OztJQUNILDBCQUFROzs7O0lBQVI7UUFDRSxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztRQUNuQixJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQzNCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNqQyxDQUFDOztnQkFqQ0YsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxVQUFVO29CQUNwQixRQUFRLEVBQUUsNEdBSVQ7aUJBQ0Y7Ozs7Z0JBVkMsaUJBQWlCOzs7d0JBZWhCLEtBQUs7eUJBS0wsS0FBSzsyQkFLTCxNQUFNOztJQVlULGNBQUM7Q0FBQSxBQWxDRCxJQWtDQztTQTFCWSxPQUFPOzs7Ozs7SUFJbEIsd0JBQTBDOzs7OztJQUsxQyx5QkFBd0I7Ozs7O0lBS3hCLDJCQUFtRTs7Ozs7SUFFdkQsd0JBQWdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIFRlbXBsYXRlUmVmLFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1a2EtdGFiJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IFtoaWRkZW5dPVwiIWFjdGl2ZVwiIGNsYXNzPVwidGFic19fdGFiLWl0ZW1cIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgYCxcbn0pXG5leHBvcnQgY2xhc3MgVGFiSXRlbSB7XG4gIC8qKlxuICAgKiBTZXRzIHRoZSB0YWIgdGl0bGUuXG4gICAqL1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nIHwgVGVtcGxhdGVSZWY8YW55PjtcblxuICAvKipcbiAgICogU2V0IHRvIGB0cnVlYCB0byBhY3RpdmF0ZSB0aGUgdGFiIChkaXNwbGF5IGl0KS5cbiAgICovXG4gIEBJbnB1dCgpIGFjdGl2ZSA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSB0YWIgaXMgc2VsZWN0ZWQuXG4gICAqL1xuICBAT3V0cHV0KCkgc2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZyB8IFRlbXBsYXRlUmVmPGFueT4+KCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHsgfVxuXG4gIC8qKlxuICAgKiBBY3RpdmF0ZXMgdGFiIGl0ZW1cbiAgICovXG4gIGFjdGl2YXRlKCk6IHZvaWQge1xuICAgIHRoaXMuYWN0aXZlID0gdHJ1ZTtcbiAgICB0aGlzLmNkUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgICB0aGlzLnNlbGVjdGVkLmVtaXQodGhpcy50aXRsZSk7XG4gIH1cbn1cbiJdfQ==