@qualcomm-ui/angular 2.0.1 → 2.0.2

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

@@ -18,17 +18,17 @@ 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 { CoreSideNavTriggerDirective, useSideNavContext, 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: "21.2.2", ngImport: i0, type: QdsSideNavContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: QdsSideNavContextService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: QdsSideNavContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: QdsSideNavContextService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: QdsSideNavContextService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: QdsSideNavContextService, decorators: [{
             type: Injectable
         }] });
 const [QDS_SIDE_NAV_CONTEXT, useQdsSideNavContext, provideQdsSideNavContext,] = createApiContext("QdsSideNavContext", QdsSideNavContextService);
@@ -41,10 +41,10 @@ class SideNavBranchContentDirective extends CoreTreeBranchContentDirective {
     hostId = computed(() => useId(this, this.id()), ...(ngDevMode ? [{ debugName: "hostId" }] : /* istanbul ignore next */ []));
     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: "21.2.2", ngImport: i0, type: SideNavBranchContentDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavBranchContentDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", 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: "21.2.2", ngImport: i0, type: SideNavBranchContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavBranchContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-branch-content]",
@@ -60,10 +60,10 @@ class SideNavBranchIndentGuideDirective extends CoreTreeBranchIndentGuideDirecti
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getBranchIndentGuideBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavBranchIndentGuideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SideNavBranchIndentGuideDirective, isStandalone: false, selector: "[q-side-nav-branch-indent-guide]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavBranchIndentGuideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: SideNavBranchIndentGuideDirective, isStandalone: false, selector: "[q-side-nav-branch-indent-guide]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavBranchIndentGuideDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavBranchIndentGuideDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-branch-indent-guide]",
@@ -79,10 +79,10 @@ class SideNavBranchNodeDirective extends CoreTreeBranchNodeDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getBranchNodeBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavBranchNodeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SideNavBranchNodeDirective, isStandalone: false, selector: "[q-side-nav-branch-node]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavBranchNodeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: SideNavBranchNodeDirective, isStandalone: false, selector: "[q-side-nav-branch-node]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavBranchNodeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavBranchNodeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-branch-node]",
@@ -117,10 +117,10 @@ class SideNavBranchTemplateDirective {
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavBranchTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavBranchTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", 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: "21.2.2", ngImport: i0, type: SideNavBranchTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavBranchTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "ng-template[q-side-nav-branch-template]",
@@ -142,8 +142,8 @@ class SideNavBranchTriggerDirective extends CoreTreeBranchTriggerDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getBranchTriggerBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavBranchTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.2", 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavBranchTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", 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()!" />
@@ -151,7 +151,7 @@ class SideNavBranchTriggerDirective extends CoreTreeBranchTriggerDirective {
     </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: "21.2.2", ngImport: i0, type: SideNavBranchTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavBranchTriggerDirective, decorators: [{
             type: Component,
             args: [{
                     selector: "[q-side-nav-branch-trigger]",
@@ -190,10 +190,10 @@ class SideNavBranchDirective extends CoreTreeBranchDirective {
         this.collapsibleApi.init(computed(() => createCollapsibleApi(machine, normalizeProps)));
         super.ngOnInit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavBranchDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SideNavBranchDirective, isStandalone: false, selector: "[q-side-nav-branch]", providers: [provideCollapsibleContext()], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavBranchDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: SideNavBranchDirective, isStandalone: false, selector: "[q-side-nav-branch]", providers: [provideCollapsibleContext()], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavBranchDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavBranchDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [provideCollapsibleContext()],
@@ -217,15 +217,15 @@ class SideNavCollapseTriggerDirective extends CoreSideNavTriggerDirective {
         super();
         this.trackBindings.extendWith(computed(() => mergeProps(this.iconButtonApi().getRootBindings(), this.qdsContext().getCollapseTriggerBindings())));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavCollapseTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.2", type: SideNavCollapseTriggerDirective, isStandalone: false, selector: "[q-side-nav-collapse-trigger]", providers: [provideIcons({ PanelLeftClose, PanelLeftOpen })], usesInheritance: true, hostDirectives: [{ directive: i1$1.QuiPreloadDirective }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavCollapseTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", 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: "21.2.2", ngImport: i0, type: SideNavCollapseTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavCollapseTriggerDirective, decorators: [{
             type: Component,
             args: [{
                     hostDirectives: [QuiPreloadDirective],
@@ -245,14 +245,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImpor
 // SPDX-License-Identifier: BSD-3-Clause-Clear
 class SideNavDividerDirective {
     qdsContext = useQdsSideNavContext();
-    trackBindings = useTrackBindings(() => mergeProps(createQdsDividerApi({}, normalizeProps).getRootBindings(), this.qdsContext().getDividerBindings()));
+    trackBindings = useTrackBindings(() => mergeProps(createQdsDividerApi({}, normalizeProps).getRootBindings(), this.qdsContext().getDividerBindings(), { "aria-orientation": undefined, role: "presentation" }));
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavDividerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SideNavDividerDirective, isStandalone: false, selector: "[q-side-nav-divider]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavDividerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: SideNavDividerDirective, isStandalone: false, selector: "[q-side-nav-divider]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavDividerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavDividerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-divider]",
@@ -263,15 +263,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImpor
 // Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
 // SPDX-License-Identifier: BSD-3-Clause-Clear
 class SideNavFilterInputDirective {
+    sideNavContext = useSideNavContext();
     qdsContext = useQdsSideNavContext();
-    trackBindings = useTrackBindings(() => this.qdsContext().getFilterInputBindings());
+    trackBindings = useTrackBindings(() => mergeProps(this.sideNavContext().getFilterInputBindings(), this.qdsContext().getFilterInputBindings()));
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavFilterInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SideNavFilterInputDirective, isStandalone: false, selector: "[q-side-nav-filter-input]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavFilterInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: SideNavFilterInputDirective, isStandalone: false, selector: "[q-side-nav-filter-input]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavFilterInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavFilterInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-filter-input]",
@@ -287,10 +288,10 @@ class SideNavGroupLabelDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavGroupLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SideNavGroupLabelDirective, isStandalone: false, selector: "[q-side-nav-group-label]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavGroupLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: SideNavGroupLabelDirective, isStandalone: false, selector: "[q-side-nav-group-label]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavGroupLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavGroupLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-group-label]",
@@ -306,10 +307,10 @@ class SideNavGroupDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SideNavGroupDirective, isStandalone: false, selector: "[q-side-nav-group]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: SideNavGroupDirective, isStandalone: false, selector: "[q-side-nav-group]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavGroupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavGroupDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-group]",
@@ -325,10 +326,10 @@ class SideNavHeaderActionDirective extends CoreSideNavHeaderActionDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getHeaderActionBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavHeaderActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SideNavHeaderActionDirective, isStandalone: false, selector: "[q-side-nav-header-action]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavHeaderActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: SideNavHeaderActionDirective, isStandalone: false, selector: "[q-side-nav-header-action]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavHeaderActionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavHeaderActionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-header-action]",
@@ -344,10 +345,10 @@ class SideNavHeaderLogoDirective extends CoreSideNavHeaderLogoDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getHeaderLogoBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavHeaderLogoDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SideNavHeaderLogoDirective, isStandalone: false, selector: "[q-side-nav-header-logo]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavHeaderLogoDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: SideNavHeaderLogoDirective, isStandalone: false, selector: "[q-side-nav-header-logo]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavHeaderLogoDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavHeaderLogoDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-header-logo]",
@@ -363,10 +364,10 @@ class SideNavHeaderTitleDirective extends CoreSideNavHeaderTitleDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getHeaderTitleBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavHeaderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SideNavHeaderTitleDirective, isStandalone: false, selector: "[q-side-nav-header-title]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavHeaderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: SideNavHeaderTitleDirective, isStandalone: false, selector: "[q-side-nav-header-title]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavHeaderTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavHeaderTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-header-title]",
@@ -382,10 +383,10 @@ class SideNavHeaderDirective extends CoreSideNavHeaderDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getHeaderBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SideNavHeaderDirective, isStandalone: false, selector: "[q-side-nav-header]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: SideNavHeaderDirective, isStandalone: false, selector: "[q-side-nav-header]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavHeaderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavHeaderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-header]",
@@ -401,10 +402,10 @@ class SideNavLeafNodeDirective extends CoreTreeLeafNodeDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getLeafNodeBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavLeafNodeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SideNavLeafNodeDirective, isStandalone: false, selector: "[q-side-nav-leaf-node]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavLeafNodeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: SideNavLeafNodeDirective, isStandalone: false, selector: "[q-side-nav-leaf-node]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavLeafNodeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavLeafNodeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-leaf-node]",
@@ -437,10 +438,10 @@ class SideNavLeafTemplateDirective {
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavLeafTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavLeafTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", 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: "21.2.2", ngImport: i0, type: SideNavLeafTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavLeafTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "ng-template[q-side-nav-leaf-template]",
@@ -456,10 +457,10 @@ class SideNavNodeAccessoryDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavNodeAccessoryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SideNavNodeAccessoryDirective, isStandalone: false, selector: "[q-side-nav-node-accessory]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavNodeAccessoryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: SideNavNodeAccessoryDirective, isStandalone: false, selector: "[q-side-nav-node-accessory]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavNodeAccessoryDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavNodeAccessoryDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-node-accessory]",
@@ -475,10 +476,10 @@ class SideNavNodeActionDirective extends CoreTreeNodeActionDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getNodeActionBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavNodeActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SideNavNodeActionDirective, isStandalone: false, selector: "[q-side-nav-node-action]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavNodeActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: SideNavNodeActionDirective, isStandalone: false, selector: "[q-side-nav-node-action]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavNodeActionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavNodeActionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-node-action]",
@@ -500,10 +501,10 @@ class SideNavNodeContextDirective extends ApiContextDirective {
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavNodeContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", type: SideNavNodeContextDirective, isStandalone: false, selector: "[sideNavNodeContext]", inputs: { rootNode: { classPropertyName: "rootNode", publicName: "rootNode", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavNodeContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", 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: "21.2.2", ngImport: i0, type: SideNavNodeContextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavNodeContextDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[sideNavNodeContext]",
@@ -519,10 +520,10 @@ class SideNavNodeIconDirective extends CoreTreeNodeIconDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getNodeIconBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavNodeIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SideNavNodeIconDirective, isStandalone: false, selector: "[q-side-nav-node-icon]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavNodeIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: SideNavNodeIconDirective, isStandalone: false, selector: "[q-side-nav-node-icon]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavNodeIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavNodeIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-node-icon]",
@@ -538,10 +539,10 @@ class SideNavNodeIndicatorDirective extends CoreTreeNodeIndicatorDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getNodeIndicatorBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavNodeIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SideNavNodeIndicatorDirective, isStandalone: false, selector: "[q-side-nav-node-indicator]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavNodeIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: SideNavNodeIndicatorDirective, isStandalone: false, selector: "[q-side-nav-node-indicator]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavNodeIndicatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavNodeIndicatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-node-indicator]",
@@ -552,10 +553,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImpor
 // 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: "21.2.2", ngImport: i0, type: SideNavNodeTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.2", type: SideNavNodeTextDirective, isStandalone: false, selector: "[q-side-nav-node-text]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavNodeTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: SideNavNodeTextDirective, isStandalone: false, selector: "[q-side-nav-node-text]", usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavNodeTextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavNodeTextDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-node-text]",
@@ -615,8 +616,8 @@ class SideNavNodesComponent {
     getChildIndexPath(index) {
         return [...this.indexPath(), index];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavNodesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.2", 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavNodesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", 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
@@ -654,7 +655,7 @@ class SideNavNodesComponent {
     }
   `, 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: "21.2.2", ngImport: i0, type: SideNavNodesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavNodesComponent, decorators: [{
             type: Component,
             args: [{ providers: [provideTreeNodePropsContext(), provideTreeNodeStateContext()], selector: "q-side-nav-nodes", standalone: false, template: `
     @if (childNodes().length) {
@@ -715,15 +716,15 @@ class SideNavRootDirective extends CoreSideNavRootDirective {
         this.qdsSideNavService.init(computed(() => createQdsSideNavApi(normalizeProps)));
         super.ngOnInit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", type: SideNavRootDirective, isStandalone: false, selector: "[q-side-nav-root]", inputs: { surface: { classPropertyName: "surface", publicName: "surface", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.4", 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: "21.2.2", ngImport: i0, type: SideNavRootDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavRootDirective, decorators: [{
             type: Directive,
             args: [{
                     exportAs: "sideNavRoot",
@@ -741,8 +742,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImpor
 // 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: "21.2.2", ngImport: i0, type: SideNavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.2", ngImport: i0, type: SideNavModule, declarations: [SideNavRootDirective,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: SideNavModule, declarations: [SideNavRootDirective,
             SideNavBranchDirective,
             SideNavBranchContentDirective,
             SideNavBranchIndentGuideDirective,
@@ -791,9 +792,9 @@ class SideNavModule {
             SideNavNodeIndicatorDirective,
             SideNavNodeTextDirective,
             SideNavNodesComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SideNavModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [