@ngstarter-ui/components 1.0.21

package/fesm2022/ngstarter-ui-components-tab-panel.mjs

@@ -0,0 +1,265 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Injectable, inject, DestroyRef, input, booleanAttribute, output, Component, InjectionToken, TemplateRef, ViewContainerRef, Directive } from '@angular/core';
+import { SelectionModel } from '@angular/cdk/collections';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1 from '@ngstarter-ui/components/core';
+import { Ripple } from '@ngstarter-ui/components/core';
+
+class TabPanelApiService {
+    _selectionModel = new SelectionModel(false);
+    itemIdChanged = new EventEmitter();
+    activate(id, emitEvent = true) {
+        this._selectionModel.select(id);
+        if (emitEvent) {
+            this.itemIdChanged.emit(id);
+        }
+    }
+    isActive(id) {
+        return this._selectionModel.isSelected(id);
+    }
+    hasActive() {
+        return this._selectionModel.hasValue();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanelApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanelApiService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanelApiService, decorators: [{
+            type: Injectable
+        }] });
+
+class TabPanel {
+    _destroyRef = inject(DestroyRef);
+    api = inject(TabPanelApiService);
+    hideContentIfTabNotSelected = input(false, { ...(ngDevMode ? { debugName: "hideContentIfTabNotSelected" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    activeItemId = input(...(ngDevMode ? [undefined, { debugName: "activeItemId" }] : /* istanbul ignore next */ []));
+    compact = input(false, { ...(ngDevMode ? { debugName: "compact" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    itemIdChanged = output();
+    ngOnInit() {
+        this.api
+            .itemIdChanged
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe(() => {
+            this.itemIdChanged.emit();
+        });
+    }
+    ngOnChanges(changes) {
+        if (changes['activeItemId']) {
+            this.api.activate(changes['activeItemId'].currentValue);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: TabPanel, isStandalone: true, selector: "ngs-tab-panel", inputs: { hideContentIfTabNotSelected: { classPropertyName: "hideContentIfTabNotSelected", publicName: "hideContentIfTabNotSelected", isSignal: true, isRequired: false, transformFunction: null }, activeItemId: { classPropertyName: "activeItemId", publicName: "activeItemId", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemIdChanged: "itemIdChanged" }, host: { properties: { "class.is-hide-content-if-tab-not-selected": "hideContentIfTabNotSelected()", "class.is-compact": "compact()" }, classAttribute: "ngs-tab-panel" }, providers: [
+            TabPanelApiService
+        ], exportAs: ["ngsTabPanel"], usesOnChanges: true, ngImport: i0, template: "<div class=\"panel\">\n  <ng-content select=\"ngs-tab-panel-header\"/>\n  <ng-content select=\"ngs-tab-panel-content\"/>\n  <ng-content select=\"ngs-tab-panel-footer\"/>\n</div>\n<ng-content select=\"ngs-tab-panel-aside\"/>\n", styles: [":host{--ngs-tab-panel-width: calc(var(--spacing, .25rem) * 20);--ngs-tab-panel-item-width: calc(var(--spacing, .25rem) * 15);--ngs-tab-panel-item-height: calc(var(--spacing, .25rem) * 15);--ngs-tab-panel-item-padding: calc(var(--spacing, .25rem) * 2);--ngs-tab-panel-item-gap: calc(var(--spacing, .25rem) * 1);--ngs-tab-panel-item-color: var(--nav-item-color);--ngs-tab-panel-item-hover-bg: var(--nav-item-hover-bg);--ngs-tab-panel-item-hover-color: var(--nav-item-hover-color);--ngs-tab-panel-item-active-bg: var(--nav-item-active-bg);--ngs-tab-panel-item-active-color: var(--nav-item-active-color);--ngs-tab-panel-item-border-radius: .75rem;--ngs-tab-panel-aside-width: calc(var(--spacing, .25rem) * 75);--ngs-tab-panel-nav-padding: 0;--ngs-tab-panel-nav-gap: calc(var(--spacing, .25rem) * 3);--ngs-tab-panel-item-text-font-size: .75rem;--ngs-tab-panel-item-icon-font-size: 1.5rem;--ngs-tab-panel-compact-width: calc(var(--spacing, .25rem) * 14);--ngs-tab-panel-compact-item-width: calc(var(--spacing, .25rem) * 10);--ngs-tab-panel-compact-item-height: calc(var(--spacing, .25rem) * 10);display:flex;width:min-content;align-items:stretch}:host .panel{display:flex;flex-direction:column;width:var(--ngs-tab-panel-width);flex:none}:host.is-compact .panel{width:var(--ngs-tab-panel-compact-width)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanel, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-tab-panel', exportAs: 'ngsTabPanel', providers: [
+                        TabPanelApiService
+                    ], host: {
+                        'class': 'ngs-tab-panel',
+                        '[class.is-hide-content-if-tab-not-selected]': 'hideContentIfTabNotSelected()',
+                        '[class.is-compact]': 'compact()',
+                    }, template: "<div class=\"panel\">\n  <ng-content select=\"ngs-tab-panel-header\"/>\n  <ng-content select=\"ngs-tab-panel-content\"/>\n  <ng-content select=\"ngs-tab-panel-footer\"/>\n</div>\n<ng-content select=\"ngs-tab-panel-aside\"/>\n", styles: [":host{--ngs-tab-panel-width: calc(var(--spacing, .25rem) * 20);--ngs-tab-panel-item-width: calc(var(--spacing, .25rem) * 15);--ngs-tab-panel-item-height: calc(var(--spacing, .25rem) * 15);--ngs-tab-panel-item-padding: calc(var(--spacing, .25rem) * 2);--ngs-tab-panel-item-gap: calc(var(--spacing, .25rem) * 1);--ngs-tab-panel-item-color: var(--nav-item-color);--ngs-tab-panel-item-hover-bg: var(--nav-item-hover-bg);--ngs-tab-panel-item-hover-color: var(--nav-item-hover-color);--ngs-tab-panel-item-active-bg: var(--nav-item-active-bg);--ngs-tab-panel-item-active-color: var(--nav-item-active-color);--ngs-tab-panel-item-border-radius: .75rem;--ngs-tab-panel-aside-width: calc(var(--spacing, .25rem) * 75);--ngs-tab-panel-nav-padding: 0;--ngs-tab-panel-nav-gap: calc(var(--spacing, .25rem) * 3);--ngs-tab-panel-item-text-font-size: .75rem;--ngs-tab-panel-item-icon-font-size: 1.5rem;--ngs-tab-panel-compact-width: calc(var(--spacing, .25rem) * 14);--ngs-tab-panel-compact-item-width: calc(var(--spacing, .25rem) * 10);--ngs-tab-panel-compact-item-height: calc(var(--spacing, .25rem) * 10);display:flex;width:min-content;align-items:stretch}:host .panel{display:flex;flex-direction:column;width:var(--ngs-tab-panel-width);flex:none}:host.is-compact .panel{width:var(--ngs-tab-panel-compact-width)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { hideContentIfTabNotSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideContentIfTabNotSelected", required: false }] }], activeItemId: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeItemId", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], itemIdChanged: [{ type: i0.Output, args: ["itemIdChanged"] }] } });
+
+class TabPanelHeader {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanelHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: TabPanelHeader, isStandalone: true, selector: "ngs-tab-panel-header", host: { classAttribute: "ngs-tab-panel-header" }, exportAs: ["ngsTabPanelHeader"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanelHeader, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-tab-panel-header', exportAs: 'ngsTabPanelHeader', host: {
+                        'class': 'ngs-tab-panel-header'
+                    }, template: "<ng-content/>\n", styles: [":host{display:block}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class TabPanelFooter {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanelFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: TabPanelFooter, isStandalone: true, selector: "ngs-tab-panel-footer", host: { classAttribute: "ngs-tab-panel-footer" }, exportAs: ["ngsTabPanelFooter"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanelFooter, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-tab-panel-footer', exportAs: 'ngsTabPanelFooter', host: {
+                        'class': 'ngs-tab-panel-footer'
+                    }, template: "<ng-content/>\n", styles: [":host{display:block}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+const TAB_PANEL_NAV = new InjectionToken('TAB_PANEL_NAV');
+const TAB_PANEL_ASIDE = new InjectionToken('TAB_PANEL_ASIDE');
+
+class TabPanelItem {
+    api = inject(TabPanelApiService);
+    _nav = inject(TAB_PANEL_NAV, { optional: true });
+    for = input(this._nav ? this._nav.nextId++ : null, ...(ngDevMode ? [{ debugName: "for" }] : /* istanbul ignore next */ []));
+    _handleClick() {
+        if (!this.for()) {
+            return;
+        }
+        this.api.activate(this.for());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanelItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: TabPanelItem, isStandalone: true, selector: "ngs-tab-panel-item", inputs: { for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "_handleClick()" }, properties: { "class.is-active": "api.isActive(this.for())" }, classAttribute: "ngs-tab-panel-item" }, exportAs: ["ngsTabPanelItem"], hostDirectives: [{ directive: i1.Ripple }], ngImport: i0, template: "<div class=\"icon\">\n  <ng-content select=\"[ngsTabPanelItemIcon]\"/>\n</div>\n<div class=\"text\">\n  <ng-content/>\n</div>\n", styles: [":host{display:flex;flex-direction:column;cursor:pointer;align-items:center;justify-content:center;flex:none;-webkit-user-select:none;user-select:none;width:var(--ngs-tab-panel-item-width);height:var(--ngs-tab-panel-item-height);padding:var(--ngs-tab-panel-item-padding);border-radius:var(--ngs-tab-panel-item-border-radius);color:var(--ngs-tab-panel-item-color);gap:var(--ngs-tab-panel-item-gap)}:host:not(.is-active):hover{background:var(--ngs-tab-panel-item-hover-bg);color:var(--ngs-tab-panel-item-hover-color)}:host.is-active{background:var(--ngs-tab-panel-item-active-bg);color:var(--ngs-tab-panel-item-active-color)}:host .icon{line-height:0;display:inline-block}:host .icon:empty{display:none}:host .text{top:-1px;white-space:nowrap;position:relative;line-height:1;overflow:hidden;text-overflow:ellipsis;width:var(--ngs-tab-panel-item-width);padding:0 calc(var(--spacing, .25rem) * 1);text-align:center}:host-context(.ngs-tab-panel.is-compact){width:var(--ngs-tab-panel-compact-item-width);height:var(--ngs-tab-panel-compact-item-height)}:host-context(.ngs-tab-panel.is-compact) .text{display:none;width:var(--ngs-tab-panel-compact-item-width)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanelItem, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-tab-panel-item', exportAs: 'ngsTabPanelItem', hostDirectives: [
+                        Ripple
+                    ], host: {
+                        'class': 'ngs-tab-panel-item',
+                        '[class.is-active]': 'api.isActive(this.for())',
+                        '(click)': '_handleClick()'
+                    }, template: "<div class=\"icon\">\n  <ng-content select=\"[ngsTabPanelItemIcon]\"/>\n</div>\n<div class=\"text\">\n  <ng-content/>\n</div>\n", styles: [":host{display:flex;flex-direction:column;cursor:pointer;align-items:center;justify-content:center;flex:none;-webkit-user-select:none;user-select:none;width:var(--ngs-tab-panel-item-width);height:var(--ngs-tab-panel-item-height);padding:var(--ngs-tab-panel-item-padding);border-radius:var(--ngs-tab-panel-item-border-radius);color:var(--ngs-tab-panel-item-color);gap:var(--ngs-tab-panel-item-gap)}:host:not(.is-active):hover{background:var(--ngs-tab-panel-item-hover-bg);color:var(--ngs-tab-panel-item-hover-color)}:host.is-active{background:var(--ngs-tab-panel-item-active-bg);color:var(--ngs-tab-panel-item-active-color)}:host .icon{line-height:0;display:inline-block}:host .icon:empty{display:none}:host .text{top:-1px;white-space:nowrap;position:relative;line-height:1;overflow:hidden;text-overflow:ellipsis;width:var(--ngs-tab-panel-item-width);padding:0 calc(var(--spacing, .25rem) * 1);text-align:center}:host-context(.ngs-tab-panel.is-compact){width:var(--ngs-tab-panel-compact-item-width);height:var(--ngs-tab-panel-compact-item-height)}:host-context(.ngs-tab-panel.is-compact) .text{display:none;width:var(--ngs-tab-panel-compact-item-width)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { for: [{ type: i0.Input, args: [{ isSignal: true, alias: "for", required: false }] }] } });
+
+class TabPanelNav {
+    nextId = 0;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanelNav, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: TabPanelNav, isStandalone: true, selector: "ngs-tab-panel-nav", host: { classAttribute: "ngs-tab-panel-nav" }, providers: [
+            {
+                provide: TAB_PANEL_NAV,
+                useExisting: TabPanelNav
+            }
+        ], exportAs: ["ngsTabPanelNav"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:var(--ngs-tab-panel-nav-gap);padding:var(--ngs-tab-panel-nav-padding)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanelNav, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-tab-panel-nav', exportAs: 'ngsTabPanelNav', providers: [
+                        {
+                            provide: TAB_PANEL_NAV,
+                            useExisting: TabPanelNav
+                        }
+                    ], host: {
+                        'class': 'ngs-tab-panel-nav'
+                    }, template: "<ng-content/>\n", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:var(--ngs-tab-panel-nav-gap);padding:var(--ngs-tab-panel-nav-padding)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class TabPanelItemText {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanelItemText, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: TabPanelItemText, isStandalone: true, selector: "ngs-tab-panel-item-text", host: { classAttribute: "ngs-tab-panel-item-text" }, exportAs: ["ngsTabPanelItemText"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{font-size:var(--ngs-tab-panel-item-text-font-size)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanelItemText, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-tab-panel-item-text', exportAs: 'ngsTabPanelItemText', host: {
+                        'class': 'ngs-tab-panel-item-text'
+                    }, template: "<ng-content/>\n", styles: [":host{font-size:var(--ngs-tab-panel-item-text-font-size)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class TabPanelAside {
+    nextId = 0;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanelAside, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: TabPanelAside, isStandalone: true, selector: "ngs-tab-panel-aside", host: { classAttribute: "ngs-tab-panel-aside" }, providers: [
+            {
+                provide: TAB_PANEL_ASIDE,
+                useExisting: TabPanelAside
+            }
+        ], exportAs: ["ngsTabPanelAside"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;flex:none;width:var(--ngs-tab-panel-aside-width);position:relative}:host-context(.ngs-tab-panel.is-hide-content-if-tab-not-selected):empty{display:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanelAside, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-tab-panel-aside', exportAs: 'ngsTabPanelAside', providers: [
+                        {
+                            provide: TAB_PANEL_ASIDE,
+                            useExisting: TabPanelAside
+                        }
+                    ], host: {
+                        'class': 'ngs-tab-panel-aside'
+                    }, template: "<ng-content/>\n", styles: [":host{display:block;flex:none;width:var(--ngs-tab-panel-aside-width);position:relative}:host-context(.ngs-tab-panel.is-hide-content-if-tab-not-selected):empty{display:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class TabPanelContent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanelContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: TabPanelContent, isStandalone: true, selector: "ngs-tab-panel-content", host: { classAttribute: "ngs-tab-panel-content" }, exportAs: ["ngsTabPanelContent"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;flex-grow:1}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanelContent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-tab-panel-content', exportAs: 'ngsTabPanelContent', host: {
+                        'class': 'ngs-tab-panel-content'
+                    }, template: "<ng-content/>\n", styles: [":host{display:block;flex-grow:1}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class TabPanelCustomItem {
+    api = inject(TabPanelApiService);
+    for = input(...(ngDevMode ? [undefined, { debugName: "for" }] : /* istanbul ignore next */ []));
+    _handleClick() {
+        if (!this.for()) {
+            return;
+        }
+        this.api.activate(this.for());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanelCustomItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: TabPanelCustomItem, isStandalone: true, selector: "ngs-tab-panel-custom-item", inputs: { for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "_handleClick()" }, classAttribute: "ngs-tab-panel-custom-item" }, exportAs: ["ngsTabPanelCustomItem"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:flex;flex-direction:column;cursor:pointer;align-items:center;justify-content:center;flex:none;-webkit-user-select:none;user-select:none;width:var(--ngs-tab-panel-item-width);height:var(--ngs-tab-panel-item-height)}:host-context(.ngs-tab-panel.is-compact){width:var(--ngs-tab-panel-compact-item-width);height:var(--ngs-tab-panel-compact-item-height)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanelCustomItem, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-tab-panel-custom-item', exportAs: 'ngsTabPanelCustomItem', host: {
+                        'class': 'ngs-tab-panel-custom-item',
+                        '(click)': '_handleClick()'
+                    }, template: "<ng-content/>\n", styles: [":host{display:flex;flex-direction:column;cursor:pointer;align-items:center;justify-content:center;flex:none;-webkit-user-select:none;user-select:none;width:var(--ngs-tab-panel-item-width);height:var(--ngs-tab-panel-item-height)}:host-context(.ngs-tab-panel.is-compact){width:var(--ngs-tab-panel-compact-item-width);height:var(--ngs-tab-panel-compact-item-height)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { for: [{ type: i0.Input, args: [{ isSignal: true, alias: "for", required: false }] }] } });
+
+class TabPanelAsideContentDirective {
+    _aside = inject(TAB_PANEL_ASIDE, { optional: true });
+    _api = inject(TabPanelApiService);
+    _templateRef = inject(TemplateRef);
+    _viewContainer = inject(ViewContainerRef);
+    _destroyRef = inject(DestroyRef);
+    id = input(this._aside ? this._aside.nextId++ : null, { ...(ngDevMode ? { debugName: "id" } : /* istanbul ignore next */ {}), alias: 'ngsTabPanelAsideContent' });
+    ngOnInit() {
+        if (this._api.isActive(this.id())) {
+            this._show();
+        }
+        else {
+            this._hide();
+        }
+        this._api
+            .itemIdChanged
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe(id => {
+            if (this.id() === id) {
+                this._show();
+            }
+            else {
+                this._hide();
+            }
+        });
+    }
+    _show() {
+        this._viewContainer.clear();
+        this._viewContainer.createEmbeddedView(this._templateRef);
+    }
+    _hide() {
+        this._viewContainer.clear();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanelAsideContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", type: TabPanelAsideContentDirective, isStandalone: true, selector: "[ngsTabPanelAsideContent]", inputs: { id: { classPropertyName: "id", publicName: "ngsTabPanelAsideContent", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["ngsTabPanelAsideContent"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanelAsideContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsTabPanelAsideContent]',
+                    exportAs: 'ngsTabPanelAsideContent'
+                }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngsTabPanelAsideContent", required: false }] }] } });
+
+class TabPanelItemIconDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanelItemIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: TabPanelItemIconDirective, isStandalone: true, selector: "[ngsTabPanelItemIcon]", host: { classAttribute: "ngs-tab-panel-item-icon" }, exportAs: ["ngsTabPanelItemIcon"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TabPanelItemIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsTabPanelItemIcon]',
+                    exportAs: 'ngsTabPanelItemIcon',
+                    host: {
+                        'class': 'ngs-tab-panel-item-icon'
+                    }
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TabPanel, TabPanelAside, TabPanelAsideContentDirective, TabPanelContent, TabPanelCustomItem, TabPanelFooter, TabPanelHeader, TabPanelItem, TabPanelItemIconDirective, TabPanelItemText, TabPanelNav };
+//# sourceMappingURL=ngstarter-ui-components-tab-panel.mjs.map

package/fesm2022/ngstarter-ui-components-tab-panel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components-tab-panel.mjs","sources":["../../../projects/components/tab-panel/src/tab-panel-api.service.ts","../../../projects/components/tab-panel/src/tab-panel/tab-panel.ts","../../../projects/components/tab-panel/src/tab-panel/tab-panel.html","../../../projects/components/tab-panel/src/tab-panel-header/tab-panel-header.ts","../../../projects/components/tab-panel/src/tab-panel-header/tab-panel-header.html","../../../projects/components/tab-panel/src/tab-panel-footer/tab-panel-footer.ts","../../../projects/components/tab-panel/src/tab-panel-footer/tab-panel-footer.html","../../../projects/components/tab-panel/src/types.ts","../../../projects/components/tab-panel/src/tab-panel-item/tab-panel-item.ts","../../../projects/components/tab-panel/src/tab-panel-item/tab-panel-item.html","../../../projects/components/tab-panel/src/tab-panel-nav/tab-panel-nav.ts","../../../projects/components/tab-panel/src/tab-panel-nav/tab-panel-nav.html","../../../projects/components/tab-panel/src/tab-panel-item-text/tab-panel-item-text.ts","../../../projects/components/tab-panel/src/tab-panel-item-text/tab-panel-item-text.html","../../../projects/components/tab-panel/src/tab-panel-aside/tab-panel-aside.ts","../../../projects/components/tab-panel/src/tab-panel-aside/tab-panel-aside.html","../../../projects/components/tab-panel/src/tab-panel-content/tab-panel-content.ts","../../../projects/components/tab-panel/src/tab-panel-content/tab-panel-content.html","../../../projects/components/tab-panel/src/tab-panel-custom-item/tab-panel-custom-item.ts","../../../projects/components/tab-panel/src/tab-panel-custom-item/tab-panel-custom-item.html","../../../projects/components/tab-panel/src/tab-panel-aside-content.directive.ts","../../../projects/components/tab-panel/src/tab-panel-item-icon.directive.ts","../../../projects/components/tab-panel/ngstarter-ui-components-tab-panel.ts"],"sourcesContent":["import { EventEmitter, Injectable } from '@angular/core';\nimport { SelectionModel } from '@angular/cdk/collections';\n\n@Injectable()\nexport class TabPanelApiService {\n  private _selectionModel = new SelectionModel(false);\n  readonly itemIdChanged = new EventEmitter<any>();\n\n  activate(id: any, emitEvent = true) {\n    this._selectionModel.select(id);\n\n    if (emitEvent) {\n      this.itemIdChanged.emit(id);\n    }\n  }\n\n  isActive(id: any): boolean {\n    return this._selectionModel.isSelected(id);\n  }\n\n  hasActive(): boolean {\n    return this._selectionModel.hasValue();\n  }\n}\n","import {\n  booleanAttribute,\n  Component, DestroyRef,\n  inject,\n  input,\n  OnChanges, OnInit, output,\n  SimpleChanges\n} from '@angular/core';\nimport { TabPanelApiService } from '../tab-panel-api.service';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n@Component({\n  selector: 'ngs-tab-panel',\n  exportAs: 'ngsTabPanel',\n  templateUrl: './tab-panel.html',\n  styleUrl: './tab-panel.scss',\n  providers: [\n    TabPanelApiService\n  ],\n  host: {\n    'class': 'ngs-tab-panel',\n    '[class.is-hide-content-if-tab-not-selected]': 'hideContentIfTabNotSelected()',\n    '[class.is-compact]': 'compact()',\n  }\n})\nexport class TabPanel implements OnInit, OnChanges {\n  private _destroyRef = inject(DestroyRef);\n  readonly api = inject(TabPanelApiService);\n\n  hideContentIfTabNotSelected = input(false, {\n    transform: booleanAttribute\n  });\n  activeItemId = input<any>();\n  compact = input(false, {\n    transform: booleanAttribute\n  });\n\n  readonly itemIdChanged = output();\n\n  ngOnInit() {\n    this.api\n      .itemIdChanged\n      .pipe(takeUntilDestroyed(this._destroyRef))\n      .subscribe(() => {\n        this.itemIdChanged.emit();\n      });\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes['activeItemId']) {\n      this.api.activate(changes['activeItemId'].currentValue);\n    }\n  }\n}\n","<div class=\"panel\">\n  <ng-content select=\"ngs-tab-panel-header\"/>\n  <ng-content select=\"ngs-tab-panel-content\"/>\n  <ng-content select=\"ngs-tab-panel-footer\"/>\n</div>\n<ng-content select=\"ngs-tab-panel-aside\"/>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-tab-panel-header',\n  exportAs: 'ngsTabPanelHeader',\n  templateUrl: './tab-panel-header.html',\n  styleUrl: './tab-panel-header.scss',\n  host: {\n    'class': 'ngs-tab-panel-header'\n  }\n})\nexport class TabPanelHeader {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-tab-panel-footer',\n  exportAs: 'ngsTabPanelFooter',\n  templateUrl: './tab-panel-footer.html',\n  styleUrl: './tab-panel-footer.scss',\n  host: {\n    'class': 'ngs-tab-panel-footer'\n  }\n})\nexport class TabPanelFooter {\n}\n","<ng-content/>\n","import { InjectionToken } from '@angular/core';\n\nexport const TAB_PANEL_NAV = new InjectionToken('TAB_PANEL_NAV');\nexport const TAB_PANEL_ASIDE = new InjectionToken('TAB_PANEL_ASIDE');\n","import { Component, inject, input } from '@angular/core';\nimport { TabPanelApiService } from '../tab-panel-api.service';\nimport { TabPanelNav } from '../tab-panel-nav/tab-panel-nav';\nimport { TAB_PANEL_NAV } from '../types';\nimport { Ripple } from '@ngstarter-ui/components/core';\n\n@Component({\n  selector: 'ngs-tab-panel-item',\n  exportAs: 'ngsTabPanelItem',\n  templateUrl: './tab-panel-item.html',\n  styleUrl: './tab-panel-item.scss',\n  hostDirectives: [\n    Ripple\n  ],\n  host: {\n    'class': 'ngs-tab-panel-item',\n    '[class.is-active]': 'api.isActive(this.for())',\n    '(click)': '_handleClick()'\n  }\n})\nexport class TabPanelItem {\n  readonly api = inject(TabPanelApiService);\n  private _nav = inject<TabPanelNav>(TAB_PANEL_NAV, { optional: true });\n\n  for = input<any>(this._nav ? this._nav.nextId++ : null);\n\n  protected _handleClick() {\n    if (!this.for()) {\n      return;\n    }\n\n    this.api.activate(this.for());\n  }\n}\n","<div class=\"icon\">\n  <ng-content select=\"[ngsTabPanelItemIcon]\"/>\n</div>\n<div class=\"text\">\n  <ng-content/>\n</div>\n","import { Component } from '@angular/core';\nimport { TAB_PANEL_NAV } from '../types';\n\n@Component({\n  selector: 'ngs-tab-panel-nav',\n  exportAs: 'ngsTabPanelNav',\n  templateUrl: './tab-panel-nav.html',\n  styleUrl: './tab-panel-nav.scss',\n  providers: [\n    {\n      provide: TAB_PANEL_NAV,\n      useExisting: TabPanelNav\n    }\n  ],\n  host: {\n    'class': 'ngs-tab-panel-nav'\n  }\n})\nexport class TabPanelNav {\n  nextId = 0;\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-tab-panel-item-text',\n  exportAs: 'ngsTabPanelItemText',\n  templateUrl: './tab-panel-item-text.html',\n  styleUrl: './tab-panel-item-text.scss',\n  host: {\n    'class': 'ngs-tab-panel-item-text'\n  }\n})\nexport class TabPanelItemText {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\nimport { TAB_PANEL_ASIDE } from '../types';\n\n@Component({\n  selector: 'ngs-tab-panel-aside',\n  exportAs: 'ngsTabPanelAside',\n  templateUrl: './tab-panel-aside.html',\n  styleUrl: './tab-panel-aside.scss',\n  providers: [\n    {\n      provide: TAB_PANEL_ASIDE,\n      useExisting: TabPanelAside\n    }\n  ],\n  host: {\n    'class': 'ngs-tab-panel-aside'\n  }\n})\nexport class TabPanelAside {\n  nextId = 0;\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-tab-panel-content',\n  exportAs: 'ngsTabPanelContent',\n  templateUrl: './tab-panel-content.html',\n  styleUrl: './tab-panel-content.scss',\n  host: {\n    'class': 'ngs-tab-panel-content'\n  }\n})\nexport class TabPanelContent {\n\n}\n","<ng-content/>\n","import { Component, inject, input } from '@angular/core';\nimport { TabPanelApiService } from '../tab-panel-api.service';\n\n@Component({\n  selector: 'ngs-tab-panel-custom-item',\n  exportAs: 'ngsTabPanelCustomItem',\n  templateUrl: './tab-panel-custom-item.html',\n  styleUrl: './tab-panel-custom-item.scss',\n  host: {\n    'class': 'ngs-tab-panel-custom-item',\n    '(click)': '_handleClick()'\n  }\n})\nexport class TabPanelCustomItem {\n  readonly api = inject(TabPanelApiService);\n\n  for = input<any>();\n\n  protected _handleClick() {\n    if (!this.for()) {\n      return;\n    }\n\n    this.api.activate(this.for());\n  }\n}\n","<ng-content/>\n","import {\n  DestroyRef,\n  Directive,\n  inject, input,\n  OnInit,\n  TemplateRef,\n  ViewContainerRef\n} from '@angular/core';\nimport { TabPanelApiService } from './tab-panel-api.service';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { TAB_PANEL_ASIDE } from './types';\nimport { TabPanelAside } from './tab-panel-aside/tab-panel-aside';\n\n@Directive({\n  selector: '[ngsTabPanelAsideContent]',\n  exportAs: 'ngsTabPanelAsideContent'\n})\nexport class TabPanelAsideContentDirective implements OnInit {\n  private _aside = inject<TabPanelAside>(TAB_PANEL_ASIDE, { optional: true });\n  private _api = inject(TabPanelApiService);\n  private _templateRef = inject(TemplateRef);\n  private _viewContainer = inject(ViewContainerRef);\n  private _destroyRef = inject(DestroyRef);\n\n  id = input<any>(this._aside ? this._aside.nextId++ : null, {\n    alias: 'ngsTabPanelAsideContent'\n  });\n\n  ngOnInit() {\n    if (this._api.isActive(this.id())) {\n      this._show();\n    } else {\n      this._hide();\n    }\n\n    this._api\n      .itemIdChanged\n      .pipe(takeUntilDestroyed(this._destroyRef))\n      .subscribe(id => {\n        if (this.id() === id) {\n          this._show();\n        } else {\n          this._hide();\n        }\n      })\n    ;\n  }\n\n  private _show() {\n    this._viewContainer.clear();\n    this._viewContainer.createEmbeddedView(this._templateRef);\n  }\n\n  private _hide() {\n    this._viewContainer.clear();\n  }\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngsTabPanelItemIcon]',\n  exportAs: 'ngsTabPanelItemIcon',\n  host: {\n    'class': 'ngs-tab-panel-item-icon'\n  }\n})\nexport class TabPanelItemIconDirective {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}