@ngstarter-ui/components 1.0.21

package/fesm2022/ngstarter-ui-components-layout.mjs

@@ -0,0 +1,199 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, input, booleanAttribute, Component, inject, ElementRef, PLATFORM_ID, forwardRef, computed, EventEmitter, Injectable } from '@angular/core';
+import { Router, NavigationStart } from '@angular/router';
+import { filter } from 'rxjs';
+import { isPlatformServer } from '@angular/common';
+import * as i1 from '@angular/cdk/scrolling';
+import { CdkScrollable } from '@angular/cdk/scrolling';
+import { signalStore, withState, withMethods, patchState } from '@ngrx/signals';
+
+const LAYOUT = new InjectionToken('LAYOUT');
+const LAYOUT_CONTENT = new InjectionToken('LAYOUT_CONTENT');
+
+let nextId = 0;
+class Layout {
+    layoutId = input(`layout-${nextId++}`, ...(ngDevMode ? [{ debugName: "layoutId" }] : /* istanbul ignore next */ []));
+    root = input(false, { ...(ngDevMode ? { debugName: "root" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Layout, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: Layout, isStandalone: true, selector: "ngs-layout", inputs: { layoutId: { classPropertyName: "layoutId", publicName: "layoutId", isSignal: true, isRequired: false, transformFunction: null }, root: { classPropertyName: "root", publicName: "root", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-root": "root()" }, classAttribute: "ngs-layout" }, providers: [
+            {
+                provide: LAYOUT,
+                useExisting: Layout
+            }
+        ], exportAs: ["ngsLayout"], ngImport: i0, template: "<ng-content select=\"ngs-layout-topbar\"/>\n<ng-content select=\"ngs-layout-header\"/>\n<div class=\"body\">\n  <ng-content select=\"ngs-layout-sidebar\"/>\n  <div class=\"content\">\n    <ng-content/>\n  </div>\n  <ng-content select=\"ngs-layout-aside\"/>\n</div>\n<ng-content select=\"ngs-layout-footer\"/>\n", styles: [":host{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host.is-root{width:100dvw;height:100dvh}:host .body{display:flex;flex-grow:1;overflow:hidden;height:100%}:host .content{display:flex;flex-grow:1;flex-direction:column;overflow:hidden;position:relative}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Layout, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-layout', exportAs: 'ngsLayout', standalone: true, providers: [
+                        {
+                            provide: LAYOUT,
+                            useExisting: Layout
+                        }
+                    ], host: {
+                        'class': 'ngs-layout',
+                        '[class.is-root]': 'root()'
+                    }, template: "<ng-content select=\"ngs-layout-topbar\"/>\n<ng-content select=\"ngs-layout-header\"/>\n<div class=\"body\">\n  <ng-content select=\"ngs-layout-sidebar\"/>\n  <div class=\"content\">\n    <ng-content/>\n  </div>\n  <ng-content select=\"ngs-layout-aside\"/>\n</div>\n<ng-content select=\"ngs-layout-footer\"/>\n", styles: [":host{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}:host.is-root{width:100dvw;height:100dvh}:host .body{display:flex;flex-grow:1;overflow:hidden;height:100%}:host .content{display:flex;flex-grow:1;flex-direction:column;overflow:hidden;position:relative}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { layoutId: [{ type: i0.Input, args: [{ isSignal: true, alias: "layoutId", required: false }] }], root: [{ type: i0.Input, args: [{ isSignal: true, alias: "root", required: false }] }] } });
+
+class LayoutHeader {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LayoutHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LayoutHeader, isStandalone: true, selector: "ngs-layout-header", host: { classAttribute: "ngs-layout-header" }, exportAs: ["ngsLayoutHeader"], ngImport: i0, template: "<ng-content />\n", styles: [":host{display:block;flex:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LayoutHeader, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-layout-header', exportAs: 'ngsLayoutHeader', host: {
+                        'class': 'ngs-layout-header',
+                    }, template: "<ng-content />\n", styles: [":host{display:block;flex:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class LayoutContent {
+    _router = inject(Router);
+    _elementRef = inject(ElementRef);
+    _platformId = inject(PLATFORM_ID);
+    scrollable = inject(CdkScrollable);
+    autoscrollToTop = input(true, { ...(ngDevMode ? { debugName: "autoscrollToTop" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    scrollContainer() {
+        return this._elementRef.nativeElement;
+    }
+    ngOnInit() {
+        // Scroll a page to top if url changed
+        this._router.events
+            .pipe(filter(event => event instanceof NavigationStart))
+            .subscribe(() => {
+            if (!this.autoscrollToTop()) {
+                return;
+            }
+            if (isPlatformServer(this._platformId)) {
+                return;
+            }
+            this._elementRef.nativeElement.scrollTo({
+                top: 0,
+                left: 0
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LayoutContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: LayoutContent, isStandalone: true, selector: "ngs-layout-content", inputs: { autoscrollToTop: { classPropertyName: "autoscrollToTop", publicName: "autoscrollToTop", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "ngs-layout-content ngs-scroll-lg" }, providers: [
+            {
+                provide: LAYOUT_CONTENT,
+                useExisting: forwardRef(() => LayoutContent)
+            }
+        ], exportAs: ["ngsLayoutContent"], hostDirectives: [{ directive: i1.CdkScrollable }], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;position:relative;overflow:hidden;flex-grow:1}:host:has(:not(.ngs-layout-content)){overflow:auto}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LayoutContent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-layout-content', exportAs: 'ngsLayoutContent', hostDirectives: [
+                        CdkScrollable
+                    ], providers: [
+                        {
+                            provide: LAYOUT_CONTENT,
+                            useExisting: forwardRef(() => LayoutContent)
+                        }
+                    ], host: {
+                        'class': 'ngs-layout-content ngs-scroll-lg'
+                    }, template: "<ng-content/>\n", styles: [":host{display:block;position:relative;overflow:hidden;flex-grow:1}:host:has(:not(.ngs-layout-content)){overflow:auto}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { autoscrollToTop: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoscrollToTop", required: false }] }] } });
+
+class LayoutFooter {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LayoutFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LayoutFooter, isStandalone: true, selector: "ngs-layout-footer", host: { classAttribute: "ngs-layout-footer" }, exportAs: ["ngsLayoutFooter"], ngImport: i0, template: "<ng-content />\n", styles: [":host{display:block;grid-area:footer;flex:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LayoutFooter, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-layout-footer', exportAs: 'ngsLayoutFooter', host: {
+                        'class': 'ngs-layout-footer',
+                    }, template: "<ng-content />\n", styles: [":host{display:block;grid-area:footer;flex:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class LayoutTopbar {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LayoutTopbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LayoutTopbar, isStandalone: true, selector: "ngs-layout-topbar", host: { classAttribute: "ngs-layout-topbar" }, exportAs: ["ngsLayoutTopbar"], ngImport: i0, template: "<ng-content />\n", styles: [":host{display:block;grid-area:topbar;flex:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LayoutTopbar, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-layout-topbar', exportAs: 'ngsLayoutTopbar', host: {
+                        'class': 'ngs-layout-topbar'
+                    }, template: "<ng-content />\n", styles: [":host{display:block;grid-area:topbar;flex:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+const initialState = {
+    root: true
+};
+const LayoutSidebarStore = signalStore({ providedIn: 'root' }, withState(initialState), withMethods((store) => ({
+    showSidebarVisibility(layoutId, isShown) {
+        patchState(store, {
+            [layoutId]: isShown
+        });
+    }
+})));
+
+class LayoutSidebar {
+    _parent = inject(LAYOUT);
+    _layoutSidebarStore = inject(LayoutSidebarStore);
+    _isShown = computed(() => {
+        if (this._parent.layoutId() in this._layoutSidebarStore) {
+            return this._layoutSidebarStore[this._parent.layoutId()]();
+        }
+        return true;
+    }, ...(ngDevMode ? [{ debugName: "_isShown" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LayoutSidebar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LayoutSidebar, isStandalone: true, selector: "ngs-layout-sidebar", host: { properties: { "class.is-hidden": "!_isShown()" }, classAttribute: "ngs-layout-sidebar" }, exportAs: ["ngsLayoutSidebar"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;z-index:101}:host:has(.ngs-sidebar.compact){z-index:102}:host.is-hidden{display:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LayoutSidebar, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-layout-sidebar', exportAs: 'ngsLayoutSidebar', host: {
+                        'class': 'ngs-layout-sidebar',
+                        '[class.is-hidden]': '!_isShown()'
+                    }, template: "<ng-content/>\n", styles: [":host{display:block;z-index:101}:host:has(.ngs-sidebar.compact){z-index:102}:host.is-hidden{display:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class LayoutAside {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LayoutAside, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: LayoutAside, isStandalone: true, selector: "ngs-layout-aside", host: { classAttribute: "ngs-layout-aside" }, exportAs: ["ngsLayoutAside"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;height:100%;flex:none;width:var(--ngs-layout-aside-width)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LayoutAside, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-layout-aside', exportAs: 'ngsLayoutAside', host: {
+                        'class': 'ngs-layout-aside',
+                    }, template: "<ng-content/>\n", styles: [":host{display:block;height:100%;flex:none;width:var(--ngs-layout-aside-width)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class LayoutApiService {
+    _layoutSidebarStore = inject(LayoutSidebarStore);
+    sidebarVisibility = new EventEmitter();
+    hideSidebar(layoutId) {
+        this._layoutSidebarStore.showSidebarVisibility(layoutId, false);
+        this.sidebarVisibility.emit({
+            layoutId,
+            shown: false
+        });
+    }
+    showSidebar(layoutId) {
+        this._layoutSidebarStore.showSidebarVisibility(layoutId, true);
+        this.sidebarVisibility.emit({
+            layoutId,
+            shown: true
+        });
+    }
+    toggleSidebar(layoutId) {
+        this.isSidebarShown(layoutId) ? this.hideSidebar(layoutId) : this.showSidebar(layoutId);
+    }
+    isSidebarShown(layoutId) {
+        return this._layoutSidebarStore[layoutId]();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LayoutApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LayoutApiService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: LayoutApiService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LAYOUT, LAYOUT_CONTENT, Layout, LayoutApiService, LayoutAside, LayoutContent, LayoutFooter, LayoutHeader, LayoutSidebar, LayoutSidebarStore, LayoutTopbar };
+//# sourceMappingURL=ngstarter-ui-components-layout.mjs.map

package/fesm2022/ngstarter-ui-components-layout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components-layout.mjs","sources":["../../../projects/components/layout/src/types.ts","../../../projects/components/layout/src/layout/layout.ts","../../../projects/components/layout/src/layout/layout.html","../../../projects/components/layout/src/layout-header/layout-header.ts","../../../projects/components/layout/src/layout-header/layout-header.html","../../../projects/components/layout/src/layout-content/layout-content.ts","../../../projects/components/layout/src/layout-content/layout-content.html","../../../projects/components/layout/src/layout-footer/layout-footer.ts","../../../projects/components/layout/src/layout-footer/layout-footer.html","../../../projects/components/layout/src/layout-topbar/layout-topbar.ts","../../../projects/components/layout/src/layout-topbar/layout-topbar.html","../../../projects/components/layout/src/layout.store.ts","../../../projects/components/layout/src/layout-sidebar/layout-sidebar.ts","../../../projects/components/layout/src/layout-sidebar/layout-sidebar.html","../../../projects/components/layout/src/layout-aside/layout-aside.ts","../../../projects/components/layout/src/layout-aside/layout-aside.html","../../../projects/components/layout/src/layout-api.service.ts","../../../projects/components/layout/ngstarter-ui-components-layout.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { CdkScrollable } from '@angular/cdk/scrolling';\n\nexport const LAYOUT = new InjectionToken('LAYOUT');\n\nexport interface LayoutSidebarVisibilityChange {\n  layoutId: string;\n  shown: boolean;\n}\n\nexport interface LayoutContentInterface {\n  scrollContainer(): HTMLElement;\n  scrollable?: CdkScrollable;\n}\n\nexport const LAYOUT_CONTENT = new InjectionToken<LayoutContentInterface>('LAYOUT_CONTENT');\n\n","import { booleanAttribute, Component, input } from '@angular/core';\nimport { LAYOUT } from '../types';\n\nlet nextId = 0;\n\n@Component({\n  selector: 'ngs-layout',\n  exportAs: 'ngsLayout',\n  standalone: true,\n  templateUrl: './layout.html',\n  styleUrl: './layout.scss',\n  providers: [\n    {\n      provide: LAYOUT,\n      useExisting: Layout\n    }\n  ],\n  host: {\n    'class': 'ngs-layout',\n    '[class.is-root]': 'root()'\n  }\n})\nexport class Layout {\n  layoutId = input<string>(`layout-${nextId++}`);\n  root = input(false, {\n    transform: booleanAttribute\n  });\n}\n","<ng-content select=\"ngs-layout-topbar\"/>\n<ng-content select=\"ngs-layout-header\"/>\n<div class=\"body\">\n  <ng-content select=\"ngs-layout-sidebar\"/>\n  <div class=\"content\">\n    <ng-content/>\n  </div>\n  <ng-content select=\"ngs-layout-aside\"/>\n</div>\n<ng-content select=\"ngs-layout-footer\"/>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-layout-header',\n  exportAs: 'ngsLayoutHeader',\n  templateUrl: './layout-header.html',\n  styleUrl: './layout-header.scss',\n  host: {\n    'class': 'ngs-layout-header',\n  }\n})\nexport class LayoutHeader {\n\n}\n","<ng-content />\n","import { booleanAttribute, Component, ElementRef, forwardRef, inject, input, OnInit, PLATFORM_ID } from '@angular/core';\nimport { NavigationStart, Router } from '@angular/router';\nimport { filter } from 'rxjs';\nimport { isPlatformServer } from '@angular/common';\nimport { CdkScrollable } from '@angular/cdk/scrolling';\nimport { LAYOUT_CONTENT, LayoutContentInterface } from '../types';\n\n@Component({\n  selector: 'ngs-layout-content',\n  exportAs: 'ngsLayoutContent',\n  templateUrl: './layout-content.html',\n  styleUrl: './layout-content.scss',\n  hostDirectives: [\n    CdkScrollable\n  ],\n  providers: [\n    {\n      provide: LAYOUT_CONTENT,\n      useExisting: forwardRef(() => LayoutContent)\n    }\n  ],\n  host: {\n    'class': 'ngs-layout-content ngs-scroll-lg'\n  }\n})\nexport class LayoutContent implements OnInit, LayoutContentInterface {\n  private _router = inject(Router);\n  private _elementRef = inject(ElementRef);\n  private _platformId = inject(PLATFORM_ID);\n  readonly scrollable = inject(CdkScrollable);\n\n  autoscrollToTop = input(true, {\n    transform: booleanAttribute\n  });\n\n  scrollContainer(): HTMLElement {\n    return this._elementRef.nativeElement;\n  }\n\n  ngOnInit() {\n    // Scroll a page to top if url changed\n    this._router.events\n      .pipe(\n        filter(event=> event instanceof NavigationStart)\n      )\n      .subscribe(() => {\n        if (!this.autoscrollToTop()) {\n          return;\n        }\n\n        if (isPlatformServer(this._platformId)) {\n          return;\n        }\n\n        this._elementRef.nativeElement.scrollTo({\n          top: 0,\n          left: 0\n        });\n      })\n    ;\n  }\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-layout-footer',\n  exportAs: 'ngsLayoutFooter',\n  templateUrl: './layout-footer.html',\n  styleUrl: './layout-footer.scss',\n  host: {\n    'class': 'ngs-layout-footer',\n  }\n})\nexport class LayoutFooter {\n\n}\n","<ng-content />\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-layout-topbar',\n  exportAs: 'ngsLayoutTopbar',\n  templateUrl: './layout-topbar.html',\n  styleUrl: './layout-topbar.scss',\n  host: {\n    'class': 'ngs-layout-topbar'\n  }\n})\nexport class LayoutTopbar {\n\n}\n","<ng-content />\n","import { patchState, signalStore, withMethods, withState } from '@ngrx/signals';\n\ntype VisibilityState = {\n  [propName: string]: boolean;\n};\n\nconst initialState: VisibilityState = {\n  root: true\n};\n\nexport const LayoutSidebarStore = signalStore(\n  { providedIn: 'root' },\n  withState(initialState),\n  withMethods((store) => ({\n    showSidebarVisibility(layoutId: string, isShown: boolean): void {\n      patchState(store, {\n        [layoutId]: isShown\n      });\n    }\n  }))\n);\n","import { Component, computed, inject } from '@angular/core';\nimport { LAYOUT } from '../types';\nimport { Layout } from '../layout/layout';\nimport { LayoutSidebarStore } from '../layout.store';\n\n@Component({\n  selector: 'ngs-layout-sidebar',\n  exportAs: 'ngsLayoutSidebar',\n  templateUrl: './layout-sidebar.html',\n  styleUrl: './layout-sidebar.scss',\n  host: {\n    'class': 'ngs-layout-sidebar',\n    '[class.is-hidden]': '!_isShown()'\n  }\n})\nexport class LayoutSidebar {\n  private _parent = inject<Layout>(LAYOUT);\n  private _layoutSidebarStore = inject<any>(LayoutSidebarStore);\n\n  protected _isShown = computed<boolean>(() => {\n    if (this._parent.layoutId() in this._layoutSidebarStore) {\n      return this._layoutSidebarStore[this._parent.layoutId()]();\n    }\n\n    return true;\n  });\n}\n","<ng-content/>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-layout-aside',\n  exportAs: 'ngsLayoutAside',\n  templateUrl: './layout-aside.html',\n  styleUrl: './layout-aside.scss',\n  host: {\n    'class': 'ngs-layout-aside',\n  }\n})\nexport class LayoutAside {\n\n}\n","<ng-content/>\n","import { EventEmitter, inject, Injectable } from '@angular/core';\nimport { LayoutSidebarVisibilityChange } from './types';\nimport { LayoutSidebarStore } from './layout.store';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class LayoutApiService {\n  private _layoutSidebarStore = inject<any>(LayoutSidebarStore);\n  readonly sidebarVisibility = new EventEmitter<LayoutSidebarVisibilityChange>();\n\n  hideSidebar(layoutId: string): void {\n    this._layoutSidebarStore.showSidebarVisibility(layoutId, false);\n    this.sidebarVisibility.emit({\n      layoutId,\n      shown: false\n    });\n  }\n\n  showSidebar(layoutId: string): void {\n    this._layoutSidebarStore.showSidebarVisibility(layoutId, true);\n    this.sidebarVisibility.emit({\n      layoutId,\n      shown: true\n    });\n  }\n\n  toggleSidebar(layoutId: string): void {\n    this.isSidebarShown(layoutId) ? this.hideSidebar(layoutId) : this.showSidebar(layoutId);\n  }\n\n  isSidebarShown(layoutId: string): boolean {\n    return this._layoutSidebarStore[layoutId]();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngstarter-ui-components-list.mjs

@@ -0,0 +1,279 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, ChangeDetectionStrategy, Component, inject, ElementRef, Directive, numberAttribute, contentChildren, output, forwardRef, ChangeDetectorRef, model } from '@angular/core';
+import * as i1 from '@ngstarter-ui/components/core';
+import { Ripple } from '@ngstarter-ui/components/core';
+import { SelectionModel } from '@angular/cdk/collections';
+import { Checkbox } from '@ngstarter-ui/components/checkbox';
+import { RadioButton } from '@ngstarter-ui/components/radio';
+
+class List {
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    disableRipple = input(false, { ...(ngDevMode ? { debugName: "disableRipple" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: List, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: List, isStandalone: true, selector: "ngs-list", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, disableRipple: { classPropertyName: "disableRipple", publicName: "disableRipple", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-disabled": "disabled()", "class.ngs-list-disabled": "disabled()" }, classAttribute: "ngs-list" }, exportAs: ["ngsList"], ngImport: i0, template: "<ng-content />\n", styles: [":host{--ngs-list-padding: calc(var(--spacing, .25rem) * 3) 0;--ngs-list-item-padding: calc(var(--spacing, .25rem) * 1) calc(var(--spacing, .25rem) * 3);--ngs-list-item-min-height: calc(var(--spacing, .25rem) * 12);--ngs-list-item-hover-bg: var(--nav-item-hover-bg);--ngs-list-item-active-bg: var(--nav-item-active-bg);--ngs-list-item-disabled-opacity: .38;--ngs-list-item-title-font-size: 1rem;--ngs-list-item-font-size: var(--nav-item-font-size);--ngs-list-item-gap: calc(var(--spacing, .25rem) * 2);--ngs-list-item-radius: var(--nav-item-radius);display:block;padding:var(--ngs-list-padding)}:host.ngs-list-disabled{pointer-events:none;opacity:var(--ngs-list-item-disabled-opacity)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: List, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-list', exportAs: 'ngsList', host: {
+                        'class': 'ngs-list',
+                        '[attr.aria-disabled]': 'disabled()',
+                        '[class.ngs-list-disabled]': 'disabled()',
+                    }, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content />\n", styles: [":host{--ngs-list-padding: calc(var(--spacing, .25rem) * 3) 0;--ngs-list-item-padding: calc(var(--spacing, .25rem) * 1) calc(var(--spacing, .25rem) * 3);--ngs-list-item-min-height: calc(var(--spacing, .25rem) * 12);--ngs-list-item-hover-bg: var(--nav-item-hover-bg);--ngs-list-item-active-bg: var(--nav-item-active-bg);--ngs-list-item-disabled-opacity: .38;--ngs-list-item-title-font-size: 1rem;--ngs-list-item-font-size: var(--nav-item-font-size);--ngs-list-item-gap: calc(var(--spacing, .25rem) * 2);--ngs-list-item-radius: var(--nav-item-radius);display:block;padding:var(--ngs-list-padding)}:host.ngs-list-disabled{pointer-events:none;opacity:var(--ngs-list-item-disabled-opacity)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], disableRipple: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableRipple", required: false }] }] } });
+
+class ActionList extends List {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ActionList, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: ActionList, isStandalone: true, selector: "ngs-action-list", host: { properties: { "attr.aria-disabled": "disabled" }, classAttribute: "ngs-action-list ngs-list" }, providers: [
+            { provide: List, useExisting: ActionList }
+        ], exportAs: ["ngsActionList"], usesInheritance: true, ngImport: i0, template: "<ng-content />\n", styles: ["/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ActionList, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-action-list', exportAs: 'ngsActionList', host: {
+                        'class': 'ngs-action-list ngs-list',
+                        '[attr.aria-disabled]': 'disabled',
+                    }, providers: [
+                        { provide: List, useExisting: ActionList }
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content />\n", styles: ["/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class NavList extends List {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NavList, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: NavList, isStandalone: true, selector: "ngs-nav-list", host: { attributes: { "role": "navigation" }, properties: { "attr.aria-disabled": "disabled()" }, classAttribute: "ngs-nav-list" }, providers: [
+            { provide: List, useExisting: NavList }
+        ], exportAs: ["ngsNavList"], usesInheritance: true, ngImport: i0, template: "<ng-content />\n", styles: [":host{--ngs-list-padding: calc(var(--spacing, .25rem) * 3) 0;--ngs-list-item-padding: calc(var(--spacing, .25rem) * 1) calc(var(--spacing, .25rem) * 3);--ngs-list-item-min-height: calc(var(--spacing, .25rem) * 12);--ngs-list-item-hover-bg: var(--nav-item-hover-bg);--ngs-list-item-active-bg: var(--nav-item-active-bg);--ngs-list-item-disabled-opacity: .38;--ngs-list-item-title-font-size: 1rem;--ngs-list-item-font-size: var(--nav-item-font-size);--ngs-list-item-gap: calc(var(--spacing, .25rem) * 2);--ngs-list-item-radius: var(--nav-item-radius);display:block;padding:var(--ngs-list-padding)}:host.ngs-list-disabled{pointer-events:none;opacity:var(--ngs-list-item-disabled-opacity)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: NavList, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-nav-list', exportAs: 'ngsNavList', host: {
+                        'class': 'ngs-nav-list',
+                        'role': 'navigation',
+                        '[attr.aria-disabled]': 'disabled()',
+                    }, providers: [
+                        { provide: List, useExisting: NavList }
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content />\n", styles: [":host{--ngs-list-padding: calc(var(--spacing, .25rem) * 3) 0;--ngs-list-item-padding: calc(var(--spacing, .25rem) * 1) calc(var(--spacing, .25rem) * 3);--ngs-list-item-min-height: calc(var(--spacing, .25rem) * 12);--ngs-list-item-hover-bg: var(--nav-item-hover-bg);--ngs-list-item-active-bg: var(--nav-item-active-bg);--ngs-list-item-disabled-opacity: .38;--ngs-list-item-title-font-size: 1rem;--ngs-list-item-font-size: var(--nav-item-font-size);--ngs-list-item-gap: calc(var(--spacing, .25rem) * 2);--ngs-list-item-radius: var(--nav-item-radius);display:block;padding:var(--ngs-list-padding)}:host.ngs-list-disabled{pointer-events:none;opacity:var(--ngs-list-item-disabled-opacity)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class ListItemAvatar {
+    _elementRef = inject(ElementRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ListItemAvatar, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: ListItemAvatar, isStandalone: true, selector: "[ngsListItemAvatar]", host: { classAttribute: "ngs-list-item-avatar" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ListItemAvatar, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsListItemAvatar]',
+                    standalone: true,
+                    host: {
+                        'class': 'ngs-list-item-avatar',
+                    },
+                }]
+        }] });
+
+class ListItemIcon {
+    _elementRef = inject(ElementRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ListItemIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: ListItemIcon, isStandalone: true, selector: "[ngsListItemIcon]", host: { classAttribute: "ngs-list-item-icon" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ListItemIcon, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsListItemIcon]',
+                    standalone: true,
+                    host: {
+                        'class': 'ngs-list-item-icon',
+                    },
+                }]
+        }] });
+
+class ListItemTitle {
+    _elementRef = inject(ElementRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ListItemTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: ListItemTitle, isStandalone: true, selector: "[ngsListItemTitle]", host: { classAttribute: "ngs-list-item-title" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ListItemTitle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsListItemTitle]',
+                    standalone: true,
+                    host: {
+                        'class': 'ngs-list-item-title',
+                    },
+                }]
+        }] });
+
+class ListItemLine {
+    _elementRef = inject(ElementRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ListItemLine, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: ListItemLine, isStandalone: true, selector: "[ngsListItemLine], [ngsLine]", host: { classAttribute: "ngs-list-item-line" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ListItemLine, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsListItemLine], [ngsLine]',
+                    standalone: true,
+                    host: {
+                        'class': 'ngs-list-item-line',
+                    },
+                }]
+        }] });
+
+class ListItemMeta {
+    _elementRef = inject(ElementRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ListItemMeta, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: ListItemMeta, isStandalone: true, selector: "[ngsListItemMeta]", host: { classAttribute: "ngs-list-item-meta" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ListItemMeta, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsListItemMeta]',
+                    standalone: true,
+                    host: {
+                        'class': 'ngs-list-item-meta',
+                    },
+                }]
+        }] });
+
+class ListItem {
+    _list = inject(List, { optional: true });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    lines = input(null, { ...(ngDevMode ? { debugName: "lines" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    _avatars = contentChildren(ListItemAvatar, { ...(ngDevMode ? { debugName: "_avatars" } : /* istanbul ignore next */ {}), descendants: true });
+    _icons = contentChildren(ListItemIcon, { ...(ngDevMode ? { debugName: "_icons" } : /* istanbul ignore next */ {}), descendants: true });
+    _titles = contentChildren(ListItemTitle, { ...(ngDevMode ? { debugName: "_titles" } : /* istanbul ignore next */ {}), descendants: true });
+    _lines = contentChildren(ListItemLine, { ...(ngDevMode ? { debugName: "_lines" } : /* istanbul ignore next */ {}), descendants: true });
+    _meta = contentChildren(ListItemMeta, { ...(ngDevMode ? { debugName: "_meta" } : /* istanbul ignore next */ {}), descendants: true });
+    get disableRipple() {
+        return this.disabled() || this._list?.disableRipple();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ListItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.4", type: ListItem, isStandalone: true, selector: "ngs-list-item, a[ngs-list-item], button[ngs-list-item]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, lines: { classPropertyName: "lines", publicName: "lines", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ngs-list-item-disabled": "disabled()", "attr.aria-disabled": "disabled()", "class.ngs-list-item-with-avatar": "_avatars().length > 0", "class.ngs-list-item-with-icon": "_icons().length > 0", "class.ngs-list-item-with-meta": "_meta().length > 0", "attr.data-lines": "lines()" }, classAttribute: "ngs-list-item" }, queries: [{ propertyName: "_avatars", predicate: ListItemAvatar, descendants: true, isSignal: true }, { propertyName: "_icons", predicate: ListItemIcon, descendants: true, isSignal: true }, { propertyName: "_titles", predicate: ListItemTitle, descendants: true, isSignal: true }, { propertyName: "_lines", predicate: ListItemLine, descendants: true, isSignal: true }, { propertyName: "_meta", predicate: ListItemMeta, descendants: true, isSignal: true }], exportAs: ["ngsListItem"], hostDirectives: [{ directive: i1.Ripple, inputs: ["ngsRippleDisabled", "disableRipple"] }], ngImport: i0, template: "<ng-content select=\"[ngsListItemAvatar],[ngsListItemIcon]\" />\n\n<span class=\"ngs-list-item-content\">\n  <div class=\"ngs-list-item-title\">\n    <ng-content select=\"[ngsListItemTitle]\" />\n  </div>\n  <div class=\"ngs-list-item-line\">\n    <ng-content select=\"[ngsListItemLine],[ngsLine]\" />\n  </div>\n  <span class=\"ngs-list-item-unscoped-content\">\n    <ng-content />\n  </span>\n</span>\n\n<ng-content select=\"[ngsListItemMeta]\" />\n", styles: [":host{display:flex;align-items:center;padding:var(--ngs-list-item-padding);min-height:var(--ngs-list-item-min-height);cursor:pointer;position:relative;overflow:hidden;box-sizing:border-box;text-decoration:none;gap:var(--ngs-list-item-gap);border-radius:var(--ngs-list-item-radius);color:var(--nav-item-color);font-size:var(--ngs-list-item-font-size)}:host:not(.is-active):hover{color:var(--nav-item-hover-color);background:var(--ngs-list-item-hover-bg)}:host.is-active{background:var(--ngs-list-item-active-bg);color:var(--ngs-list-item-active-color)}:host.ngs-list-item-disabled{pointer-events:none;opacity:var(--ngs-list-item-disabled-opacity)}:host .ngs-list-item-content{display:flex;flex-direction:column;flex:1;overflow:hidden}:host .ngs-list-item-title{font-size:var(--ngs-list-item-title-font-size);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .ngs-list-item-title:empty{display:none}:host .ngs-list-item-line{font-size:var(--ngs-list-item-line-font-size);color:var(--ngs-list-item-line-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .ngs-list-item-line:empty{display:none}:host .ngs-list-item-avatar{flex-shrink:0}:host .ngs-list-item-meta{flex-shrink:0;margin-left:auto}:host .ngs-subheader{display:block;padding:16px;font-size:14px;font-weight:500;color:var(--ngs-list-item-line-color)}:host[data-lines=\"2\"]{--ngs-list-item-min-height: 72px}:host[data-lines=\"3\"]{--ngs-list-item-min-height: 88px}:host.ngs-list-item-with-avatar{--ngs-list-item-min-height: 56px}:host.ngs-list-item-with-icon{--ngs-list-item-min-height: 48px}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ListItem, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-list-item, a[ngs-list-item], button[ngs-list-item]', exportAs: 'ngsListItem', hostDirectives: [
+                        {
+                            directive: Ripple,
+                            inputs: ['ngsRippleDisabled: disableRipple']
+                        }
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'ngs-list-item',
+                        '[class.ngs-list-item-disabled]': 'disabled()',
+                        '[attr.aria-disabled]': 'disabled()',
+                        '[class.ngs-list-item-with-avatar]': '_avatars().length > 0',
+                        '[class.ngs-list-item-with-icon]': '_icons().length > 0',
+                        '[class.ngs-list-item-with-meta]': '_meta().length > 0',
+                        '[attr.data-lines]': 'lines()',
+                    }, template: "<ng-content select=\"[ngsListItemAvatar],[ngsListItemIcon]\" />\n\n<span class=\"ngs-list-item-content\">\n  <div class=\"ngs-list-item-title\">\n    <ng-content select=\"[ngsListItemTitle]\" />\n  </div>\n  <div class=\"ngs-list-item-line\">\n    <ng-content select=\"[ngsListItemLine],[ngsLine]\" />\n  </div>\n  <span class=\"ngs-list-item-unscoped-content\">\n    <ng-content />\n  </span>\n</span>\n\n<ng-content select=\"[ngsListItemMeta]\" />\n", styles: [":host{display:flex;align-items:center;padding:var(--ngs-list-item-padding);min-height:var(--ngs-list-item-min-height);cursor:pointer;position:relative;overflow:hidden;box-sizing:border-box;text-decoration:none;gap:var(--ngs-list-item-gap);border-radius:var(--ngs-list-item-radius);color:var(--nav-item-color);font-size:var(--ngs-list-item-font-size)}:host:not(.is-active):hover{color:var(--nav-item-hover-color);background:var(--ngs-list-item-hover-bg)}:host.is-active{background:var(--ngs-list-item-active-bg);color:var(--ngs-list-item-active-color)}:host.ngs-list-item-disabled{pointer-events:none;opacity:var(--ngs-list-item-disabled-opacity)}:host .ngs-list-item-content{display:flex;flex-direction:column;flex:1;overflow:hidden}:host .ngs-list-item-title{font-size:var(--ngs-list-item-title-font-size);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .ngs-list-item-title:empty{display:none}:host .ngs-list-item-line{font-size:var(--ngs-list-item-line-font-size);color:var(--ngs-list-item-line-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .ngs-list-item-line:empty{display:none}:host .ngs-list-item-avatar{flex-shrink:0}:host .ngs-list-item-meta{flex-shrink:0;margin-left:auto}:host .ngs-subheader{display:block;padding:16px;font-size:14px;font-weight:500;color:var(--ngs-list-item-line-color)}:host[data-lines=\"2\"]{--ngs-list-item-min-height: 72px}:host[data-lines=\"3\"]{--ngs-list-item-min-height: 88px}:host.ngs-list-item-with-avatar{--ngs-list-item-min-height: 56px}:host.ngs-list-item-with-icon{--ngs-list-item-min-height: 48px}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], lines: [{ type: i0.Input, args: [{ isSignal: true, alias: "lines", required: false }] }], _avatars: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => ListItemAvatar), { ...{ descendants: true }, isSignal: true }] }], _icons: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => ListItemIcon), { ...{ descendants: true }, isSignal: true }] }], _titles: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => ListItemTitle), { ...{ descendants: true }, isSignal: true }] }], _lines: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => ListItemLine), { ...{ descendants: true }, isSignal: true }] }], _meta: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => ListItemMeta), { ...{ descendants: true }, isSignal: true }] }] } });
+
+class SelectionList extends List {
+    multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    selectionChange = output();
+    options = contentChildren(forwardRef(() => ListOption), { ...(ngDevMode ? { debugName: "options" } : /* istanbul ignore next */ {}), descendants: true });
+    selectedOptions;
+    constructor() {
+        super();
+    }
+    ngOnInit() {
+        this.selectedOptions = new SelectionModel(this.multiple());
+        this.selectedOptions.changed.subscribe(event => {
+            if (this.multiple()) {
+                event.added.forEach(option => option.selected.set(true));
+                event.removed.forEach(option => option.selected.set(false));
+            }
+            else {
+                this.options().forEach(option => {
+                    option.selected.set(this.selectedOptions.isSelected(option));
+                });
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SelectionList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.4", type: SelectionList, isStandalone: true, selector: "ngs-selection-list", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectionChange: "selectionChange" }, host: { attributes: { "role": "listbox" }, properties: { "attr.aria-disabled": "disabled()", "attr.aria-multiselectable": "multiple()" }, classAttribute: "ngs-selection-list ngs-list" }, providers: [
+            { provide: List, useExisting: SelectionList }
+        ], queries: [{ propertyName: "options", predicate: i0.forwardRef(() => ListOption), descendants: true, isSignal: true }], exportAs: ["ngsSelectionList"], usesInheritance: true, ngImport: i0, template: "<ng-content />\n", styles: [":host{--ngs-list-padding: calc(var(--spacing, .25rem) * 3) 0;--ngs-list-item-padding: calc(var(--spacing, .25rem) * 1) calc(var(--spacing, .25rem) * 3);--ngs-list-item-min-height: calc(var(--spacing, .25rem) * 12);--ngs-list-item-hover-bg: var(--nav-item-hover-bg);--ngs-list-item-active-bg: var(--nav-item-active-bg);--ngs-list-item-disabled-opacity: .38;--ngs-list-item-title-font-size: 1rem;--ngs-list-item-font-size: var(--nav-item-font-size);--ngs-list-item-gap: calc(var(--spacing, .25rem) * 2);--ngs-list-item-radius: var(--nav-item-radius);display:block;padding:var(--ngs-list-padding)}:host.ngs-list-disabled{pointer-events:none;opacity:var(--ngs-list-item-disabled-opacity)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n", "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SelectionList, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-selection-list', exportAs: 'ngsSelectionList', host: {
+                        'class': 'ngs-selection-list ngs-list',
+                        '[attr.aria-disabled]': 'disabled()',
+                        'role': 'listbox',
+                        '[attr.aria-multiselectable]': 'multiple()',
+                    }, providers: [
+                        { provide: List, useExisting: SelectionList }
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content />\n", styles: [":host{--ngs-list-padding: calc(var(--spacing, .25rem) * 3) 0;--ngs-list-item-padding: calc(var(--spacing, .25rem) * 1) calc(var(--spacing, .25rem) * 3);--ngs-list-item-min-height: calc(var(--spacing, .25rem) * 12);--ngs-list-item-hover-bg: var(--nav-item-hover-bg);--ngs-list-item-active-bg: var(--nav-item-active-bg);--ngs-list-item-disabled-opacity: .38;--ngs-list-item-title-font-size: 1rem;--ngs-list-item-font-size: var(--nav-item-font-size);--ngs-list-item-gap: calc(var(--spacing, .25rem) * 2);--ngs-list-item-radius: var(--nav-item-radius);display:block;padding:var(--ngs-list-padding)}:host.ngs-list-disabled{pointer-events:none;opacity:var(--ngs-list-item-disabled-opacity)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n", "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], options: [{ type: i0.ContentChildren, args: [forwardRef(() => ListOption), { ...{ descendants: true }, isSignal: true }] }] } });
+
+class ListOption extends ListItem {
+    _selectionList = inject(SelectionList);
+    _changeDetectorRef = inject(ChangeDetectorRef);
+    _avatars = contentChildren(ListItemAvatar, { ...(ngDevMode ? { debugName: "_avatars" } : /* istanbul ignore next */ {}), descendants: true });
+    _icons = contentChildren(ListItemIcon, { ...(ngDevMode ? { debugName: "_icons" } : /* istanbul ignore next */ {}), descendants: true });
+    _meta = contentChildren(ListItemMeta, { ...(ngDevMode ? { debugName: "_meta" } : /* istanbul ignore next */ {}), descendants: true });
+    selected = model(false, ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
+    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
+    selectedChange = output();
+    _toggle() {
+        if (this.disabled()) {
+            return;
+        }
+        if (this._selectionList.multiple()) {
+            this.selected.set(!this.selected());
+            this._selectionList.selectedOptions.toggle(this);
+        }
+        else {
+            this.selected.set(true);
+            this._selectionList.selectedOptions.select(this);
+        }
+        this.selectedChange.emit(this.selected());
+        this._selectionList.selectionChange.emit({
+            option: this,
+            selected: this.selected()
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ListOption, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: ListOption, isStandalone: true, selector: "ngs-list-option", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange", selectedChange: "selectedChange" }, host: { attributes: { "role": "option" }, listeners: { "click": "_toggle()" }, properties: { "class.ngs-list-item-disabled": "disabled()", "class.ngs-list-option-selected": "selected()", "attr.aria-selected": "selected()", "attr.aria-disabled": "disabled()", "class.ngs-list-item-with-avatar": "_avatars().length > 0", "class.ngs-list-item-with-icon": "_icons().length > 0", "class.ngs-list-item-with-meta": "_meta().length > 0" }, classAttribute: "ngs-list-option ngs-list-item" }, queries: [{ propertyName: "_avatars", predicate: ListItemAvatar, descendants: true, isSignal: true }, { propertyName: "_icons", predicate: ListItemIcon, descendants: true, isSignal: true }, { propertyName: "_meta", predicate: ListItemMeta, descendants: true, isSignal: true }], exportAs: ["ngsListOption"], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[ngsListItemAvatar],[ngsListItemIcon]\" />\n\n<span class=\"ngs-list-item-content\">\n  <div class=\"ngs-list-item-title\">\n    <ng-content select=\"[ngsListItemTitle]\" />\n  </div>\n  <div class=\"ngs-list-item-line\">\n    <ng-content select=\"[ngsListItemLine],[ngsLine]\" />\n  </div>\n  <span class=\"ngs-list-item-unscoped-content\">\n    <ng-content />\n  </span>\n</span>\n\n<ng-content select=\"[ngsListItemMeta]\" />\n\n@if (_selectionList.multiple()) {\n  <ngs-checkbox [checked]=\"selected()\" [disabled]=\"disabled()\" />\n} @else {\n  <ngs-radio-button [checked]=\"selected()\" [disabled]=\"disabled()\" />\n}\n", styles: [":host{display:flex;align-items:center;padding:var(--ngs-list-item-padding);min-height:var(--ngs-list-item-min-height);cursor:pointer;position:relative;overflow:hidden;box-sizing:border-box;text-decoration:none;gap:var(--ngs-list-item-gap);border-radius:var(--ngs-list-item-radius);color:var(--nav-item-color);font-size:var(--ngs-list-item-font-size)}:host:not(.is-active):hover{color:var(--nav-item-hover-color);background:var(--ngs-list-item-hover-bg)}:host.is-active{background:var(--ngs-list-item-active-bg);color:var(--ngs-list-item-active-color)}:host.ngs-list-item-disabled{pointer-events:none;opacity:var(--ngs-list-item-disabled-opacity)}:host .ngs-list-item-content{display:flex;flex-direction:column;flex:1;overflow:hidden}:host .ngs-list-item-title{font-size:var(--ngs-list-item-title-font-size);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .ngs-list-item-title:empty{display:none}:host .ngs-list-item-line{font-size:var(--ngs-list-item-line-font-size);color:var(--ngs-list-item-line-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .ngs-list-item-line:empty{display:none}:host .ngs-list-item-avatar{flex-shrink:0}:host .ngs-list-item-meta{flex-shrink:0;margin-left:auto}:host .ngs-subheader{display:block;padding:16px;font-size:14px;font-weight:500;color:var(--ngs-list-item-line-color)}:host[data-lines=\"2\"]{--ngs-list-item-min-height: 72px}:host[data-lines=\"3\"]{--ngs-list-item-min-height: 88px}:host.ngs-list-item-with-avatar{--ngs-list-item-min-height: 56px}:host.ngs-list-item-with-icon{--ngs-list-item-min-height: 48px}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n", ":host.ngs-list-option-selected{background:var(--ngs-list-item-active-bg)}:host ngs-checkbox,:host ngs-radio-button{pointer-events:none;flex-shrink:0;margin-left:auto}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: Checkbox, selector: "ngs-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["checkedChange", "disabledChange", "indeterminateChange", "change"], exportAs: ["ngsCheckbox"] }, { kind: "component", type: RadioButton, selector: "ngs-radio-button", inputs: ["id", "value", "name", "checked", "disabled"], outputs: ["checkedChange", "change"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ListOption, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-list-option', exportAs: 'ngsListOption', imports: [
+                        Checkbox,
+                        RadioButton
+                    ], host: {
+                        'class': 'ngs-list-option ngs-list-item',
+                        '[class.ngs-list-item-disabled]': 'disabled()',
+                        '[class.ngs-list-option-selected]': 'selected()',
+                        '[attr.aria-selected]': 'selected()',
+                        '[attr.aria-disabled]': 'disabled()',
+                        'role': 'option',
+                        '[class.ngs-list-item-with-avatar]': '_avatars().length > 0',
+                        '[class.ngs-list-item-with-icon]': '_icons().length > 0',
+                        '[class.ngs-list-item-with-meta]': '_meta().length > 0',
+                        '(click)': '_toggle()',
+                    }, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[ngsListItemAvatar],[ngsListItemIcon]\" />\n\n<span class=\"ngs-list-item-content\">\n  <div class=\"ngs-list-item-title\">\n    <ng-content select=\"[ngsListItemTitle]\" />\n  </div>\n  <div class=\"ngs-list-item-line\">\n    <ng-content select=\"[ngsListItemLine],[ngsLine]\" />\n  </div>\n  <span class=\"ngs-list-item-unscoped-content\">\n    <ng-content />\n  </span>\n</span>\n\n<ng-content select=\"[ngsListItemMeta]\" />\n\n@if (_selectionList.multiple()) {\n  <ngs-checkbox [checked]=\"selected()\" [disabled]=\"disabled()\" />\n} @else {\n  <ngs-radio-button [checked]=\"selected()\" [disabled]=\"disabled()\" />\n}\n", styles: [":host{display:flex;align-items:center;padding:var(--ngs-list-item-padding);min-height:var(--ngs-list-item-min-height);cursor:pointer;position:relative;overflow:hidden;box-sizing:border-box;text-decoration:none;gap:var(--ngs-list-item-gap);border-radius:var(--ngs-list-item-radius);color:var(--nav-item-color);font-size:var(--ngs-list-item-font-size)}:host:not(.is-active):hover{color:var(--nav-item-hover-color);background:var(--ngs-list-item-hover-bg)}:host.is-active{background:var(--ngs-list-item-active-bg);color:var(--ngs-list-item-active-color)}:host.ngs-list-item-disabled{pointer-events:none;opacity:var(--ngs-list-item-disabled-opacity)}:host .ngs-list-item-content{display:flex;flex-direction:column;flex:1;overflow:hidden}:host .ngs-list-item-title{font-size:var(--ngs-list-item-title-font-size);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .ngs-list-item-title:empty{display:none}:host .ngs-list-item-line{font-size:var(--ngs-list-item-line-font-size);color:var(--ngs-list-item-line-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .ngs-list-item-line:empty{display:none}:host .ngs-list-item-avatar{flex-shrink:0}:host .ngs-list-item-meta{flex-shrink:0;margin-left:auto}:host .ngs-subheader{display:block;padding:16px;font-size:14px;font-weight:500;color:var(--ngs-list-item-line-color)}:host[data-lines=\"2\"]{--ngs-list-item-min-height: 72px}:host[data-lines=\"3\"]{--ngs-list-item-min-height: 88px}:host.ngs-list-item-with-avatar{--ngs-list-item-min-height: 56px}:host.ngs-list-item-with-icon{--ngs-list-item-min-height: 48px}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n", ":host.ngs-list-option-selected{background:var(--ngs-list-item-active-bg)}:host ngs-checkbox,:host ngs-radio-button{pointer-events:none;flex-shrink:0;margin-left:auto}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { _avatars: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => ListItemAvatar), { ...{ descendants: true }, isSignal: true }] }], _icons: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => ListItemIcon), { ...{ descendants: true }, isSignal: true }] }], _meta: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => ListItemMeta), { ...{ descendants: true }, isSignal: true }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }, { type: i0.Output, args: ["selectedChange"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], selectedChange: [{ type: i0.Output, args: ["selectedChange"] }] } });
+
+class Subheader {
+    _elementRef = inject(ElementRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Subheader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: Subheader, isStandalone: true, selector: "[ngsSubheader]", host: { classAttribute: "ngs-subheader" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Subheader, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsSubheader]',
+                    standalone: true,
+                    host: {
+                        'class': 'ngs-subheader',
+                    },
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ActionList, List, ListItem, ListItemAvatar, ListItemIcon, ListItemLine, ListItemMeta, ListItemTitle, ListOption, NavList, SelectionList, Subheader };
+//# sourceMappingURL=ngstarter-ui-components-list.mjs.map