npm - @elementar-rt/components - Versions diffs - 0.6.57 → 0.7.0 - Mend

@elementar-rt/components 0.6.57 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (391) hide show

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

@@ -20,23 +20,19 @@ class TabPanelApiService {
     hasActive() {
         return this._selectionModel.hasValue();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelApiService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelApiService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", 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
-        }]));
+    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
@@ -51,12 +47,12 @@ class TabPanelComponent {
             this.api.activate(changes['activeItemId'].currentValue, false);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", 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: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", 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\">\n  <ng-content select=\"emr-tab-panel-header\"/>\n  <ng-content select=\"emr-tab-panel-body\"/>\n  <ng-content select=\"emr-tab-panel-footer\"/>\n</div>\n<ng-content select=\"emr-tab-panel-aside\"/>\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.3.2 | MIT License | https://tailwindcss.com */\n"] });
+        ], exportAs: ["emrTabPanel"], usesOnChanges: true, ngImport: i0, template: "<div class=\"panel\">\n  <ng-content select=\"emr-tab-panel-header\"/>\n  <ng-content select=\"emr-tab-panel-body\"/>\n  <ng-content select=\"emr-tab-panel-footer\"/>\n</div>\n<ng-content select=\"emr-tab-panel-aside\"/>\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.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-tab-panel', exportAs: 'emrTabPanel', providers: [
                         TabPanelApiService
@@ -64,29 +60,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         'class': 'emr-tab-panel',
                         '[class.is-hide-content-if-tab-not-selected]': 'hideContentIfTabNotSelected()',
                         '[class.is-compact]': 'compact()',
-                    }, template: "<div class=\"panel\">\n  <ng-content select=\"emr-tab-panel-header\"/>\n  <ng-content select=\"emr-tab-panel-body\"/>\n  <ng-content select=\"emr-tab-panel-footer\"/>\n</div>\n<ng-content select=\"emr-tab-panel-aside\"/>\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.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"panel\">\n  <ng-content select=\"emr-tab-panel-header\"/>\n  <ng-content select=\"emr-tab-panel-body\"/>\n  <ng-content select=\"emr-tab-panel-footer\"/>\n</div>\n<ng-content select=\"emr-tab-panel-aside\"/>\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.3.3 | 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.25", ngImport: i0, type: TabPanelHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TabPanelHeaderComponent, isStandalone: true, selector: "emr-tab-panel-header", host: { classAttribute: "emr-tab-panel-header" }, exportAs: ["emrTabPanelHeader"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: TabPanelHeaderComponent, isStandalone: true, selector: "emr-tab-panel-header", host: { classAttribute: "emr-tab-panel-header" }, exportAs: ["emrTabPanelHeader"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-tab-panel-header', exportAs: 'emrTabPanelHeader', host: {
                         'class': 'emr-tab-panel-header'
-                    }, template: "<ng-content/>\n", styles: [":host{display:block}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{display:block}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class TabPanelFooterComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TabPanelFooterComponent, isStandalone: true, selector: "emr-tab-panel-footer", host: { classAttribute: "emr-tab-panel-footer" }, exportAs: ["emrTabPanelFooter"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: TabPanelFooterComponent, isStandalone: true, selector: "emr-tab-panel-footer", host: { classAttribute: "emr-tab-panel-footer" }, exportAs: ["emrTabPanelFooter"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelFooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelFooterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-tab-panel-footer', exportAs: 'emrTabPanelFooter', host: {
                         'class': 'emr-tab-panel-footer'
-                    }, template: "<ng-content/>\n", styles: [":host{display:block}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{display:block}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 const TAB_PANEL_NAV = new InjectionToken('TAB_PANEL_NAV');
@@ -95,17 +91,17 @@ 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" }] : []));
+    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: "20.3.25", ngImport: i0, type: TabPanelItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", 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\">\n  <ng-content select=\"[emrTabPanelItemIcon]\"/>\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(--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.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", 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\">\n  <ng-content select=\"[emrTabPanelItemIcon]\"/>\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(--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.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-tab-panel-item', exportAs: 'emrTabPanelItem', hostDirectives: [
                         MatRipple
@@ -113,20 +109,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         'class': 'emr-tab-panel-item',
                         '[class.is-active]': 'api.isActive(this.for())',
                         '(click)': '_handleClick()'
-                    }, template: "<div class=\"icon\">\n  <ng-content select=\"[emrTabPanelItemIcon]\"/>\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(--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.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"icon\">\n  <ng-content select=\"[emrTabPanelItemIcon]\"/>\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(--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.3.3 | 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.25", ngImport: i0, type: TabPanelNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TabPanelNavComponent, isStandalone: true, selector: "emr-tab-panel-nav", host: { classAttribute: "emr-tab-panel-nav" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", 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/>\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.3.2 | MIT License | https://tailwindcss.com */\n"] });
+        ], exportAs: ["emrTabPanelNav"], ngImport: i0, template: "<ng-content/>\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.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelNavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelNavComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-tab-panel-nav', exportAs: 'emrTabPanelNav', providers: [
                         {
@@ -135,31 +131,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         }
                     ], host: {
                         'class': 'emr-tab-panel-nav'
-                    }, template: "<ng-content/>\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.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\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.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class TabPanelItemTextComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelItemTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TabPanelItemTextComponent, isStandalone: true, selector: "emr-tab-panel-item-text", host: { classAttribute: "emr-tab-panel-item-text" }, exportAs: ["emrTabPanelItemText"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{font-size:var(--emr-tab-panel-item-text-font-size)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelItemTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: TabPanelItemTextComponent, isStandalone: true, selector: "emr-tab-panel-item-text", host: { classAttribute: "emr-tab-panel-item-text" }, exportAs: ["emrTabPanelItemText"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{font-size:var(--emr-tab-panel-item-text-font-size)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelItemTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", 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/>\n", styles: [":host{font-size:var(--emr-tab-panel-item-text-font-size)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{font-size:var(--emr-tab-panel-item-text-font-size)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class TabPanelAsideComponent {
     nextId = 0;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelAsideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TabPanelAsideComponent, isStandalone: true, selector: "emr-tab-panel-aside", host: { classAttribute: "emr-tab-panel-aside" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelAsideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", 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/>\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.3.2 | MIT License | https://tailwindcss.com */\n"] });
+        ], exportAs: ["emrTabPanelAside"], ngImport: i0, template: "<ng-content/>\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.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelAsideComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelAsideComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-tab-panel-aside', exportAs: 'emrTabPanelAside', providers: [
                         {
@@ -168,38 +164,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         }
                     ], host: {
                         'class': 'emr-tab-panel-aside'
-                    }, template: "<ng-content/>\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.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\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.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class TabPanelBodyComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: TabPanelBodyComponent, isStandalone: true, selector: "emr-tab-panel-body", host: { classAttribute: "emr-tab-panel-body" }, exportAs: ["emrTabPanelBody"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;flex-grow:1}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: TabPanelBodyComponent, isStandalone: true, selector: "emr-tab-panel-body", host: { classAttribute: "emr-tab-panel-body" }, exportAs: ["emrTabPanelBody"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;flex-grow:1}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelBodyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-tab-panel-body', exportAs: 'emrTabPanelBody', host: {
                         'class': 'emr-tab-panel-body'
-                    }, template: "<ng-content/>\n", styles: [":host{display:block;flex-grow:1}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{display:block;flex-grow:1}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 class TabPanelCustomItemComponent {
     api = inject(TabPanelApiService);
-    for = input(...(ngDevMode ? [undefined, { debugName: "for" }] : []));
+    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: "20.3.25", ngImport: i0, type: TabPanelCustomItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", 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/>\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.3.2 | MIT License | https://tailwindcss.com */\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelCustomItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", 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/>\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.3.3 | MIT License | https://tailwindcss.com */\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelCustomItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", 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/>\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.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, 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(--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.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { for: [{ type: i0.Input, args: [{ isSignal: true, alias: "for", required: false }] }] } });
 class TabPanelAsideContentDirective {
@@ -208,9 +204,7 @@ class TabPanelAsideContentDirective {
     _templateRef = inject(TemplateRef);
     _viewContainer = inject(ViewContainerRef);
     _destroyRef = inject(DestroyRef);
-    id = input(this._aside ? this._aside.nextId++ : null, ...(ngDevMode ? [{ debugName: "id", alias: 'emrTabPanelAsideContent' }] : [{
-            alias: 'emrTabPanelAsideContent'
-        }]));
+    id = input(this._aside ? this._aside.nextId++ : null, { ...(ngDevMode ? { debugName: "id" } : /* istanbul ignore next */ {}), alias: 'emrTabPanelAsideContent' });
     ngOnInit() {
         if (this._api.isActive(this.id())) {
             this._show();
@@ -236,10 +230,10 @@ class TabPanelAsideContentDirective {
     _hide() {
         this._viewContainer.clear();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TabPanelAsideContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.25", type: TabPanelAsideContentDirective, isStandalone: true, selector: "[emrTabPanelAsideContent]", inputs: { id: { classPropertyName: "id", publicName: "emrTabPanelAsideContent", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["emrTabPanelAsideContent"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelAsideContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.22", 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.25", ngImport: i0, type: TabPanelAsideContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelAsideContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrTabPanelAsideContent]',
@@ -248,10 +242,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
         }], 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.25", ngImport: i0, type: TabPanelItemIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TabPanelItemIconDirective, isStandalone: true, selector: "[emrTabPanelItemIcon]", host: { classAttribute: "emr-tab-panel-item-icon" }, exportAs: ["emrTabPanelItemIcon"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelItemIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.22", 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.25", ngImport: i0, type: TabPanelItemIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TabPanelItemIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[emrTabPanelItemIcon]',

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

	@@ -1 +1 @@
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';\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: 'emr-tab-panel',\n exportAs: 'emrTabPanel',\n templateUrl: './tab-panel.component.html',\n styleUrl: './tab-panel.component.scss',\n providers: [\n TabPanelApiService\n ],\n host: {\n 'class': 'emr-tab-panel',\n '[class.is-hide-content-if-tab-not-selected]': 'hideContentIfTabNotSelected()',\n '[class.is-compact]': 'compact()',\n }\n})\nexport class TabPanelComponent 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, false);\n }\n }\n}\n","<div class=\"panel\">\n <ng-content select=\"emr-tab-panel-header\"/>\n <ng-content select=\"emr-tab-panel-body\"/>\n <ng-content select=\"emr-tab-panel-footer\"/>\n</div>\n<ng-content select=\"emr-tab-panel-aside\"/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-tab-panel-header',\n exportAs: 'emrTabPanelHeader',\n templateUrl: './tab-panel-header.component.html',\n styleUrl: './tab-panel-header.component.scss',\n host: {\n 'class': 'emr-tab-panel-header'\n }\n})\nexport class TabPanelHeaderComponent {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-tab-panel-footer',\n exportAs: 'emrTabPanelFooter',\n templateUrl: './tab-panel-footer.component.html',\n styleUrl: './tab-panel-footer.component.scss',\n host: {\n 'class': 'emr-tab-panel-footer'\n }\n})\nexport class TabPanelFooterComponent {\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 { TabPanelNavComponent } from '../tab-panel-nav/tab-panel-nav.component';\nimport { TAB_PANEL_NAV } from '../types';\nimport { MatRipple } from '@angular/material/core';\n\n@Component({\n selector: 'emr-tab-panel-item',\n exportAs: 'emrTabPanelItem',\n templateUrl: './tab-panel-item.component.html',\n styleUrl: './tab-panel-item.component.scss',\n hostDirectives: [\n MatRipple\n ],\n host: {\n 'class': 'emr-tab-panel-item',\n '[class.is-active]': 'api.isActive(this.for())',\n '(click)': '_handleClick()'\n }\n})\nexport class TabPanelItemComponent {\n readonly api = inject(TabPanelApiService);\n private _nav = inject<TabPanelNavComponent>(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=\"[emrTabPanelItemIcon]\"/>\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: 'emr-tab-panel-nav',\n exportAs: 'emrTabPanelNav',\n templateUrl: './tab-panel-nav.component.html',\n styleUrl: './tab-panel-nav.component.scss',\n providers: [\n {\n provide: TAB_PANEL_NAV,\n useExisting: TabPanelNavComponent\n }\n ],\n host: {\n 'class': 'emr-tab-panel-nav'\n }\n})\nexport class TabPanelNavComponent {\n nextId = 0;\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-tab-panel-item-text',\n exportAs: 'emrTabPanelItemText',\n templateUrl: './tab-panel-item-text.component.html',\n styleUrl: './tab-panel-item-text.component.scss',\n host: {\n 'class': 'emr-tab-panel-item-text'\n }\n})\nexport class TabPanelItemTextComponent {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\nimport { TAB_PANEL_ASIDE } from '../types';\n\n@Component({\n selector: 'emr-tab-panel-aside',\n exportAs: 'emrTabPanelAside',\n templateUrl: './tab-panel-aside.component.html',\n styleUrl: './tab-panel-aside.component.scss',\n providers: [\n {\n provide: TAB_PANEL_ASIDE,\n useExisting: TabPanelAsideComponent\n }\n ],\n host: {\n 'class': 'emr-tab-panel-aside'\n }\n})\nexport class TabPanelAsideComponent {\n nextId = 0;\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-tab-panel-body',\n exportAs: 'emrTabPanelBody',\n templateUrl: './tab-panel-body.component.html',\n styleUrl: './tab-panel-body.component.scss',\n host: {\n 'class': 'emr-tab-panel-body'\n }\n})\nexport class TabPanelBodyComponent {\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: 'emr-tab-panel-custom-item',\n exportAs: 'emrTabPanelCustomItem',\n templateUrl: './tab-panel-custom-item.component.html',\n styleUrl: './tab-panel-custom-item.component.scss',\n host: {\n 'class': 'emr-tab-panel-custom-item',\n '(click)': '_handleClick()'\n }\n})\nexport class TabPanelCustomItemComponent {\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 { TabPanelAsideComponent } from './tab-panel-aside/tab-panel-aside.component';\n\n@Directive({\n selector: '[emrTabPanelAsideContent]',\n exportAs: 'emrTabPanelAsideContent'\n})\nexport class TabPanelAsideContentDirective implements OnInit {\n private _aside = inject<TabPanelAsideComponent>(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: 'emrTabPanelAsideContent'\n });\n\n ngOnInit() {\n if (this._api.isActive(this.id())) {\n this._show();\n } else {\n this._hide();\n }\n\n this._api.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: '[emrTabPanelItemIcon]',\n exportAs: 'emrTabPanelItemIcon',\n host: {\n 'class': 'emr-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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"}
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';\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: 'emr-tab-panel',\n exportAs: 'emrTabPanel',\n templateUrl: './tab-panel.component.html',\n styleUrl: './tab-panel.component.scss',\n providers: [\n TabPanelApiService\n ],\n host: {\n 'class': 'emr-tab-panel',\n '[class.is-hide-content-if-tab-not-selected]': 'hideContentIfTabNotSelected()',\n '[class.is-compact]': 'compact()',\n }\n})\nexport class TabPanelComponent 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, false);\n }\n }\n}\n","<div class=\"panel\">\n <ng-content select=\"emr-tab-panel-header\"/>\n <ng-content select=\"emr-tab-panel-body\"/>\n <ng-content select=\"emr-tab-panel-footer\"/>\n</div>\n<ng-content select=\"emr-tab-panel-aside\"/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-tab-panel-header',\n exportAs: 'emrTabPanelHeader',\n templateUrl: './tab-panel-header.component.html',\n styleUrl: './tab-panel-header.component.scss',\n host: {\n 'class': 'emr-tab-panel-header'\n }\n})\nexport class TabPanelHeaderComponent {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-tab-panel-footer',\n exportAs: 'emrTabPanelFooter',\n templateUrl: './tab-panel-footer.component.html',\n styleUrl: './tab-panel-footer.component.scss',\n host: {\n 'class': 'emr-tab-panel-footer'\n }\n})\nexport class TabPanelFooterComponent {\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 { TabPanelNavComponent } from '../tab-panel-nav/tab-panel-nav.component';\nimport { TAB_PANEL_NAV } from '../types';\nimport { MatRipple } from '@angular/material/core';\n\n@Component({\n selector: 'emr-tab-panel-item',\n exportAs: 'emrTabPanelItem',\n templateUrl: './tab-panel-item.component.html',\n styleUrl: './tab-panel-item.component.scss',\n hostDirectives: [\n MatRipple\n ],\n host: {\n 'class': 'emr-tab-panel-item',\n '[class.is-active]': 'api.isActive(this.for())',\n '(click)': '_handleClick()'\n }\n})\nexport class TabPanelItemComponent {\n readonly api = inject(TabPanelApiService);\n private _nav = inject<TabPanelNavComponent>(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=\"[emrTabPanelItemIcon]\"/>\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: 'emr-tab-panel-nav',\n exportAs: 'emrTabPanelNav',\n templateUrl: './tab-panel-nav.component.html',\n styleUrl: './tab-panel-nav.component.scss',\n providers: [\n {\n provide: TAB_PANEL_NAV,\n useExisting: TabPanelNavComponent\n }\n ],\n host: {\n 'class': 'emr-tab-panel-nav'\n }\n})\nexport class TabPanelNavComponent {\n nextId = 0;\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-tab-panel-item-text',\n exportAs: 'emrTabPanelItemText',\n templateUrl: './tab-panel-item-text.component.html',\n styleUrl: './tab-panel-item-text.component.scss',\n host: {\n 'class': 'emr-tab-panel-item-text'\n }\n})\nexport class TabPanelItemTextComponent {\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\nimport { TAB_PANEL_ASIDE } from '../types';\n\n@Component({\n selector: 'emr-tab-panel-aside',\n exportAs: 'emrTabPanelAside',\n templateUrl: './tab-panel-aside.component.html',\n styleUrl: './tab-panel-aside.component.scss',\n providers: [\n {\n provide: TAB_PANEL_ASIDE,\n useExisting: TabPanelAsideComponent\n }\n ],\n host: {\n 'class': 'emr-tab-panel-aside'\n }\n})\nexport class TabPanelAsideComponent {\n nextId = 0;\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'emr-tab-panel-body',\n exportAs: 'emrTabPanelBody',\n templateUrl: './tab-panel-body.component.html',\n styleUrl: './tab-panel-body.component.scss',\n host: {\n 'class': 'emr-tab-panel-body'\n }\n})\nexport class TabPanelBodyComponent {\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: 'emr-tab-panel-custom-item',\n exportAs: 'emrTabPanelCustomItem',\n templateUrl: './tab-panel-custom-item.component.html',\n styleUrl: './tab-panel-custom-item.component.scss',\n host: {\n 'class': 'emr-tab-panel-custom-item',\n '(click)': '_handleClick()'\n }\n})\nexport class TabPanelCustomItemComponent {\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 { TabPanelAsideComponent } from './tab-panel-aside/tab-panel-aside.component';\n\n@Directive({\n selector: '[emrTabPanelAsideContent]',\n exportAs: 'emrTabPanelAsideContent'\n})\nexport class TabPanelAsideContentDirective implements OnInit {\n private _aside = inject<TabPanelAsideComponent>(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: 'emrTabPanelAsideContent'\n });\n\n ngOnInit() {\n if (this._api.isActive(this.id())) {\n this._show();\n } else {\n this._hide();\n }\n\n this._api.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: '[emrTabPanelItemIcon]',\n exportAs: 'emrTabPanelItemIcon',\n host: {\n 'class': 'emr-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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"}

package/fesm2022/elementar-rt-components-table.mjs CHANGED Viewed

@@ -3,23 +3,23 @@ import { input, booleanAttribute, output, signal, computed, Component } from '@a
 import { NgTemplateOutlet } from '@angular/common';
 class TableComponent {
-    columns = input([], ...(ngDevMode ? [{ debugName: "columns" }] : []));
-    rows = input([], ...(ngDevMode ? [{ debugName: "rows" }] : []));
-    striped = input(false, ...(ngDevMode ? [{ debugName: "striped", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    bordered = input(false, ...(ngDevMode ? [{ debugName: "bordered", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    hoverable = input(true, ...(ngDevMode ? [{ debugName: "hoverable", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    selectable = input(false, ...(ngDevMode ? [{ debugName: "selectable", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    stickyHeader = input(false, ...(ngDevMode ? [{ debugName: "stickyHeader", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    rowTemplate = input(null, ...(ngDevMode ? [{ debugName: "rowTemplate" }] : []));
+    columns = input([], ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    rows = input([], ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+    striped = input(false, { ...(ngDevMode ? { debugName: "striped" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    bordered = input(false, { ...(ngDevMode ? { debugName: "bordered" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    hoverable = input(true, { ...(ngDevMode ? { debugName: "hoverable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    selectable = input(false, { ...(ngDevMode ? { debugName: "selectable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    stickyHeader = input(false, { ...(ngDevMode ? { debugName: "stickyHeader" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    rowTemplate = input(null, ...(ngDevMode ? [{ debugName: "rowTemplate" }] : /* istanbul ignore next */ []));
     sortChange = output();
     selectionChange = output();
-    _sortColumn = signal('', ...(ngDevMode ? [{ debugName: "_sortColumn" }] : []));
-    _sortDirection = signal(null, ...(ngDevMode ? [{ debugName: "_sortDirection" }] : []));
-    _selectedRows = signal(new Set(), ...(ngDevMode ? [{ debugName: "_selectedRows" }] : []));
+    _sortColumn = signal('', ...(ngDevMode ? [{ debugName: "_sortColumn" }] : /* istanbul ignore next */ []));
+    _sortDirection = signal(null, ...(ngDevMode ? [{ debugName: "_sortDirection" }] : /* istanbul ignore next */ []));
+    _selectedRows = signal(new Set(), ...(ngDevMode ? [{ debugName: "_selectedRows" }] : /* istanbul ignore next */ []));
     _allSelected = computed(() => {
         const rows = this.rows();
         return rows.length > 0 && this._selectedRows().size === rows.length;
-    }, ...(ngDevMode ? [{ debugName: "_allSelected" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "_allSelected" }] : /* istanbul ignore next */ []));
     _cellValue(row, col) {
         if (col.cell)
             return col.cell(row);
@@ -63,17 +63,17 @@ class TableComponent {
             return 'unfold_more';
         return this._sortDirection() === 'asc' ? 'arrow_upward' : 'arrow_downward';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: TableComponent, isStandalone: true, selector: "emr-table", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, striped: { classPropertyName: "striped", publicName: "striped", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, hoverable: { classPropertyName: "hoverable", publicName: "hoverable", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null }, rowTemplate: { classPropertyName: "rowTemplate", publicName: "rowTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sortChange: "sortChange", selectionChange: "selectionChange" }, host: { properties: { "class.is-striped": "striped()", "class.is-bordered": "bordered()", "class.is-hoverable": "hoverable()" }, classAttribute: "emr-table-wrapper" }, exportAs: ["emrTable"], ngImport: i0, template: "<div class=\"table-scroll\">\n  <table class=\"emr-table\">\n    <thead [class.is-sticky]=\"stickyHeader()\">\n      <tr>\n        @if (selectable()) {\n          <th class=\"col-check\">\n            <input\n              type=\"checkbox\"\n              [checked]=\"_allSelected()\"\n              (change)=\"_toggleAll($any($event.target).checked)\"\n              aria-label=\"Select all\"\n            />\n          </th>\n        }\n        @for (col of columns(); track col.key) {\n          <th\n            [class.is-sortable]=\"col.sortable\"\n            [class.is-sorted]=\"_sortColumn() === col.key\"\n            [style.width]=\"col.width || ''\"\n            [class.is-sticky]=\"col.sticky\"\n            (click)=\"_onSort(col)\"\n          >\n            <span class=\"th-content\">\n              {{ col.label }}\n              @if (col.sortable) {\n                <span class=\"sort-icon\">{{ _sortIcon(col) }}</span>\n              }\n            </span>\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @for (row of rows(); track $index) {\n        <tr [class.is-selected]=\"_isSelected(row)\">\n          @if (selectable()) {\n            <td class=\"col-check\">\n              <input\n                type=\"checkbox\"\n                [checked]=\"_isSelected(row)\"\n                (change)=\"_toggleRow(row, $any($event.target).checked)\"\n                [attr.aria-label]=\"'Select row ' + $index\"\n              />\n            </td>\n          }\n          @if (rowTemplate()) {\n            <ng-container [ngTemplateOutlet]=\"rowTemplate()!\" [ngTemplateOutletContext]=\"{ $implicit: row, index: $index }\"/>\n          } @else {\n            @for (col of columns(); track col.key) {\n              <td [class.is-sticky]=\"col.sticky\">{{ _cellValue(row, col) }}</td>\n            }\n          }\n        </tr>\n      }\n      @if (rows().length === 0) {\n        <tr class=\"empty-row\">\n          <td [attr.colspan]=\"columns().length + (selectable() ? 1 : 0)\">\n            <ng-content select=\"[emrTableEmpty]\"/>\n          </td>\n        </tr>\n      }\n    </tbody>\n  </table>\n</div>\n<ng-content select=\"emr-paginator\"/>\n", styles: [":host{--emr-table-border-color: var(--color-outline-variant);--emr-table-header-bg: var(--color-surface-container-low);--emr-table-header-color: var(--color-on-surface-variant);--emr-table-header-font-weight: 600;--emr-table-header-font-size: .75rem;--emr-table-row-hover-bg: var(--color-surface-container);--emr-table-row-selected-bg: var(--color-secondary-container);--emr-table-row-striped-bg: var(--color-surface-container-lowest);--emr-table-cell-padding: calc(var(--spacing, .25rem) * 3) calc(var(--spacing, .25rem) * 4);--emr-table-border-radius: .75rem;display:block;width:100%}.table-scroll{overflow-x:auto;border-radius:var(--emr-table-border-radius);border:1px solid var(--emr-table-border-color)}.emr-table{width:100%;border-collapse:collapse;font-size:.875rem}.emr-table thead{background:var(--emr-table-header-bg)}.emr-table thead.is-sticky th{position:sticky;top:0;z-index:2;background:var(--emr-table-header-bg)}.emr-table thead th{padding:var(--emr-table-cell-padding);text-align:start;font-weight:var(--emr-table-header-font-weight);font-size:var(--emr-table-header-font-size);color:var(--emr-table-header-color);white-space:nowrap;border-bottom:1px solid var(--emr-table-border-color);text-transform:uppercase;letter-spacing:.05em}.emr-table thead th.is-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.emr-table thead th.is-sortable:hover .sort-icon{opacity:1}.emr-table thead th.is-sticky{position:sticky;left:0;z-index:3;background:var(--emr-table-header-bg)}.emr-table thead .th-content{display:flex;align-items:center;gap:var(--spacing, .25rem)}.emr-table thead .sort-icon{font-family:Material Icons;font-size:1rem;opacity:.4;transition:opacity .15s}.emr-table thead .is-sorted .sort-icon{opacity:1}.emr-table tbody tr{transition:background .1s;border-bottom:1px solid var(--emr-table-border-color)}.emr-table tbody tr:last-child{border-bottom:none}.emr-table tbody td{padding:var(--emr-table-cell-padding)}.emr-table tbody td.is-sticky{position:sticky;left:0;background:var(--color-surface);z-index:1}.emr-table :host(.is-hoverable) tbody tr:hover{background:var(--emr-table-row-hover-bg)}.emr-table :host(.is-striped) tbody tr:nth-child(2n){background:var(--emr-table-row-striped-bg)}:host(.is-bordered) .emr-table th,:host(.is-bordered) .emr-table td{border:1px solid var(--emr-table-border-color)}.emr-table .is-selected{background:var(--emr-table-row-selected-bg)!important}.emr-table .col-check{width:calc(var(--spacing, .25rem) * 12);padding-inline:calc(var(--spacing, .25rem) * 3)}.emr-table .empty-row td{text-align:center;padding:calc(var(--spacing, .25rem) * 12);color:var(--color-on-surface-variant)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: TableComponent, isStandalone: true, selector: "emr-table", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, striped: { classPropertyName: "striped", publicName: "striped", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, hoverable: { classPropertyName: "hoverable", publicName: "hoverable", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null }, rowTemplate: { classPropertyName: "rowTemplate", publicName: "rowTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sortChange: "sortChange", selectionChange: "selectionChange" }, host: { properties: { "class.is-striped": "striped()", "class.is-bordered": "bordered()", "class.is-hoverable": "hoverable()" }, classAttribute: "emr-table-wrapper" }, exportAs: ["emrTable"], ngImport: i0, template: "<div class=\"table-scroll\">\n  <table class=\"emr-table\">\n    <thead [class.is-sticky]=\"stickyHeader()\">\n      <tr>\n        @if (selectable()) {\n          <th class=\"col-check\">\n            <input\n              type=\"checkbox\"\n              [checked]=\"_allSelected()\"\n              (change)=\"_toggleAll($any($event.target).checked)\"\n              aria-label=\"Select all\"\n            />\n          </th>\n        }\n        @for (col of columns(); track col.key) {\n          <th\n            [class.is-sortable]=\"col.sortable\"\n            [class.is-sorted]=\"_sortColumn() === col.key\"\n            [style.width]=\"col.width || ''\"\n            [class.is-sticky]=\"col.sticky\"\n            (click)=\"_onSort(col)\"\n          >\n            <span class=\"th-content\">\n              {{ col.label }}\n              @if (col.sortable) {\n                <span class=\"sort-icon\">{{ _sortIcon(col) }}</span>\n              }\n            </span>\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @for (row of rows(); track $index) {\n        <tr [class.is-selected]=\"_isSelected(row)\">\n          @if (selectable()) {\n            <td class=\"col-check\">\n              <input\n                type=\"checkbox\"\n                [checked]=\"_isSelected(row)\"\n                (change)=\"_toggleRow(row, $any($event.target).checked)\"\n                [attr.aria-label]=\"'Select row ' + $index\"\n              />\n            </td>\n          }\n          @if (rowTemplate()) {\n            <ng-container [ngTemplateOutlet]=\"rowTemplate()!\" [ngTemplateOutletContext]=\"{ $implicit: row, index: $index }\"/>\n          } @else {\n            @for (col of columns(); track col.key) {\n              <td [class.is-sticky]=\"col.sticky\">{{ _cellValue(row, col) }}</td>\n            }\n          }\n        </tr>\n      }\n      @if (rows().length === 0) {\n        <tr class=\"empty-row\">\n          <td [attr.colspan]=\"columns().length + (selectable() ? 1 : 0)\">\n            <ng-content select=\"[emrTableEmpty]\"/>\n          </td>\n        </tr>\n      }\n    </tbody>\n  </table>\n</div>\n<ng-content select=\"emr-paginator\"/>\n", styles: [":host{--emr-table-border-color: var(--color-outline-variant);--emr-table-header-bg: var(--color-surface-container-low);--emr-table-header-color: var(--color-on-surface-variant);--emr-table-header-font-weight: 600;--emr-table-header-font-size: .75rem;--emr-table-row-hover-bg: var(--color-surface-container);--emr-table-row-selected-bg: var(--color-secondary-container);--emr-table-row-striped-bg: var(--color-surface-container-lowest);--emr-table-cell-padding: calc(var(--spacing, .25rem) * 3) calc(var(--spacing, .25rem) * 4);--emr-table-border-radius: .75rem;display:block;width:100%}.table-scroll{overflow-x:auto;border-radius:var(--emr-table-border-radius);border:1px solid var(--emr-table-border-color)}.emr-table{width:100%;border-collapse:collapse;font-size:.875rem}.emr-table thead{background:var(--emr-table-header-bg)}.emr-table thead.is-sticky th{position:sticky;top:0;z-index:2;background:var(--emr-table-header-bg)}.emr-table thead th{padding:var(--emr-table-cell-padding);text-align:start;font-weight:var(--emr-table-header-font-weight);font-size:var(--emr-table-header-font-size);color:var(--emr-table-header-color);white-space:nowrap;border-bottom:1px solid var(--emr-table-border-color);text-transform:uppercase;letter-spacing:.05em}.emr-table thead th.is-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.emr-table thead th.is-sortable:hover .sort-icon{opacity:1}.emr-table thead th.is-sticky{position:sticky;left:0;z-index:3;background:var(--emr-table-header-bg)}.emr-table thead .th-content{display:flex;align-items:center;gap:var(--spacing, .25rem)}.emr-table thead .sort-icon{font-family:Material Icons;font-size:1rem;opacity:.4;transition:opacity .15s}.emr-table thead .is-sorted .sort-icon{opacity:1}.emr-table tbody tr{transition:background .1s;border-bottom:1px solid var(--emr-table-border-color)}.emr-table tbody tr:last-child{border-bottom:none}.emr-table tbody td{padding:var(--emr-table-cell-padding)}.emr-table tbody td.is-sticky{position:sticky;left:0;background:var(--color-surface);z-index:1}.emr-table :host(.is-hoverable) tbody tr:hover{background:var(--emr-table-row-hover-bg)}.emr-table :host(.is-striped) tbody tr:nth-child(2n){background:var(--emr-table-row-striped-bg)}:host(.is-bordered) .emr-table th,:host(.is-bordered) .emr-table td{border:1px solid var(--emr-table-border-color)}.emr-table .is-selected{background:var(--emr-table-row-selected-bg)!important}.emr-table .col-check{width:calc(var(--spacing, .25rem) * 12);padding-inline:calc(var(--spacing, .25rem) * 3)}.emr-table .empty-row td{text-align:center;padding:calc(var(--spacing, .25rem) * 12);color:var(--color-on-surface-variant)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-table', exportAs: 'emrTable', imports: [NgTemplateOutlet], host: {
                         'class': 'emr-table-wrapper',
                         '[class.is-striped]': 'striped()',
                         '[class.is-bordered]': 'bordered()',
                         '[class.is-hoverable]': 'hoverable()',
-                    }, template: "<div class=\"table-scroll\">\n  <table class=\"emr-table\">\n    <thead [class.is-sticky]=\"stickyHeader()\">\n      <tr>\n        @if (selectable()) {\n          <th class=\"col-check\">\n            <input\n              type=\"checkbox\"\n              [checked]=\"_allSelected()\"\n              (change)=\"_toggleAll($any($event.target).checked)\"\n              aria-label=\"Select all\"\n            />\n          </th>\n        }\n        @for (col of columns(); track col.key) {\n          <th\n            [class.is-sortable]=\"col.sortable\"\n            [class.is-sorted]=\"_sortColumn() === col.key\"\n            [style.width]=\"col.width || ''\"\n            [class.is-sticky]=\"col.sticky\"\n            (click)=\"_onSort(col)\"\n          >\n            <span class=\"th-content\">\n              {{ col.label }}\n              @if (col.sortable) {\n                <span class=\"sort-icon\">{{ _sortIcon(col) }}</span>\n              }\n            </span>\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @for (row of rows(); track $index) {\n        <tr [class.is-selected]=\"_isSelected(row)\">\n          @if (selectable()) {\n            <td class=\"col-check\">\n              <input\n                type=\"checkbox\"\n                [checked]=\"_isSelected(row)\"\n                (change)=\"_toggleRow(row, $any($event.target).checked)\"\n                [attr.aria-label]=\"'Select row ' + $index\"\n              />\n            </td>\n          }\n          @if (rowTemplate()) {\n            <ng-container [ngTemplateOutlet]=\"rowTemplate()!\" [ngTemplateOutletContext]=\"{ $implicit: row, index: $index }\"/>\n          } @else {\n            @for (col of columns(); track col.key) {\n              <td [class.is-sticky]=\"col.sticky\">{{ _cellValue(row, col) }}</td>\n            }\n          }\n        </tr>\n      }\n      @if (rows().length === 0) {\n        <tr class=\"empty-row\">\n          <td [attr.colspan]=\"columns().length + (selectable() ? 1 : 0)\">\n            <ng-content select=\"[emrTableEmpty]\"/>\n          </td>\n        </tr>\n      }\n    </tbody>\n  </table>\n</div>\n<ng-content select=\"emr-paginator\"/>\n", styles: [":host{--emr-table-border-color: var(--color-outline-variant);--emr-table-header-bg: var(--color-surface-container-low);--emr-table-header-color: var(--color-on-surface-variant);--emr-table-header-font-weight: 600;--emr-table-header-font-size: .75rem;--emr-table-row-hover-bg: var(--color-surface-container);--emr-table-row-selected-bg: var(--color-secondary-container);--emr-table-row-striped-bg: var(--color-surface-container-lowest);--emr-table-cell-padding: calc(var(--spacing, .25rem) * 3) calc(var(--spacing, .25rem) * 4);--emr-table-border-radius: .75rem;display:block;width:100%}.table-scroll{overflow-x:auto;border-radius:var(--emr-table-border-radius);border:1px solid var(--emr-table-border-color)}.emr-table{width:100%;border-collapse:collapse;font-size:.875rem}.emr-table thead{background:var(--emr-table-header-bg)}.emr-table thead.is-sticky th{position:sticky;top:0;z-index:2;background:var(--emr-table-header-bg)}.emr-table thead th{padding:var(--emr-table-cell-padding);text-align:start;font-weight:var(--emr-table-header-font-weight);font-size:var(--emr-table-header-font-size);color:var(--emr-table-header-color);white-space:nowrap;border-bottom:1px solid var(--emr-table-border-color);text-transform:uppercase;letter-spacing:.05em}.emr-table thead th.is-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.emr-table thead th.is-sortable:hover .sort-icon{opacity:1}.emr-table thead th.is-sticky{position:sticky;left:0;z-index:3;background:var(--emr-table-header-bg)}.emr-table thead .th-content{display:flex;align-items:center;gap:var(--spacing, .25rem)}.emr-table thead .sort-icon{font-family:Material Icons;font-size:1rem;opacity:.4;transition:opacity .15s}.emr-table thead .is-sorted .sort-icon{opacity:1}.emr-table tbody tr{transition:background .1s;border-bottom:1px solid var(--emr-table-border-color)}.emr-table tbody tr:last-child{border-bottom:none}.emr-table tbody td{padding:var(--emr-table-cell-padding)}.emr-table tbody td.is-sticky{position:sticky;left:0;background:var(--color-surface);z-index:1}.emr-table :host(.is-hoverable) tbody tr:hover{background:var(--emr-table-row-hover-bg)}.emr-table :host(.is-striped) tbody tr:nth-child(2n){background:var(--emr-table-row-striped-bg)}:host(.is-bordered) .emr-table th,:host(.is-bordered) .emr-table td{border:1px solid var(--emr-table-border-color)}.emr-table .is-selected{background:var(--emr-table-row-selected-bg)!important}.emr-table .col-check{width:calc(var(--spacing, .25rem) * 12);padding-inline:calc(var(--spacing, .25rem) * 3)}.emr-table .empty-row td{text-align:center;padding:calc(var(--spacing, .25rem) * 12);color:var(--color-on-surface-variant)}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"table-scroll\">\n  <table class=\"emr-table\">\n    <thead [class.is-sticky]=\"stickyHeader()\">\n      <tr>\n        @if (selectable()) {\n          <th class=\"col-check\">\n            <input\n              type=\"checkbox\"\n              [checked]=\"_allSelected()\"\n              (change)=\"_toggleAll($any($event.target).checked)\"\n              aria-label=\"Select all\"\n            />\n          </th>\n        }\n        @for (col of columns(); track col.key) {\n          <th\n            [class.is-sortable]=\"col.sortable\"\n            [class.is-sorted]=\"_sortColumn() === col.key\"\n            [style.width]=\"col.width || ''\"\n            [class.is-sticky]=\"col.sticky\"\n            (click)=\"_onSort(col)\"\n          >\n            <span class=\"th-content\">\n              {{ col.label }}\n              @if (col.sortable) {\n                <span class=\"sort-icon\">{{ _sortIcon(col) }}</span>\n              }\n            </span>\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @for (row of rows(); track $index) {\n        <tr [class.is-selected]=\"_isSelected(row)\">\n          @if (selectable()) {\n            <td class=\"col-check\">\n              <input\n                type=\"checkbox\"\n                [checked]=\"_isSelected(row)\"\n                (change)=\"_toggleRow(row, $any($event.target).checked)\"\n                [attr.aria-label]=\"'Select row ' + $index\"\n              />\n            </td>\n          }\n          @if (rowTemplate()) {\n            <ng-container [ngTemplateOutlet]=\"rowTemplate()!\" [ngTemplateOutletContext]=\"{ $implicit: row, index: $index }\"/>\n          } @else {\n            @for (col of columns(); track col.key) {\n              <td [class.is-sticky]=\"col.sticky\">{{ _cellValue(row, col) }}</td>\n            }\n          }\n        </tr>\n      }\n      @if (rows().length === 0) {\n        <tr class=\"empty-row\">\n          <td [attr.colspan]=\"columns().length + (selectable() ? 1 : 0)\">\n            <ng-content select=\"[emrTableEmpty]\"/>\n          </td>\n        </tr>\n      }\n    </tbody>\n  </table>\n</div>\n<ng-content select=\"emr-paginator\"/>\n", styles: [":host{--emr-table-border-color: var(--color-outline-variant);--emr-table-header-bg: var(--color-surface-container-low);--emr-table-header-color: var(--color-on-surface-variant);--emr-table-header-font-weight: 600;--emr-table-header-font-size: .75rem;--emr-table-row-hover-bg: var(--color-surface-container);--emr-table-row-selected-bg: var(--color-secondary-container);--emr-table-row-striped-bg: var(--color-surface-container-lowest);--emr-table-cell-padding: calc(var(--spacing, .25rem) * 3) calc(var(--spacing, .25rem) * 4);--emr-table-border-radius: .75rem;display:block;width:100%}.table-scroll{overflow-x:auto;border-radius:var(--emr-table-border-radius);border:1px solid var(--emr-table-border-color)}.emr-table{width:100%;border-collapse:collapse;font-size:.875rem}.emr-table thead{background:var(--emr-table-header-bg)}.emr-table thead.is-sticky th{position:sticky;top:0;z-index:2;background:var(--emr-table-header-bg)}.emr-table thead th{padding:var(--emr-table-cell-padding);text-align:start;font-weight:var(--emr-table-header-font-weight);font-size:var(--emr-table-header-font-size);color:var(--emr-table-header-color);white-space:nowrap;border-bottom:1px solid var(--emr-table-border-color);text-transform:uppercase;letter-spacing:.05em}.emr-table thead th.is-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.emr-table thead th.is-sortable:hover .sort-icon{opacity:1}.emr-table thead th.is-sticky{position:sticky;left:0;z-index:3;background:var(--emr-table-header-bg)}.emr-table thead .th-content{display:flex;align-items:center;gap:var(--spacing, .25rem)}.emr-table thead .sort-icon{font-family:Material Icons;font-size:1rem;opacity:.4;transition:opacity .15s}.emr-table thead .is-sorted .sort-icon{opacity:1}.emr-table tbody tr{transition:background .1s;border-bottom:1px solid var(--emr-table-border-color)}.emr-table tbody tr:last-child{border-bottom:none}.emr-table tbody td{padding:var(--emr-table-cell-padding)}.emr-table tbody td.is-sticky{position:sticky;left:0;background:var(--color-surface);z-index:1}.emr-table :host(.is-hoverable) tbody tr:hover{background:var(--emr-table-row-hover-bg)}.emr-table :host(.is-striped) tbody tr:nth-child(2n){background:var(--emr-table-row-striped-bg)}:host(.is-bordered) .emr-table th,:host(.is-bordered) .emr-table td{border:1px solid var(--emr-table-border-color)}.emr-table .is-selected{background:var(--emr-table-row-selected-bg)!important}.emr-table .col-check{width:calc(var(--spacing, .25rem) * 12);padding-inline:calc(var(--spacing, .25rem) * 3)}.emr-table .empty-row td{text-align:center;padding:calc(var(--spacing, .25rem) * 12);color:var(--color-on-surface-variant)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], striped: [{ type: i0.Input, args: [{ isSignal: true, alias: "striped", required: false }] }], bordered: [{ type: i0.Input, args: [{ isSignal: true, alias: "bordered", required: false }] }], hoverable: [{ type: i0.Input, args: [{ isSignal: true, alias: "hoverable", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], stickyHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyHeader", required: false }] }], rowTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowTemplate", required: false }] }], sortChange: [{ type: i0.Output, args: ["sortChange"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }] } });
 /**