@elementar-rt/components 0.6.55

package/fesm2022/elementar-rt-components-sidebar.mjs

@@ -0,0 +1,423 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, Component, InjectionToken, inject, ElementRef, signal, ChangeDetectionStrategy, contentChildren, contentChild, forwardRef, output, afterNextRender, Directive } from '@angular/core';
+import { OverlayScrollbarComponent } from '@elementar-rt/components/overlay-scrollbar';
+import * as i1 from '@angular/material/core';
+import { MatRipple } from '@angular/material/core';
+import { signalStore, withState, withMethods, patchState } from '@ngrx/signals';
+
+class SidebarComponent {
+    compact = input(false, ...(ngDevMode ? [{ debugName: "compact", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    _compactHover = false;
+    get api() {
+        return {
+            isCompact: () => this.compact() || this._compactHover,
+        };
+    }
+    mouseenter() {
+        this._compactHover = true;
+    }
+    mouseleave() {
+        this._compactHover = false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: SidebarComponent, isStandalone: true, selector: "emr-sidebar", inputs: { compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "mouseenter()", "mouseleave": "mouseleave()" }, properties: { "class.compact": "compact()", "class.compact-hover": "_compactHover" }, classAttribute: "emr-sidebar" }, exportAs: ["emrSidebar"], ngImport: i0, template: "<ng-content select=\"emr-sidebar-header\"/>\r\n<ng-content select=\"emr-sidebar-body\"/>\r\n<ng-content select=\"emr-sidebar-footer\"/>\r\n", styles: [":host{--emr-sidebar-width: var(--emr-layout-sidebar-width, 300px);--emr-sidebar-compact-width: var(--emr-layout-sidebar-compact-width, 76px);--emr-sidebar-bg: transparent;display:flex;flex-direction:column;overflow-x:hidden;height:100%;width:var(--emr-sidebar-width);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background:var(--emr-sidebar-bg)}:host.compact{position:absolute;inset:0}:host.compact:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}:host.compact:not(:hover){width:var(--emr-sidebar-compact-width);overflow:hidden}:host.compact:not(:hover) ::ng-deep .toggle,:host.compact:not(:hover) ::ng-deep .badge{display:none}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-heading{padding:0}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-heading .line{display:block}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-heading .content{opacity:0}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-group-menu.is-active{display:none}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-group-toggle{gap:0;--emr-sidebar-nav-group-toggle-has-icon-padding-end: 0}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-group-toggle .icon{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-group-toggle:has(.icon:not(:empty)) .text{opacity:0;width:0;max-width:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-item .inner{gap:0}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-item .icon{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-item:has(.icon:not(:empty)) .text{opacity:0;width:0;max-width:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-sidebar', exportAs: 'emrSidebar', host: {
+                        'class': 'emr-sidebar',
+                        '[class.compact]': 'compact()',
+                        '[class.compact-hover]': '_compactHover',
+                        '(mouseenter)': 'mouseenter()',
+                        '(mouseleave)': 'mouseleave()'
+                    }, template: "<ng-content select=\"emr-sidebar-header\"/>\r\n<ng-content select=\"emr-sidebar-body\"/>\r\n<ng-content select=\"emr-sidebar-footer\"/>\r\n", styles: [":host{--emr-sidebar-width: var(--emr-layout-sidebar-width, 300px);--emr-sidebar-compact-width: var(--emr-layout-sidebar-compact-width, 76px);--emr-sidebar-bg: transparent;display:flex;flex-direction:column;overflow-x:hidden;height:100%;width:var(--emr-sidebar-width);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background:var(--emr-sidebar-bg)}:host.compact{position:absolute;inset:0}:host.compact:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}:host.compact:not(:hover){width:var(--emr-sidebar-compact-width);overflow:hidden}:host.compact:not(:hover) ::ng-deep .toggle,:host.compact:not(:hover) ::ng-deep .badge{display:none}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-heading{padding:0}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-heading .line{display:block}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-heading .content{opacity:0}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-group-menu.is-active{display:none}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-group-toggle{gap:0;--emr-sidebar-nav-group-toggle-has-icon-padding-end: 0}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-group-toggle .icon{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-group-toggle:has(.icon:not(:empty)) .text{opacity:0;width:0;max-width:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-item .inner{gap:0}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-item .icon{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host.compact:not(:hover) ::ng-deep emr-sidebar-nav-item:has(.icon:not(:empty)) .text{opacity:0;width:0;max-width:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }] } });
+
+class SidebarHeaderComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: SidebarHeaderComponent, isStandalone: true, selector: "emr-sidebar-header", host: { classAttribute: "emr-sidebar-header" }, exportAs: ["emrSidebarHeader"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{--emr-sidebar-header-padding: calc(var(--spacing, .25rem) * 6);--emr-sidebar-header-compact-padding: 0;display:flex;align-items:center;justify-content:space-between;flex:none;width:100%;padding:var(--emr-sidebar-header-padding)}:host ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:not(:hover)){padding:var(--emr-sidebar-header-compact-padding);display:flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host-context(.emr-sidebar.compact:not(:hover)) ::ng-deep .emr-sidebar-full-view-mode{display:none}:host-context(.emr-sidebar.compact:not(:hover)) ::ng-deep .emr-sidebar-compact-view-mode{display:block}:host-context(.emr-sidebar.compact:hover) ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:hover) ::ng-deep .emr-sidebar-full-view-mode{display:block}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-sidebar-header', exportAs: 'emrSidebarHeader', host: {
+                        'class': 'emr-sidebar-header',
+                    }, template: "<ng-content/>\r\n", styles: [":host{--emr-sidebar-header-padding: calc(var(--spacing, .25rem) * 6);--emr-sidebar-header-compact-padding: 0;display:flex;align-items:center;justify-content:space-between;flex:none;width:100%;padding:var(--emr-sidebar-header-padding)}:host ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:not(:hover)){padding:var(--emr-sidebar-header-compact-padding);display:flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host-context(.emr-sidebar.compact:not(:hover)) ::ng-deep .emr-sidebar-full-view-mode{display:none}:host-context(.emr-sidebar.compact:not(:hover)) ::ng-deep .emr-sidebar-compact-view-mode{display:block}:host-context(.emr-sidebar.compact:hover) ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:hover) ::ng-deep .emr-sidebar-full-view-mode{display:block}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class SidebarBodyComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: SidebarBodyComponent, isStandalone: true, selector: "emr-sidebar-body", host: { classAttribute: "emr-sidebar-body" }, exportAs: ["emrSidebarBody"], ngImport: i0, template: "<emr-overlay-scrollbar>\r\n  <div class=\"scroll-content\"><ng-content/></div>\r\n</emr-overlay-scrollbar>\r\n", styles: [":host{--emr-sidebar-body-padding: calc(var(--spacing, .25rem) * 2);display:block;width:100%;flex-grow:1;overflow-y:hidden;overflow-x:hidden;position:relative}:host .scroll-content{padding:var(--emr-sidebar-body-padding)}:host-context(.emr-sidebar.compact){overflow-y:hidden;padding:0}:host-context(.emr-sidebar.compact:hover){overflow-y:auto}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: OverlayScrollbarComponent, selector: "emr-overlay-scrollbar", inputs: ["scrollbarWidth", "autoHide", "absolute"], exportAs: ["emrOverlayScrollbar"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarBodyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-sidebar-body', exportAs: 'emrSidebarBody', imports: [
+                        OverlayScrollbarComponent
+                    ], host: {
+                        'class': 'emr-sidebar-body'
+                    }, template: "<emr-overlay-scrollbar>\r\n  <div class=\"scroll-content\"><ng-content/></div>\r\n</emr-overlay-scrollbar>\r\n", styles: [":host{--emr-sidebar-body-padding: calc(var(--spacing, .25rem) * 2);display:block;width:100%;flex-grow:1;overflow-y:hidden;overflow-x:hidden;position:relative}:host .scroll-content{padding:var(--emr-sidebar-body-padding)}:host-context(.emr-sidebar.compact){overflow-y:hidden;padding:0}:host-context(.emr-sidebar.compact:hover){overflow-y:auto}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+const SIDEBAR_NAVIGATION = new InjectionToken('Sidebar navigation');
+const SIDEBAR_NAVIGATION_GROUP = new InjectionToken('SIDEBAR_NAVIGATION_GROUP');
+
+const initialState = {
+    activeItemKey: null,
+    activeGroupKey: null,
+};
+const SidebarNavStore = signalStore(withState(initialState), withMethods((store) => ({
+    setItemActiveKey(activeItemKey) {
+        patchState(store, { activeItemKey });
+    },
+    isItemActive(activeItemKey) {
+        return store.activeItemKey() === activeItemKey;
+    },
+    setGroupActiveKey(activeGroupKey) {
+        patchState(store, { activeGroupKey });
+    },
+    isGroupActive(activeGroupKey) {
+        return store.activeGroupKey() === activeGroupKey;
+    }
+})));
+
+class SidebarNavItem {
+    active;
+}
+class SidebarNavItemComponent {
+    _navigation = inject(SIDEBAR_NAVIGATION);
+    _elementRef = inject(ElementRef);
+    _navStore = inject(SidebarNavStore);
+    get api() {
+        return {
+            isActive: () => this.active
+        };
+    }
+    key = input(Math.random(), ...(ngDevMode ? [{ debugName: "key" }] : []));
+    forceActive = input(false, ...(ngDevMode ? [{ debugName: "forceActive", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    click(event) {
+        if (!this.key()) {
+            return;
+        }
+        this._navStore.setItemActiveKey(this.key());
+        this._navigation.itemClicked.emit(this.key());
+    }
+    get active() {
+        return this._navStore.isItemActive(this.key());
+    }
+    get _hostElement() {
+        return this._elementRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarNavItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: SidebarNavItemComponent, isStandalone: true, selector: "emr-sidebar-nav-item,[emr-sidebar-nav-item]", inputs: { key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: false, transformFunction: null }, forceActive: { classPropertyName: "forceActive", publicName: "forceActive", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "click($event)" }, properties: { "class.is-active": "forceActive() || active" }, classAttribute: "emr-sidebar-nav-item" }, exportAs: ["emr-sidebar-nav-item"], ngImport: i0, template: "<div class=\"inner\" matRipple>\r\n  <div class=\"icon\">\r\n    <ng-content select=\"[emrSidebarNavItemIcon]\"/>\r\n  </div>\r\n  <span class=\"text grow\"><ng-content/></span>\r\n  <div class=\"badge\">\r\n    <ng-content select=\"[emrSidebarNavItemBadge]\"/>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;text-decoration:none;position:relative}:host .inner{display:flex;align-items:center;min-width:0;white-space:nowrap;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;width:var(--emr-sidebar-nav-item-width);background-color:var(--emr-sidebar-nav-item-bg);min-height:var(--emr-sidebar-nav-item-height);padding:var(--emr-sidebar-nav-item-padding);font-size:var(--emr-sidebar-nav-item-font-size);border-radius:var(--emr-sidebar-nav-item-border-radius);font-weight:var(--emr-sidebar-nav-item-font-weight);color:var(--emr-sidebar-nav-item-color);gap:var(--emr-sidebar-nav-item-gap);border:var(--emr-sidebar-nav-item-border-width) solid var(--emr-sidebar-nav-item-border-color)}:host:hover .inner{transition:background-color .2s}:host .text{overflow:hidden;text-overflow:ellipsis}:host .text ::ng-deep .emr-sidebar-full-view-mode{display:block}:host .text ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing) * 5);min-width:calc(var(--spacing) * 5);align-items:center;justify-content:center;font-size:var(--text-2xs);padding:0 calc(var(--spacing) * 1.5);background:var(--color-surface-tint);color:var(--color-on-primary)}:host .badge:empty{display:none}:host .icon{position:relative;left:-1px;display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--emr-sidebar-nav-item-icon-width);color:var(--emr-sidebar-nav-item-icon-color)}:host .icon:empty{display:none}:host:hover{text-decoration:none}:host:hover .inner{background-color:var(--emr-sidebar-nav-item-hover-bg);color:var(--emr-sidebar-nav-item-hover-color)}:host.is-active .inner,:host.is-active:hover .inner{background-color:var(--emr-sidebar-nav-item-active-bg);color:var(--emr-sidebar-nav-item-active-color)}:host.is-active .icon{color:var(--emr-sidebar-nav-item-active-icon-color)}:host:not(.is-active):hover{text-decoration:none}:host:not(.is-active):hover .icon{color:var(--emr-sidebar-nav-item-hover-icon-color)}:host-context(.emr-sidebar-nav-group-menu) .inner{margin:var(--emr-sidebar-nav-nested-item-margin);width:calc(var(--emr-sidebar-nav-item-width) - var(--emr-sidebar-nav-nested-item-margin));background-color:var(--emr-sidebar-nav-nested-item-bg);min-height:var(--emr-sidebar-nav-nested-item-height);padding:var(--emr-sidebar-nav-nested-item-padding);color:var(--emr-sidebar-nav-nested-item-color)}:host-context(.emr-sidebar-nav-group-menu):hover .inner{background-color:var(--emr-sidebar-nav-nested-item-hover-bg);color:var(--emr-sidebar-nav-nested-item-hover-color)}:host-context(.emr-sidebar-nav-group-menu).is-active .inner,:host-context(.emr-sidebar-nav-group-menu).is-active:hover .inner{background-color:var(--emr-sidebar-nav-nested-item-active-bg);color:var(--emr-sidebar-nav-nested-item-active-color)}:host-context(.emr-sidebar-nav-group-menu):not(:last-child):before{content:\"\";position:absolute;top:0;left:20px;bottom:-10px;width:1px;background:var(--emr-sidebar-nav-group-tree-lines-color);z-index:0}:host-context(.emr-sidebar-nav-group-menu):after{content:\"\";position:absolute;top:0;left:20px;width:calc(var(--emr-sidebar-nav-nested-item-height) / 1.5);height:calc(var(--emr-sidebar-nav-nested-item-height) / 2);border-bottom-left-radius:calc(var(--emr-sidebar-nav-nested-item-height) / 4);border-left:1px solid var(--emr-sidebar-nav-group-tree-lines-color);border-bottom:1px solid var(--emr-sidebar-nav-group-tree-lines-color)}:host-context(.emr-sidebar.compact) .text ::ng-deep .emr-sidebar-full-view-mode{display:none}:host-context(.emr-sidebar.compact) .text ::ng-deep .emr-sidebar-compact-view-mode{display:block}:host-context(.emr-sidebar.compact:hover) .text ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:hover) .text ::ng-deep .emr-sidebar-full-view-mode{display:block}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarNavItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-sidebar-nav-item,[emr-sidebar-nav-item]', exportAs: 'emr-sidebar-nav-item', imports: [
+                        MatRipple
+                    ], host: {
+                        'class': 'emr-sidebar-nav-item',
+                        '[class.is-active]': 'forceActive() || active',
+                        '(click)': 'click($event)'
+                    }, template: "<div class=\"inner\" matRipple>\r\n  <div class=\"icon\">\r\n    <ng-content select=\"[emrSidebarNavItemIcon]\"/>\r\n  </div>\r\n  <span class=\"text grow\"><ng-content/></span>\r\n  <div class=\"badge\">\r\n    <ng-content select=\"[emrSidebarNavItemBadge]\"/>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;text-decoration:none;position:relative}:host .inner{display:flex;align-items:center;min-width:0;white-space:nowrap;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;width:var(--emr-sidebar-nav-item-width);background-color:var(--emr-sidebar-nav-item-bg);min-height:var(--emr-sidebar-nav-item-height);padding:var(--emr-sidebar-nav-item-padding);font-size:var(--emr-sidebar-nav-item-font-size);border-radius:var(--emr-sidebar-nav-item-border-radius);font-weight:var(--emr-sidebar-nav-item-font-weight);color:var(--emr-sidebar-nav-item-color);gap:var(--emr-sidebar-nav-item-gap);border:var(--emr-sidebar-nav-item-border-width) solid var(--emr-sidebar-nav-item-border-color)}:host:hover .inner{transition:background-color .2s}:host .text{overflow:hidden;text-overflow:ellipsis}:host .text ::ng-deep .emr-sidebar-full-view-mode{display:block}:host .text ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing) * 5);min-width:calc(var(--spacing) * 5);align-items:center;justify-content:center;font-size:var(--text-2xs);padding:0 calc(var(--spacing) * 1.5);background:var(--color-surface-tint);color:var(--color-on-primary)}:host .badge:empty{display:none}:host .icon{position:relative;left:-1px;display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--emr-sidebar-nav-item-icon-width);color:var(--emr-sidebar-nav-item-icon-color)}:host .icon:empty{display:none}:host:hover{text-decoration:none}:host:hover .inner{background-color:var(--emr-sidebar-nav-item-hover-bg);color:var(--emr-sidebar-nav-item-hover-color)}:host.is-active .inner,:host.is-active:hover .inner{background-color:var(--emr-sidebar-nav-item-active-bg);color:var(--emr-sidebar-nav-item-active-color)}:host.is-active .icon{color:var(--emr-sidebar-nav-item-active-icon-color)}:host:not(.is-active):hover{text-decoration:none}:host:not(.is-active):hover .icon{color:var(--emr-sidebar-nav-item-hover-icon-color)}:host-context(.emr-sidebar-nav-group-menu) .inner{margin:var(--emr-sidebar-nav-nested-item-margin);width:calc(var(--emr-sidebar-nav-item-width) - var(--emr-sidebar-nav-nested-item-margin));background-color:var(--emr-sidebar-nav-nested-item-bg);min-height:var(--emr-sidebar-nav-nested-item-height);padding:var(--emr-sidebar-nav-nested-item-padding);color:var(--emr-sidebar-nav-nested-item-color)}:host-context(.emr-sidebar-nav-group-menu):hover .inner{background-color:var(--emr-sidebar-nav-nested-item-hover-bg);color:var(--emr-sidebar-nav-nested-item-hover-color)}:host-context(.emr-sidebar-nav-group-menu).is-active .inner,:host-context(.emr-sidebar-nav-group-menu).is-active:hover .inner{background-color:var(--emr-sidebar-nav-nested-item-active-bg);color:var(--emr-sidebar-nav-nested-item-active-color)}:host-context(.emr-sidebar-nav-group-menu):not(:last-child):before{content:\"\";position:absolute;top:0;left:20px;bottom:-10px;width:1px;background:var(--emr-sidebar-nav-group-tree-lines-color);z-index:0}:host-context(.emr-sidebar-nav-group-menu):after{content:\"\";position:absolute;top:0;left:20px;width:calc(var(--emr-sidebar-nav-nested-item-height) / 1.5);height:calc(var(--emr-sidebar-nav-nested-item-height) / 2);border-bottom-left-radius:calc(var(--emr-sidebar-nav-nested-item-height) / 4);border-left:1px solid var(--emr-sidebar-nav-group-tree-lines-color);border-bottom:1px solid var(--emr-sidebar-nav-group-tree-lines-color)}:host-context(.emr-sidebar.compact) .text ::ng-deep .emr-sidebar-full-view-mode{display:none}:host-context(.emr-sidebar.compact) .text ::ng-deep .emr-sidebar-compact-view-mode{display:block}:host-context(.emr-sidebar.compact:hover) .text ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:hover) .text ::ng-deep .emr-sidebar-full-view-mode{display:block}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: false }] }], forceActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceActive", required: false }] }] } });
+
+class SidebarNavGroupToggleComponent {
+    _navStore = inject(SidebarNavStore);
+    for = signal(null, ...(ngDevMode ? [{ debugName: "for" }] : []));
+    get active() {
+        if (!this.for()) {
+            return false;
+        }
+        return this._navStore.isGroupActive(this.for());
+    }
+    toggle(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (this._navStore.isGroupActive(this.for())) {
+            this._navStore.setGroupActiveKey(null);
+        }
+        else {
+            this._navStore.setGroupActiveKey(this.for());
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarNavGroupToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: SidebarNavGroupToggleComponent, isStandalone: true, selector: "emr-sidebar-nav-group-toggle", host: { listeners: { "click": "toggle($event)" }, properties: { "class.is-active": "active" }, classAttribute: "emr-sidebar-nav-group-toggle" }, exportAs: ["emrSidebarNavGroupToggle"], hostDirectives: [{ directive: i1.MatRipple }], ngImport: i0, template: "<div class=\"icon\"><ng-content select=\"[emrSidebarNavItemIcon]\"/></div>\r\n<span class=\"text grow\"><ng-content/></span>\r\n<div class=\"badge\">\r\n  <ng-content select=\"[emrSidebarNavItemBadge]\"/>\r\n</div>\r\n<div class=\"toggle\">\r\n  <ng-content select=\"[emrSidebarNavGroupToggleIcon]\"/>\r\n</div>\r\n", styles: [":host{display:flex;align-items:center;min-width:0;white-space:nowrap;position:relative;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--emr-sidebar-nav-group-toggle-bg);min-height:var(--emr-sidebar-nav-item-height);padding:var(--emr-sidebar-nav-item-padding);font-size:var(--emr-sidebar-nav-item-font-size);border-radius:var(--emr-sidebar-nav-item-border-radius);font-weight:var(--emr-sidebar-nav-item-font-weight);color:var(--emr-sidebar-nav-item-color);gap:var(--emr-sidebar-nav-item-gap);width:var(--emr-sidebar-nav-item-width)}:host .text{overflow:hidden;text-overflow:ellipsis}:host .text ::ng-deep .emr-sidebar-full-view-mode{display:block}:host .text ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing) * 5);align-items:center;justify-content:center;min-width:calc(var(--spacing) * 5);font-size:var(--text-2xs);padding:0 calc(var(--spacing) * 1.5);background:var(--color-surface-tint);color:var(--color-on-primary)}:host .badge:empty{display:none}:host .icon{display:inline-flex;align-items:center;justify-content:center;width:var(--emr-sidebar-nav-item-icon-width);color:var(--emr-sidebar-nav-group-toggle-icon-color);flex:none}:host .icon:empty{display:none}:host .toggle{display:inline-flex;align-items:center;justify-content:center;transition:var(--emr-transition-transform);margin-inline-end:2px}:host .toggle:empty{display:none}:host:hover{background-color:var(--emr-sidebar-nav-item-hover-bg);color:var(--emr-sidebar-nav-group-toggle-hover-icon-color);transition:background-color .2s}:host.is-active,:host.is-active:hover{background-color:var(--emr-sidebar-nav-group-toggle-active-bg);color:var(--emr-sidebar-nav-group-toggle-active-color)}:host:not(.is-active):hover .icon{color:var(--emr-sidebar-nav-item-hover-icon-color)}:host.is-active .icon{color:var(--emr-sidebar-nav-group-toggle-active-icon-color)}:host.is-active .toggle{transform:rotate(-180deg)}:host:has(.toggle:not(:empty)){padding-inline-end:var(--emr-sidebar-nav-group-toggle-has-icon-padding-end)}:host-context(.emr-sidebar.compact) .text ::ng-deep .emr-sidebar-full-view-mode{display:none}:host-context(.emr-sidebar.compact) .text ::ng-deep .emr-sidebar-compact-view-mode{display:block}:host-context(.emr-sidebar.compact:hover) .text ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:hover) .text ::ng-deep .emr-sidebar-full-view-mode{display:block}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarNavGroupToggleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-sidebar-nav-group-toggle', exportAs: 'emrSidebarNavGroupToggle', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        MatRipple
+                    ], host: {
+                        'class': 'emr-sidebar-nav-group-toggle',
+                        '[class.is-active]': 'active',
+                        '(click)': 'toggle($event)'
+                    }, template: "<div class=\"icon\"><ng-content select=\"[emrSidebarNavItemIcon]\"/></div>\r\n<span class=\"text grow\"><ng-content/></span>\r\n<div class=\"badge\">\r\n  <ng-content select=\"[emrSidebarNavItemBadge]\"/>\r\n</div>\r\n<div class=\"toggle\">\r\n  <ng-content select=\"[emrSidebarNavGroupToggleIcon]\"/>\r\n</div>\r\n", styles: [":host{display:flex;align-items:center;min-width:0;white-space:nowrap;position:relative;flex:none;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--emr-sidebar-nav-group-toggle-bg);min-height:var(--emr-sidebar-nav-item-height);padding:var(--emr-sidebar-nav-item-padding);font-size:var(--emr-sidebar-nav-item-font-size);border-radius:var(--emr-sidebar-nav-item-border-radius);font-weight:var(--emr-sidebar-nav-item-font-weight);color:var(--emr-sidebar-nav-item-color);gap:var(--emr-sidebar-nav-item-gap);width:var(--emr-sidebar-nav-item-width)}:host .text{overflow:hidden;text-overflow:ellipsis}:host .text ::ng-deep .emr-sidebar-full-view-mode{display:block}:host .text ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host .badge{display:inline-flex;flex:none;border-radius:calc(infinity * 1px);height:calc(var(--spacing) * 5);align-items:center;justify-content:center;min-width:calc(var(--spacing) * 5);font-size:var(--text-2xs);padding:0 calc(var(--spacing) * 1.5);background:var(--color-surface-tint);color:var(--color-on-primary)}:host .badge:empty{display:none}:host .icon{display:inline-flex;align-items:center;justify-content:center;width:var(--emr-sidebar-nav-item-icon-width);color:var(--emr-sidebar-nav-group-toggle-icon-color);flex:none}:host .icon:empty{display:none}:host .toggle{display:inline-flex;align-items:center;justify-content:center;transition:var(--emr-transition-transform);margin-inline-end:2px}:host .toggle:empty{display:none}:host:hover{background-color:var(--emr-sidebar-nav-item-hover-bg);color:var(--emr-sidebar-nav-group-toggle-hover-icon-color);transition:background-color .2s}:host.is-active,:host.is-active:hover{background-color:var(--emr-sidebar-nav-group-toggle-active-bg);color:var(--emr-sidebar-nav-group-toggle-active-color)}:host:not(.is-active):hover .icon{color:var(--emr-sidebar-nav-item-hover-icon-color)}:host.is-active .icon{color:var(--emr-sidebar-nav-group-toggle-active-icon-color)}:host.is-active .toggle{transform:rotate(-180deg)}:host:has(.toggle:not(:empty)){padding-inline-end:var(--emr-sidebar-nav-group-toggle-has-icon-padding-end)}:host-context(.emr-sidebar.compact) .text ::ng-deep .emr-sidebar-full-view-mode{display:none}:host-context(.emr-sidebar.compact) .text ::ng-deep .emr-sidebar-compact-view-mode{display:block}:host-context(.emr-sidebar.compact:hover) .text ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:hover) .text ::ng-deep .emr-sidebar-full-view-mode{display:block}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class SidebarNavGroupMenuComponent {
+    navigation = inject(SIDEBAR_NAVIGATION);
+    _group = inject(SIDEBAR_NAVIGATION_GROUP);
+    _navStore = inject(SidebarNavStore);
+    _items = contentChildren(SidebarNavItemComponent, ...(ngDevMode ? [{ debugName: "_items", descendants: true }] : [{ descendants: true }]));
+    key = signal(this._group._groupId, ...(ngDevMode ? [{ debugName: "key" }] : []));
+    get active() {
+        return this._navStore.isGroupActive(this.key());
+    }
+    ngOnInit() {
+        this.navigation
+            .itemClicked
+            .subscribe(() => {
+            const isGroupActive = this._items().filter(itemComponent => itemComponent.active).length > 0;
+            if (!isGroupActive && this._group._groupId === this._navStore.activeGroupKey()) {
+                this._navStore.setGroupActiveKey(null);
+            }
+        });
+    }
+    ngAfterContentInit() {
+        this._checkIfActive();
+    }
+    hasActiveItem() {
+        return this._items().filter(itemComponent => itemComponent.active).length > 0;
+    }
+    _checkIfActive() {
+        const isGroupActive = this._items().filter(itemComponent => itemComponent.active).length > 0;
+        if (isGroupActive) {
+            this._navStore.setGroupActiveKey(this.key());
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarNavGroupMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.10", type: SidebarNavGroupMenuComponent, isStandalone: true, selector: "emr-sidebar-nav-group-menu", host: { properties: { "class.is-active": "active" }, classAttribute: "emr-sidebar-nav-group-menu" }, queries: [{ propertyName: "_items", predicate: SidebarNavItemComponent, descendants: true, isSignal: true }], exportAs: ["emrSidebarNavGroupMenu"], ngImport: i0, template: "<div class=\"inner\">\r\n  <ng-content/>\r\n</div>\r\n", styles: [":host{position:relative;padding-inline-start:var(--emr-sidebar-nav-group-menu-padding-start);grid-template-rows:0fr;display:grid}:host .inner{overflow:hidden;display:flex;flex-direction:column;gap:var(--emr-sidebar-nav-items-gap)}:host.is-active{grid-template-rows:1fr;margin-top:var(--emr-sidebar-nav-item-space-y)}:host.is-active .inner{padding:calc(var(--emr-sidebar-nav-items-gap) * 2) 0 var(--emr-sidebar-nav-items-gap) 0}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarNavGroupMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-sidebar-nav-group-menu', exportAs: 'emrSidebarNavGroupMenu', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'emr-sidebar-nav-group-menu',
+                        '[class.is-active]': 'active'
+                    }, template: "<div class=\"inner\">\r\n  <ng-content/>\r\n</div>\r\n", styles: [":host{position:relative;padding-inline-start:var(--emr-sidebar-nav-group-menu-padding-start);grid-template-rows:0fr;display:grid}:host .inner{overflow:hidden;display:flex;flex-direction:column;gap:var(--emr-sidebar-nav-items-gap)}:host.is-active{grid-template-rows:1fr;margin-top:var(--emr-sidebar-nav-item-space-y)}:host.is-active .inner{padding:calc(var(--emr-sidebar-nav-items-gap) * 2) 0 var(--emr-sidebar-nav-items-gap) 0}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { _items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SidebarNavItemComponent), { ...{ descendants: true }, isSignal: true }] }] } });
+
+let nextId = 0;
+class SidebarNavGroupComponent {
+    _toggle = contentChild.required(SidebarNavGroupToggleComponent, {
+        descendants: false,
+    });
+    _menu = contentChild.required(SidebarNavGroupMenuComponent, {
+        descendants: false,
+    });
+    _groupId = `sidebar-nav-group-${nextId++}`;
+    ngAfterContentInit() {
+        this._toggle().for.set(this._groupId);
+    }
+    hasActiveItem() {
+        return this._menu().hasActiveItem();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarNavGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.10", type: SidebarNavGroupComponent, isStandalone: true, selector: "emr-sidebar-nav-group", providers: [
+            {
+                provide: SIDEBAR_NAVIGATION_GROUP,
+                useExisting: forwardRef(() => SidebarNavGroupComponent),
+            }
+        ], queries: [{ propertyName: "_toggle", first: true, predicate: SidebarNavGroupToggleComponent, isSignal: true }, { propertyName: "_menu", first: true, predicate: SidebarNavGroupMenuComponent, isSignal: true }], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{display:block;border-radius:var(--emr-sidebar-nav-group-border-radius)}:host:has(.emr-sidebar-nav-group-toggle.is-active){background:var(--emr-sidebar-nav-group-active-bg)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarNavGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-sidebar-nav-group', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: SIDEBAR_NAVIGATION_GROUP,
+                            useExisting: forwardRef(() => SidebarNavGroupComponent),
+                        }
+                    ], template: "<ng-content/>\r\n", styles: [":host{display:block;border-radius:var(--emr-sidebar-nav-group-border-radius)}:host:has(.emr-sidebar-nav-group-toggle.is-active){background:var(--emr-sidebar-nav-group-active-bg)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { _toggle: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SidebarNavGroupToggleComponent), { ...{
+                            descendants: false,
+                        }, isSignal: true }] }], _menu: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SidebarNavGroupMenuComponent), { ...{
+                            descendants: false,
+                        }, isSignal: true }] }] } });
+
+class SidebarNavComponent {
+    _elementRef = inject(ElementRef);
+    _navStore = inject(SidebarNavStore);
+    _items = contentChildren(SidebarNavItemComponent, ...(ngDevMode ? [{ debugName: "_items", descendants: true }] : [{ descendants: true }]));
+    _groups = contentChildren(SidebarNavGroupComponent, ...(ngDevMode ? [{ debugName: "_groups", descendants: true }] : [{ descendants: true }]));
+    activeKey = input(...(ngDevMode ? [undefined, { debugName: "activeKey" }] : []));
+    autoScrollToActiveItem = input(false, ...(ngDevMode ? [{ debugName: "autoScrollToActiveItem", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    itemClicked = output();
+    constructor() {
+        // scroll to the active item if it is not visible in the viewport
+        afterNextRender(() => {
+            if (this.autoScrollToActiveItem()) {
+                this._scrollToActiveItem();
+            }
+        });
+    }
+    ngOnChanges(changes) {
+        if (changes['activeKey']) {
+            this._navStore.setItemActiveKey(changes['activeKey'].currentValue);
+            this._groups().forEach((group) => {
+                if (group.hasActiveItem()) {
+                    this._navStore.setGroupActiveKey(group._groupId);
+                    requestAnimationFrame(() => {
+                        this._scrollToActiveItem();
+                    });
+                }
+            });
+        }
+    }
+    ngAfterContentInit() {
+    }
+    _hasScroll(element) {
+        if (!element.getBoundingClientRect) {
+            return false;
+        }
+        return Math.ceil(element.scrollHeight) > Math.ceil(element.getBoundingClientRect().height);
+    }
+    _isScrolledIntoView(element, parent) {
+        const elementRect = element.getBoundingClientRect();
+        const parentRect = parent.getBoundingClientRect();
+        return (elementRect.top >= 0) && (elementRect.bottom <= parentRect.height);
+    }
+    _scrollToActiveItem() {
+        this._items().forEach((item) => {
+            if (item.active) {
+                let scrollContainer = this._elementRef.nativeElement.closest('.scrollable-content');
+                const itemElement = item._hostElement.nativeElement;
+                if (this._hasScroll(scrollContainer)) {
+                    if (!this._isScrolledIntoView(itemElement, scrollContainer)) {
+                        const parentRect = scrollContainer.getBoundingClientRect();
+                        const elementRect = itemElement.getBoundingClientRect();
+                        scrollContainer.scrollTop = elementRect.top - parentRect.height / 2;
+                    }
+                }
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.10", type: SidebarNavComponent, isStandalone: true, selector: "emr-sidebar-nav", inputs: { activeKey: { classPropertyName: "activeKey", publicName: "activeKey", isSignal: true, isRequired: false, transformFunction: null }, autoScrollToActiveItem: { classPropertyName: "autoScrollToActiveItem", publicName: "autoScrollToActiveItem", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClicked: "itemClicked" }, host: { classAttribute: "emr-sidebar-nav" }, providers: [
+            {
+                provide: SIDEBAR_NAVIGATION,
+                useExisting: forwardRef(() => SidebarNavComponent),
+            },
+            SidebarNavStore
+        ], queries: [{ propertyName: "_items", predicate: SidebarNavItemComponent, descendants: true, isSignal: true }, { propertyName: "_groups", predicate: SidebarNavGroupComponent, descendants: true, isSignal: true }], exportAs: ["emrSidebarNav"], usesOnChanges: true, ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{--emr-sidebar-nav-bg: inherit;--emr-sidebar-nav-items-gap: calc(var(--spacing, .25rem) * .5);--emr-sidebar-nav-item-width: 100%;--emr-sidebar-nav-item-bg: transparent;--emr-sidebar-nav-item-height: calc(var(--spacing, .25rem) * 12);--emr-sidebar-nav-item-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-sidebar-nav-item-font-size: .875rem;--emr-sidebar-nav-item-border-radius: calc(infinity * 1px);--emr-sidebar-nav-item-border-width: 1px;--emr-sidebar-nav-item-border-color: transparent;--emr-sidebar-nav-item-font-weight: 500;--emr-sidebar-nav-item-color: var(--color-secondary);--emr-sidebar-nav-item-hover-bg: var(--color-neutral-300);--emr-sidebar-nav-item-active-bg: var(--color-secondary-container);--emr-sidebar-nav-item-hover-color: var(--color-secondary-800);--emr-sidebar-nav-item-active-color: var(--color-secondary-950);--emr-sidebar-nav-item-icon-font-size: 1.5rem;--emr-sidebar-nav-item-icon-color: var(--color-secondary-700);--emr-sidebar-nav-item-icon-width: 27px;--emr-sidebar-nav-item-hover-icon-color: var(--color-secondary-800);--emr-sidebar-nav-item-active-icon-color: var(--color-secondary-950);--emr-sidebar-nav-item-icon-size: calc(var(--spacing, .25rem) * 6);--emr-sidebar-nav-item-gap: calc(var(--spacing, .25rem) * 2.5);--emr-sidebar-nav-item-has-icon-padding-start: calc(var(--spacing, .25rem) * 2.5);--emr-sidebar-nav-heading-color: var(--color-neutral-900);--emr-sidebar-nav-heading-font-size: var(--text-2xs);--emr-sidebar-nav-heading-font-weight: 700;--emr-sidebar-nav-heading-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-sidebar-nav-heading-margin-top: calc(var(--spacing, .25rem) * 6);--emr-sidebar-nav-heading-margin-bottom: calc(var(--spacing, .25rem) * 2);--emr-sidebar-nav-heading-after-margin: calc(var(--spacing, .25rem) * 8);--emr-sidebar-nav-heading-text-transform: uppercase;--emr-sidebar-nav-divider-height: 1px;--emr-sidebar-nav-divider-bg: var(--color-border);--emr-sidebar-nav-divider-margin: calc(var(--spacing, .25rem) * 6) 0;--emr-sidebar-nav-group-toggle-has-icon-padding-end: calc(var(--spacing, .25rem) * 2);--emr-sidebar-nav-group-toggle-icon-color: var(--color-neutral-700);--emr-sidebar-nav-group-toggle-icon-position-end: calc(var(--spacing, .25rem) * 3);--emr-sidebar-nav-group-toggle-icon-size: calc(var(--spacing, .25rem) * 4);--emr-sidebar-nav-group-menu-padding-start: 0;--emr-sidebar-nav-group-toggle-bg: transparent;--emr-sidebar-nav-group-toggle-active-bg: var(--color-neutral-300);--emr-sidebar-nav-group-toggle-active-color: var(--emr-sidebar-nav-item-active-color);--emr-sidebar-nav-group-toggle-hover-icon-color: var(--color-secondary-700);--emr-sidebar-nav-group-toggle-active-icon-color: var(--color-secondary-700);--emr-sidebar-nav-nested-item-bg: transparent;--emr-sidebar-nav-nested-item-height: calc(var(--spacing, .25rem) * 10);--emr-sidebar-nav-nested-item-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-sidebar-nav-nested-item-margin: 0 0 0 52px;--emr-sidebar-nav-nested-item-border-radius: 0;--emr-sidebar-nav-nested-item-color: var(--color-secondary-600);--emr-sidebar-nav-nested-item-hover-bg: var(--color-neutral-200);--emr-sidebar-nav-nested-item-active-bg: var(--color-secondary-fixed);--emr-sidebar-nav-nested-item-hover-color: var(--color-secondary-800);--emr-sidebar-nav-nested-item-active-color: var(--color-secondary-950);--emr-sidebar-nav-nested-item-indicator-width: calc(var(--spacing, .25rem) * 3.5);--emr-sidebar-nav-nested-item-indicator-height: calc(var(--spacing, .25rem) * .5);--emr-sidebar-nav-nested-item-indicator-bg: var(--color-neutral-500);--emr-sidebar-nav-nested-item-indicator-position-start: calc(calc(var(--spacing, .25rem) * 2.5) * -1);--emr-sidebar-nav-group-active-bg: transparent;--emr-sidebar-nav-group-border-radius: 0;--emr-sidebar-nav-group-tree-lines-color: var(--color-surface-container-highest);--emr-sidebar-nav-heading-text-align: start;--emr-sidebar-nav-compact-line-bg: var(--color-surface-container-high);flex-grow:1;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:var(--emr-sidebar-nav-items-gap);background:var(--emr-sidebar-nav-bg)}:host-context(html.dark){--emr-sidebar-nav-item-color: var(--color-neutral-400);--emr-sidebar-nav-item-icon-color: var(--color-neutral-400);--emr-sidebar-nav-item-hover-bg: var(--color-neutral-700);--emr-sidebar-nav-item-active-bg: var(--color-primary-300);--emr-sidebar-nav-item-hover-color: var(--color-neutral-100);--emr-sidebar-nav-item-hover-icon-color: var(--color-neutral-100);--emr-sidebar-nav-item-active-color: var(--color-neutral-950);--emr-sidebar-nav-item-active-icon-color: var(--color-neutral-950);--emr-sidebar-nav-heading-color: var(--color-neutral-200);--emr-sidebar-nav-nested-item-color: var(--color-neutral-400);--emr-sidebar-nav-nested-item-hover-bg: var(--color-neutral-700);--emr-sidebar-nav-nested-item-hover-color: var(--color-neutral-100);--emr-sidebar-nav-group-toggle-active-bg: var(--color-neutral-800);--emr-sidebar-nav-group-toggle-active-color: var(--color-neutral-100);--emr-sidebar-nav-group-toggle-icon-color: var(--color-neutral-300);--emr-sidebar-nav-group-toggle-hover-icon-color: var(--color-neutral-100);--emr-sidebar-nav-group-toggle-active-icon-color: var(--color-neutral-100);--emr-sidebar-nav-group-toggle-hover-bg: var(--color-neutral-800)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarNavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-sidebar-nav', exportAs: 'emrSidebarNav', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: SIDEBAR_NAVIGATION,
+                            useExisting: forwardRef(() => SidebarNavComponent),
+                        },
+                        SidebarNavStore
+                    ], host: {
+                        'class': 'emr-sidebar-nav',
+                    }, template: "<ng-content/>\r\n", styles: [":host{--emr-sidebar-nav-bg: inherit;--emr-sidebar-nav-items-gap: calc(var(--spacing, .25rem) * .5);--emr-sidebar-nav-item-width: 100%;--emr-sidebar-nav-item-bg: transparent;--emr-sidebar-nav-item-height: calc(var(--spacing, .25rem) * 12);--emr-sidebar-nav-item-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-sidebar-nav-item-font-size: .875rem;--emr-sidebar-nav-item-border-radius: calc(infinity * 1px);--emr-sidebar-nav-item-border-width: 1px;--emr-sidebar-nav-item-border-color: transparent;--emr-sidebar-nav-item-font-weight: 500;--emr-sidebar-nav-item-color: var(--color-secondary);--emr-sidebar-nav-item-hover-bg: var(--color-neutral-300);--emr-sidebar-nav-item-active-bg: var(--color-secondary-container);--emr-sidebar-nav-item-hover-color: var(--color-secondary-800);--emr-sidebar-nav-item-active-color: var(--color-secondary-950);--emr-sidebar-nav-item-icon-font-size: 1.5rem;--emr-sidebar-nav-item-icon-color: var(--color-secondary-700);--emr-sidebar-nav-item-icon-width: 27px;--emr-sidebar-nav-item-hover-icon-color: var(--color-secondary-800);--emr-sidebar-nav-item-active-icon-color: var(--color-secondary-950);--emr-sidebar-nav-item-icon-size: calc(var(--spacing, .25rem) * 6);--emr-sidebar-nav-item-gap: calc(var(--spacing, .25rem) * 2.5);--emr-sidebar-nav-item-has-icon-padding-start: calc(var(--spacing, .25rem) * 2.5);--emr-sidebar-nav-heading-color: var(--color-neutral-900);--emr-sidebar-nav-heading-font-size: var(--text-2xs);--emr-sidebar-nav-heading-font-weight: 700;--emr-sidebar-nav-heading-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-sidebar-nav-heading-margin-top: calc(var(--spacing, .25rem) * 6);--emr-sidebar-nav-heading-margin-bottom: calc(var(--spacing, .25rem) * 2);--emr-sidebar-nav-heading-after-margin: calc(var(--spacing, .25rem) * 8);--emr-sidebar-nav-heading-text-transform: uppercase;--emr-sidebar-nav-divider-height: 1px;--emr-sidebar-nav-divider-bg: var(--color-border);--emr-sidebar-nav-divider-margin: calc(var(--spacing, .25rem) * 6) 0;--emr-sidebar-nav-group-toggle-has-icon-padding-end: calc(var(--spacing, .25rem) * 2);--emr-sidebar-nav-group-toggle-icon-color: var(--color-neutral-700);--emr-sidebar-nav-group-toggle-icon-position-end: calc(var(--spacing, .25rem) * 3);--emr-sidebar-nav-group-toggle-icon-size: calc(var(--spacing, .25rem) * 4);--emr-sidebar-nav-group-menu-padding-start: 0;--emr-sidebar-nav-group-toggle-bg: transparent;--emr-sidebar-nav-group-toggle-active-bg: var(--color-neutral-300);--emr-sidebar-nav-group-toggle-active-color: var(--emr-sidebar-nav-item-active-color);--emr-sidebar-nav-group-toggle-hover-icon-color: var(--color-secondary-700);--emr-sidebar-nav-group-toggle-active-icon-color: var(--color-secondary-700);--emr-sidebar-nav-nested-item-bg: transparent;--emr-sidebar-nav-nested-item-height: calc(var(--spacing, .25rem) * 10);--emr-sidebar-nav-nested-item-padding: 0 calc(var(--spacing, .25rem) * 4);--emr-sidebar-nav-nested-item-margin: 0 0 0 52px;--emr-sidebar-nav-nested-item-border-radius: 0;--emr-sidebar-nav-nested-item-color: var(--color-secondary-600);--emr-sidebar-nav-nested-item-hover-bg: var(--color-neutral-200);--emr-sidebar-nav-nested-item-active-bg: var(--color-secondary-fixed);--emr-sidebar-nav-nested-item-hover-color: var(--color-secondary-800);--emr-sidebar-nav-nested-item-active-color: var(--color-secondary-950);--emr-sidebar-nav-nested-item-indicator-width: calc(var(--spacing, .25rem) * 3.5);--emr-sidebar-nav-nested-item-indicator-height: calc(var(--spacing, .25rem) * .5);--emr-sidebar-nav-nested-item-indicator-bg: var(--color-neutral-500);--emr-sidebar-nav-nested-item-indicator-position-start: calc(calc(var(--spacing, .25rem) * 2.5) * -1);--emr-sidebar-nav-group-active-bg: transparent;--emr-sidebar-nav-group-border-radius: 0;--emr-sidebar-nav-group-tree-lines-color: var(--color-surface-container-highest);--emr-sidebar-nav-heading-text-align: start;--emr-sidebar-nav-compact-line-bg: var(--color-surface-container-high);flex-grow:1;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:var(--emr-sidebar-nav-items-gap);background:var(--emr-sidebar-nav-bg)}:host-context(html.dark){--emr-sidebar-nav-item-color: var(--color-neutral-400);--emr-sidebar-nav-item-icon-color: var(--color-neutral-400);--emr-sidebar-nav-item-hover-bg: var(--color-neutral-700);--emr-sidebar-nav-item-active-bg: var(--color-primary-300);--emr-sidebar-nav-item-hover-color: var(--color-neutral-100);--emr-sidebar-nav-item-hover-icon-color: var(--color-neutral-100);--emr-sidebar-nav-item-active-color: var(--color-neutral-950);--emr-sidebar-nav-item-active-icon-color: var(--color-neutral-950);--emr-sidebar-nav-heading-color: var(--color-neutral-200);--emr-sidebar-nav-nested-item-color: var(--color-neutral-400);--emr-sidebar-nav-nested-item-hover-bg: var(--color-neutral-700);--emr-sidebar-nav-nested-item-hover-color: var(--color-neutral-100);--emr-sidebar-nav-group-toggle-active-bg: var(--color-neutral-800);--emr-sidebar-nav-group-toggle-active-color: var(--color-neutral-100);--emr-sidebar-nav-group-toggle-icon-color: var(--color-neutral-300);--emr-sidebar-nav-group-toggle-hover-icon-color: var(--color-neutral-100);--emr-sidebar-nav-group-toggle-active-icon-color: var(--color-neutral-100);--emr-sidebar-nav-group-toggle-hover-bg: var(--color-neutral-800)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { _items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SidebarNavItemComponent), { ...{ descendants: true }, isSignal: true }] }], _groups: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SidebarNavGroupComponent), { ...{ descendants: true }, isSignal: true }] }], activeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeKey", required: false }] }], autoScrollToActiveItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoScrollToActiveItem", required: false }] }], itemClicked: [{ type: i0.Output, args: ["itemClicked"] }] } });
+
+class SidebarFooterComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: SidebarFooterComponent, isStandalone: true, selector: "emr-sidebar-footer", host: { classAttribute: "emr-sidebar-footer" }, exportAs: ["emrSidebarFooter"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{--emr-sidebar-footer-padding: calc(var(--spacing, .25rem) * 5) calc(var(--spacing, .25rem) * 6);--emr-sidebar-footer-compact-padding: calc(var(--spacing, .25rem) * 4) 0;display:flex;align-items:center;flex:none;width:100%;padding:var(--emr-sidebar-footer-padding)}:host ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:not(:hover)){padding:var(--emr-sidebar-footer-compact-padding);display:flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host-context(.emr-sidebar.compact:not(:hover)) ::ng-deep .emr-sidebar-full-view-mode{display:none}:host-context(.emr-sidebar.compact:not(:hover)) ::ng-deep .emr-sidebar-compact-view-mode{display:block}:host-context(.emr-sidebar.compact:hover) ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:hover) ::ng-deep .emr-sidebar-full-view-mode{display:block}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarFooterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-sidebar-footer', exportAs: 'emrSidebarFooter', host: {
+                        'class': 'emr-sidebar-footer',
+                    }, template: "<ng-content/>\r\n", styles: [":host{--emr-sidebar-footer-padding: calc(var(--spacing, .25rem) * 5) calc(var(--spacing, .25rem) * 6);--emr-sidebar-footer-compact-padding: calc(var(--spacing, .25rem) * 4) 0;display:flex;align-items:center;flex:none;width:100%;padding:var(--emr-sidebar-footer-padding)}:host ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:not(:hover)){padding:var(--emr-sidebar-footer-compact-padding);display:flex;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host-context(.emr-sidebar.compact:not(:hover)) ::ng-deep .emr-sidebar-full-view-mode{display:none}:host-context(.emr-sidebar.compact:not(:hover)) ::ng-deep .emr-sidebar-compact-view-mode{display:block}:host-context(.emr-sidebar.compact:hover) ::ng-deep .emr-sidebar-compact-view-mode{display:none}:host-context(.emr-sidebar.compact:hover) ::ng-deep .emr-sidebar-full-view-mode{display:block}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class SidebarNavHeadingComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarNavHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: SidebarNavHeadingComponent, isStandalone: true, selector: "emr-sidebar-nav-heading", host: { classAttribute: "emr-sidebar-nav-heading" }, exportAs: ["emrSidebarNavHeading"], ngImport: i0, template: "<div class=\"line\"></div>\r\n<div class=\"content\">\r\n  <ng-content/>\r\n</div>\r\n", styles: [":host{display:block;text-transform:var(--emr-sidebar-nav-heading-text-transform);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--emr-sidebar-nav-heading-color);font-size:var(--emr-sidebar-nav-heading-font-size);font-weight:var(--emr-sidebar-nav-heading-font-weight);padding:var(--emr-sidebar-nav-heading-padding);margin-top:var(--emr-sidebar-nav-heading-margin-top);margin-bottom:var(--emr-sidebar-nav-heading-margin-bottom);text-align:var(--emr-sidebar-nav-heading-text-align);height:calc(var(--spacing, .25rem) * 6);align-items:center;position:relative}:host .line{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;height:calc(var(--spacing, .25rem) * 2);border-radius:calc(var(--spacing, .25rem) * 2);background:var(--emr-sidebar-nav-compact-line-bg);width:calc(var(--emr-sidebar-compact-width) - calc(var(--spacing, .25rem) * 7))}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarNavHeadingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-sidebar-nav-heading', exportAs: 'emrSidebarNavHeading', imports: [], host: {
+                        class: 'emr-sidebar-nav-heading',
+                    }, template: "<div class=\"line\"></div>\r\n<div class=\"content\">\r\n  <ng-content/>\r\n</div>\r\n", styles: [":host{display:block;text-transform:var(--emr-sidebar-nav-heading-text-transform);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--emr-sidebar-nav-heading-color);font-size:var(--emr-sidebar-nav-heading-font-size);font-weight:var(--emr-sidebar-nav-heading-font-weight);padding:var(--emr-sidebar-nav-heading-padding);margin-top:var(--emr-sidebar-nav-heading-margin-top);margin-bottom:var(--emr-sidebar-nav-heading-margin-bottom);text-align:var(--emr-sidebar-nav-heading-text-align);height:calc(var(--spacing, .25rem) * 6);align-items:center;position:relative}:host .line{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;height:calc(var(--spacing, .25rem) * 2);border-radius:calc(var(--spacing, .25rem) * 2);background:var(--emr-sidebar-nav-compact-line-bg);width:calc(var(--emr-sidebar-compact-width) - calc(var(--spacing, .25rem) * 7))}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class SidebarNavDividerComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarNavDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: SidebarNavDividerComponent, isStandalone: true, selector: "emr-sidebar-nav-divider", host: { classAttribute: "emr-sidebar-nav-divider" }, exportAs: ["emrSidebarNavDivider"], ngImport: i0, template: "", styles: [":host{display:block;height:var(--emr-sidebar-nav-divider-height);background-color:var(--emr-sidebar-nav-divider-bg);margin:var(--emr-sidebar-nav-divider-margin)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarNavDividerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-sidebar-nav-divider', exportAs: 'emrSidebarNavDivider', host: {
+                        'class': 'emr-sidebar-nav-divider',
+                    }, template: "", styles: [":host{display:block;height:var(--emr-sidebar-nav-divider-height);background-color:var(--emr-sidebar-nav-divider-bg);margin:var(--emr-sidebar-nav-divider-margin)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class SidebarCompactViewModeDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarCompactViewModeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: SidebarCompactViewModeDirective, isStandalone: true, selector: "[emrSidebarCompactViewMode]", host: { classAttribute: "emr-sidebar-compact-view-mode" }, exportAs: ["emrSidebarCompactViewMode"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarCompactViewModeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrSidebarCompactViewMode]',
+                    exportAs: 'emrSidebarCompactViewMode',
+                    host: {
+                        'class': 'emr-sidebar-compact-view-mode',
+                    }
+                }]
+        }] });
+
+class SidebarFullViewModeDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarFullViewModeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: SidebarFullViewModeDirective, isStandalone: true, selector: "[emrSidebarFullViewMode]", host: { classAttribute: "emr-sidebar-full-view-mode" }, exportAs: ["emrSidebarFullViewMode"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarFullViewModeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrSidebarFullViewMode]',
+                    exportAs: 'emrSidebarFullViewMode',
+                    host: {
+                        'class': 'emr-sidebar-full-view-mode',
+                    }
+                }]
+        }] });
+
+class SidebarNavItemIconDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarNavItemIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: SidebarNavItemIconDirective, isStandalone: true, selector: "[emrSidebarNavItemIcon]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarNavItemIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrSidebarNavItemIcon]'
+                }]
+        }] });
+
+class SidebarNavItemBadgeDirective {
+    constructor() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarNavItemBadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: SidebarNavItemBadgeDirective, isStandalone: true, selector: "[emrSidebarNavItemBadge]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarNavItemBadgeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrSidebarNavItemBadge]'
+                }]
+        }], ctorParameters: () => [] });
+
+class SidebarNavGroupToggleIconDirective {
+    constructor() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarNavGroupToggleIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: SidebarNavGroupToggleIconDirective, isStandalone: true, selector: "[emrSidebarNavGroupToggleIcon]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: SidebarNavGroupToggleIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrSidebarNavGroupToggleIcon]'
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SIDEBAR_NAVIGATION, SIDEBAR_NAVIGATION_GROUP, SidebarBodyComponent, SidebarCompactViewModeDirective, SidebarComponent, SidebarFooterComponent, SidebarFullViewModeDirective, SidebarHeaderComponent, SidebarNavComponent, SidebarNavDividerComponent, SidebarNavGroupComponent, SidebarNavGroupMenuComponent, SidebarNavGroupToggleComponent, SidebarNavGroupToggleIconDirective, SidebarNavHeadingComponent, SidebarNavItem, SidebarNavItemBadgeDirective, SidebarNavItemComponent, SidebarNavItemIconDirective };
+//# sourceMappingURL=elementar-rt-components-sidebar.mjs.map

package/fesm2022/elementar-rt-components-sidebar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-sidebar.mjs","sources":["../../../projects/components/sidebar/src/sidebar/sidebar.component.ts","../../../projects/components/sidebar/src/sidebar/sidebar.component.html","../../../projects/components/sidebar/src/sidebar-header/sidebar-header.component.ts","../../../projects/components/sidebar/src/sidebar-header/sidebar-header.component.html","../../../projects/components/sidebar/src/sidebar-body/sidebar-body.component.ts","../../../projects/components/sidebar/src/sidebar-body/sidebar-body.component.html","../../../projects/components/sidebar/src/types.ts","../../../projects/components/sidebar/src/sidebar.store.ts","../../../projects/components/sidebar/src/sidebar-nav-item/sidebar-nav-item.component.ts","../../../projects/components/sidebar/src/sidebar-nav-item/sidebar-nav-item.component.html","../../../projects/components/sidebar/src/sidebar-nav-group-toggle/sidebar-nav-group-toggle.component.ts","../../../projects/components/sidebar/src/sidebar-nav-group-toggle/sidebar-nav-group-toggle.component.html","../../../projects/components/sidebar/src/sidebar-nav-group-menu/sidebar-nav-group-menu.component.ts","../../../projects/components/sidebar/src/sidebar-nav-group-menu/sidebar-nav-group-menu.component.html","../../../projects/components/sidebar/src/sidebar-nav-group/sidebar-nav-group.component.ts","../../../projects/components/sidebar/src/sidebar-nav-group/sidebar-nav-group.component.html","../../../projects/components/sidebar/src/sidebar-nav/sidebar-nav.component.ts","../../../projects/components/sidebar/src/sidebar-nav/sidebar-nav.component.html","../../../projects/components/sidebar/src/sidebar-footer/sidebar-footer.component.ts","../../../projects/components/sidebar/src/sidebar-footer/sidebar-footer.component.html","../../../projects/components/sidebar/src/sidebar-nav-heading/sidebar-nav-heading.component.ts","../../../projects/components/sidebar/src/sidebar-nav-heading/sidebar-nav-heading.component.html","../../../projects/components/sidebar/src/sidebar-nav-divider/sidebar-nav-divider.component.ts","../../../projects/components/sidebar/src/sidebar-nav-divider/sidebar-nav-divider.component.html","../../../projects/components/sidebar/src/sidebar-compact-view-mode.directive.ts","../../../projects/components/sidebar/src/sidebar-full-view-mode.directive.ts","../../../projects/components/sidebar/src/sidebar-nav-item-icon.directive.ts","../../../projects/components/sidebar/src/sidebar-nav-item-badge.directive.ts","../../../projects/components/sidebar/src/sidebar-nav-group-toggle-icon.directive.ts","../../../projects/components/sidebar/elementar-rt-components-sidebar.ts"],"sourcesContent":["import { booleanAttribute, Component, input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-sidebar',\r\n  exportAs: 'emrSidebar',\r\n  templateUrl: './sidebar.component.html',\r\n  styleUrl: './sidebar.component.scss',\r\n  host: {\r\n    'class': 'emr-sidebar',\r\n    '[class.compact]': 'compact()',\r\n    '[class.compact-hover]': '_compactHover',\r\n    '(mouseenter)': 'mouseenter()',\r\n    '(mouseleave)': 'mouseleave()'\r\n  }\r\n})\r\nexport class SidebarComponent {\r\n  compact = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n  protected _compactHover = false;\r\n\r\n  get api() {\r\n    return {\r\n      isCompact: () => this.compact() || this._compactHover,\r\n    }\r\n  }\r\n\r\n  protected mouseenter() {\r\n    this._compactHover = true;\r\n  }\r\n\r\n  protected mouseleave() {\r\n    this._compactHover = false;\r\n  }\r\n}\r\n","<ng-content select=\"emr-sidebar-header\"/>\r\n<ng-content select=\"emr-sidebar-body\"/>\r\n<ng-content select=\"emr-sidebar-footer\"/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-sidebar-header',\r\n  exportAs: 'emrSidebarHeader',\r\n  templateUrl: './sidebar-header.component.html',\r\n  styleUrl: './sidebar-header.component.scss',\r\n  host: {\r\n    'class': 'emr-sidebar-header',\r\n  }\r\n})\r\nexport class SidebarHeaderComponent {\r\n\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\nimport { OverlayScrollbarComponent } from '@elementar-rt/components/overlay-scrollbar';\r\n\r\n@Component({\r\n  selector: 'emr-sidebar-body',\r\n  exportAs: 'emrSidebarBody',\r\n  templateUrl: './sidebar-body.component.html',\r\n  styleUrl: './sidebar-body.component.scss',\r\n  imports: [\r\n    OverlayScrollbarComponent\r\n  ],\r\n  host: {\r\n    'class': 'emr-sidebar-body'\r\n  }\r\n})\r\nexport class SidebarBodyComponent {\r\n\r\n}\r\n","<emr-overlay-scrollbar>\r\n  <div class=\"scroll-content\"><ng-content/></div>\r\n</emr-overlay-scrollbar>\r\n","import { InjectionToken } from '@angular/core';\r\n\r\nexport const SIDEBAR_NAVIGATION = new InjectionToken('Sidebar navigation');\r\nexport const SIDEBAR_NAVIGATION_GROUP = new InjectionToken('SIDEBAR_NAVIGATION_GROUP');\r\n","import { patchState, signalStore, withMethods, withState } from '@ngrx/signals';\r\n\r\nexport interface SidebarNavState {\r\n  activeItemKey: any;\r\n  activeGroupKey: any;\r\n}\r\n\r\nconst initialState: SidebarNavState = {\r\n  activeItemKey: null,\r\n  activeGroupKey: null,\r\n};\r\n\r\nexport const SidebarNavStore = signalStore(\r\n  withState(initialState),\r\n  withMethods((store) => ({\r\n    setItemActiveKey(activeItemKey: any): void {\r\n      patchState(store, { activeItemKey });\r\n    },\r\n    isItemActive(activeItemKey: any): boolean {\r\n      return store.activeItemKey() === activeItemKey;\r\n    },\r\n    setGroupActiveKey(activeGroupKey: any): void {\r\n      patchState(store, { activeGroupKey });\r\n    },\r\n    isGroupActive(activeGroupKey: any): boolean {\r\n      return store.activeGroupKey() === activeGroupKey;\r\n    }\r\n  }))\r\n);\r\n","import { booleanAttribute, Component, ElementRef, inject, input } from '@angular/core';\r\nimport { MatRipple } from '@angular/material/core';\r\nimport { SIDEBAR_NAVIGATION } from '../types';\r\nimport { SidebarNavComponent } from '../sidebar-nav/sidebar-nav.component';\r\nimport { SidebarNavStore } from '../sidebar.store';\r\n\r\nexport class SidebarNavItem {\r\n  active: boolean;\r\n}\r\n\r\n@Component({\r\n  selector: 'emr-sidebar-nav-item,[emr-sidebar-nav-item]',\r\n  exportAs: 'emr-sidebar-nav-item',\r\n  imports: [\r\n    MatRipple\r\n  ],\r\n  templateUrl: './sidebar-nav-item.component.html',\r\n  styleUrl: './sidebar-nav-item.component.scss',\r\n  host: {\r\n    'class': 'emr-sidebar-nav-item',\r\n    '[class.is-active]': 'forceActive() || active',\r\n    '(click)': 'click($event)'\r\n  }\r\n})\r\nexport class SidebarNavItemComponent implements SidebarNavItem {\r\n  private _navigation = inject<SidebarNavComponent>(SIDEBAR_NAVIGATION);\r\n  private _elementRef = inject(ElementRef);\r\n  private _navStore = inject(SidebarNavStore);\r\n\r\n  get api() {\r\n    return {\r\n      isActive: () => this.active\r\n    }\r\n  }\r\n\r\n  key = input<any>(Math.random());\r\n  forceActive = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n\r\n  click(event: MouseEvent) {\r\n    if (!this.key()) {\r\n      return;\r\n    }\r\n\r\n    this._navStore.setItemActiveKey(this.key());\r\n    this._navigation.itemClicked.emit(this.key());\r\n  }\r\n\r\n  get active(): boolean {\r\n    return this._navStore.isItemActive(this.key());\r\n  }\r\n\r\n  get _hostElement(): ElementRef {\r\n    return this._elementRef;\r\n  }\r\n}\r\n","<div class=\"inner\" matRipple>\r\n  <div class=\"icon\">\r\n    <ng-content select=\"[emrSidebarNavItemIcon]\"/>\r\n  </div>\r\n  <span class=\"text grow\"><ng-content/></span>\r\n  <div class=\"badge\">\r\n    <ng-content select=\"[emrSidebarNavItemBadge]\"/>\r\n  </div>\r\n</div>\r\n","import { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';\r\nimport { MatRipple } from '@angular/material/core';\r\nimport { SidebarNavStore } from '../sidebar.store';\r\n\r\n@Component({\r\n  selector: 'emr-sidebar-nav-group-toggle',\r\n  exportAs: 'emrSidebarNavGroupToggle',\r\n  templateUrl: './sidebar-nav-group-toggle.component.html',\r\n  styleUrl: './sidebar-nav-group-toggle.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  hostDirectives: [\r\n    MatRipple\r\n  ],\r\n  host: {\r\n    'class': 'emr-sidebar-nav-group-toggle',\r\n    '[class.is-active]': 'active',\r\n    '(click)': 'toggle($event)'\r\n  }\r\n})\r\nexport class SidebarNavGroupToggleComponent {\r\n  private _navStore = inject(SidebarNavStore);\r\n\r\n  readonly for = signal<any>(null);\r\n\r\n  get active(): boolean {\r\n    if (!this.for()) {\r\n      return false;\r\n    }\r\n\r\n    return this._navStore.isGroupActive(this.for());\r\n  }\r\n\r\n  toggle(event: MouseEvent) {\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n\r\n    if (this._navStore.isGroupActive(this.for())) {\r\n      this._navStore.setGroupActiveKey(null);\r\n    } else {\r\n      this._navStore.setGroupActiveKey(this.for());\r\n    }\r\n  }\r\n}\r\n","<div class=\"icon\"><ng-content select=\"[emrSidebarNavItemIcon]\"/></div>\r\n<span class=\"text grow\"><ng-content/></span>\r\n<div class=\"badge\">\r\n  <ng-content select=\"[emrSidebarNavItemBadge]\"/>\r\n</div>\r\n<div class=\"toggle\">\r\n  <ng-content select=\"[emrSidebarNavGroupToggleIcon]\"/>\r\n</div>\r\n","import {\r\n  AfterContentInit,\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  contentChildren,\r\n  inject, OnInit,\r\n  signal,\r\n} from '@angular/core';\r\nimport { SIDEBAR_NAVIGATION, SIDEBAR_NAVIGATION_GROUP } from '../types';\r\nimport { SidebarNavComponent } from '../sidebar-nav/sidebar-nav.component';\r\nimport { SidebarNavGroupComponent } from '../sidebar-nav-group/sidebar-nav-group.component';\r\nimport { SidebarNavItemComponent } from '../sidebar-nav-item/sidebar-nav-item.component';\r\nimport { SidebarNavStore } from '../sidebar.store';\r\nimport { watchState } from '@ngrx/signals';\r\n\r\n@Component({\r\n  selector: 'emr-sidebar-nav-group-menu',\r\n  exportAs: 'emrSidebarNavGroupMenu',\r\n  templateUrl: './sidebar-nav-group-menu.component.html',\r\n  styleUrl: './sidebar-nav-group-menu.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    'class': 'emr-sidebar-nav-group-menu',\r\n    '[class.is-active]': 'active'\r\n  }\r\n})\r\nexport class SidebarNavGroupMenuComponent implements AfterContentInit, OnInit {\r\n  readonly navigation = inject<SidebarNavComponent>(SIDEBAR_NAVIGATION);\r\n  private _group = inject<SidebarNavGroupComponent>(SIDEBAR_NAVIGATION_GROUP);\r\n  private _navStore = inject(SidebarNavStore);\r\n\r\n  readonly _items = contentChildren(SidebarNavItemComponent, { descendants: true });\r\n\r\n  key = signal<any>(this._group._groupId);\r\n\r\n  get active(): boolean {\r\n    return this._navStore.isGroupActive(this.key());\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.navigation\r\n      .itemClicked\r\n      .subscribe(() => {\r\n        const isGroupActive = this._items().filter(\r\n          itemComponent => itemComponent.active\r\n        ).length > 0;\r\n\r\n        if (!isGroupActive && this._group._groupId === this._navStore.activeGroupKey()) {\r\n          this._navStore.setGroupActiveKey(null);\r\n        }\r\n      });\r\n  }\r\n\r\n  ngAfterContentInit() {\r\n    this._checkIfActive();\r\n  }\r\n\r\n  hasActiveItem(): boolean {\r\n    return this._items().filter(\r\n      itemComponent => itemComponent.active\r\n    ).length > 0;\r\n  }\r\n\r\n  private _checkIfActive() {\r\n    const isGroupActive = this._items().filter(\r\n      itemComponent => itemComponent.active\r\n    ).length > 0;\r\n\r\n    if (isGroupActive) {\r\n      this._navStore.setGroupActiveKey(this.key());\r\n    }\r\n  }\r\n}\r\n","<div class=\"inner\">\r\n  <ng-content/>\r\n</div>\r\n","import {\r\n  AfterContentInit,\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  contentChild,\r\n  forwardRef,\r\n} from '@angular/core';\r\nimport { SidebarNavGroupToggleComponent } from '../sidebar-nav-group-toggle/sidebar-nav-group-toggle.component';\r\nimport { SIDEBAR_NAVIGATION_GROUP } from '../types';\r\nimport { SidebarNavGroupMenuComponent } from '../sidebar-nav-group-menu/sidebar-nav-group-menu.component';\r\n\r\nlet nextId = 0;\r\n\r\n@Component({\r\n  selector: 'emr-sidebar-nav-group',\r\n  templateUrl: './sidebar-nav-group.component.html',\r\n  styleUrl: './sidebar-nav-group.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [\r\n    {\r\n      provide: SIDEBAR_NAVIGATION_GROUP,\r\n      useExisting: forwardRef(() => SidebarNavGroupComponent),\r\n    }\r\n  ]\r\n})\r\nexport class SidebarNavGroupComponent implements AfterContentInit {\r\n  private _toggle = contentChild.required(SidebarNavGroupToggleComponent, {\r\n    descendants: false,\r\n  });\r\n  private _menu = contentChild.required(SidebarNavGroupMenuComponent, {\r\n    descendants: false,\r\n  });\r\n  readonly _groupId = `sidebar-nav-group-${nextId++}`;\r\n\r\n  ngAfterContentInit() {\r\n    this._toggle().for.set(this._groupId);\r\n  }\r\n\r\n  hasActiveItem(): boolean {\r\n    return this._menu().hasActiveItem();\r\n  }\r\n}\r\n","<ng-content/>\r\n","import {\r\n  AfterContentInit,\r\n  afterNextRender, booleanAttribute,\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  contentChildren,\r\n  ElementRef, forwardRef,\r\n  inject,\r\n  input,\r\n  output,\r\n  SimpleChanges,\r\n} from '@angular/core';\r\nimport {\r\n  SidebarNavItemComponent\r\n} from '../sidebar-nav-item/sidebar-nav-item.component';\r\nimport { SIDEBAR_NAVIGATION } from '../types';\r\nimport { SidebarNavStore } from '../sidebar.store';\r\nimport { SidebarNavGroupComponent } from '../sidebar-nav-group/sidebar-nav-group.component';\r\n\r\n@Component({\r\n  selector: 'emr-sidebar-nav',\r\n  exportAs: 'emrSidebarNav',\r\n  templateUrl: './sidebar-nav.component.html',\r\n  styleUrl: './sidebar-nav.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [\r\n    {\r\n      provide: SIDEBAR_NAVIGATION,\r\n      useExisting: forwardRef(() => SidebarNavComponent),\r\n    },\r\n    SidebarNavStore\r\n  ],\r\n  host: {\r\n    'class': 'emr-sidebar-nav',\r\n  },\r\n})\r\nexport class SidebarNavComponent implements AfterContentInit {\r\n  private _elementRef = inject(ElementRef);\r\n  private _navStore = inject(SidebarNavStore);\r\n\r\n  readonly _items = contentChildren(SidebarNavItemComponent, { descendants: true });\r\n  readonly _groups = contentChildren(SidebarNavGroupComponent, { descendants: true });\r\n\r\n  activeKey = input();\r\n  autoScrollToActiveItem = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n\r\n  readonly itemClicked = output<any>();\r\n\r\n  constructor() {\r\n    // scroll to the active item if it is not visible in the viewport\r\n    afterNextRender(() => {\r\n      if (this.autoScrollToActiveItem()) {\r\n        this._scrollToActiveItem();\r\n      }\r\n    });\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges) {\r\n    if (changes['activeKey']) {\r\n      this._navStore.setItemActiveKey(changes['activeKey'].currentValue);\r\n      this._groups().forEach((group: SidebarNavGroupComponent) => {\r\n        if (group.hasActiveItem()) {\r\n          this._navStore.setGroupActiveKey(group._groupId);\r\n          requestAnimationFrame(() => {\r\n            this._scrollToActiveItem();\r\n          });\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  ngAfterContentInit() {\r\n  }\r\n\r\n  private _hasScroll(element: HTMLElement): boolean {\r\n    if (!element.getBoundingClientRect) {\r\n      return false;\r\n    }\r\n\r\n    return Math.ceil(element.scrollHeight) > Math.ceil(element.getBoundingClientRect().height);\r\n  }\r\n\r\n  private _isScrolledIntoView(element: HTMLElement, parent: HTMLElement) {\r\n    const elementRect = element.getBoundingClientRect();\r\n    const parentRect = parent.getBoundingClientRect();\r\n    return (elementRect.top >= 0) && (elementRect.bottom <= parentRect.height);\r\n  }\r\n\r\n  private _scrollToActiveItem(): void {\r\n    this._items().forEach((item: SidebarNavItemComponent) => {\r\n      if (item.active) {\r\n        let scrollContainer = this._elementRef.nativeElement.closest('.scrollable-content');\r\n        const itemElement = item._hostElement.nativeElement as HTMLElement;\r\n\r\n        if (this._hasScroll(scrollContainer)) {\r\n          if (!this._isScrolledIntoView(itemElement, scrollContainer)) {\r\n            const parentRect = scrollContainer.getBoundingClientRect();\r\n            const elementRect = itemElement.getBoundingClientRect();\r\n            scrollContainer.scrollTop = elementRect.top - parentRect.height / 2;\r\n          }\r\n        }\r\n      }\r\n    });\r\n  }\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-sidebar-footer',\r\n  exportAs: 'emrSidebarFooter',\r\n  templateUrl: './sidebar-footer.component.html',\r\n  styleUrl: './sidebar-footer.component.scss',\r\n  host: {\r\n    'class': 'emr-sidebar-footer',\r\n  }\r\n})\r\nexport class SidebarFooterComponent {\r\n\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-sidebar-nav-heading',\r\n  exportAs: 'emrSidebarNavHeading',\r\n  imports: [\r\n  ],\r\n  templateUrl: './sidebar-nav-heading.component.html',\r\n  styleUrl: './sidebar-nav-heading.component.scss',\r\n  host: {\r\n    class: 'emr-sidebar-nav-heading',\r\n  }\r\n})\r\nexport class SidebarNavHeadingComponent {\r\n\r\n}\r\n","<div class=\"line\"></div>\r\n<div class=\"content\">\r\n  <ng-content/>\r\n</div>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-sidebar-nav-divider',\r\n  exportAs: 'emrSidebarNavDivider',\r\n  templateUrl: './sidebar-nav-divider.component.html',\r\n  styleUrl: './sidebar-nav-divider.component.scss',\r\n  host: {\r\n    'class': 'emr-sidebar-nav-divider',\r\n  }\r\n})\r\nexport class SidebarNavDividerComponent {\r\n\r\n}\r\n","","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrSidebarCompactViewMode]',\r\n  exportAs: 'emrSidebarCompactViewMode',\r\n  host: {\r\n    'class': 'emr-sidebar-compact-view-mode',\r\n  }\r\n})\r\nexport class SidebarCompactViewModeDirective {\r\n}\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrSidebarFullViewMode]',\r\n  exportAs: 'emrSidebarFullViewMode',\r\n  host: {\r\n    'class': 'emr-sidebar-full-view-mode',\r\n  }\r\n})\r\nexport class SidebarFullViewModeDirective {\r\n\r\n}\r\n","import { Directive, inject, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrSidebarNavItemIcon]'\r\n})\r\nexport class SidebarNavItemIconDirective {\r\n  // readonly templateRef = inject(TemplateRef);\r\n}\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrSidebarNavItemBadge]'\r\n})\r\nexport class SidebarNavItemBadgeDirective {\r\n\r\n  constructor() { }\r\n\r\n}\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrSidebarNavGroupToggleIcon]'\r\n})\r\nexport class SidebarNavGroupToggleIconDirective {\r\n\r\n  constructor() { }\r\n\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}