@qualcomm-ui/angular 1.20.0 → 2.0.0

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

@@ -25,10 +25,10 @@ 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.16", ngImport: i0, type: QdsSideNavContextService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: QdsSideNavContextService });
+    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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: QdsSideNavContextService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: QdsSideNavContextService, decorators: [{
             type: Injectable
         }] });
 const [QDS_SIDE_NAV_CONTEXT, useQdsSideNavContext, provideQdsSideNavContext,] = createApiContext("QdsSideNavContext", QdsSideNavContextService);
@@ -37,14 +37,14 @@ const [QDS_SIDE_NAV_CONTEXT, useQdsSideNavContext, provideQdsSideNavContext,] =
 // 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" }] : []));
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : /* istanbul ignore next */ []));
+    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: "20.3.16", ngImport: i0, type: SideNavBranchContentDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", 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.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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavBranchContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", 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: "20.3.16", ngImport: i0, type: SideNavBranchIndentGuideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", 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.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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavBranchIndentGuideDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", 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: "20.3.16", ngImport: i0, type: SideNavBranchNodeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", 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.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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavBranchNodeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavBranchNodeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-branch-node]",
@@ -112,15 +112,15 @@ class SideNavBranchTemplateDirective {
     /**
      * The root node of the tree. Used for type narrowing of the template guard.
      */
-    rootNode = input(...(ngDevMode ? [undefined, { debugName: "rootNode" }] : []));
+    rootNode = input(...(ngDevMode ? [undefined, { debugName: "rootNode" }] : /* istanbul ignore next */ []));
     template = inject(TemplateRef);
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavBranchTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", 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.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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavBranchTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavBranchTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "ng-template[q-side-nav-branch-template]",
@@ -136,14 +136,14 @@ class SideNavBranchTriggerDirective extends CoreTreeBranchTriggerDirective {
      *
      * @default ChevronDown
      */
-    icon = input(ChevronDown, ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    icon = input(ChevronDown, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     qdsContext = useQdsSideNavContext();
     constructor() {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getBranchTriggerBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavBranchTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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.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: `
     <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: "20.3.16", ngImport: i0, type: SideNavBranchTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", 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: "20.3.16", ngImport: i0, type: SideNavBranchDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", 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.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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavBranchDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavBranchDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [provideCollapsibleContext()],
@@ -206,26 +206,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 // SPDX-License-Identifier: BSD-3-Clause-Clear
 class SideNavCollapseTriggerDirective extends CoreSideNavTriggerDirective {
     qdsContext = useQdsSideNavContext();
-    open = computed(() => this.sideNavContext().open, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    open = computed(() => this.sideNavContext().open, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
     iconButtonApi = useIconButtonApi({
         density: "default",
         size: "md",
         variant: "ghost",
     });
-    iconProps = computed(() => this.iconButtonApi().getIconBindings(), ...(ngDevMode ? [{ debugName: "iconProps" }] : []));
+    iconProps = computed(() => this.iconButtonApi().getIconBindings(), ...(ngDevMode ? [{ debugName: "iconProps" }] : /* istanbul ignore next */ []));
     constructor() {
         super();
         this.trackBindings.extendWith(computed(() => mergeProps(this.iconButtonApi().getRootBindings(), this.qdsContext().getCollapseTriggerBindings())));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavCollapseTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", 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.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: `
     <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.16", ngImport: i0, type: SideNavCollapseTriggerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavCollapseTriggerDirective, decorators: [{
             type: Component,
             args: [{
                     hostDirectives: [QuiPreloadDirective],
@@ -249,10 +249,10 @@ class SideNavDividerDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavDividerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: SideNavDividerDirective, isStandalone: false, selector: "[q-side-nav-divider]", ngImport: i0 });
+    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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavDividerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavDividerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-divider]",
@@ -268,10 +268,10 @@ class SideNavFilterInputDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavFilterInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: SideNavFilterInputDirective, isStandalone: false, selector: "[q-side-nav-filter-input]", ngImport: i0 });
+    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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavFilterInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavFilterInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-filter-input]",
@@ -287,10 +287,10 @@ class SideNavGroupLabelDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavGroupLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: SideNavGroupLabelDirective, isStandalone: false, selector: "[q-side-nav-group-label]", ngImport: i0 });
+    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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavGroupLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavGroupLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-group-label]",
@@ -306,10 +306,10 @@ class SideNavGroupDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: SideNavGroupDirective, isStandalone: false, selector: "[q-side-nav-group]", ngImport: i0 });
+    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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavGroupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavGroupDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-group]",
@@ -325,10 +325,10 @@ class SideNavHeaderActionDirective extends CoreSideNavHeaderActionDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getHeaderActionBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavHeaderActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", 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.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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavHeaderActionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavHeaderActionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-header-action]",
@@ -344,10 +344,10 @@ class SideNavHeaderLogoDirective extends CoreSideNavHeaderLogoDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getHeaderLogoBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavHeaderLogoDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", 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.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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavHeaderLogoDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavHeaderLogoDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-header-logo]",
@@ -363,10 +363,10 @@ class SideNavHeaderTitleDirective extends CoreSideNavHeaderTitleDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getHeaderTitleBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavHeaderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", 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.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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavHeaderTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavHeaderTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-header-title]",
@@ -382,10 +382,10 @@ class SideNavHeaderDirective extends CoreSideNavHeaderDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getHeaderBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: SideNavHeaderDirective, isStandalone: false, selector: "[q-side-nav-header]", usesInheritance: true, ngImport: i0 });
+    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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavHeaderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavHeaderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-header]",
@@ -401,10 +401,10 @@ class SideNavLeafNodeDirective extends CoreTreeLeafNodeDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getLeafNodeBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavLeafNodeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", 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.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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavLeafNodeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavLeafNodeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-leaf-node]",
@@ -432,15 +432,15 @@ class SideNavLeafTemplateDirective {
     /**
      * The root node of the tree. Used for type narrowing of the template guard.
      */
-    rootNode = input(...(ngDevMode ? [undefined, { debugName: "rootNode" }] : []));
+    rootNode = input(...(ngDevMode ? [undefined, { debugName: "rootNode" }] : /* istanbul ignore next */ []));
     template = inject(TemplateRef);
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavLeafTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", 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.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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavLeafTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavLeafTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "ng-template[q-side-nav-leaf-template]",
@@ -456,10 +456,10 @@ class SideNavNodeAccessoryDirective {
     ngOnInit() {
         this.trackBindings();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavNodeAccessoryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: SideNavNodeAccessoryDirective, isStandalone: false, selector: "[q-side-nav-node-accessory]", ngImport: i0 });
+    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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavNodeAccessoryDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavNodeAccessoryDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-node-accessory]",
@@ -475,10 +475,10 @@ class SideNavNodeActionDirective extends CoreTreeNodeActionDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getNodeActionBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavNodeActionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", 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.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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavNodeActionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavNodeActionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-node-action]",
@@ -492,7 +492,7 @@ class SideNavNodeContextDirective extends ApiContextDirective {
     /**
      * The root node of the tree. Used for type narrowing of the template guard.
      */
-    rootNode = input(...(ngDevMode ? [undefined, { debugName: "rootNode" }] : []));
+    rootNode = input(...(ngDevMode ? [undefined, { debugName: "rootNode" }] : /* istanbul ignore next */ []));
     constructor() {
         const contextService = inject(TreeNodeStateContextService);
         super(contextService, "sideNavNodeContext");
@@ -500,10 +500,10 @@ class SideNavNodeContextDirective extends ApiContextDirective {
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavNodeContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", 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.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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavNodeContextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavNodeContextDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[sideNavNodeContext]",
@@ -519,10 +519,10 @@ class SideNavNodeIconDirective extends CoreTreeNodeIconDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getNodeIconBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavNodeIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", 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.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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavNodeIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavNodeIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-node-icon]",
@@ -538,10 +538,10 @@ class SideNavNodeIndicatorDirective extends CoreTreeNodeIndicatorDirective {
         super();
         this.trackBindings.extendWith(computed(() => this.qdsContext().getNodeIndicatorBindings()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavNodeIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", 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.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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavNodeIndicatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavNodeIndicatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-node-indicator]",
@@ -552,10 +552,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 // 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.16", ngImport: i0, type: SideNavNodeTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", 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.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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavNodeTextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavNodeTextDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[q-side-nav-node-text]",
@@ -569,28 +569,26 @@ class SideNavNodesComponent {
     /**
      * The index path of the tree node
      */
-    indexPath = input.required(...(ngDevMode ? [{ debugName: "indexPath" }] : []));
+    indexPath = input.required(...(ngDevMode ? [{ debugName: "indexPath" }] : /* istanbul ignore next */ []));
     /**
      * 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" }] : []));
+    node = input.required(...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
+    showIndentGuide = input(undefined, { ...(ngDevMode ? { debugName: "showIndentGuide" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    renderBranch = input(...(ngDevMode ? [undefined, { debugName: "renderBranch" }] : /* istanbul ignore next */ []));
+    renderLeaf = input(...(ngDevMode ? [undefined, { debugName: "renderLeaf" }] : /* istanbul ignore next */ []));
+    sideNavBranchContentChild = contentChild((SideNavBranchTemplateDirective), ...(ngDevMode ? [{ debugName: "sideNavBranchContentChild" }] : /* istanbul ignore next */ []));
+    sideNavLeafContentChild = contentChild((SideNavLeafTemplateDirective), ...(ngDevMode ? [{ debugName: "sideNavLeafContentChild" }] : /* istanbul ignore next */ []));
     branchTemplate = computed(() => {
         const branchInput = this.renderBranch();
         const branchTemplate = this.sideNavBranchContentChild();
         return branchInput || branchTemplate?.template;
-    }, ...(ngDevMode ? [{ debugName: "branchTemplate" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "branchTemplate" }] : /* istanbul ignore next */ []));
     leafTemplate = computed(() => {
         const leafInput = this.renderLeaf();
         const leafTemplate = this.sideNavLeafContentChild();
         return (leafInput || leafTemplate?.template);
-    }, ...(ngDevMode ? [{ debugName: "leafTemplate" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "leafTemplate" }] : /* istanbul ignore next */ []));
     treeContext = useTreeContext();
     injector = inject(Injector, { self: true });
     templateContext = computed(() => ({
@@ -598,10 +596,10 @@ class SideNavNodesComponent {
             indexPath: this.indexPath(),
             node: this.node(),
         },
-    }), ...(ngDevMode ? [{ debugName: "templateContext" }] : []));
+    }), ...(ngDevMode ? [{ debugName: "templateContext" }] : /* istanbul ignore next */ []));
     childNodes = computed(() => {
         return this.treeContext().collection.getNodeChildren(this.node());
-    }, ...(ngDevMode ? [{ debugName: "childNodes" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "childNodes" }] : /* istanbul ignore next */ []));
     treeNodePropsContextService = inject(TreeNodePropsContextService, { self: true });
     treeNodeStateContextService = inject(TreeNodeStateContextService, {
         self: true,
@@ -610,15 +608,15 @@ class SideNavNodesComponent {
         const nodeProps = computed(() => ({
             indexPath: this.indexPath(),
             node: this.node(),
-        }), ...(ngDevMode ? [{ debugName: "nodeProps" }] : []));
+        }), ...(ngDevMode ? [{ debugName: "nodeProps" }] : /* istanbul ignore next */ []));
         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.16", ngImport: i0, type: SideNavNodesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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.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: `
     @if (childNodes().length) {
       <div q-side-nav-branch>
         <ng-template
@@ -656,7 +654,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: "20.3.16", ngImport: i0, type: SideNavNodesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavNodesComponent, decorators: [{
             type: Component,
             args: [{ providers: [provideTreeNodePropsContext(), provideTreeNodeStateContext()], selector: "q-side-nav-nodes", standalone: false, template: `
     @if (childNodes().length) {
@@ -705,7 +703,7 @@ class SideNavRootDirective extends CoreSideNavRootDirective {
      *
      * @default 'primary'
      */
-    surface = input(...(ngDevMode ? [undefined, { debugName: "surface" }] : []));
+    surface = input(...(ngDevMode ? [undefined, { debugName: "surface" }] : /* istanbul ignore next */ []));
     qdsSideNavService = inject(QdsSideNavContextService);
     constructor() {
         super();
@@ -717,15 +715,15 @@ class SideNavRootDirective extends CoreSideNavRootDirective {
         this.qdsSideNavService.init(computed(() => createQdsSideNavApi(normalizeProps)));
         super.ngOnInit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.16", 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.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: [
             provideTreeContext(),
             provideRenderStrategyContext(),
             provideSideNavContext(),
             provideQdsSideNavContext(),
         ], exportAs: ["sideNavRoot"], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavRootDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavRootDirective, decorators: [{
             type: Directive,
             args: [{
                     exportAs: "sideNavRoot",
@@ -743,8 +741,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 // 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.16", ngImport: i0, type: SideNavModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: SideNavModule, declarations: [SideNavRootDirective,
+    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,
             SideNavBranchDirective,
             SideNavBranchContentDirective,
             SideNavBranchIndentGuideDirective,
@@ -793,9 +791,9 @@ class SideNavModule {
             SideNavNodeIndicatorDirective,
             SideNavNodeTextDirective,
             SideNavNodesComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SideNavModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: SideNavModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [