@elementar-rt/components 0.6.55

package/fesm2022/elementar-rt-components-tab-panel.mjs

@@ -0,0 +1,270 @@
+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 '@angular/material/core';
+import { MatRipple } from '@angular/material/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: "20.3.10", ngImport: i0, type: TabPanelApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabPanelApiService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabPanelApiService, decorators: [{
+            type: Injectable
+        }] });
+
+class TabPanelComponent {
+    _destroyRef = inject(DestroyRef);
+    api = inject(TabPanelApiService);
+    hideContentIfTabNotSelected = input(false, ...(ngDevMode ? [{ debugName: "hideContentIfTabNotSelected", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    activeItemId = input(...(ngDevMode ? [undefined, { debugName: "activeItemId" }] : []));
+    compact = input(false, ...(ngDevMode ? [{ debugName: "compact", transform: booleanAttribute }] : [{
+            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, false);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: TabPanelComponent, isStandalone: true, selector: "emr-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: "emr-tab-panel" }, providers: [
+            TabPanelApiService
+        ], exportAs: ["emrTabPanel"], usesOnChanges: true, ngImport: i0, template: "<div class=\"panel\">\r\n  <ng-content select=\"emr-tab-panel-header\"/>\r\n  <ng-content select=\"emr-tab-panel-body\"/>\r\n  <ng-content select=\"emr-tab-panel-footer\"/>\r\n</div>\r\n<ng-content select=\"emr-tab-panel-aside\"/>\r\n", styles: [":host{--emr-tab-panel-width: 5rem;--emr-tab-panel-item-width: 3.75rem;--emr-tab-panel-item-height: 3.75rem;--emr-tab-panel-item-padding: calc(var(--spacing) * 2);--emr-tab-panel-item-color: var(--color-neutral-500);--emr-tab-panel-item-gap: calc(var(--spacing) * 1);--emr-tab-panel-item-hover-bg: var(--color-neutral-200);--emr-tab-panel-item-hover-color: var(--color-neutral-700);--emr-tab-panel-item-active-bg: var(--color-secondary-fixed);--emr-tab-panel-item-active-color: var(--color-on-secondary-fixed);--emr-tab-panel-item-border-radius: .75rem;--emr-tab-panel-aside-width: 18.75rem;--emr-tab-panel-border-end: 1px solid var(--color-border);--emr-tab-panel-nav-padding: calc(var(--spacing) * 2.5);--emr-tab-panel-nav-gap: calc(var(--spacing) * 3);--emr-tab-panel-item-text-font-size: var(--text-xs);--emr-tab-panel-item-icon-font-size: 1.5rem;--emr-tab-panel-compact-width: calc(var(--spacing, .25rem) * 14);--emr-tab-panel-compact-item-width: calc(var(--spacing, .25rem) * 10);--emr-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;border-right:var(--emr-tab-panel-border-end);width:var(--emr-tab-panel-width);flex:none}:host.is-compact .panel{width:var(--emr-tab-panel-compact-width)}:host-context(html.dark){--emr-tab-panel-item-hover-bg: var(--color-neutral-700);--emr-tab-panel-item-hover-color: var(--color-primary-200)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-tab-panel', exportAs: 'emrTabPanel', providers: [
+                        TabPanelApiService
+                    ], host: {
+                        'class': 'emr-tab-panel',
+                        '[class.is-hide-content-if-tab-not-selected]': 'hideContentIfTabNotSelected()',
+                        '[class.is-compact]': 'compact()',
+                    }, template: "<div class=\"panel\">\r\n  <ng-content select=\"emr-tab-panel-header\"/>\r\n  <ng-content select=\"emr-tab-panel-body\"/>\r\n  <ng-content select=\"emr-tab-panel-footer\"/>\r\n</div>\r\n<ng-content select=\"emr-tab-panel-aside\"/>\r\n", styles: [":host{--emr-tab-panel-width: 5rem;--emr-tab-panel-item-width: 3.75rem;--emr-tab-panel-item-height: 3.75rem;--emr-tab-panel-item-padding: calc(var(--spacing) * 2);--emr-tab-panel-item-color: var(--color-neutral-500);--emr-tab-panel-item-gap: calc(var(--spacing) * 1);--emr-tab-panel-item-hover-bg: var(--color-neutral-200);--emr-tab-panel-item-hover-color: var(--color-neutral-700);--emr-tab-panel-item-active-bg: var(--color-secondary-fixed);--emr-tab-panel-item-active-color: var(--color-on-secondary-fixed);--emr-tab-panel-item-border-radius: .75rem;--emr-tab-panel-aside-width: 18.75rem;--emr-tab-panel-border-end: 1px solid var(--color-border);--emr-tab-panel-nav-padding: calc(var(--spacing) * 2.5);--emr-tab-panel-nav-gap: calc(var(--spacing) * 3);--emr-tab-panel-item-text-font-size: var(--text-xs);--emr-tab-panel-item-icon-font-size: 1.5rem;--emr-tab-panel-compact-width: calc(var(--spacing, .25rem) * 14);--emr-tab-panel-compact-item-width: calc(var(--spacing, .25rem) * 10);--emr-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;border-right:var(--emr-tab-panel-border-end);width:var(--emr-tab-panel-width);flex:none}:host.is-compact .panel{width:var(--emr-tab-panel-compact-width)}:host-context(html.dark){--emr-tab-panel-item-hover-bg: var(--color-neutral-700);--emr-tab-panel-item-hover-color: var(--color-primary-200)}\n/*! tailwindcss v4.1.14 | 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 TabPanelHeaderComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabPanelHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: TabPanelHeaderComponent, isStandalone: true, selector: "emr-tab-panel-header", host: { classAttribute: "emr-tab-panel-header" }, exportAs: ["emrTabPanelHeader"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{display:block}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabPanelHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-tab-panel-header', exportAs: 'emrTabPanelHeader', host: {
+                        'class': 'emr-tab-panel-header'
+                    }, template: "<ng-content/>\r\n", styles: [":host{display:block}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class TabPanelFooterComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabPanelFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: TabPanelFooterComponent, isStandalone: true, selector: "emr-tab-panel-footer", host: { classAttribute: "emr-tab-panel-footer" }, exportAs: ["emrTabPanelFooter"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{display:block}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabPanelFooterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-tab-panel-footer', exportAs: 'emrTabPanelFooter', host: {
+                        'class': 'emr-tab-panel-footer'
+                    }, template: "<ng-content/>\r\n", styles: [":host{display:block}\n/*! tailwindcss v4.1.14 | 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 TabPanelItemComponent {
+    api = inject(TabPanelApiService);
+    _nav = inject(TAB_PANEL_NAV, { optional: true });
+    for = input(this._nav ? this._nav.nextId++ : null, ...(ngDevMode ? [{ debugName: "for" }] : []));
+    _handleClick() {
+        if (!this.for()) {
+            return;
+        }
+        this.api.activate(this.for());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabPanelItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: TabPanelItemComponent, isStandalone: true, selector: "emr-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: "emr-tab-panel-item" }, exportAs: ["emrTabPanelItem"], hostDirectives: [{ directive: i1.MatRipple }], ngImport: i0, template: "<div class=\"icon\">\r\n  <ng-content select=\"[emrTabPanelItemIcon]\"/>\r\n</div>\r\n<div class=\"text\">\r\n  <ng-content/>\r\n</div>\r\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(--emr-tab-panel-item-width);height:var(--emr-tab-panel-item-height);padding:var(--emr-tab-panel-item-padding);border-radius:var(--emr-tab-panel-item-border-radius);color:var(--emr-tab-panel-item-color);gap:var(--emr-tab-panel-item-gap)}:host:not(.is-active):hover{background:var(--emr-tab-panel-item-hover-bg);color:var(--emr-tab-panel-item-hover-color)}:host.is-active{background:var(--emr-tab-panel-item-active-bg);color:var(--emr-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}:host-context(.emr-tab-panel.is-compact){width:var(--emr-tab-panel-compact-item-width);height:var(--emr-tab-panel-compact-item-height)}:host-context(.emr-tab-panel.is-compact) .text{display:none}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabPanelItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-tab-panel-item', exportAs: 'emrTabPanelItem', hostDirectives: [
+                        MatRipple
+                    ], host: {
+                        'class': 'emr-tab-panel-item',
+                        '[class.is-active]': 'api.isActive(this.for())',
+                        '(click)': '_handleClick()'
+                    }, template: "<div class=\"icon\">\r\n  <ng-content select=\"[emrTabPanelItemIcon]\"/>\r\n</div>\r\n<div class=\"text\">\r\n  <ng-content/>\r\n</div>\r\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(--emr-tab-panel-item-width);height:var(--emr-tab-panel-item-height);padding:var(--emr-tab-panel-item-padding);border-radius:var(--emr-tab-panel-item-border-radius);color:var(--emr-tab-panel-item-color);gap:var(--emr-tab-panel-item-gap)}:host:not(.is-active):hover{background:var(--emr-tab-panel-item-hover-bg);color:var(--emr-tab-panel-item-hover-color)}:host.is-active{background:var(--emr-tab-panel-item-active-bg);color:var(--emr-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}:host-context(.emr-tab-panel.is-compact){width:var(--emr-tab-panel-compact-item-width);height:var(--emr-tab-panel-compact-item-height)}:host-context(.emr-tab-panel.is-compact) .text{display:none}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { for: [{ type: i0.Input, args: [{ isSignal: true, alias: "for", required: false }] }] } });
+
+class TabPanelNavComponent {
+    nextId = 0;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabPanelNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: TabPanelNavComponent, isStandalone: true, selector: "emr-tab-panel-nav", host: { classAttribute: "emr-tab-panel-nav" }, providers: [
+            {
+                provide: TAB_PANEL_NAV,
+                useExisting: TabPanelNavComponent
+            }
+        ], exportAs: ["emrTabPanelNav"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{display:flex;flex-direction:column;align-items:center;padding:var(--emr-tab-panel-nav-padding);gap:var(--emr-tab-panel-nav-gap)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabPanelNavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-tab-panel-nav', exportAs: 'emrTabPanelNav', providers: [
+                        {
+                            provide: TAB_PANEL_NAV,
+                            useExisting: TabPanelNavComponent
+                        }
+                    ], host: {
+                        'class': 'emr-tab-panel-nav'
+                    }, template: "<ng-content/>\r\n", styles: [":host{display:flex;flex-direction:column;align-items:center;padding:var(--emr-tab-panel-nav-padding);gap:var(--emr-tab-panel-nav-gap)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class TabPanelItemTextComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabPanelItemTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: TabPanelItemTextComponent, isStandalone: true, selector: "emr-tab-panel-item-text", host: { classAttribute: "emr-tab-panel-item-text" }, exportAs: ["emrTabPanelItemText"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{font-size:var(--emr-tab-panel-item-text-font-size)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabPanelItemTextComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-tab-panel-item-text', exportAs: 'emrTabPanelItemText', host: {
+                        'class': 'emr-tab-panel-item-text'
+                    }, template: "<ng-content/>\r\n", styles: [":host{font-size:var(--emr-tab-panel-item-text-font-size)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class TabPanelAsideComponent {
+    nextId = 0;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabPanelAsideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: TabPanelAsideComponent, isStandalone: true, selector: "emr-tab-panel-aside", host: { classAttribute: "emr-tab-panel-aside" }, providers: [
+            {
+                provide: TAB_PANEL_ASIDE,
+                useExisting: TabPanelAsideComponent
+            }
+        ], exportAs: ["emrTabPanelAside"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{display:block;border-right:var(--emr-tab-panel-border-end);flex:none;width:var(--emr-tab-panel-aside-width)}:host-context(.emr-tab-panel.is-hide-content-if-tab-not-selected):empty{display:none}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabPanelAsideComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-tab-panel-aside', exportAs: 'emrTabPanelAside', providers: [
+                        {
+                            provide: TAB_PANEL_ASIDE,
+                            useExisting: TabPanelAsideComponent
+                        }
+                    ], host: {
+                        'class': 'emr-tab-panel-aside'
+                    }, template: "<ng-content/>\r\n", styles: [":host{display:block;border-right:var(--emr-tab-panel-border-end);flex:none;width:var(--emr-tab-panel-aside-width)}:host-context(.emr-tab-panel.is-hide-content-if-tab-not-selected):empty{display:none}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class TabPanelBodyComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabPanelBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: TabPanelBodyComponent, isStandalone: true, selector: "emr-tab-panel-body", host: { classAttribute: "emr-tab-panel-body" }, exportAs: ["emrTabPanelBody"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{display:block;flex-grow:1}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabPanelBodyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-tab-panel-body', exportAs: 'emrTabPanelBody', host: {
+                        'class': 'emr-tab-panel-body'
+                    }, template: "<ng-content/>\r\n", styles: [":host{display:block;flex-grow:1}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class TabPanelCustomItemComponent {
+    api = inject(TabPanelApiService);
+    for = input(...(ngDevMode ? [undefined, { debugName: "for" }] : []));
+    _handleClick() {
+        if (!this.for()) {
+            return;
+        }
+        this.api.activate(this.for());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabPanelCustomItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: TabPanelCustomItemComponent, isStandalone: true, selector: "emr-tab-panel-custom-item", inputs: { for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "_handleClick()" }, classAttribute: "emr-tab-panel-custom-item" }, exportAs: ["emrTabPanelCustomItem"], ngImport: i0, template: "<ng-content/>\r\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(--emr-tab-panel-item-width);height:var(--emr-tab-panel-item-height)}:host-context(.emr-tab-panel.is-compact){width:var(--emr-tab-panel-compact-item-width);height:var(--emr-tab-panel-compact-item-height)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabPanelCustomItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-tab-panel-custom-item', exportAs: 'emrTabPanelCustomItem', host: {
+                        'class': 'emr-tab-panel-custom-item',
+                        '(click)': '_handleClick()'
+                    }, template: "<ng-content/>\r\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(--emr-tab-panel-item-width);height:var(--emr-tab-panel-item-height)}:host-context(.emr-tab-panel.is-compact){width:var(--emr-tab-panel-compact-item-width);height:var(--emr-tab-panel-compact-item-height)}\n/*! tailwindcss v4.1.14 | 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", alias: 'emrTabPanelAsideContent' }] : [{
+            alias: 'emrTabPanelAsideContent'
+        }]));
+    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: "20.3.10", ngImport: i0, type: TabPanelAsideContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: TabPanelAsideContentDirective, isStandalone: true, selector: "[emrTabPanelAsideContent]", inputs: { id: { classPropertyName: "id", publicName: "emrTabPanelAsideContent", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["emrTabPanelAsideContent"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabPanelAsideContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrTabPanelAsideContent]',
+                    exportAs: 'emrTabPanelAsideContent'
+                }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "emrTabPanelAsideContent", required: false }] }] } });
+
+class TabPanelItemIconDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabPanelItemIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: TabPanelItemIconDirective, isStandalone: true, selector: "[emrTabPanelItemIcon]", host: { classAttribute: "emr-tab-panel-item-icon" }, exportAs: ["emrTabPanelItemIcon"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: TabPanelItemIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrTabPanelItemIcon]',
+                    exportAs: 'emrTabPanelItemIcon',
+                    host: {
+                        'class': 'emr-tab-panel-item-icon'
+                    }
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TabPanelAsideComponent, TabPanelAsideContentDirective, TabPanelBodyComponent, TabPanelComponent, TabPanelCustomItemComponent, TabPanelFooterComponent, TabPanelHeaderComponent, TabPanelItemComponent, TabPanelItemIconDirective, TabPanelItemTextComponent, TabPanelNavComponent };
+//# sourceMappingURL=elementar-rt-components-tab-panel.mjs.map

package/fesm2022/elementar-rt-components-tab-panel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-tab-panel.mjs","sources":["../../../projects/components/tab-panel/src/tab-panel-api.service.ts","../../../projects/components/tab-panel/src/tab-panel/tab-panel.component.ts","../../../projects/components/tab-panel/src/tab-panel/tab-panel.component.html","../../../projects/components/tab-panel/src/tab-panel-header/tab-panel-header.component.ts","../../../projects/components/tab-panel/src/tab-panel-header/tab-panel-header.component.html","../../../projects/components/tab-panel/src/tab-panel-footer/tab-panel-footer.component.ts","../../../projects/components/tab-panel/src/tab-panel-footer/tab-panel-footer.component.html","../../../projects/components/tab-panel/src/types.ts","../../../projects/components/tab-panel/src/tab-panel-item/tab-panel-item.component.ts","../../../projects/components/tab-panel/src/tab-panel-item/tab-panel-item.component.html","../../../projects/components/tab-panel/src/tab-panel-nav/tab-panel-nav.component.ts","../../../projects/components/tab-panel/src/tab-panel-nav/tab-panel-nav.component.html","../../../projects/components/tab-panel/src/tab-panel-item-text/tab-panel-item-text.component.ts","../../../projects/components/tab-panel/src/tab-panel-item-text/tab-panel-item-text.component.html","../../../projects/components/tab-panel/src/tab-panel-aside/tab-panel-aside.component.ts","../../../projects/components/tab-panel/src/tab-panel-aside/tab-panel-aside.component.html","../../../projects/components/tab-panel/src/tab-panel-body/tab-panel-body.component.ts","../../../projects/components/tab-panel/src/tab-panel-body/tab-panel-body.component.html","../../../projects/components/tab-panel/src/tab-panel-custom-item/tab-panel-custom-item.component.ts","../../../projects/components/tab-panel/src/tab-panel-custom-item/tab-panel-custom-item.component.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/elementar-rt-components-tab-panel.ts"],"sourcesContent":["import { EventEmitter, Injectable } from '@angular/core';\r\nimport { SelectionModel } from '@angular/cdk/collections';\r\n\r\n@Injectable()\r\nexport class TabPanelApiService {\r\n  private _selectionModel = new SelectionModel(false);\r\n  readonly itemIdChanged = new EventEmitter<any>();\r\n\r\n  activate(id: any, emitEvent = true) {\r\n    this._selectionModel.select(id);\r\n\r\n    if (emitEvent) {\r\n      this.itemIdChanged.emit(id);\r\n    }\r\n  }\r\n\r\n  isActive(id: any): boolean {\r\n    return this._selectionModel.isSelected(id);\r\n  }\r\n\r\n  hasActive(): boolean {\r\n    return this._selectionModel.hasValue();\r\n  }\r\n}\r\n","import {\r\n  booleanAttribute,\r\n  Component, DestroyRef,\r\n  inject,\r\n  input,\r\n  OnChanges, OnInit, output,\r\n  SimpleChanges\r\n} from '@angular/core';\r\nimport { TabPanelApiService } from '../tab-panel-api.service';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\n\r\n@Component({\r\n  selector: 'emr-tab-panel',\r\n  exportAs: 'emrTabPanel',\r\n  templateUrl: './tab-panel.component.html',\r\n  styleUrl: './tab-panel.component.scss',\r\n  providers: [\r\n    TabPanelApiService\r\n  ],\r\n  host: {\r\n    'class': 'emr-tab-panel',\r\n    '[class.is-hide-content-if-tab-not-selected]': 'hideContentIfTabNotSelected()',\r\n    '[class.is-compact]': 'compact()',\r\n  }\r\n})\r\nexport class TabPanelComponent implements OnInit, OnChanges {\r\n  private _destroyRef = inject(DestroyRef);\r\n  readonly api = inject(TabPanelApiService);\r\n\r\n  hideContentIfTabNotSelected = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n  activeItemId = input<any>();\r\n  compact = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n\r\n  readonly itemIdChanged = output();\r\n\r\n  ngOnInit() {\r\n    this.api\r\n      .itemIdChanged\r\n      .pipe(takeUntilDestroyed(this._destroyRef))\r\n      .subscribe(() => {\r\n        this.itemIdChanged.emit();\r\n      });\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges) {\r\n    if (changes['activeItemId']) {\r\n      this.api.activate(changes['activeItemId'].currentValue, false);\r\n    }\r\n  }\r\n}\r\n","<div class=\"panel\">\r\n  <ng-content select=\"emr-tab-panel-header\"/>\r\n  <ng-content select=\"emr-tab-panel-body\"/>\r\n  <ng-content select=\"emr-tab-panel-footer\"/>\r\n</div>\r\n<ng-content select=\"emr-tab-panel-aside\"/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-tab-panel-header',\r\n  exportAs: 'emrTabPanelHeader',\r\n  templateUrl: './tab-panel-header.component.html',\r\n  styleUrl: './tab-panel-header.component.scss',\r\n  host: {\r\n    'class': 'emr-tab-panel-header'\r\n  }\r\n})\r\nexport class TabPanelHeaderComponent {\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-tab-panel-footer',\r\n  exportAs: 'emrTabPanelFooter',\r\n  templateUrl: './tab-panel-footer.component.html',\r\n  styleUrl: './tab-panel-footer.component.scss',\r\n  host: {\r\n    'class': 'emr-tab-panel-footer'\r\n  }\r\n})\r\nexport class TabPanelFooterComponent {\r\n}\r\n","<ng-content/>\r\n","import { InjectionToken } from '@angular/core';\r\n\r\nexport const TAB_PANEL_NAV = new InjectionToken('TAB_PANEL_NAV');\r\nexport const TAB_PANEL_ASIDE = new InjectionToken('TAB_PANEL_ASIDE');\r\n","import { Component, inject, input } from '@angular/core';\r\nimport { TabPanelApiService } from '../tab-panel-api.service';\r\nimport { TabPanelNavComponent } from '../tab-panel-nav/tab-panel-nav.component';\r\nimport { TAB_PANEL_NAV } from '../types';\r\nimport { MatRipple } from '@angular/material/core';\r\n\r\n@Component({\r\n  selector: 'emr-tab-panel-item',\r\n  exportAs: 'emrTabPanelItem',\r\n  templateUrl: './tab-panel-item.component.html',\r\n  styleUrl: './tab-panel-item.component.scss',\r\n  hostDirectives: [\r\n    MatRipple\r\n  ],\r\n  host: {\r\n    'class': 'emr-tab-panel-item',\r\n    '[class.is-active]': 'api.isActive(this.for())',\r\n    '(click)': '_handleClick()'\r\n  }\r\n})\r\nexport class TabPanelItemComponent {\r\n  readonly api = inject(TabPanelApiService);\r\n  private _nav = inject<TabPanelNavComponent>(TAB_PANEL_NAV, { optional: true });\r\n\r\n  for = input<any>(this._nav ? this._nav.nextId++ : null);\r\n\r\n  protected _handleClick() {\r\n    if (!this.for()) {\r\n      return;\r\n    }\r\n\r\n    this.api.activate(this.for());\r\n  }\r\n}\r\n","<div class=\"icon\">\r\n  <ng-content select=\"[emrTabPanelItemIcon]\"/>\r\n</div>\r\n<div class=\"text\">\r\n  <ng-content/>\r\n</div>\r\n","import { Component } from '@angular/core';\r\nimport { TAB_PANEL_NAV } from '../types';\r\n\r\n@Component({\r\n  selector: 'emr-tab-panel-nav',\r\n  exportAs: 'emrTabPanelNav',\r\n  templateUrl: './tab-panel-nav.component.html',\r\n  styleUrl: './tab-panel-nav.component.scss',\r\n  providers: [\r\n    {\r\n      provide: TAB_PANEL_NAV,\r\n      useExisting: TabPanelNavComponent\r\n    }\r\n  ],\r\n  host: {\r\n    'class': 'emr-tab-panel-nav'\r\n  }\r\n})\r\nexport class TabPanelNavComponent {\r\n  nextId = 0;\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-tab-panel-item-text',\r\n  exportAs: 'emrTabPanelItemText',\r\n  templateUrl: './tab-panel-item-text.component.html',\r\n  styleUrl: './tab-panel-item-text.component.scss',\r\n  host: {\r\n    'class': 'emr-tab-panel-item-text'\r\n  }\r\n})\r\nexport class TabPanelItemTextComponent {\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\nimport { TAB_PANEL_ASIDE } from '../types';\r\n\r\n@Component({\r\n  selector: 'emr-tab-panel-aside',\r\n  exportAs: 'emrTabPanelAside',\r\n  templateUrl: './tab-panel-aside.component.html',\r\n  styleUrl: './tab-panel-aside.component.scss',\r\n  providers: [\r\n    {\r\n      provide: TAB_PANEL_ASIDE,\r\n      useExisting: TabPanelAsideComponent\r\n    }\r\n  ],\r\n  host: {\r\n    'class': 'emr-tab-panel-aside'\r\n  }\r\n})\r\nexport class TabPanelAsideComponent {\r\n  nextId = 0;\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-tab-panel-body',\r\n  exportAs: 'emrTabPanelBody',\r\n  templateUrl: './tab-panel-body.component.html',\r\n  styleUrl: './tab-panel-body.component.scss',\r\n  host: {\r\n    'class': 'emr-tab-panel-body'\r\n  }\r\n})\r\nexport class TabPanelBodyComponent {\r\n\r\n}\r\n","<ng-content/>\r\n","import { Component, inject, input } from '@angular/core';\r\nimport { TabPanelApiService } from '../tab-panel-api.service';\r\n\r\n@Component({\r\n  selector: 'emr-tab-panel-custom-item',\r\n  exportAs: 'emrTabPanelCustomItem',\r\n  templateUrl: './tab-panel-custom-item.component.html',\r\n  styleUrl: './tab-panel-custom-item.component.scss',\r\n  host: {\r\n    'class': 'emr-tab-panel-custom-item',\r\n    '(click)': '_handleClick()'\r\n  }\r\n})\r\nexport class TabPanelCustomItemComponent {\r\n  readonly api = inject(TabPanelApiService);\r\n\r\n  for = input<any>();\r\n\r\n  protected _handleClick() {\r\n    if (!this.for()) {\r\n      return;\r\n    }\r\n\r\n    this.api.activate(this.for());\r\n  }\r\n}\r\n","<ng-content/>\r\n","import {\r\n  DestroyRef,\r\n  Directive,\r\n  inject, input,\r\n  OnInit,\r\n  TemplateRef,\r\n  ViewContainerRef\r\n} from '@angular/core';\r\nimport { TabPanelApiService } from './tab-panel-api.service';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { TAB_PANEL_ASIDE } from './types';\r\nimport { TabPanelAsideComponent } from './tab-panel-aside/tab-panel-aside.component';\r\n\r\n@Directive({\r\n  selector: '[emrTabPanelAsideContent]',\r\n  exportAs: 'emrTabPanelAsideContent'\r\n})\r\nexport class TabPanelAsideContentDirective implements OnInit {\r\n  private _aside = inject<TabPanelAsideComponent>(TAB_PANEL_ASIDE, { optional: true });\r\n  private _api = inject(TabPanelApiService);\r\n  private _templateRef = inject(TemplateRef);\r\n  private _viewContainer = inject(ViewContainerRef);\r\n  private _destroyRef = inject(DestroyRef);\r\n\r\n  id = input<any>(this._aside ? this._aside.nextId++ : null, {\r\n    alias: 'emrTabPanelAsideContent'\r\n  });\r\n\r\n  ngOnInit() {\r\n    if (this._api.isActive(this.id())) {\r\n      this._show();\r\n    } else {\r\n      this._hide();\r\n    }\r\n\r\n    this._api.itemIdChanged\r\n      .pipe(takeUntilDestroyed(this._destroyRef))\r\n      .subscribe(id => {\r\n        if (this.id() === id) {\r\n          this._show();\r\n        } else {\r\n          this._hide();\r\n        }\r\n      })\r\n    ;\r\n  }\r\n\r\n  private _show() {\r\n    this._viewContainer.clear();\r\n    this._viewContainer.createEmbeddedView(this._templateRef);\r\n  }\r\n\r\n  private _hide() {\r\n    this._viewContainer.clear();\r\n  }\r\n}\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrTabPanelItemIcon]',\r\n  exportAs: 'emrTabPanelItemIcon',\r\n  host: {\r\n    'class': 'emr-tab-panel-item-icon'\r\n  }\r\n})\r\nexport class TabPanelItemIconDirective {\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}