@qualcomm-ui/angular 1.8.1 → 1.9.1

package/fesm2022/qualcomm-ui-angular-side-nav.mjs

@@ -0,0 +1,864 @@
+import * as i0 from '@angular/core';
+import { Injectable, input, computed, Directive, inject, TemplateRef, Component, Injector, booleanAttribute, contentChild, NgModule } from '@angular/core';
+import * as i2 from '@qualcomm-ui/angular-core/machine';
+import { BaseApiContextService, createApiContext, useTrackBindings, useMachine, normalizeProps, ApiContextDirective, QBindDirective } from '@qualcomm-ui/angular-core/machine';
+import { useCollapsibleContext, CollapsibleContextService, provideCollapsibleContext } from '@qualcomm-ui/angular-core/collapsible';
+import { useId } from '@qualcomm-ui/angular-core/common';
+import { CoreTreeBranchContentDirective, CoreTreeBranchIndentGuideDirective, CoreTreeBranchNodeDirective, CoreTreeBranchTriggerDirective, CoreTreeBranchDirective, useTreeNodeStateContext, CoreTreeLeafNodeDirective, CoreTreeNodeActionDirective, TreeNodeStateContextService, CoreTreeNodeIconDirective, CoreTreeNodeIndicatorDirective, CoreTreeNodeTextDirective, useTreeContext, TreeNodePropsContextService, provideTreeNodePropsContext, provideTreeNodeStateContext, provideTreeContext } from '@qualcomm-ui/angular-core/tree';
+import { collapsibleClasses } from '@qualcomm-ui/qds-core/collapsible';
+import { mergeProps } from '@qualcomm-ui/utils/merge-props';
+import { ChevronDown, PanelLeftOpen, PanelLeftClose } from 'lucide-angular';
+import * as i1 from '@qualcomm-ui/angular/icon';
+import { IconDirective } from '@qualcomm-ui/angular/icon';
+import * as i1$2 from '@angular/common';
+import { DOCUMENT, NgTemplateOutlet } from '@angular/common';
+import { useRenderStrategyContext, provideRenderStrategyContext } from '@qualcomm-ui/angular-core/presence';
+import { collapsibleMachine, createCollapsibleApi } from '@qualcomm-ui/core/collapsible';
+import { useIconButtonApi } from '@qualcomm-ui/angular/button';
+import * as i1$1 from '@qualcomm-ui/angular/transitions';
+import { QuiPreloadDirective } from '@qualcomm-ui/angular/transitions';
+import { provideIcons } from '@qualcomm-ui/angular-core/lucide';
+import { CoreSideNavTriggerDirective, CoreSideNavHeaderActionDirective, CoreSideNavHeaderLogoDirective, CoreSideNavHeaderTitleDirective, CoreSideNavHeaderDirective, CoreSideNavRootDirective, provideSideNavContext } from '@qualcomm-ui/angular-core/side-nav';
+import { createQdsDividerApi } from '@qualcomm-ui/qds-core/divider';
+import { createQdsSideNavApi } from '@qualcomm-ui/qds-core/side-nav';
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class QdsSideNavContextService extends BaseApiContextService {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: QdsSideNavContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: QdsSideNavContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: QdsSideNavContextService, decorators: [{
+            type: Injectable
+        }] });
+const [QDS_SIDE_NAV_CONTEXT, useQdsSideNavContext, provideQdsSideNavContext,] = createApiContext("QdsSideNavContext", QdsSideNavContextService);
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SideNavBranchContentDirective extends CoreTreeBranchContentDirective {
+    qdsContext = useQdsSideNavContext();
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : []));
+    collapsibleContext = useCollapsibleContext();
+    trackBindings = useTrackBindings(() => mergeProps(this.treeContext().getBranchContentBindings(this.treeNodePropsContext()), this.collapsibleContext().getRootBindings(), this.collapsibleContext().getContentBindings({ id: this.hostId() }), { class: collapsibleClasses.content }, this.qdsContext().getBranchContentBindings()));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavBranchContentDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: SideNavBranchContentDirective, isStandalone: false, selector: "[q-side-nav-branch-content]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavBranchContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-side-nav-branch-content]",
+                    standalone: false,
+                }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SideNavBranchIndentGuideDirective extends CoreTreeBranchIndentGuideDirective {
+    qdsContext = useQdsSideNavContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getBranchIndentGuideBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavBranchIndentGuideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: SideNavBranchIndentGuideDirective, isStandalone: false, selector: "[q-side-nav-branch-indent-guide]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavBranchIndentGuideDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-side-nav-branch-indent-guide]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SideNavBranchNodeDirective extends CoreTreeBranchNodeDirective {
+    qdsContext = useQdsSideNavContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getBranchNodeBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavBranchNodeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: SideNavBranchNodeDirective, isStandalone: false, selector: "[q-side-nav-branch-node]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavBranchNodeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-side-nav-branch-node]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+/**
+ * Structural directive that defines the template used to render branch nodes in a
+ * side nav. Apply this to an `ng-template` to customize how branch nodes (nodes with
+ * children) are displayed. Note that this template will only customize the content
+ * of the node. The parent `<q-side-nav-nodes>` component renders the branch children
+ * internally.
+ *
+ * @example
+ * ```html
+ * <ng-template q-side-nav-branch-template let-node>
+ *   <div q-side-nav-branch-node>
+ *     <span q-side-nav-node-text>{{ node.item.label }}</span>
+ *   </div>
+ * </ng-template>
+ * ```
+ */
+class SideNavBranchTemplateDirective {
+    /**
+     * The root node of the tree. Used for type narrowing of the template guard.
+     */
+    rootNode = input(...(ngDevMode ? [undefined, { debugName: "rootNode" }] : []));
+    template = inject(TemplateRef);
+    static ngTemplateContextGuard(dir, ctx) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavBranchTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: SideNavBranchTemplateDirective, isStandalone: false, selector: "ng-template[q-side-nav-branch-template]", inputs: { rootNode: { classPropertyName: "rootNode", publicName: "rootNode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavBranchTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "ng-template[q-side-nav-branch-template]",
+                    standalone: false,
+                }]
+        }], propDecorators: { rootNode: [{ type: i0.Input, args: [{ isSignal: true, alias: "rootNode", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SideNavBranchTriggerDirective extends CoreTreeBranchTriggerDirective {
+    /**
+     * The icon to display. This rotates by 180deg when the branch is expanded.
+     *
+     * @default ChevronDown
+     */
+    icon = input(ChevronDown, ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    qdsContext = useQdsSideNavContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getBranchTriggerBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavBranchTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: SideNavBranchTriggerDirective, isStandalone: false, selector: "[q-side-nav-branch-trigger]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
+    <ng-content>
+      @if (icon()) {
+        <svg [qIcon]="icon()!" />
+      }
+    </ng-content>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavBranchTriggerDirective, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "[q-side-nav-branch-trigger]",
+                    standalone: false,
+                    template: `
+    <ng-content>
+      @if (icon()) {
+        <svg [qIcon]="icon()!" />
+      }
+    </ng-content>
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SideNavBranchDirective extends CoreTreeBranchDirective {
+    qdsContext = useQdsSideNavContext();
+    collapsibleApi = inject(CollapsibleContextService);
+    document = inject(DOCUMENT);
+    injector = inject(Injector);
+    nodeState = useTreeNodeStateContext();
+    renderStrategyProps = useRenderStrategyContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getBranchBindings()));
+    }
+    ngOnInit() {
+        const machine = useMachine(collapsibleMachine, computed(() => ({
+            defaultOpen: false,
+            disabled: this.nodeState().disabled,
+            forceMeasureOnOpen: true,
+            getRootNode: () => this.document,
+            open: this.nodeState().expanded,
+        })), this.injector);
+        this.collapsibleApi.init(computed(() => createCollapsibleApi(machine, normalizeProps)));
+        super.ngOnInit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavBranchDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: SideNavBranchDirective, isStandalone: false, selector: "[q-side-nav-branch]", providers: [provideCollapsibleContext()], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavBranchDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    providers: [provideCollapsibleContext()],
+                    selector: "[q-side-nav-branch]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SideNavCollapseTriggerDirective extends CoreSideNavTriggerDirective {
+    qdsContext = useQdsSideNavContext();
+    open = computed(() => this.sideNavContext().open, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    iconButtonApi = useIconButtonApi({
+        density: "default",
+        size: "md",
+        variant: "ghost",
+    });
+    iconProps = computed(() => this.iconButtonApi().getIconBindings(), ...(ngDevMode ? [{ debugName: "iconProps" }] : []));
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => mergeProps(this.iconButtonApi().getRootBindings(), this.qdsContext().getCollapseTriggerBindings())));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavCollapseTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: SideNavCollapseTriggerDirective, isStandalone: false, selector: "[q-side-nav-collapse-trigger]", providers: [provideIcons({ PanelLeftClose, PanelLeftOpen })], usesInheritance: true, hostDirectives: [{ directive: i1$1.QuiPreloadDirective }], ngImport: i0, template: `
+    <svg
+      [q-bind]="iconProps()"
+      [qIcon]="open() ? 'PanelLeftClose' : 'PanelLeftOpen'"
+    ></svg>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i2.QBindDirective, selector: "[q-bind]", inputs: ["q-bind", "q-bind-options"] }, { kind: "directive", type: i1.IconDirective, selector: "svg[qIcon]", inputs: ["qIcon", "size", "viewBox", "xmlns", "height", "width"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavCollapseTriggerDirective, decorators: [{
+            type: Component,
+            args: [{
+                    hostDirectives: [QuiPreloadDirective],
+                    providers: [provideIcons({ PanelLeftClose, PanelLeftOpen })],
+                    selector: "[q-side-nav-collapse-trigger]",
+                    standalone: false,
+                    template: `
+    <svg
+      [q-bind]="iconProps()"
+      [qIcon]="open() ? 'PanelLeftClose' : 'PanelLeftOpen'"
+    ></svg>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SideNavDividerDirective {
+    qdsContext = useQdsSideNavContext();
+    trackBindings = useTrackBindings(() => mergeProps(createQdsDividerApi({}, normalizeProps).getRootBindings(), this.qdsContext().getDividerBindings()));
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavDividerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: SideNavDividerDirective, isStandalone: false, selector: "[q-side-nav-divider]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavDividerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-side-nav-divider]",
+                    standalone: false,
+                }]
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SideNavFilterInputDirective {
+    qdsContext = useQdsSideNavContext();
+    trackBindings = useTrackBindings(() => this.qdsContext().getFilterInputBindings());
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavFilterInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: SideNavFilterInputDirective, isStandalone: false, selector: "[q-side-nav-filter-input]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavFilterInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-side-nav-filter-input]",
+                    standalone: false,
+                }]
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SideNavGroupLabelDirective {
+    qdsContext = useQdsSideNavContext();
+    trackBindings = useTrackBindings(() => this.qdsContext().getGroupLabelBindings());
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavGroupLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: SideNavGroupLabelDirective, isStandalone: false, selector: "[q-side-nav-group-label]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavGroupLabelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-side-nav-group-label]",
+                    standalone: false,
+                }]
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SideNavGroupDirective {
+    qdsContext = useQdsSideNavContext();
+    trackBindings = useTrackBindings(() => this.qdsContext().getGroupBindings());
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: SideNavGroupDirective, isStandalone: false, selector: "[q-side-nav-group]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavGroupDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-side-nav-group]",
+                    standalone: false,
+                }]
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SideNavHeaderActionDirective extends CoreSideNavHeaderActionDirective {
+    qdsContext = useQdsSideNavContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getHeaderActionBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavHeaderActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: SideNavHeaderActionDirective, isStandalone: false, selector: "[q-side-nav-header-action]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavHeaderActionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-side-nav-header-action]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SideNavHeaderLogoDirective extends CoreSideNavHeaderLogoDirective {
+    qdsContext = useQdsSideNavContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getHeaderLogoBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavHeaderLogoDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: SideNavHeaderLogoDirective, isStandalone: false, selector: "[q-side-nav-header-logo]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavHeaderLogoDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-side-nav-header-logo]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SideNavHeaderTitleDirective extends CoreSideNavHeaderTitleDirective {
+    qdsContext = useQdsSideNavContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getHeaderTitleBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavHeaderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: SideNavHeaderTitleDirective, isStandalone: false, selector: "[q-side-nav-header-title]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavHeaderTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-side-nav-header-title]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SideNavHeaderDirective extends CoreSideNavHeaderDirective {
+    qdsContext = useQdsSideNavContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getHeaderBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: SideNavHeaderDirective, isStandalone: false, selector: "[q-side-nav-header]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-side-nav-header]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SideNavLeafNodeDirective extends CoreTreeLeafNodeDirective {
+    qdsContext = useQdsSideNavContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getLeafNodeBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavLeafNodeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: SideNavLeafNodeDirective, isStandalone: false, selector: "[q-side-nav-leaf-node]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavLeafNodeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-side-nav-leaf-node]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+/**
+ * Structural directive that defines the template used to render leaf nodes in a
+ * side nav. Apply this to an `ng-template` to customize how leaf nodes (nodes
+ * without children) are displayed.
+ *
+ * @example
+ * ```html
+ * <ng-template q-side-nav-leaf-template let-node>
+ *   <div q-side-nav-leaf-node>
+ *     <span q-side-nav-node-text>{{ node.item.label }}</span>
+ *   </div>
+ * </ng-template>
+ * ```
+ */
+class SideNavLeafTemplateDirective {
+    /**
+     * The root node of the tree. Used for type narrowing of the template guard.
+     */
+    rootNode = input(...(ngDevMode ? [undefined, { debugName: "rootNode" }] : []));
+    template = inject(TemplateRef);
+    static ngTemplateContextGuard(dir, ctx) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavLeafTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: SideNavLeafTemplateDirective, isStandalone: false, selector: "ng-template[q-side-nav-leaf-template]", inputs: { rootNode: { classPropertyName: "rootNode", publicName: "rootNode", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavLeafTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "ng-template[q-side-nav-leaf-template]",
+                    standalone: false,
+                }]
+        }], propDecorators: { rootNode: [{ type: i0.Input, args: [{ isSignal: true, alias: "rootNode", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SideNavNodeAccessoryDirective {
+    qdsContext = useQdsSideNavContext();
+    trackBindings = useTrackBindings(() => this.qdsContext().getNodeAccessoryBindings());
+    ngOnInit() {
+        this.trackBindings();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavNodeAccessoryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: SideNavNodeAccessoryDirective, isStandalone: false, selector: "[q-side-nav-node-accessory]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavNodeAccessoryDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-side-nav-node-accessory]",
+                    standalone: false,
+                }]
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SideNavNodeActionDirective extends CoreTreeNodeActionDirective {
+    qdsContext = useQdsSideNavContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getNodeActionBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavNodeActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: SideNavNodeActionDirective, isStandalone: false, selector: "[q-side-nav-node-action]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavNodeActionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-side-nav-node-action]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SideNavNodeContextDirective extends ApiContextDirective {
+    /**
+     * The root node of the tree. Used for type narrowing of the template guard.
+     */
+    rootNode = input(...(ngDevMode ? [undefined, { debugName: "rootNode" }] : []));
+    constructor() {
+        const contextService = inject(TreeNodeStateContextService);
+        super(contextService, "sideNavNodeContext");
+    }
+    static ngTemplateContextGuard(dir, ctx) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavNodeContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: SideNavNodeContextDirective, isStandalone: false, selector: "[sideNavNodeContext]", inputs: { rootNode: { classPropertyName: "rootNode", publicName: "rootNode", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavNodeContextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[sideNavNodeContext]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [], propDecorators: { rootNode: [{ type: i0.Input, args: [{ isSignal: true, alias: "rootNode", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SideNavNodeIconDirective extends CoreTreeNodeIconDirective {
+    qdsContext = useQdsSideNavContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getNodeIconBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavNodeIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: SideNavNodeIconDirective, isStandalone: false, selector: "[q-side-nav-node-icon]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavNodeIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-side-nav-node-icon]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SideNavNodeIndicatorDirective extends CoreTreeNodeIndicatorDirective {
+    qdsContext = useQdsSideNavContext();
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsContext().getNodeIndicatorBindings()));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavNodeIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: SideNavNodeIndicatorDirective, isStandalone: false, selector: "[q-side-nav-node-indicator]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavNodeIndicatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-side-nav-node-indicator]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SideNavNodeTextDirective extends CoreTreeNodeTextDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavNodeTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: SideNavNodeTextDirective, isStandalone: false, selector: "[q-side-nav-node-text]", usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavNodeTextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[q-side-nav-node-text]",
+                    standalone: false,
+                }]
+        }] });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SideNavNodesComponent {
+    /**
+     * The index path of the tree node
+     */
+    indexPath = input.required(...(ngDevMode ? [{ debugName: "indexPath" }] : []));
+    /**
+     * The tree node
+     */
+    node = input.required(...(ngDevMode ? [{ debugName: "node" }] : []));
+    showIndentGuide = input(undefined, ...(ngDevMode ? [{ debugName: "showIndentGuide", transform: booleanAttribute }] : [{
+            transform: booleanAttribute,
+        }]));
+    renderBranch = input(...(ngDevMode ? [undefined, { debugName: "renderBranch" }] : []));
+    renderLeaf = input(...(ngDevMode ? [undefined, { debugName: "renderLeaf" }] : []));
+    sideNavBranchContentChild = contentChild((SideNavBranchTemplateDirective), ...(ngDevMode ? [{ debugName: "sideNavBranchContentChild" }] : []));
+    sideNavLeafContentChild = contentChild((SideNavLeafTemplateDirective), ...(ngDevMode ? [{ debugName: "sideNavLeafContentChild" }] : []));
+    branchTemplate = computed(() => {
+        const branchInput = this.renderBranch();
+        const branchTemplate = this.sideNavBranchContentChild();
+        return branchInput || branchTemplate?.template;
+    }, ...(ngDevMode ? [{ debugName: "branchTemplate" }] : []));
+    leafTemplate = computed(() => {
+        const leafInput = this.renderLeaf();
+        const leafTemplate = this.sideNavLeafContentChild();
+        return (leafInput || leafTemplate?.template);
+    }, ...(ngDevMode ? [{ debugName: "leafTemplate" }] : []));
+    treeContext = useTreeContext();
+    injector = inject(Injector, { self: true });
+    templateContext = computed(() => ({
+        $implicit: {
+            indexPath: this.indexPath(),
+            node: this.node(),
+        },
+    }), ...(ngDevMode ? [{ debugName: "templateContext" }] : []));
+    childNodes = computed(() => {
+        return this.treeContext().collection.getNodeChildren(this.node());
+    }, ...(ngDevMode ? [{ debugName: "childNodes" }] : []));
+    treeNodePropsContextService = inject(TreeNodePropsContextService, { self: true });
+    treeNodeStateContextService = inject(TreeNodeStateContextService, {
+        self: true,
+    });
+    ngOnInit() {
+        const nodeProps = computed(() => ({
+            indexPath: this.indexPath(),
+            node: this.node(),
+        }), ...(ngDevMode ? [{ debugName: "nodeProps" }] : []));
+        this.treeNodePropsContextService.init(nodeProps);
+        this.treeNodeStateContextService.init(computed(() => this.treeContext().getNodeState(nodeProps())));
+    }
+    getChildIndexPath(index) {
+        return [...this.indexPath(), index];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavNodesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: SideNavNodesComponent, isStandalone: false, selector: "q-side-nav-nodes", inputs: { indexPath: { classPropertyName: "indexPath", publicName: "indexPath", isSignal: true, isRequired: true, transformFunction: null }, node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, showIndentGuide: { classPropertyName: "showIndentGuide", publicName: "showIndentGuide", isSignal: true, isRequired: false, transformFunction: null }, renderBranch: { classPropertyName: "renderBranch", publicName: "renderBranch", isSignal: true, isRequired: false, transformFunction: null }, renderLeaf: { classPropertyName: "renderLeaf", publicName: "renderLeaf", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideTreeNodePropsContext(), provideTreeNodeStateContext()], queries: [{ propertyName: "sideNavBranchContentChild", first: true, predicate: (SideNavBranchTemplateDirective), descendants: true, isSignal: true }, { propertyName: "sideNavLeafContentChild", first: true, predicate: (SideNavLeafTemplateDirective), descendants: true, isSignal: true }], ngImport: i0, template: `
+    @if (childNodes().length) {
+      <div q-side-nav-branch>
+        <ng-template
+          [ngTemplateOutlet]="branchTemplate()!"
+          [ngTemplateOutletContext]="templateContext()"
+          [ngTemplateOutletInjector]="injector"
+        />
+
+        <div q-side-nav-branch-content>
+          @if (showIndentGuide()) {
+            <div q-side-nav-branch-indent-guide></div>
+          }
+
+          @for (
+            child of childNodes();
+            let i = $index;
+            track treeContext().collection.getNodeValue(child)
+          ) {
+            <q-side-nav-nodes
+              [indexPath]="getChildIndexPath(i)"
+              [node]="child"
+              [renderBranch]="branchTemplate()"
+              [renderLeaf]="leafTemplate()"
+              [showIndentGuide]="showIndentGuide()"
+            />
+          }
+        </div>
+      </div>
+    } @else {
+      <ng-template
+        [ngTemplateOutlet]="leafTemplate()!"
+        [ngTemplateOutletContext]="templateContext()"
+        [ngTemplateOutletInjector]="injector"
+      />
+    }
+  `, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: SideNavBranchDirective, selector: "[q-side-nav-branch]" }, { kind: "directive", type: SideNavBranchContentDirective, selector: "[q-side-nav-branch-content]", inputs: ["id"] }, { kind: "directive", type: SideNavBranchIndentGuideDirective, selector: "[q-side-nav-branch-indent-guide]" }, { kind: "component", type: SideNavNodesComponent, selector: "q-side-nav-nodes", inputs: ["indexPath", "node", "showIndentGuide", "renderBranch", "renderLeaf"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavNodesComponent, decorators: [{
+            type: Component,
+            args: [{ providers: [provideTreeNodePropsContext(), provideTreeNodeStateContext()], selector: "q-side-nav-nodes", standalone: false, template: `
+    @if (childNodes().length) {
+      <div q-side-nav-branch>
+        <ng-template
+          [ngTemplateOutlet]="branchTemplate()!"
+          [ngTemplateOutletContext]="templateContext()"
+          [ngTemplateOutletInjector]="injector"
+        />
+
+        <div q-side-nav-branch-content>
+          @if (showIndentGuide()) {
+            <div q-side-nav-branch-indent-guide></div>
+          }
+
+          @for (
+            child of childNodes();
+            let i = $index;
+            track treeContext().collection.getNodeValue(child)
+          ) {
+            <q-side-nav-nodes
+              [indexPath]="getChildIndexPath(i)"
+              [node]="child"
+              [renderBranch]="branchTemplate()"
+              [renderLeaf]="leafTemplate()"
+              [showIndentGuide]="showIndentGuide()"
+            />
+          }
+        </div>
+      </div>
+    } @else {
+      <ng-template
+        [ngTemplateOutlet]="leafTemplate()!"
+        [ngTemplateOutletContext]="templateContext()"
+        [ngTemplateOutletInjector]="injector"
+      />
+    }
+  `, styles: [":host{display:contents}\n"] }]
+        }], propDecorators: { indexPath: [{ type: i0.Input, args: [{ isSignal: true, alias: "indexPath", required: true }] }], node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: true }] }], showIndentGuide: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIndentGuide", required: false }] }], renderBranch: [{ type: i0.Input, args: [{ isSignal: true, alias: "renderBranch", required: false }] }], renderLeaf: [{ type: i0.Input, args: [{ isSignal: true, alias: "renderLeaf", required: false }] }], sideNavBranchContentChild: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SideNavBranchTemplateDirective), { isSignal: true }] }], sideNavLeafContentChild: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SideNavLeafTemplateDirective), { isSignal: true }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SideNavRootDirective extends CoreSideNavRootDirective {
+    /**
+     * The background color of the side navigation.
+     *
+     * @default 'primary'
+     */
+    surface = input(...(ngDevMode ? [undefined, { debugName: "surface" }] : []));
+    qdsSideNavService = inject(QdsSideNavContextService);
+    constructor() {
+        super();
+        this.trackBindings.extendWith(computed(() => this.qdsSideNavService.context().getRootBindings({
+            surface: this.surface(),
+        })));
+    }
+    ngOnInit() {
+        this.qdsSideNavService.init(computed(() => createQdsSideNavApi(normalizeProps)));
+        super.ngOnInit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.12", type: SideNavRootDirective, isStandalone: false, selector: "[q-side-nav-root]", inputs: { surface: { classPropertyName: "surface", publicName: "surface", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            provideTreeContext(),
+            provideRenderStrategyContext(),
+            provideSideNavContext(),
+            provideQdsSideNavContext(),
+        ], exportAs: ["sideNavRoot"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavRootDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    exportAs: "sideNavRoot",
+                    providers: [
+                        provideTreeContext(),
+                        provideRenderStrategyContext(),
+                        provideSideNavContext(),
+                        provideQdsSideNavContext(),
+                    ],
+                    selector: "[q-side-nav-root]",
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [], propDecorators: { surface: [{ type: i0.Input, args: [{ isSignal: true, alias: "surface", required: false }] }] } });
+
+// Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
+// SPDX-License-Identifier: BSD-3-Clause-Clear
+class SideNavModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.12", ngImport: i0, type: SideNavModule, declarations: [SideNavRootDirective,
+            SideNavBranchDirective,
+            SideNavBranchContentDirective,
+            SideNavBranchIndentGuideDirective,
+            SideNavBranchNodeDirective,
+            SideNavBranchTriggerDirective,
+            SideNavBranchTemplateDirective,
+            SideNavCollapseTriggerDirective,
+            SideNavDividerDirective,
+            SideNavFilterInputDirective,
+            SideNavGroupDirective,
+            SideNavGroupLabelDirective,
+            SideNavHeaderDirective,
+            SideNavHeaderActionDirective,
+            SideNavHeaderLogoDirective,
+            SideNavHeaderTitleDirective,
+            SideNavLeafNodeDirective,
+            SideNavLeafTemplateDirective,
+            SideNavNodeAccessoryDirective,
+            SideNavNodeActionDirective,
+            SideNavNodeContextDirective,
+            SideNavNodeIconDirective,
+            SideNavNodeIndicatorDirective,
+            SideNavNodeTextDirective,
+            SideNavNodesComponent], imports: [QBindDirective, NgTemplateOutlet, IconDirective], exports: [SideNavRootDirective,
+            SideNavBranchDirective,
+            SideNavBranchContentDirective,
+            SideNavBranchIndentGuideDirective,
+            SideNavBranchNodeDirective,
+            SideNavBranchTriggerDirective,
+            SideNavBranchTemplateDirective,
+            SideNavCollapseTriggerDirective,
+            SideNavDividerDirective,
+            SideNavFilterInputDirective,
+            SideNavGroupDirective,
+            SideNavGroupLabelDirective,
+            SideNavHeaderDirective,
+            SideNavHeaderActionDirective,
+            SideNavHeaderLogoDirective,
+            SideNavHeaderTitleDirective,
+            SideNavLeafNodeDirective,
+            SideNavLeafTemplateDirective,
+            SideNavNodeAccessoryDirective,
+            SideNavNodeActionDirective,
+            SideNavNodeContextDirective,
+            SideNavNodeIconDirective,
+            SideNavNodeIndicatorDirective,
+            SideNavNodeTextDirective,
+            SideNavNodesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: SideNavModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SideNavRootDirective,
+                        SideNavBranchDirective,
+                        SideNavBranchContentDirective,
+                        SideNavBranchIndentGuideDirective,
+                        SideNavBranchNodeDirective,
+                        SideNavBranchTriggerDirective,
+                        SideNavBranchTemplateDirective,
+                        SideNavCollapseTriggerDirective,
+                        SideNavDividerDirective,
+                        SideNavFilterInputDirective,
+                        SideNavGroupDirective,
+                        SideNavGroupLabelDirective,
+                        SideNavHeaderDirective,
+                        SideNavHeaderActionDirective,
+                        SideNavHeaderLogoDirective,
+                        SideNavHeaderTitleDirective,
+                        SideNavLeafNodeDirective,
+                        SideNavLeafTemplateDirective,
+                        SideNavNodeAccessoryDirective,
+                        SideNavNodeActionDirective,
+                        SideNavNodeContextDirective,
+                        SideNavNodeIconDirective,
+                        SideNavNodeIndicatorDirective,
+                        SideNavNodeTextDirective,
+                        SideNavNodesComponent,
+                    ],
+                    exports: [
+                        SideNavRootDirective,
+                        SideNavBranchDirective,
+                        SideNavBranchContentDirective,
+                        SideNavBranchIndentGuideDirective,
+                        SideNavBranchNodeDirective,
+                        SideNavBranchTriggerDirective,
+                        SideNavBranchTemplateDirective,
+                        SideNavCollapseTriggerDirective,
+                        SideNavDividerDirective,
+                        SideNavFilterInputDirective,
+                        SideNavGroupDirective,
+                        SideNavGroupLabelDirective,
+                        SideNavHeaderDirective,
+                        SideNavHeaderActionDirective,
+                        SideNavHeaderLogoDirective,
+                        SideNavHeaderTitleDirective,
+                        SideNavLeafNodeDirective,
+                        SideNavLeafTemplateDirective,
+                        SideNavNodeAccessoryDirective,
+                        SideNavNodeActionDirective,
+                        SideNavNodeContextDirective,
+                        SideNavNodeIconDirective,
+                        SideNavNodeIndicatorDirective,
+                        SideNavNodeTextDirective,
+                        SideNavNodesComponent,
+                    ],
+                    imports: [QBindDirective, NgTemplateOutlet, IconDirective],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { QDS_SIDE_NAV_CONTEXT, QdsSideNavContextService, SideNavBranchContentDirective, SideNavBranchDirective, SideNavBranchIndentGuideDirective, SideNavBranchNodeDirective, SideNavBranchTemplateDirective, SideNavBranchTriggerDirective, SideNavCollapseTriggerDirective, SideNavDividerDirective, SideNavFilterInputDirective, SideNavGroupDirective, SideNavGroupLabelDirective, SideNavHeaderActionDirective, SideNavHeaderDirective, SideNavHeaderLogoDirective, SideNavHeaderTitleDirective, SideNavLeafNodeDirective, SideNavLeafTemplateDirective, SideNavModule, SideNavNodeAccessoryDirective, SideNavNodeActionDirective, SideNavNodeContextDirective, SideNavNodeIconDirective, SideNavNodeIndicatorDirective, SideNavNodeTextDirective, SideNavNodesComponent, SideNavRootDirective, provideQdsSideNavContext, useQdsSideNavContext };
+//# sourceMappingURL=qualcomm-ui-angular-side-nav.mjs.map