@elementar-rt/components 0.6.56 → 0.6.57

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

@@ -11,14 +11,14 @@ class SidePanelTabComponent {
     label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
     icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
     content;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidePanelTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: SidePanelTabComponent, isStandalone: true, selector: "emr-side-panel-tab", inputs: { tabId: { classPropertyName: "tabId", publicName: "tabId", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "emr-side-panel-tab" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["contentTemplate"], descendants: true, read: TemplateRef, static: true }], exportAs: ["emrSidePanelTab"], ngImport: i0, template: "<ng-template #contentTemplate><ng-content/></ng-template>\r\n", styles: [":host{display:none}\n"] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SidePanelTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.25", type: SidePanelTabComponent, isStandalone: true, selector: "emr-side-panel-tab", inputs: { tabId: { classPropertyName: "tabId", publicName: "tabId", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "emr-side-panel-tab" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["contentTemplate"], descendants: true, read: TemplateRef, static: true }], exportAs: ["emrSidePanelTab"], ngImport: i0, template: "<ng-template #contentTemplate><ng-content/></ng-template>\n", styles: [":host{display:none}\n"] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidePanelTabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SidePanelTabComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-side-panel-tab', exportAs: 'emrSidePanelTab', standalone: true, host: {
                         'class': 'emr-side-panel-tab',
-                    }, template: "<ng-template #contentTemplate><ng-content/></ng-template>\r\n", styles: [":host{display:none}\n"] }]
+                    }, template: "<ng-template #contentTemplate><ng-content/></ng-template>\n", styles: [":host{display:none}\n"] }]
         }], propDecorators: { tabId: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabId", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], content: [{
                 type: ViewChild,
                 args: ['contentTemplate', { read: TemplateRef, static: true }]
@@ -85,10 +85,10 @@ class SidePanelComponent {
     isTemplateRef(value) {
         return value instanceof TemplateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: SidePanelComponent, isStandalone: true, selector: "emr-side-panel", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed" }, host: { properties: { "class.panel-open": "isOpen()", "class.position-right": "isPositionRight()" }, classAttribute: "emr-side-panel" }, queries: [{ propertyName: "projectedTabsQuery", predicate: SidePanelTabComponent, isSignal: true }], exportAs: ["emrSidePanel"], ngImport: i0, template: "<div class=\"button-strip flex flex-col items-center gap-1 z-10\">\r\n  @for (tab of internalTabs(); track tab.tabId) {\r\n    <button\r\n      mat-icon-button\r\n      [attr.aria-label]=\"tab.label\"\r\n      [matTooltip]=\"tab.label\"\r\n      [matTooltipPosition]=\"tooltipPosition()\"\r\n      matTooltipShowDelay=\"500\"\r\n      [class.is-active]=\"activeTabId() === tab.tabId\"\r\n      (click)=\"toggleTab(tab.tabId)\"\r\n      class=\"button\"\r\n    >\r\n      @if (isTemplateRef(tab.icon)) {\r\n        <ng-container [ngTemplateOutlet]=\"tab.icon\"/>\r\n      } @else if (typeof tab.icon === 'string' && tab.icon) {\r\n        <mat-icon>{{ tab.icon }}</mat-icon>\r\n      } @else {\r\n        <span class=\"text-sm\">{{ tab.label.substring(0, 2) }}</span>\r\n      }\r\n    </button>\r\n  }\r\n</div>\r\n\r\n<div class=\"wrapper\" [class.open]=\"isOpen()\">\r\n  @if (isOpen() && activeTabId()) {\r\n    @if (selectedTabContent(); as content) {\r\n      <ng-container [ngTemplateOutlet]=\"content\"/>\r\n    } @else if (activeTabId() && !selectedTabContent()) {\r\n      <p class=\"text-neutral-500\">No content was found for this tab.</p>\r\n    }\r\n  }\r\n</div>\r\n", styles: [":host{--emr-side-panel-button-strip-width: calc(var(--spacing, .25rem) * 14);--emr-side-panel-content-width: 320px;--emr-side-panel-offset-y: 0;--emr-side-panel-content-bg: var(--color-surface-container-lowest);--emr-side-panel-content-border-radius: 1rem;--emr-side-panel-transition-timing: .2s;--emr-side-panel-button-active-bg: var(--color-secondary-fixed);--emr-side-panel-button-active-color: var(--color-on-secondary-fixed);display:block;position:relative;height:100%;overflow:hidden;width:var(--emr-side-panel-button-strip-width);transition:width var(--emr-side-panel-transition-timing) ease-in-out}:host.panel-open{flex:none}:host.panel-open .button.is-active{background:var(--emr-side-panel-button-active-bg);color:var(--emr-side-panel-button-active-color)}:host.panel-open{width:calc(var(--emr-side-panel-button-strip-width) + var(--emr-side-panel-content-width))}:host .button-strip{position:absolute;top:var(--emr-side-panel-offset-y);left:0;bottom:var(--emr-side-panel-offset-y);width:var(--emr-side-panel-button-strip-width);z-index:10}:host .wrapper{position:absolute;top:var(--emr-side-panel-offset-y);bottom:var(--emr-side-panel-offset-y);width:var(--emr-side-panel-content-width);opacity:0;visibility:hidden;pointer-events:none;left:var(--emr-side-panel-button-strip-width);transform:translate(-100%);transition:opacity var(--emr-side-panel-transition-timing) ease-in-out,transform var(--emr-side-panel-transition-timing) ease-in-out,visibility 0s linear var(--emr-side-panel-transition-timing);z-index:5;border-radius:var(--emr-side-panel-content-border-radius);overflow:hidden}:host .wrapper.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0);background:var(--emr-side-panel-content-bg);transition:opacity var(--emr-side-panel-transition-timing) ease-in-out,transform var(--emr-side-panel-transition-timing) ease-in-out,visibility 0s linear 0s}:host.position-right .button-strip{left:auto;right:0}:host.position-right .wrapper{left:auto;right:var(--emr-side-panel-button-strip-width);transform:translate(100%)}:host.position-right .wrapper.open{transform:translate(0)}:host .inner-content{width:100%;height:100%}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SidePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: SidePanelComponent, isStandalone: true, selector: "emr-side-panel", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed" }, host: { properties: { "class.panel-open": "isOpen()", "class.position-right": "isPositionRight()" }, classAttribute: "emr-side-panel" }, queries: [{ propertyName: "projectedTabsQuery", predicate: SidePanelTabComponent, isSignal: true }], exportAs: ["emrSidePanel"], ngImport: i0, template: "<div class=\"button-strip flex flex-col items-center gap-1 z-10\">\n  @for (tab of internalTabs(); track tab.tabId) {\n    <button\n      mat-icon-button\n      [attr.aria-label]=\"tab.label\"\n      [matTooltip]=\"tab.label\"\n      [matTooltipPosition]=\"tooltipPosition()\"\n      matTooltipShowDelay=\"500\"\n      [class.is-active]=\"activeTabId() === tab.tabId\"\n      (click)=\"toggleTab(tab.tabId)\"\n      class=\"button\"\n    >\n      @if (isTemplateRef(tab.icon)) {\n        <ng-container [ngTemplateOutlet]=\"tab.icon\"/>\n      } @else if (typeof tab.icon === 'string' && tab.icon) {\n        <mat-icon>{{ tab.icon }}</mat-icon>\n      } @else {\n        <span class=\"text-sm\">{{ tab.label.substring(0, 2) }}</span>\n      }\n    </button>\n  }\n</div>\n\n<div class=\"wrapper\" [class.open]=\"isOpen()\">\n  @if (isOpen() && activeTabId()) {\n    @if (selectedTabContent(); as content) {\n      <ng-container [ngTemplateOutlet]=\"content\"/>\n    } @else if (activeTabId() && !selectedTabContent()) {\n      <p class=\"text-neutral-500\">No content was found for this tab.</p>\n    }\n  }\n</div>\n", styles: [":host{--emr-side-panel-button-strip-width: calc(var(--spacing, .25rem) * 14);--emr-side-panel-content-width: 320px;--emr-side-panel-offset-y: 0;--emr-side-panel-content-bg: var(--color-surface-container-lowest);--emr-side-panel-content-border-radius: 1rem;--emr-side-panel-transition-timing: .2s;--emr-side-panel-button-active-bg: var(--color-secondary-fixed);--emr-side-panel-button-active-color: var(--color-on-secondary-fixed);display:block;position:relative;height:100%;overflow:hidden;width:var(--emr-side-panel-button-strip-width);transition:width var(--emr-side-panel-transition-timing) ease-in-out}:host.panel-open{flex:none}:host.panel-open .button.is-active{background:var(--emr-side-panel-button-active-bg);color:var(--emr-side-panel-button-active-color)}:host.panel-open{width:calc(var(--emr-side-panel-button-strip-width) + var(--emr-side-panel-content-width))}:host .button-strip{position:absolute;top:var(--emr-side-panel-offset-y);left:0;bottom:var(--emr-side-panel-offset-y);width:var(--emr-side-panel-button-strip-width);z-index:10}:host .wrapper{position:absolute;top:var(--emr-side-panel-offset-y);bottom:var(--emr-side-panel-offset-y);width:var(--emr-side-panel-content-width);opacity:0;visibility:hidden;pointer-events:none;left:var(--emr-side-panel-button-strip-width);transform:translate(-100%);transition:opacity var(--emr-side-panel-transition-timing) ease-in-out,transform var(--emr-side-panel-transition-timing) ease-in-out,visibility 0s linear var(--emr-side-panel-transition-timing);z-index:5;border-radius:var(--emr-side-panel-content-border-radius);overflow:hidden}:host .wrapper.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0);background:var(--emr-side-panel-content-bg);transition:opacity var(--emr-side-panel-transition-timing) ease-in-out,transform var(--emr-side-panel-transition-timing) ease-in-out,visibility 0s linear 0s}:host.position-right .button-strip{left:auto;right:0}:host.position-right .wrapper{left:auto;right:var(--emr-side-panel-button-strip-width);transform:translate(100%)}:host.position-right .wrapper.open{transform:translate(0)}:host .inner-content{width:100%;height:100%}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidePanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SidePanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'emr-side-panel', exportAs: 'emrSidePanel', imports: [
                         CommonModule,
@@ -99,7 +99,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
                         'class': 'emr-side-panel',
                         '[class.panel-open]': 'isOpen()',
                         '[class.position-right]': 'isPositionRight()',
-                    }, template: "<div class=\"button-strip flex flex-col items-center gap-1 z-10\">\r\n  @for (tab of internalTabs(); track tab.tabId) {\r\n    <button\r\n      mat-icon-button\r\n      [attr.aria-label]=\"tab.label\"\r\n      [matTooltip]=\"tab.label\"\r\n      [matTooltipPosition]=\"tooltipPosition()\"\r\n      matTooltipShowDelay=\"500\"\r\n      [class.is-active]=\"activeTabId() === tab.tabId\"\r\n      (click)=\"toggleTab(tab.tabId)\"\r\n      class=\"button\"\r\n    >\r\n      @if (isTemplateRef(tab.icon)) {\r\n        <ng-container [ngTemplateOutlet]=\"tab.icon\"/>\r\n      } @else if (typeof tab.icon === 'string' && tab.icon) {\r\n        <mat-icon>{{ tab.icon }}</mat-icon>\r\n      } @else {\r\n        <span class=\"text-sm\">{{ tab.label.substring(0, 2) }}</span>\r\n      }\r\n    </button>\r\n  }\r\n</div>\r\n\r\n<div class=\"wrapper\" [class.open]=\"isOpen()\">\r\n  @if (isOpen() && activeTabId()) {\r\n    @if (selectedTabContent(); as content) {\r\n      <ng-container [ngTemplateOutlet]=\"content\"/>\r\n    } @else if (activeTabId() && !selectedTabContent()) {\r\n      <p class=\"text-neutral-500\">No content was found for this tab.</p>\r\n    }\r\n  }\r\n</div>\r\n", styles: [":host{--emr-side-panel-button-strip-width: calc(var(--spacing, .25rem) * 14);--emr-side-panel-content-width: 320px;--emr-side-panel-offset-y: 0;--emr-side-panel-content-bg: var(--color-surface-container-lowest);--emr-side-panel-content-border-radius: 1rem;--emr-side-panel-transition-timing: .2s;--emr-side-panel-button-active-bg: var(--color-secondary-fixed);--emr-side-panel-button-active-color: var(--color-on-secondary-fixed);display:block;position:relative;height:100%;overflow:hidden;width:var(--emr-side-panel-button-strip-width);transition:width var(--emr-side-panel-transition-timing) ease-in-out}:host.panel-open{flex:none}:host.panel-open .button.is-active{background:var(--emr-side-panel-button-active-bg);color:var(--emr-side-panel-button-active-color)}:host.panel-open{width:calc(var(--emr-side-panel-button-strip-width) + var(--emr-side-panel-content-width))}:host .button-strip{position:absolute;top:var(--emr-side-panel-offset-y);left:0;bottom:var(--emr-side-panel-offset-y);width:var(--emr-side-panel-button-strip-width);z-index:10}:host .wrapper{position:absolute;top:var(--emr-side-panel-offset-y);bottom:var(--emr-side-panel-offset-y);width:var(--emr-side-panel-content-width);opacity:0;visibility:hidden;pointer-events:none;left:var(--emr-side-panel-button-strip-width);transform:translate(-100%);transition:opacity var(--emr-side-panel-transition-timing) ease-in-out,transform var(--emr-side-panel-transition-timing) ease-in-out,visibility 0s linear var(--emr-side-panel-transition-timing);z-index:5;border-radius:var(--emr-side-panel-content-border-radius);overflow:hidden}:host .wrapper.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0);background:var(--emr-side-panel-content-bg);transition:opacity var(--emr-side-panel-transition-timing) ease-in-out,transform var(--emr-side-panel-transition-timing) ease-in-out,visibility 0s linear 0s}:host.position-right .button-strip{left:auto;right:0}:host.position-right .wrapper{left:auto;right:var(--emr-side-panel-button-strip-width);transform:translate(100%)}:host.position-right .wrapper.open{transform:translate(0)}:host .inner-content{width:100%;height:100%}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<div class=\"button-strip flex flex-col items-center gap-1 z-10\">\n  @for (tab of internalTabs(); track tab.tabId) {\n    <button\n      mat-icon-button\n      [attr.aria-label]=\"tab.label\"\n      [matTooltip]=\"tab.label\"\n      [matTooltipPosition]=\"tooltipPosition()\"\n      matTooltipShowDelay=\"500\"\n      [class.is-active]=\"activeTabId() === tab.tabId\"\n      (click)=\"toggleTab(tab.tabId)\"\n      class=\"button\"\n    >\n      @if (isTemplateRef(tab.icon)) {\n        <ng-container [ngTemplateOutlet]=\"tab.icon\"/>\n      } @else if (typeof tab.icon === 'string' && tab.icon) {\n        <mat-icon>{{ tab.icon }}</mat-icon>\n      } @else {\n        <span class=\"text-sm\">{{ tab.label.substring(0, 2) }}</span>\n      }\n    </button>\n  }\n</div>\n\n<div class=\"wrapper\" [class.open]=\"isOpen()\">\n  @if (isOpen() && activeTabId()) {\n    @if (selectedTabContent(); as content) {\n      <ng-container [ngTemplateOutlet]=\"content\"/>\n    } @else if (activeTabId() && !selectedTabContent()) {\n      <p class=\"text-neutral-500\">No content was found for this tab.</p>\n    }\n  }\n</div>\n", styles: [":host{--emr-side-panel-button-strip-width: calc(var(--spacing, .25rem) * 14);--emr-side-panel-content-width: 320px;--emr-side-panel-offset-y: 0;--emr-side-panel-content-bg: var(--color-surface-container-lowest);--emr-side-panel-content-border-radius: 1rem;--emr-side-panel-transition-timing: .2s;--emr-side-panel-button-active-bg: var(--color-secondary-fixed);--emr-side-panel-button-active-color: var(--color-on-secondary-fixed);display:block;position:relative;height:100%;overflow:hidden;width:var(--emr-side-panel-button-strip-width);transition:width var(--emr-side-panel-transition-timing) ease-in-out}:host.panel-open{flex:none}:host.panel-open .button.is-active{background:var(--emr-side-panel-button-active-bg);color:var(--emr-side-panel-button-active-color)}:host.panel-open{width:calc(var(--emr-side-panel-button-strip-width) + var(--emr-side-panel-content-width))}:host .button-strip{position:absolute;top:var(--emr-side-panel-offset-y);left:0;bottom:var(--emr-side-panel-offset-y);width:var(--emr-side-panel-button-strip-width);z-index:10}:host .wrapper{position:absolute;top:var(--emr-side-panel-offset-y);bottom:var(--emr-side-panel-offset-y);width:var(--emr-side-panel-content-width);opacity:0;visibility:hidden;pointer-events:none;left:var(--emr-side-panel-button-strip-width);transform:translate(-100%);transition:opacity var(--emr-side-panel-transition-timing) ease-in-out,transform var(--emr-side-panel-transition-timing) ease-in-out,visibility 0s linear var(--emr-side-panel-transition-timing);z-index:5;border-radius:var(--emr-side-panel-content-border-radius);overflow:hidden}:host .wrapper.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0);background:var(--emr-side-panel-content-bg);transition:opacity var(--emr-side-panel-transition-timing) ease-in-out,transform var(--emr-side-panel-transition-timing) ease-in-out,visibility 0s linear 0s}:host.position-right .button-strip{left:auto;right:0}:host.position-right .wrapper{left:auto;right:var(--emr-side-panel-button-strip-width);transform:translate(100%)}:host.position-right .wrapper.open{transform:translate(0)}:host .inner-content{width:100%;height:100%}\n/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], projectedTabsQuery: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SidePanelTabComponent), { isSignal: true }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"elementar-rt-components-side-panel.mjs","sources":["../../../projects/components/side-panel/src/side-panel-tab/side-panel-tab.component.ts","../../../projects/components/side-panel/src/side-panel-tab/side-panel-tab.component.html","../../../projects/components/side-panel/src/side-panel/side-panel.component.ts","../../../projects/components/side-panel/src/side-panel/side-panel.component.html","../../../projects/components/side-panel/elementar-rt-components-side-panel.ts"],"sourcesContent":["import { Component, input, TemplateRef, ViewChild } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@Component({\r\n  selector: 'emr-side-panel-tab',\r\n  exportAs: 'emrSidePanelTab',\r\n  standalone: true,\r\n  templateUrl: './side-panel-tab.component.html',\r\n  styleUrl: './side-panel-tab.component.scss',\r\n  host: {\r\n    'class': 'emr-side-panel-tab',\r\n  },\r\n})\r\nexport class SidePanelTabComponent {\r\n  tabId = input.required<string>();\r\n  label = input.required<string>();\r\n  icon = input<string | TemplateRef<any> | undefined>();\r\n\r\n  @ViewChild('contentTemplate', { read: TemplateRef, static: true })\r\n  content!: TemplateRef<any>;\r\n}\r\n","<ng-template #contentTemplate><ng-content/></ng-template>\r\n","import {\r\n  Component,\r\n  computed,\r\n  signal,\r\n  TemplateRef,\r\n  contentChildren,\r\n  effect,\r\n  input, output\r\n} from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatIconButton } from '@angular/material/button';\r\nimport { MatIcon } from '@angular/material/icon';\r\nimport { MatTooltip, TooltipPosition } from '@angular/material/tooltip';\r\nimport { SidePanelTabConfig, PanelPosition } from '../side-panel.types';\r\nimport { SidePanelTabComponent } from '../side-panel-tab/side-panel-tab.component';\r\n\r\n@Component({\r\n  selector: 'emr-side-panel',\r\n  exportAs: 'emrSidePanel',\r\n  imports: [\r\n    CommonModule,\r\n    MatIconButton,\r\n    MatTooltip,\r\n    MatIcon,\r\n  ],\r\n  templateUrl: './side-panel.component.html',\r\n  styleUrl: './side-panel.component.scss',\r\n  host: {\r\n    'class': 'emr-side-panel',\r\n    '[class.panel-open]': 'isOpen()',\r\n    '[class.position-right]': 'isPositionRight()',\r\n  }\r\n})\r\nexport class SidePanelComponent {\r\n  position = input<PanelPosition>('right');\r\n\r\n  isPositionRight = computed(() => this.position() === 'right');\r\n  tooltipPosition = computed<TooltipPosition>(() => {\r\n    return this.position() === 'left' ? 'right' : 'left';\r\n  });\r\n  private projectedTabsQuery = contentChildren(SidePanelTabComponent);\r\n  protected internalTabs = signal<SidePanelTabConfig[]>([]);\r\n  activeTabId = signal<string | null>(null);\r\n  isOpen = signal(false);\r\n\r\n  readonly opened = output<void>();\r\n  readonly closed = output<void>();\r\n\r\n  selectedTabContent = computed<TemplateRef<any> | null>(() => {\r\n    if (!this.isOpen() || !this.activeTabId()) {\r\n      return null;\r\n    }\r\n    const activeTab = this.internalTabs().find(tab => tab.tabId === this.activeTabId());\r\n    return activeTab ? activeTab.content : null;\r\n  });\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      const projectedTabs = this.projectedTabsQuery();\r\n      this.internalTabs.set(\r\n        projectedTabs.map(tabComp => ({\r\n          tabId: tabComp.tabId(),\r\n          label: tabComp.label(),\r\n          icon: tabComp.icon(),\r\n          content: tabComp.content,\r\n        }))\r\n      );\r\n      const currentActiveId = this.activeTabId();\r\n      const tabsArray = this.internalTabs();\r\n\r\n      if (tabsArray.length === 0 && this.isOpen()) {\r\n        this.isOpen.set(false);\r\n        this.activeTabId.set(null);\r\n      } else if (currentActiveId && !tabsArray.find(t => t.tabId === currentActiveId)) {\r\n        this.activeTabId.set(null);\r\n      }\r\n    });\r\n  }\r\n\r\n  toggleTab(tabId: string): void {\r\n    if (!this.isOpen()) {\r\n      this.activeTabId.set(tabId);\r\n      this.isOpen.set(true);\r\n      this.opened.emit();\r\n    } else {\r\n      if (this.activeTabId() === tabId) {\r\n        this.close();\r\n      } else {\r\n        this.activeTabId.set(tabId);\r\n      }\r\n    }\r\n  }\r\n\r\n  close(): void {\r\n    this.isOpen.set(false);\r\n    this.closed.emit();\r\n  }\r\n\r\n  protected isTemplateRef(value: any): value is TemplateRef<any> {\r\n    return value instanceof TemplateRef;\r\n  }\r\n}\r\n","<div class=\"button-strip flex flex-col items-center gap-1 z-10\">\r\n  @for (tab of internalTabs(); track tab.tabId) {\r\n    <button\r\n      mat-icon-button\r\n      [attr.aria-label]=\"tab.label\"\r\n      [matTooltip]=\"tab.label\"\r\n      [matTooltipPosition]=\"tooltipPosition()\"\r\n      matTooltipShowDelay=\"500\"\r\n      [class.is-active]=\"activeTabId() === tab.tabId\"\r\n      (click)=\"toggleTab(tab.tabId)\"\r\n      class=\"button\"\r\n    >\r\n      @if (isTemplateRef(tab.icon)) {\r\n        <ng-container [ngTemplateOutlet]=\"tab.icon\"/>\r\n      } @else if (typeof tab.icon === 'string' && tab.icon) {\r\n        <mat-icon>{{ tab.icon }}</mat-icon>\r\n      } @else {\r\n        <span class=\"text-sm\">{{ tab.label.substring(0, 2) }}</span>\r\n      }\r\n    </button>\r\n  }\r\n</div>\r\n\r\n<div class=\"wrapper\" [class.open]=\"isOpen()\">\r\n  @if (isOpen() && activeTabId()) {\r\n    @if (selectedTabContent(); as content) {\r\n      <ng-container [ngTemplateOutlet]=\"content\"/>\r\n    } @else if (activeTabId() && !selectedTabContent()) {\r\n      <p class=\"text-neutral-500\">No content was found for this tab.</p>\r\n    }\r\n  }\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"elementar-rt-components-side-panel.mjs","sources":["../../../projects/components/side-panel/src/side-panel-tab/side-panel-tab.component.ts","../../../projects/components/side-panel/src/side-panel-tab/side-panel-tab.component.html","../../../projects/components/side-panel/src/side-panel/side-panel.component.ts","../../../projects/components/side-panel/src/side-panel/side-panel.component.html","../../../projects/components/side-panel/elementar-rt-components-side-panel.ts"],"sourcesContent":["import { Component, input, TemplateRef, ViewChild } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'emr-side-panel-tab',\n  exportAs: 'emrSidePanelTab',\n  standalone: true,\n  templateUrl: './side-panel-tab.component.html',\n  styleUrl: './side-panel-tab.component.scss',\n  host: {\n    'class': 'emr-side-panel-tab',\n  },\n})\nexport class SidePanelTabComponent {\n  tabId = input.required<string>();\n  label = input.required<string>();\n  icon = input<string | TemplateRef<any> | undefined>();\n\n  @ViewChild('contentTemplate', { read: TemplateRef, static: true })\n  content!: TemplateRef<any>;\n}\n","<ng-template #contentTemplate><ng-content/></ng-template>\n","import {\n  Component,\n  computed,\n  signal,\n  TemplateRef,\n  contentChildren,\n  effect,\n  input, output\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatIconButton } from '@angular/material/button';\nimport { MatIcon } from '@angular/material/icon';\nimport { MatTooltip, TooltipPosition } from '@angular/material/tooltip';\nimport { SidePanelTabConfig, PanelPosition } from '../side-panel.types';\nimport { SidePanelTabComponent } from '../side-panel-tab/side-panel-tab.component';\n\n@Component({\n  selector: 'emr-side-panel',\n  exportAs: 'emrSidePanel',\n  imports: [\n    CommonModule,\n    MatIconButton,\n    MatTooltip,\n    MatIcon,\n  ],\n  templateUrl: './side-panel.component.html',\n  styleUrl: './side-panel.component.scss',\n  host: {\n    'class': 'emr-side-panel',\n    '[class.panel-open]': 'isOpen()',\n    '[class.position-right]': 'isPositionRight()',\n  }\n})\nexport class SidePanelComponent {\n  position = input<PanelPosition>('right');\n\n  isPositionRight = computed(() => this.position() === 'right');\n  tooltipPosition = computed<TooltipPosition>(() => {\n    return this.position() === 'left' ? 'right' : 'left';\n  });\n  private projectedTabsQuery = contentChildren(SidePanelTabComponent);\n  protected internalTabs = signal<SidePanelTabConfig[]>([]);\n  activeTabId = signal<string | null>(null);\n  isOpen = signal(false);\n\n  readonly opened = output<void>();\n  readonly closed = output<void>();\n\n  selectedTabContent = computed<TemplateRef<any> | null>(() => {\n    if (!this.isOpen() || !this.activeTabId()) {\n      return null;\n    }\n    const activeTab = this.internalTabs().find(tab => tab.tabId === this.activeTabId());\n    return activeTab ? activeTab.content : null;\n  });\n\n  constructor() {\n    effect(() => {\n      const projectedTabs = this.projectedTabsQuery();\n      this.internalTabs.set(\n        projectedTabs.map(tabComp => ({\n          tabId: tabComp.tabId(),\n          label: tabComp.label(),\n          icon: tabComp.icon(),\n          content: tabComp.content,\n        }))\n      );\n      const currentActiveId = this.activeTabId();\n      const tabsArray = this.internalTabs();\n\n      if (tabsArray.length === 0 && this.isOpen()) {\n        this.isOpen.set(false);\n        this.activeTabId.set(null);\n      } else if (currentActiveId && !tabsArray.find(t => t.tabId === currentActiveId)) {\n        this.activeTabId.set(null);\n      }\n    });\n  }\n\n  toggleTab(tabId: string): void {\n    if (!this.isOpen()) {\n      this.activeTabId.set(tabId);\n      this.isOpen.set(true);\n      this.opened.emit();\n    } else {\n      if (this.activeTabId() === tabId) {\n        this.close();\n      } else {\n        this.activeTabId.set(tabId);\n      }\n    }\n  }\n\n  close(): void {\n    this.isOpen.set(false);\n    this.closed.emit();\n  }\n\n  protected isTemplateRef(value: any): value is TemplateRef<any> {\n    return value instanceof TemplateRef;\n  }\n}\n","<div class=\"button-strip flex flex-col items-center gap-1 z-10\">\n  @for (tab of internalTabs(); track tab.tabId) {\n    <button\n      mat-icon-button\n      [attr.aria-label]=\"tab.label\"\n      [matTooltip]=\"tab.label\"\n      [matTooltipPosition]=\"tooltipPosition()\"\n      matTooltipShowDelay=\"500\"\n      [class.is-active]=\"activeTabId() === tab.tabId\"\n      (click)=\"toggleTab(tab.tabId)\"\n      class=\"button\"\n    >\n      @if (isTemplateRef(tab.icon)) {\n        <ng-container [ngTemplateOutlet]=\"tab.icon\"/>\n      } @else if (typeof tab.icon === 'string' && tab.icon) {\n        <mat-icon>{{ tab.icon }}</mat-icon>\n      } @else {\n        <span class=\"text-sm\">{{ tab.label.substring(0, 2) }}</span>\n      }\n    </button>\n  }\n</div>\n\n<div class=\"wrapper\" [class.open]=\"isOpen()\">\n  @if (isOpen() && activeTabId()) {\n    @if (selectedTabContent(); as content) {\n      <ng-container [ngTemplateOutlet]=\"content\"/>\n    } @else if (activeTabId() && !selectedTabContent()) {\n      <p class=\"text-neutral-500\">No content was found for this tab.</p>\n    }\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}