codexly-ui 0.0.12 → 0.0.14

package/fesm2022/codexly-ui.mjs

@@ -10881,7 +10881,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
             }] } });
 
 const CLX_MENU_COLOR = new InjectionToken('CLX_MENU_COLOR');
-const CLX_LAYOUT_COLLAPSED = new InjectionToken('CLX_LAYOUT_COLLAPSED');
+const CLX_LAYOUT_REF = new InjectionToken('CLX_LAYOUT_REF');
 // ── Item geometry ──────────────────────────────────────────────────────────────
 const NAV_ITEM_BASE = 'flex items-center gap-3 w-full text-sm font-medium transition-colors duration-150 cursor-pointer select-none';
 const NAV_ITEM_L1 = 'px-6 py-3';
@@ -10898,6 +10898,7 @@ class ClxAppLayoutComponent {
     activeColor = input('indigo', ...(ngDevMode ? [{ debugName: "activeColor" }] : []));
     _sidebarOpen = signal(false, ...(ngDevMode ? [{ debugName: "_sidebarOpen" }] : []));
     _collapsed = signal(false, ...(ngDevMode ? [{ debugName: "_collapsed" }] : []));
+    collapsed = this._collapsed;
     _isMobile = signal(true, ...(ngDevMode ? [{ debugName: "_isMobile" }] : []));
     _showBackdrop = computed(() => this._sidebarOpen() && this._isMobile(), ...(ngDevMode ? [{ debugName: "_showBackdrop" }] : []));
     _sidebarCls = computed(() => {
@@ -10944,11 +10945,7 @@ class ClxAppLayoutComponent {
     closeSidebar() { this._sidebarOpen.set(false); }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ClxAppLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: ClxAppLayoutComponent, isStandalone: true, selector: "clx-app-layout", inputs: { activeColor: { classPropertyName: "activeColor", publicName: "activeColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "flex h-screen overflow-hidden" }, providers: [
-            {
-                provide: CLX_LAYOUT_COLLAPSED,
-                useFactory: (self) => () => self._collapsed(),
-                deps: [ClxAppLayoutComponent],
-            },
+            { provide: CLX_LAYOUT_REF, useExisting: ClxAppLayoutComponent },
         ], ngImport: i0, template: `
     <!-- Mobile backdrop -->
     @if (_showBackdrop()) {
@@ -11000,11 +10997,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
                     standalone: true,
                     imports: [ClxIconComponent],
                     providers: [
-                        {
-                            provide: CLX_LAYOUT_COLLAPSED,
-                            useFactory: (self) => () => self._collapsed(),
-                            deps: [ClxAppLayoutComponent],
-                        },
+                        { provide: CLX_LAYOUT_REF, useExisting: ClxAppLayoutComponent },
                     ],
                     template: `
     <!-- Mobile backdrop -->
@@ -11062,9 +11055,9 @@ class ClxMenuItemComponent {
     color = input('indigo', ...(ngDevMode ? [{ debugName: "color" }] : []));
     nested = input(false, ...(ngDevMode ? [{ debugName: "nested" }] : []));
     _menuColorFn = inject(CLX_MENU_COLOR, { optional: true });
-    _collapsedFn = inject(CLX_LAYOUT_COLLAPSED, { optional: true });
+    _layoutRef = inject(CLX_LAYOUT_REF, { optional: true });
     _hasParent = !!this._menuColorFn;
-    _collapsed = computed(() => this._collapsedFn?.() ?? false, ...(ngDevMode ? [{ debugName: "_collapsed" }] : []));
+    _collapsed = computed(() => this._layoutRef?.collapsed() ?? false, ...(ngDevMode ? [{ debugName: "_collapsed" }] : []));
     _resolvedColor = computed(() => this._menuColorFn?.() ?? this.color(), ...(ngDevMode ? [{ debugName: "_resolvedColor" }] : []));
     _geom = computed(() => {
         if (this._collapsed())
@@ -11136,8 +11129,8 @@ class ClxMenuComponent {
     icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
     color = input('indigo', ...(ngDevMode ? [{ debugName: "color" }] : []));
     _isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_isExpanded" }] : []));
-    _collapsedFn = inject(CLX_LAYOUT_COLLAPSED, { optional: true });
-    _collapsed = computed(() => this._collapsedFn?.() ?? false, ...(ngDevMode ? [{ debugName: "_collapsed" }] : []));
+    _layoutRef = inject(CLX_LAYOUT_REF, { optional: true });
+    _collapsed = computed(() => this._layoutRef?.collapsed() ?? false, ...(ngDevMode ? [{ debugName: "_collapsed" }] : []));
     _childItems;
     _childRoutes = [];
     _router = inject(Router);