codexly-ui 0.0.16 → 0.0.17

package/fesm2022/codexly-ui.mjs

@@ -10880,22 +10880,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
                 args: [ClxStepComponent]
             }] } });
 
-class ClxLayoutService {
-    collapsed = signal(false, ...(ngDevMode ? [{ debugName: "collapsed" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ClxLayoutService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ClxLayoutService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ClxLayoutService, decorators: [{
-            type: Injectable
-        }] });
-
 class ClxAppLayoutComponent {
     _zone = inject(NgZone);
     _document = inject(DOCUMENT);
-    _layout = inject(ClxLayoutService);
     activeColor = input('indigo', ...(ngDevMode ? [{ debugName: "activeColor" }] : []));
     _sidebarOpen = signal(false, ...(ngDevMode ? [{ debugName: "_sidebarOpen" }] : []));
-    _collapsed = this._layout.collapsed;
+    _collapsed = signal(false, ...(ngDevMode ? [{ debugName: "_collapsed" }] : []));
     _isMobile = signal(true, ...(ngDevMode ? [{ debugName: "_isMobile" }] : []));
     _showBackdrop = computed(() => this._sidebarOpen() && this._isMobile(), ...(ngDevMode ? [{ debugName: "_showBackdrop" }] : []));
     _sidebarCls = computed(() => {
@@ -10941,7 +10931,7 @@ class ClxAppLayoutComponent {
     openSidebar() { this._sidebarOpen.set(true); }
     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: [ClxLayoutService], ngImport: i0, template: `
+    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: ClxAppLayoutComponent, useExisting: ClxAppLayoutComponent }], ngImport: i0, template: `
     <!-- Mobile backdrop -->
     @if (_showBackdrop()) {
       <div
@@ -10991,7 +10981,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
                     selector: 'clx-app-layout',
                     standalone: true,
                     imports: [ClxIconComponent],
-                    providers: [ClxLayoutService],
+                    providers: [{ provide: ClxAppLayoutComponent, useExisting: ClxAppLayoutComponent }],
                     template: `
     <!-- Mobile backdrop -->
     @if (_showBackdrop()) {
@@ -11059,9 +11049,9 @@ class ClxMenuItemComponent {
     color = input('indigo', ...(ngDevMode ? [{ debugName: "color" }] : []));
     nested = input(false, ...(ngDevMode ? [{ debugName: "nested" }] : []));
     _menuColorFn = inject(CLX_MENU_COLOR, { optional: true });
-    _layout = inject(ClxLayoutService, { optional: true });
+    _layout = inject(ClxAppLayoutComponent, { optional: true });
     _hasParent = !!this._menuColorFn;
-    _collapsed = computed(() => this._layout?.collapsed() ?? false, ...(ngDevMode ? [{ debugName: "_collapsed" }] : []));
+    _collapsed = computed(() => this._layout?._collapsed() ?? false, ...(ngDevMode ? [{ debugName: "_collapsed" }] : []));
     _resolvedColor = computed(() => this._menuColorFn?.() ?? this.color(), ...(ngDevMode ? [{ debugName: "_resolvedColor" }] : []));
     _geom = computed(() => {
         if (this._collapsed())
@@ -11133,8 +11123,8 @@ class ClxMenuComponent {
     icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
     color = input('indigo', ...(ngDevMode ? [{ debugName: "color" }] : []));
     _isExpanded = signal(false, ...(ngDevMode ? [{ debugName: "_isExpanded" }] : []));
-    _layout = inject(ClxLayoutService, { optional: true });
-    _collapsed = computed(() => this._layout?.collapsed() ?? false, ...(ngDevMode ? [{ debugName: "_collapsed" }] : []));
+    _layout = inject(ClxAppLayoutComponent, { optional: true });
+    _collapsed = computed(() => this._layout?._collapsed() ?? false, ...(ngDevMode ? [{ debugName: "_collapsed" }] : []));
     _childItems;
     _childRoutes = [];
     _router = inject(Router);