@xui/components
Version:
xUI Components for Angular
29 lines • 4.06 kB
JavaScript
import { booleanAttribute, ChangeDetectionStrategy, Component, computed, Inject, input } from '@angular/core';
import { TAB_GROUP_ACCESSOR } from './tab.types';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class XuiTab {
constructor(tabGroup) {
this.tabGroup = tabGroup;
this.title = input();
this.disabled = input(false, { transform: booleanAttribute });
this._isActive = computed(() => this.tabGroup._active() === this);
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XuiTab, deps: [{ token: TAB_GROUP_ACCESSOR }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.1", type: XuiTab, selector: "xui-tab", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "x-tab" }, ngImport: i0, template: '<ng-container *ngIf="_isActive()"><ng-content /></ng-container>', isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: XuiTab, decorators: [{
type: Component,
args: [{
selector: 'xui-tab',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-container *ngIf="_isActive()"><ng-content /></ng-container>',
host: {
class: 'x-tab'
}
}]
}], ctorParameters: () => [{ type: undefined, decorators: [{
type: Inject,
args: [TAB_GROUP_ACCESSOR]
}] }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy94dWkvc3JjL3RhYnMvdGFiLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUcsT0FBTyxFQUFFLGtCQUFrQixFQUFvQixNQUFNLGFBQWEsQ0FBQzs7O0FBVW5FLE1BQU0sT0FBTyxNQUFNO0lBTWpCLFlBQWdELFFBQTBCO1FBQTFCLGFBQVEsR0FBUixRQUFRLENBQWtCO1FBTDFFLFVBQUssR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUN4QixhQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLENBQUM7UUFFekQsY0FBUyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLElBQUksQ0FBQyxDQUFDO0lBRWdCLENBQUM7OEdBTm5FLE1BQU0sa0JBTUcsa0JBQWtCO2tHQU4zQixNQUFNLHVWQUxQLGlFQUFpRTs7MkZBS2hFLE1BQU07a0JBUmxCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFNBQVM7b0JBQ25CLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxRQUFRLEVBQUUsaUVBQWlFO29CQUMzRSxJQUFJLEVBQUU7d0JBQ0osS0FBSyxFQUFFLE9BQU87cUJBQ2Y7aUJBQ0Y7OzBCQU9jLE1BQU07MkJBQUMsa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYm9vbGVhbkF0dHJpYnV0ZSwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIEluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRBQl9HUk9VUF9BQ0NFU1NPUiwgVGFiR3JvdXBBY2Nlc3NvciB9IGZyb20gJy4vdGFiLnR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAneHVpLXRhYicsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250YWluZXIgKm5nSWY9XCJfaXNBY3RpdmUoKVwiPjxuZy1jb250ZW50IC8+PC9uZy1jb250YWluZXI+JyxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAneC10YWInXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgWHVpVGFiIHtcbiAgdGl0bGUgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIGRpc2FibGVkID0gaW5wdXQoZmFsc2UsIHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pO1xuXG4gIF9pc0FjdGl2ZSA9IGNvbXB1dGVkKCgpID0+IHRoaXMudGFiR3JvdXAuX2FjdGl2ZSgpID09PSB0aGlzKTtcblxuICBjb25zdHJ1Y3RvcihASW5qZWN0KFRBQl9HUk9VUF9BQ0NFU1NPUikgcHJpdmF0ZSB0YWJHcm91cDogVGFiR3JvdXBBY2Nlc3Nvcikge31cbn1cbiJdfQ==