@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>
72 lines • 3.86 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';
export class TabItem {
/**
* @param {?} cdRef
*/
constructor(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
* @return {?}
*/
activate() {
this.active = true;
this.cdRef.detectChanges();
this.selected.emit(this.title);
}
}
TabItem.decorators = [
{ type: Component, args: [{
selector: 'suka-tab',
template: `
<div [hidden]="!active" class="tabs__tab-item">
<ng-content></ng-content>
</div>
`
}] }
];
/** @nocollapse */
TabItem.ctorParameters = () => [
{ type: ChangeDetectorRef }
];
TabItem.propDecorators = {
title: [{ type: Input }],
active: [{ type: Input }],
selected: [{ type: Output }]
};
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGt1c2hraS9uZy1zdWthLyIsInNvdXJjZXMiOlsibGliL3RhYnMvdGFiLWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxFQUVaLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQVV2QixNQUFNLE9BQU8sT0FBTzs7OztJQWdCbEIsWUFBb0IsS0FBd0I7UUFBeEIsVUFBSyxHQUFMLEtBQUssQ0FBbUI7Ozs7UUFQbkMsV0FBTSxHQUFHLEtBQUssQ0FBQzs7OztRQUtkLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBNkIsQ0FBQztJQUVuQixDQUFDOzs7OztJQUtqRCxRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7UUFDbkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMzQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakMsQ0FBQzs7O1lBakNGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsVUFBVTtnQkFDcEIsUUFBUSxFQUFFOzs7O0dBSVQ7YUFDRjs7OztZQVZDLGlCQUFpQjs7O29CQWVoQixLQUFLO3FCQUtMLEtBQUs7dUJBS0wsTUFBTTs7Ozs7OztJQVZQLHdCQUEwQzs7Ozs7SUFLMUMseUJBQXdCOzs7OztJQUt4QiwyQkFBbUU7Ozs7O0lBRXZELHdCQUFnQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBUZW1wbGF0ZVJlZixcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdWthLXRhYicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBbaGlkZGVuXT1cIiFhY3RpdmVcIiBjbGFzcz1cInRhYnNfX3RhYi1pdGVtXCI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIGAsXG59KVxuZXhwb3J0IGNsYXNzIFRhYkl0ZW0ge1xuICAvKipcbiAgICogU2V0cyB0aGUgdGFiIHRpdGxlLlxuICAgKi9cbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZyB8IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgLyoqXG4gICAqIFNldCB0byBgdHJ1ZWAgdG8gYWN0aXZhdGUgdGhlIHRhYiAoZGlzcGxheSBpdCkuXG4gICAqL1xuICBASW5wdXQoKSBhY3RpdmUgPSBmYWxzZTtcblxuICAvKipcbiAgICogQ2FsbGJhY2sgd2hlbiB0aGUgdGFiIGlzIHNlbGVjdGVkLlxuICAgKi9cbiAgQE91dHB1dCgpIHNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmcgfCBUZW1wbGF0ZVJlZjxhbnk+PigpO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7IH1cblxuICAvKipcbiAgICogQWN0aXZhdGVzIHRhYiBpdGVtXG4gICAqL1xuICBhY3RpdmF0ZSgpOiB2b2lkIHtcbiAgICB0aGlzLmFjdGl2ZSA9IHRydWU7XG4gICAgdGhpcy5jZFJlZi5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgdGhpcy5zZWxlY3RlZC5lbWl0KHRoaXMudGl0bGUpO1xuICB9XG59XG4iXX0=