@arsedizioni/ars-utils 22.6.85 → 22.6.88

package/types/arsedizioni-ars-utils-ui.navigation.d.ts

@@ -1,21 +1,8 @@
-import { BreakpointAlias } from '@arsedizioni/ars-utils/ui';
-import * as _angular_core from '@angular/core';
-import { ConnectedPosition } from '@angular/cdk/overlay';
-import { TooltipPosition } from '@angular/material/tooltip';
-import { ActivatedRoute } from '@angular/router';
-
-/**
- * @file navigation.definitions.ts
- *
- * Data model shared by every variant of the Material Design 3 (Expressive)
- * navigation component: Navigation bar, Navigation rail (collapsed and
- * expanded) and Navigation drawer (standard and modal).
- *
- * Reference: https://m3.material.io/components/navigation-bar/specs
- *            https://m3.material.io/components/navigation-rail/specs
- *            https://m3.material.io/components/navigation-drawer/specs
- */
-
+import { BreakpointAlias } from "@arsedizioni/ars-utils/ui";
+import { ConnectedPosition } from "@angular/cdk/overlay";
+import { TooltipPosition } from "@angular/material/tooltip";
+import { ActivatedRoute } from "@angular/router";
+import * as i0 from "@angular/core";
 /**
  * Rendering variants supported by the component.
  *
@@ -26,9 +13,9 @@ import { ActivatedRoute } from '@angular/router';
  * - `modal`          — Modal navigation drawer: same as `drawer` but overlaid on a scrim.
  * - `auto`           — Resolved at runtime from the active CDK breakpoint (see `autoVariants`).
  */
-type NavigationVariant = 'auto' | 'bar' | 'rail' | 'rail-expanded' | 'drawer' | 'modal';
+export type NavigationVariant = 'auto' | 'bar' | 'rail' | 'rail-expanded' | 'drawer' | 'modal';
 /** Variants that can actually be rendered, i.e. every variant except `auto`. */
-type ResolvedNavigationVariant = Exclude<NavigationVariant, 'auto'>;
+export type ResolvedNavigationVariant = Exclude<NavigationVariant, 'auto'>;
 /**
  * Label visibility policy, mirroring the four Material label visibility modes.
  *
@@ -37,7 +24,7 @@ type ResolvedNavigationVariant = Exclude<NavigationVariant, 'auto'>;
  * - `selected`   — Only the active destination shows its label (legacy M3 "auto" behaviour).
  * - `unlabeled`  — Icons only; the accessible name comes from `aria-label` / tooltip.
  */
-type NavigationLabelVisibility = 'auto' | 'labeled' | 'selected' | 'unlabeled';
+export type NavigationLabelVisibility = 'auto' | 'labeled' | 'selected' | 'unlabeled';
 /**
  * Item layout inside a destination.
  *
@@ -46,25 +33,25 @@ type NavigationLabelVisibility = 'auto' | 'labeled' | 'selected' | 'unlabeled';
  * - `auto`       — `vertical` on compact windows, `horizontal` from 600dp upwards; always
  *                  `horizontal` for the expanded rail and the drawer.
  */
-type NavigationItemLayout = 'auto' | 'vertical' | 'horizontal';
+export type NavigationItemLayout = 'auto' | 'vertical' | 'horizontal';
 /** Vertical alignment of the destination list inside a rail. */
-type NavigationAlignment = 'top' | 'center' | 'bottom';
+export type NavigationAlignment = 'top' | 'center' | 'bottom';
 /** Side the rail / drawer is anchored to. Automatically mirrored in RTL. */
-type NavigationPosition = 'start' | 'end';
+export type NavigationPosition = 'start' | 'end';
 /**
  * Badge attached to a destination.
  * When `value` is `undefined` a small dot badge is rendered, otherwise a large
  * badge showing the value (clamped to `max`).
  */
-interface NavigationBadge {
-    /** Numeric or textual content of the badge. Leave `undefined` for a dot badge. */
-    value?: number | string;
-    /** Upper bound for numeric values; above it the badge renders `${max}+`. Defaults to 999. */
-    max?: number;
-    /** Accessible description announced together with the destination label. */
-    ariaLabel?: string;
-    /** Optional CSS colour override for this badge only. */
-    color?: string;
+export interface NavigationBadge {
+  /** Numeric or textual content of the badge. Leave `undefined` for a dot badge. */
+  value?: number | string;
+  /** Upper bound for numeric values; above it the badge renders `${max}+`. Defaults to 999. */
+  max?: number;
+  /** Accessible description announced together with the destination label. */
+  ariaLabel?: string;
+  /** Optional CSS colour override for this badge only. */
+  color?: string;
 }
 /**
  * Frame indices of a sprite sheet, one per interaction state.
@@ -73,15 +60,15 @@ interface NavigationBadge {
  * dark set (declared under `NavigationIconSprite.dark`), so a sheet holding both
  * themes needs no duplicated geometry.
  */
-interface NavigationSpriteFrames {
-    /** Zero-based frame index for the resting state. Defaults to 0. */
-    normal?: number;
-    /** Frame index used on hover and on keyboard focus. Defaults to `normal`. */
-    hover?: number;
-    /** Frame index used when the destination is selected. Defaults to `hover`. */
-    active?: number;
-    /** Frame index used when the destination is disabled. Defaults to `normal`. */
-    disabled?: number;
+export interface NavigationSpriteFrames {
+  /** Zero-based frame index for the resting state. Defaults to 0. */
+  normal?: number;
+  /** Frame index used on hover and on keyboard focus. Defaults to `normal`. */
+  hover?: number;
+  /** Frame index used when the destination is selected. Defaults to `hover`. */
+  active?: number;
+  /** Frame index used when the destination is disabled. Defaults to `normal`. */
+  disabled?: number;
 }
 /**
  * Sprite sheet descriptor: a single image holding every state frame of an icon,
@@ -99,137 +86,137 @@ interface NavigationSpriteFrames {
  * the ones that differ when the dark theme is active. A sheet that carries a
  * single set simply omits `dark`.
  */
-interface NavigationIconSprite extends NavigationSpriteFrames {
-    /** URL of the sprite sheet. */
-    url: string;
-    /** Side of a single frame inside the image file, in pixels. Defaults to 24. */
-    size?: number;
-    /** Side the icon is drawn at, in pixels. Defaults to `size`. */
-    renderSize?: number;
-    /**
-     * Total number of frames in the sheet, needed to rescale it.
-     * Defaults to the highest referenced frame index plus one, which is correct
-     * for any sheet that has no trailing unused frame.
-     */
-    frames?: number;
-    /** Axis the frames are laid out along. Defaults to `vertical`. */
-    direction?: 'vertical' | 'horizontal';
-    /** Frame indices used when the dark theme is active. Defaults to the light ones. */
-    dark?: NavigationSpriteFrames;
+export interface NavigationIconSprite extends NavigationSpriteFrames {
+  /** URL of the sprite sheet. */
+  url: string;
+  /** Side of a single frame inside the image file, in pixels. Defaults to 24. */
+  size?: number;
+  /** Side the icon is drawn at, in pixels. Defaults to `size`. */
+  renderSize?: number;
+  /**
+   * Total number of frames in the sheet, needed to rescale it.
+   * Defaults to the highest referenced frame index plus one, which is correct
+   * for any sheet that has no trailing unused frame.
+   */
+  frames?: number;
+  /** Axis the frames are laid out along. Defaults to `vertical`. */
+  direction?: 'vertical' | 'horizontal';
+  /** Frame indices used when the dark theme is active. Defaults to the light ones. */
+  dark?: NavigationSpriteFrames;
 }
 /** A single navigation destination. */
-interface NavigationItem {
-    /** Stable unique identifier; used as the `@for` track key and as the selection value. */
-    id: string;
-    /** Visible label. Also used as the accessible name and as the tooltip fallback. */
-    label: string;
-    /**
-     * Shorter label used ONLY where the label sits under the icon — the navigation
-     * bar and the collapsed rail — which is where a long name wraps or is cut.
-     * Defaults to `label`. The literal `'none'` drops the label there altogether and
-     * leaves the icon alone, for a destination whose icon says it all.
-     * The accessible name and the tooltip always keep `label`, so nothing is lost:
-     * the short form — or no form — is what is drawn, the full one is what is
-     * announced, and the tooltip is what shows it on hover.
-     */
-    labelVertical?: string;
-    /** Material Symbols ligature rendered when the destination is NOT selected. */
-    icon?: string;
-    /** Material Symbols ligature rendered when the destination IS selected (usually the filled variant). */
-    activeIcon?: string;
-    /** Path of a raster / vector image rendered as the icon. Takes precedence over `icon`. */
-    imageIcon?: string;
-    /** Image used when the destination is selected. Takes precedence over `activeIcon`. */
-    activeImageIcon?: string;
-    /**
-     * Sprite sheet holding every state frame of the icon. Takes precedence over
-     * `imageIcon` and `icon`; state changes cost one `background-position` shift.
-     */
-    sprite?: NavigationIconSprite;
-    /** Name of an SVG icon registered in `MatIconRegistry`; takes precedence over `icon`. */
-    svgIcon?: string;
-    /** SVG icon used when the destination is selected; takes precedence over `activeIcon`. */
-    activeSvgIcon?: string;
-    /** Badge shown on top of the icon (collapsed variants) or at the trailing edge (expanded variants). */
-    badge?: NavigationBadge;
-    /** Short trailing text shown at the end of the row in the expanded rail and in the drawer. */
-    trailing?: string;
-    /** When `true` the destination is rendered dimmed and is not interactive. */
-    disabled?: boolean;
-    /**
-     * When `true` the destination is drawn in a much quieter colour while staying
-     * fully usable: it is clicked, navigated to and selected exactly like any other.
-     * Unlike `disabled` it says "this matters less right now", not "you cannot use
-     * this", so nothing is turned off — not the pointer, not the keyboard, not the
-     * accessible name.
-     */
-    greyed?: boolean;
-    /**
-     * When `true` the destination is not rendered inline in the compact variants:
-     * it is moved into the overflow menu instead. Which variants count as compact
-     * is decided by the component's `overflowMode` input.
-     */
-    hideWhenCompact?: boolean;
-    /** Tooltip text; defaults to `label` when the label is not visible. */
-    tooltip?: string;
-    /** Router commands used to build the destination URL. */
-    route?: string | readonly unknown[];
-    /** Query parameters appended to `route`. */
-    queryParams?: Record<string, unknown>;
-    /** Fragment appended to `route`. */
-    fragment?: string;
-    /** When `true` the route must match the whole URL to mark the destination active. Defaults to `false`. */
-    exact?: boolean;
-    /** External URL. Rendered as a plain anchor and never matched against the router. */
-    href?: string;
-    /** Anchor target used together with `href`. */
-    target?: string;
-    /** Explicit accessible name, when the visible label is not descriptive enough. */
-    ariaLabel?: string;
-    /**
-     * Nested destinations. Clicking a destination with children never navigates: it
-     * expands the group inline (expanded rail / drawer) or opens it in a floating
-     * panel (bar / collapsed rail). Giving it a `route` anyway is still meaningful —
-     * the destination is matched against the router like any other, so the row shows
-     * as selected while that route is active, even though only its children take the
-     * user there.
-     */
-    children?: readonly NavigationItem[];
-    /** Initial expansion state of a destination that has `children`. Defaults to `false`. */
-    expanded?: boolean;
-    /**
-     * Edge the destination is pinned to inside a rail or a drawer.
-     * `bottom` destinations are pushed to the end of the surface. Ignored by the
-     * navigation bar, where every destination shares the same row.
-     */
-    align?: 'top' | 'bottom';
-    /** Arbitrary payload echoed back in `NavigationSelection`. */
-    data?: unknown;
+export interface NavigationItem {
+  /** Stable unique identifier; used as the `@for` track key and as the selection value. */
+  id: string;
+  /** Visible label. Also used as the accessible name and as the tooltip fallback. */
+  label: string;
+  /**
+   * Shorter label used ONLY where the label sits under the icon — the navigation
+   * bar and the collapsed rail — which is where a long name wraps or is cut.
+   * Defaults to `label`. The literal `'none'` drops the label there altogether and
+   * leaves the icon alone, for a destination whose icon says it all.
+   * The accessible name and the tooltip always keep `label`, so nothing is lost:
+   * the short form — or no form — is what is drawn, the full one is what is
+   * announced, and the tooltip is what shows it on hover.
+   */
+  labelVertical?: string;
+  /** Material Symbols ligature rendered when the destination is NOT selected. */
+  icon?: string;
+  /** Material Symbols ligature rendered when the destination IS selected (usually the filled variant). */
+  activeIcon?: string;
+  /** Path of a raster / vector image rendered as the icon. Takes precedence over `icon`. */
+  imageIcon?: string;
+  /** Image used when the destination is selected. Takes precedence over `activeIcon`. */
+  activeImageIcon?: string;
+  /**
+   * Sprite sheet holding every state frame of the icon. Takes precedence over
+   * `imageIcon` and `icon`; state changes cost one `background-position` shift.
+   */
+  sprite?: NavigationIconSprite;
+  /** Name of an SVG icon registered in `MatIconRegistry`; takes precedence over `icon`. */
+  svgIcon?: string;
+  /** SVG icon used when the destination is selected; takes precedence over `activeIcon`. */
+  activeSvgIcon?: string;
+  /** Badge shown on top of the icon (collapsed variants) or at the trailing edge (expanded variants). */
+  badge?: NavigationBadge;
+  /** Short trailing text shown at the end of the row in the expanded rail and in the drawer. */
+  trailing?: string;
+  /** When `true` the destination is rendered dimmed and is not interactive. */
+  disabled?: boolean;
+  /**
+   * When `true` the destination is drawn in a much quieter colour while staying
+   * fully usable: it is clicked, navigated to and selected exactly like any other.
+   * Unlike `disabled` it says "this matters less right now", not "you cannot use
+   * this", so nothing is turned off — not the pointer, not the keyboard, not the
+   * accessible name.
+   */
+  greyed?: boolean;
+  /**
+   * When `true` the destination is not rendered inline in the compact variants:
+   * it is moved into the overflow menu instead. Which variants count as compact
+   * is decided by the component's `overflowMode` input.
+   */
+  hideWhenCompact?: boolean;
+  /** Tooltip text; defaults to `label` when the label is not visible. */
+  tooltip?: string;
+  /** Router commands used to build the destination URL. */
+  route?: string | readonly unknown[];
+  /** Query parameters appended to `route`. */
+  queryParams?: Record<string, unknown>;
+  /** Fragment appended to `route`. */
+  fragment?: string;
+  /** When `true` the route must match the whole URL to mark the destination active. Defaults to `false`. */
+  exact?: boolean;
+  /** External URL. Rendered as a plain anchor and never matched against the router. */
+  href?: string;
+  /** Anchor target used together with `href`. */
+  target?: string;
+  /** Explicit accessible name, when the visible label is not descriptive enough. */
+  ariaLabel?: string;
+  /**
+   * Nested destinations. Clicking a destination with children never navigates: it
+   * expands the group inline (expanded rail / drawer) or opens it in a floating
+   * panel (bar / collapsed rail). Giving it a `route` anyway is still meaningful —
+   * the destination is matched against the router like any other, so the row shows
+   * as selected while that route is active, even though only its children take the
+   * user there.
+   */
+  children?: readonly NavigationItem[];
+  /** Initial expansion state of a destination that has `children`. Defaults to `false`. */
+  expanded?: boolean;
+  /**
+   * Edge the destination is pinned to inside a rail or a drawer.
+   * `bottom` destinations are pushed to the end of the surface. Ignored by the
+   * navigation bar, where every destination shares the same row.
+   */
+  align?: 'top' | 'bottom';
+  /** Arbitrary payload echoed back in `NavigationSelection`. */
+  data?: unknown;
 }
 /**
  * A group of destinations. Section headlines and dividers are only rendered by
  * the expanded rail and by the drawer, exactly as described by the M3 specs.
  */
-interface NavigationSection {
-    /** Stable unique identifier; used as the `@for` track key. */
-    id: string;
-    /** Optional headline rendered above the group. */
-    label?: string;
-    /** Destinations belonging to the section. */
-    items: readonly NavigationItem[];
-    /** When `true` a divider is rendered after the section. */
-    divider?: boolean;
+export interface NavigationSection {
+  /** Stable unique identifier; used as the `@for` track key. */
+  id: string;
+  /** Optional headline rendered above the group. */
+  label?: string;
+  /** Destinations belonging to the section. */
+  items: readonly NavigationItem[];
+  /** When `true` a divider is rendered after the section. */
+  divider?: boolean;
 }
 /** Payload emitted when a destination is activated. */
-interface NavigationSelection {
-    /** The activated destination. */
-    item: NavigationItem;
-    /** The section the destination belongs to, when sections are in use. */
-    section?: NavigationSection;
-    /** The parent destination, when a nested destination was activated. */
-    parent?: NavigationItem;
-    /** Zero-based index of the destination across the whole flattened list. */
-    index: number;
+export interface NavigationSelection {
+  /** The activated destination. */
+  item: NavigationItem;
+  /** The section the destination belongs to, when sections are in use. */
+  section?: NavigationSection;
+  /** The parent destination, when a nested destination was activated. */
+  parent?: NavigationItem;
+  /** Zero-based index of the destination across the whole flattened list. */
+  index: number;
 }
 /**
  * Policy deciding where `hideWhenCompact` destinations are collapsed into the
@@ -239,508 +226,686 @@ interface NavigationSelection {
  * - `compact` — in the navigation bar and in the collapsed rail.
  * - `never`   — `hideWhenCompact` is ignored and every destination stays inline.
  */
-type NavigationOverflowMode = 'bar' | 'compact' | 'never';
+export type NavigationOverflowMode = 'bar' | 'compact' | 'never';
 /**
  * Identifier of the synthesized overflow destination. Use it to recognise the
  * overflow entry inside `itemSelected`.
  */
-declare const NAVIGATION_OVERFLOW_ID = "__overflow";
+export declare const NAVIGATION_OVERFLOW_ID = "__overflow";
 /** Map of breakpoint alias to the variant used when `variant` is `auto`. */
-type NavigationAutoVariants = Partial<Record<BreakpointAlias, ResolvedNavigationVariant>>;
+export type NavigationAutoVariants = Partial<Record<BreakpointAlias, ResolvedNavigationVariant>>;
 /**
  * Default `auto` mapping, aligned with the Material 3 window size classes:
  * compact windows get the navigation bar, medium and expanded windows get the
  * collapsed rail, large and extra-large windows get the expanded rail.
  */
-declare const DEFAULT_NAVIGATION_AUTO_VARIANTS: Required<NavigationAutoVariants>;
+export declare const DEFAULT_NAVIGATION_AUTO_VARIANTS: Required<NavigationAutoVariants>;
 /** Variants that render labels beside the icon and support sections and dividers. */
-declare const EXPANDED_NAVIGATION_VARIANTS: readonly ResolvedNavigationVariant[];
-
+export declare const EXPANDED_NAVIGATION_VARIANTS: readonly ResolvedNavigationVariant[];
 /** Internal, pre-computed render model for a single destination. */
 interface NavigationRenderItem {
-    /** The source destination. */
-    readonly item: NavigationItem;
-    /** Owning section, when sections are in use. */
-    readonly section?: NavigationSection;
-    /** Parent destination, for nested destinations. */
-    readonly parent?: NavigationItem;
-    /** Zero-based index across the whole flattened destination list. */
-    readonly index: number;
-    /** Nesting level: `0` for a root destination. */
-    readonly depth: number;
-    /** Resolved URL, when the destination is routed or external. */
-    readonly href?: string;
-    /** `true` when the destination navigates through the Angular router. */
-    readonly routed: boolean;
-    /** Material Symbols ligature for the unselected state. */
-    readonly iconOff?: string;
-    /** Material Symbols ligature for the selected state. */
-    readonly iconOn?: string;
-    /** Registered SVG icon name for the unselected state. */
-    readonly svgOff?: string;
-    /** Registered SVG icon name for the selected state. */
-    readonly svgOn?: string;
-    /** Image URL for the unselected state. */
-    readonly imageOff?: string;
-    /** Image URL for the selected state. */
-    readonly imageOn?: string;
-    /** Inline custom properties driving a sprite-sheet icon, when one is used. */
-    readonly spriteStyle?: Record<string, string>;
-    /** Rendered badge text; empty string means "dot badge". */
-    readonly badgeText: string;
-    /** `true` when the destination carries a badge of any kind. */
-    readonly hasBadge: boolean;
-    /** `true` when the destination never renders its label, whatever the label policy. */
-    readonly iconOnly: boolean;
-    /** `true` when the destination owns nested destinations. */
-    readonly hasChildren: boolean;
-    /** Pre-computed render models of the nested destinations. */
-    readonly children: readonly NavigationRenderItem[];
-    /** Accessible name announced for the destination. */
-    readonly ariaLabel: string;
-    /** Tooltip text used when the label is not visible. */
-    readonly tooltip: string;
+  /** The source destination. */
+  readonly item: NavigationItem;
+  /** Owning section, when sections are in use. */
+  readonly section?: NavigationSection;
+  /** Parent destination, for nested destinations. */
+  readonly parent?: NavigationItem;
+  /** Zero-based index across the whole flattened destination list. */
+  readonly index: number;
+  /** Nesting level: `0` for a root destination. */
+  readonly depth: number;
+  /** Resolved URL, when the destination is routed or external. */
+  readonly href?: string;
+  /** `true` when the destination navigates through the Angular router. */
+  readonly routed: boolean;
+  /** Material Symbols ligature for the unselected state. */
+  readonly iconOff?: string;
+  /** Material Symbols ligature for the selected state. */
+  readonly iconOn?: string;
+  /** Registered SVG icon name for the unselected state. */
+  readonly svgOff?: string;
+  /** Registered SVG icon name for the selected state. */
+  readonly svgOn?: string;
+  /** Image URL for the unselected state. */
+  readonly imageOff?: string;
+  /** Image URL for the selected state. */
+  readonly imageOn?: string;
+  /** Inline custom properties driving a sprite-sheet icon, when one is used. */
+  readonly spriteStyle?: Record<string, string>;
+  /** Rendered badge text; empty string means "dot badge". */
+  readonly badgeText: string;
+  /** `true` when the destination carries a badge of any kind. */
+  readonly hasBadge: boolean;
+  /** `true` when the destination never renders its label, whatever the label policy. */
+  readonly iconOnly: boolean;
+  /** `true` when the destination owns nested destinations. */
+  readonly hasChildren: boolean;
+  /** Pre-computed render models of the nested destinations. */
+  readonly children: readonly NavigationRenderItem[];
+  /** Accessible name announced for the destination. */
+  readonly ariaLabel: string;
+  /** Tooltip text used when the label is not visible. */
+  readonly tooltip: string;
 }
 /** Internal render model for a section and its destinations. */
 interface NavigationRenderSection {
-    /** The source section. */
-    readonly section: NavigationSection;
-    /** Destinations of the section. */
-    readonly items: readonly NavigationRenderItem[];
+  /** The source section. */
+  readonly section: NavigationSection;
+  /** Destinations of the section. */
+  readonly items: readonly NavigationRenderItem[];
 }
 /** Internal render model for one row of the floating submenu panel. */
 interface NavigationPanelEntry {
-    /** Stable `@for` track key. */
-    readonly key: string;
-    /** Heading text, when the row is a group heading. */
-    readonly label?: string;
-    /** Destination to render, when the row is an actual entry. */
-    readonly render?: NavigationRenderItem;
-    /** `true` when the entry sits under a heading, and is indented to show it. */
-    readonly grouped?: boolean;
+  /** Stable `@for` track key. */
+  readonly key: string;
+  /** Heading text, when the row is a group heading. */
+  readonly label?: string;
+  /** Destination to render, when the row is an actual entry. */
+  readonly render?: NavigationRenderItem;
+  /** `true` when the entry sits under a heading, and is indented to show it. */
+  readonly grouped?: boolean;
 }
 /** Internal render model for one of the two anchoring groups of a surface. */
 interface NavigationRenderGroup {
-    /** Edge the group is pinned to. */
-    readonly align: 'top' | 'bottom';
-    /** Sections belonging to the group. */
-    readonly sections: readonly NavigationRenderSection[];
-}
-declare class NavigationBarComponent {
-    private readonly media;
-    private readonly themeService;
-    private readonly router;
-    private readonly directionality;
-    private readonly hostRef;
-    /** Used to schedule the post-render read that reveals a branch just expanded. */
-    private readonly injector;
-    private readonly destroyRef;
-    /** Flat list of destinations. Ignored when `sections` is provided. */
-    readonly items: _angular_core.InputSignal<readonly NavigationItem[]>;
-    /** Grouped destinations. Section headlines and dividers only render in the expanded variants. */
-    readonly sections: _angular_core.InputSignal<readonly NavigationSection[]>;
-    /** Rendering variant. `auto` resolves from the active breakpoint through `autoVariants`. */
-    readonly variant: _angular_core.InputSignal<NavigationVariant>;
-    /** Breakpoint → variant map used when `variant` is `auto`. Missing entries fall back to the M3 defaults. */
-    readonly autoVariants: _angular_core.InputSignal<Partial<Record<"xs" | "sm" | "md" | "lg" | "xl", ResolvedNavigationVariant>>>;
-    /** Two-way bound id of the selected destination. The router, when active, takes precedence. */
-    readonly selectedId: _angular_core.ModelSignal<string>;
-    /**
-     * Two-way bound ids of the expanded parent destinations.
-     * Leave unbound (`undefined`) to let the component manage the expansion state
-     * on its own, seeding it from `NavigationItem.expanded` and auto-opening the
-     * ancestors of the active destination.
-     */
-    readonly expandedIds: _angular_core.ModelSignal<readonly string[]>;
-    /** Two-way bound open state of the modal drawer. Ignored by the other variants. */
-    readonly open: _angular_core.ModelSignal<boolean>;
-    /** Label visibility policy. */
-    readonly labelVisibility: _angular_core.InputSignal<NavigationLabelVisibility>;
-    /** Icon / label arrangement inside a destination. */
-    readonly itemLayout: _angular_core.InputSignal<NavigationItemLayout>;
-    /**
-     * Icons of the nested destinations in the expanded variants (rail-expanded,
-     * drawer, modal), where children are listed inline under their parent.
-     * `false` — the default — renders those rows as label only, which keeps the
-     * branch readable; the label stays aligned with the labels around it and a
-     * badge moves to the trailing edge. Top level destinations always keep their
-     * icon, and so do the children shown in the floating panel of the compact
-     * variants.
-     */
-    readonly childIcons: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Compact rows in the expanded variants (rail-expanded, drawer, modal):
-     * 48px instead of the 56px of the M3 spec, with the dependent measures
-     * scaled along — nested rows 40px, labels one step smaller, tighter gaps.
-     * The bar and the collapsed rail keep their own spec metrics.
-     */
-    readonly dense: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Vertical alignment of the `top` destination group inside a rail. */
-    readonly alignment: _angular_core.InputSignal<NavigationAlignment>;
-    /** Edge the rail / drawer is anchored to. Mirrored automatically in RTL. */
-    readonly position: _angular_core.InputSignal<NavigationPosition>;
-    /** Headline rendered above the destinations in the expanded rail and in the drawer. */
-    readonly headline: _angular_core.InputSignal<string>;
-    /** When `true` a leading menu button is rendered; it emits `menuClick`. */
-    readonly showMenuButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Material Symbols ligature used by the menu button. */
-    readonly menuIcon: _angular_core.InputSignal<string>;
-    /** Material Symbols ligature used by the expand / collapse chevron. */
-    readonly expandIcon: _angular_core.InputSignal<string>;
-    /** Where `hideWhenCompact` destinations are collapsed into the overflow menu. */
-    readonly overflowMode: _angular_core.InputSignal<NavigationOverflowMode>;
-    /** Material Symbols ligature of the overflow destination. */
-    readonly overflowIcon: _angular_core.InputSignal<string>;
-    /** Accessible name and tooltip of the overflow destination, which renders icon-only. */
-    readonly overflowLabel: _angular_core.InputSignal<string>;
-    /**
-     * Hard cap on the destinations rendered inline in the compact variants,
-     * applied per anchoring group. The overflow destination counts as one slot.
-     * `0` disables the cap; the M3 specs recommend 3 to 5 for the navigation bar.
-     */
-    readonly maxVisibleItems: _angular_core.InputSignalWithTransform<number, unknown>;
-    /** Accessible name of the menu button. */
-    readonly menuAriaLabel: _angular_core.InputSignal<string>;
-    /** Accessible name of the navigation landmark. */
-    readonly ariaLabel: _angular_core.InputSignal<string>;
-    /** When `true` a scrim is rendered behind the modal drawer. */
-    readonly scrim: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** When `true` the modal drawer closes as soon as a destination is activated. */
-    readonly closeOnSelect: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** When `true` the surface gets the M3 elevation-3 shadow. */
-    readonly elevated: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** When `true` a 1px divider separates the surface from the page content. */
-    readonly bordered: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** When `true` tooltips are shown for destinations whose label is not visible. */
-    readonly tooltips: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** When `true` the selection follows the current router URL. */
-    readonly routerSync: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Route used to resolve relative `route` commands. Absolute resolution when omitted. */
-    readonly relativeTo: _angular_core.InputSignal<ActivatedRoute>;
-    /** Explicit surface width in pixels for the rail / drawer variants. `0` keeps the spec default. */
-    readonly width: _angular_core.InputSignalWithTransform<number, unknown>;
-    /**
-     * Explicit width in pixels of the COLLAPSED rail. `0` keeps the 96px of the
-     * spec. It is separate from `width` because a surface set to `auto` is a
-     * collapsed rail at one breakpoint and an expanded one at the next, and the
-     * two want different widths; when both are given, this one wins on the
-     * collapsed rail and `width` covers the rest.
-     */
-    readonly railWidth: _angular_core.InputSignalWithTransform<number, unknown>;
-    /**
-     * Lower bound in pixels for the width of the expanded variants (rail-expanded,
-     * drawer, modal). `0` keeps the default, which sets no floor. It is what keeps
-     * the surface readable when its width comes from a percentage or from a
-     * container that can shrink, instead of from `width`.
-     */
-    readonly minWidth: _angular_core.InputSignalWithTransform<number, unknown>;
-    /**
-     * Upper bound in pixels for the width of the expanded variants (rail-expanded,
-     * drawer, modal). `0` keeps the default, which is the width of the parent: the
-     * surface never spills out of it, whatever `width` says.
-     */
-    readonly maxWidth: _angular_core.InputSignalWithTransform<number, unknown>;
-    /** When `true` the whole surface is hidden (animated off-screen) without being destroyed. */
-    readonly hidden: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Emitted when a destination is activated by the user. */
-    readonly itemSelected: _angular_core.OutputEmitterRef<NavigationSelection>;
-    /** Emitted when the leading menu button is pressed. */
-    readonly menuClick: _angular_core.OutputEmitterRef<void>;
-    /** Focusable destination elements, in DOM order; used for keyboard roving. */
-    private readonly itemElements;
-    /** Focusable entries of the floating submenu panel, in DOM order. */
-    private readonly panelElements;
-    /** Current router URL, kept in a signal so the template stays zoneless-friendly. */
-    private readonly routerUrl;
-    /**
-     * Ticks whenever the application theme moves. The emitted value is ignored on
-     * purpose: it is a change notification, not the answer.
-     *
-     * Reads `themeService`, so it MUST stay below the injected dependencies: moved
-     * above them it would read `undefined`, `?? EMPTY` would swallow it and the
-     * theme would silently stop propagating, with nothing to show for it at
-     * compile time.
-     */
-    private readonly themeChanged;
-    /**
-     * `true` when the dark theme is active; selects the dark frame set of a sprite.
-     *
-     * The answer comes from `getTheme()`, the only one that resolves `auto`
-     * against the OS preference. `getTheme()` already reads a signal for the
-     * explicit modes, so `themeChanged()` is read for the one case that is not
-     * reactive on its own: mode `auto` plus a change of the OS colour scheme,
-     * which leaves the stored mode on `auto` and only travels through `changed`.
-     * Falls back to the light set when no `ThemeService` is provided.
-     */
-    private readonly isDark;
-    /** Id of the destination whose children are currently shown in the floating panel. */
-    private readonly popupId;
-    /**
-     * Destination whose children are currently shown in the floating panel.
-     *
-     * Derived from the id and NOT stored as an object: the render model is rebuilt
-     * whenever the destinations, the resolved URLs or the theme change, and a
-     * stored object would keep the panel painting the sprite frames of the
-     * previous theme until the panel is closed and reopened.
-     *
-     * The search is recursive because a panel entry can itself own children and
-     * open a panel of its own, and those nested render models are not part of the
-     * top level of `visibleGroups`.
-     *
-     * Reads `visibleGroups`, which is declared further down: safe because
-     * `computed` is lazy and nothing reads this before the first render — the
-     * opposite of `themeChanged` above, which reads its dependency immediately.
-     */
-    protected readonly popupItem: _angular_core.Signal<NavigationRenderItem>;
-    /** Element the floating panel is anchored to. */
-    private readonly popupAnchor;
-    constructor();
-    /** Sections actually rendered: the `sections` input, or a single implicit section wrapping `items`. */
-    private readonly resolvedSections;
-    /** Every destination, nested ones included, in depth-first order. */
-    private readonly allItems;
-    /** Map of destination id to the id of its parent destination. */
-    private readonly parentOf;
-    /** The variant to render, resolving `auto` against the active CDK breakpoint. */
-    protected readonly resolvedVariant: _angular_core.Signal<ResolvedNavigationVariant>;
-    /** `true` for the variants that render labels beside icons and support sections. */
-    protected readonly isExpanded: _angular_core.Signal<boolean>;
-    /** `true` when the surface is the modal drawer. */
-    protected readonly isModal: _angular_core.Signal<boolean>;
-    /** `true` when the modal drawer is currently open. */
-    protected readonly isOverlayOpen: _angular_core.Signal<boolean>;
-    /** `true` when the surface must be visually hidden. */
-    protected readonly isHidden: _angular_core.Signal<boolean>;
-    /** Resolved icon / label arrangement. */
-    protected readonly resolvedLayout: _angular_core.Signal<"vertical" | "horizontal">;
-    /** Resolved label visibility; the expanded variants always show labels. */
-    protected readonly resolvedLabelVisibility: _angular_core.Signal<"labeled" | "selected" | "unlabeled">;
-    /** `true` when the headline row (menu button, headline text) is rendered. */
-    protected readonly showsHeader: _angular_core.Signal<boolean>;
-    /**
-     * Geometry of the active indicator:
-     * `compact` wraps the icon only (56x32 pill), `wide` wraps icon and label
-     * together, exactly as described by the M3 Expressive specs.
-     */
-    protected readonly indicatorMode: _angular_core.Signal<"wide" | "compact">;
-    /** Tooltip placement derived from the variant and from the anchoring edge. */
-    protected readonly tooltipPosition: _angular_core.Signal<TooltipPosition>;
-    /** Inline width override for the rail / drawer, or `undefined` to keep the spec default. */
-    protected readonly widthStyle: _angular_core.Signal<string>;
-    /** Inline width override for the collapsed rail, or `undefined` to keep the spec default. */
-    protected readonly railWidthStyle: _angular_core.Signal<string>;
-    /** Inline lower bound for the expanded variants, or `undefined` to keep the default. */
-    protected readonly minWidthStyle: _angular_core.Signal<string>;
-    /** Inline upper bound for the expanded variants, or `undefined` to keep the default. */
-    protected readonly maxWidthStyle: _angular_core.Signal<string>;
-    /** Map of destination id to resolved URL. Recomputed only when the destinations change. */
-    private readonly hrefs;
-    /**
-     * Static render model, rebuilt only when the destinations, the resolved URLs
-     * or the theme change — never when the selection or the expansion state
-     * changes. The theme is a dependency because sprite icons carry one frame set
-     * per theme, and the frames are baked into the inline style of the icon.
-     */
-    private readonly renderGroups;
-    /** Id of the destination matching the current router URL, using longest-prefix matching. */
-    private readonly routerActiveId;
-    /** Id of the currently active destination: router URL first, explicit selection as fallback. */
-    protected readonly activeId: _angular_core.Signal<string>;
-    /**
-     * Expansion state used when `expandedIds` is left unbound: the destinations
-     * flagged `expanded`, plus every ancestor of the active destination.
-     */
-    private readonly defaultExpandedIds;
-    /** Ids of the parent destinations currently expanded. */
-    protected readonly expandedSet: _angular_core.Signal<ReadonlySet<string>>;
-    /** `true` when the current variant collapses `hideWhenCompact` destinations into the overflow menu. */
-    protected readonly overflowApplies: _angular_core.Signal<boolean>;
-    /**
-     * Render model actually walked by the template: the static model with the
-     * compact-only destinations moved into the overflow menu and the children of
-     * the expanded parents spliced in.
-     */
-    protected readonly visibleGroups: _angular_core.Signal<readonly NavigationRenderGroup[]>;
-    /**
-     * Ids rendered with the selected styling: the active destination alone, and only
-     * while it is on screen. A parent stands in for nothing here — the template drops
-     * it unless it owns a route of its own — so a destination hidden inside a closed
-     * branch leaves this set empty and `ancestorIds` marks the trail instead.
-     */
-    protected readonly highlightedIds: _angular_core.Signal<ReadonlySet<string>>;
-    /**
-     * Ids of the ancestors of the active destination. No variant ever shows a parent
-     * as selected, so this trail is what tells the user where they are: it marks the
-     * whole chain down to the active destination, whether its branch is open, closed
-     * or inside a floating panel. Ancestors that are not rendered simply never reach
-     * the template.
-     */
-    protected readonly ancestorIds: _angular_core.Signal<ReadonlySet<string>>;
-    /**
-     * Rows of the floating submenu panel. Nested destinations one level down are
-     * flattened under a heading, so the overflow menu can hold parents too.
-     */
-    protected readonly popupEntries: _angular_core.Signal<readonly NavigationPanelEntry[]>;
-    /** `true` when the floating submenu panel must be shown. */
-    protected readonly isPopupOpen: _angular_core.Signal<boolean>;
-    /** Element the floating submenu panel is anchored to. */
-    protected readonly popupOrigin: _angular_core.Signal<HTMLElement>;
-    /** Connected positions of the floating submenu panel, derived from the variant. */
-    protected readonly popupPositions: _angular_core.Signal<ConnectedPosition[]>;
-    /** `true` when the layout runs right-to-left; used to mirror the arrow keys. */
-    private readonly isRtl;
-    /**
-     * Activates a destination, or expands it when it owns nested destinations.
-     * A parent never navigates: it toggles its group inline in the wide variants
-     * and opens the floating panel in the compact ones.
-     * @param render - The render model of the activated destination.
-     * @param event - The originating mouse or keyboard event.
-     */
-    protected select(render: NavigationRenderItem, event: Event): void;
-    /**
-     * Emits `menuClick` when the leading menu button is pressed.
-     */
-    protected onMenuClick(): void;
-    /**
-     * Closes the modal drawer when the scrim is clicked.
-     */
-    protected onScrimClick(): void;
-    /**
-     * Handles keyboard interaction: arrow keys move the focus between
-     * destinations, `Home` / `End` jump to the first / last one and `Escape`
-     * closes the floating submenu panel or the modal drawer.
-     *
-     * The same handler serves the surface and the floating panel, and it tells
-     * them apart by `currentTarget`: roving inside an open `role="menu"` must stay
-     * inside it, and a programmatic `focus()` is NOT stopped by the focus trap, so
-     * sharing one element list would send the focus onto the surface behind the
-     * overlay.
-     *
-     * @param event - The originating keyboard event.
-     */
-    protected onKeydown(event: KeyboardEvent): void;
-    /**
-     * Expands or collapses the parent destination with the given id.
-     * @param id - Identifier of the parent destination to toggle.
-     */
-    toggleExpanded(id: string): void;
-    /**
-     * Opens the floating submenu panel of a parent destination.
-     * @param render - The render model of the parent destination.
-     * @param event - The originating event, used to anchor the panel.
-     */
-    protected openPopup(render: NavigationRenderItem, event: Event): void;
-    /**
-     * Closes the floating submenu panel.
-     */
-    closePopup(): void;
-    /**
-     * Opens the modal drawer. No-op for the other variants.
-     */
-    openDrawer(): void;
-    /**
-     * Closes the modal drawer. No-op for the other variants.
-     */
-    closeDrawer(): void;
-    /**
-     * Toggles the modal drawer. No-op for the other variants.
-     */
-    toggleDrawer(): void;
-    /**
-     * Moves the browser focus to the destination with the given id.
-     * @param id - Identifier of the destination to focus.
-     * @returns `true` when a matching destination was found and focused.
-     */
-    focusItem(id: string): boolean;
-    /**
-     * Scrolls the list so that the destinations a branch has just revealed are visible.
-     *
-     * Opening a parent sitting near the bottom of the list adds its children BELOW the fold: the
-     * row answers the click, and nothing seems to happen. This scrolls to the end of the branch so
-     * the options show up where the user is already looking.
-     *
-     * The parent row is never pushed out of the top: when a branch is taller than the list, showing
-     * its end would cost the row that was clicked, so the scroll stops with the parent at the top
-     * edge and the branch runs off the bottom — the user reads it downwards from there.
-     *
-     * Only the wide variants expand inline; in the compact ones the children live in the floating
-     * panel and there is nothing to scroll.
-     *
-     * @param id - Identifier of the parent destination that has just been expanded.
-     * @returns void
-     */
-    private revealBranch;
-    /**
-     * Moves the compact-only destinations of a group into a synthesized overflow
-     * destination appended at the end of the group.
-     * @param group - The group to process.
-     * @param overflow - `true` when `hideWhenCompact` must be honoured.
-     * @param max - Hard cap on the inline destinations; `0` disables it.
-     * @returns The group with the overflow destination applied.
-     */
-    private applyOverflow;
-    /**
-     * Builds the synthesized, icon-only overflow destination.
-     * @param children - The destinations moved into the overflow menu.
-     * @returns The render model of the overflow destination.
-     */
-    private buildOverflowItem;
-    /**
-     * Merges the `top` and `bottom` groups into a single `top` group, combining
-     * the sections that share an id so `@for` track keys stay unique.
-     * @param groups - The groups to merge.
-     * @returns A single-group array, or the input when there is nothing to merge.
-     */
-    private static mergeGroups;
-    /**
-     * Builds the render model of a destination and, recursively, of its children.
-     * @param item - The source destination.
-     * @param section - The section the destination belongs to.
-     * @param parent - The parent destination, for nested destinations.
-     * @param depth - Nesting level of the destination.
-     * @param counter - Shared counter producing the flat destination index.
-     * @param hrefs - Map of destination id to resolved URL.
-     * @param dark - `true` when the dark theme is active, selecting the dark sprite frames.
-     * @returns The render model of the destination.
-     */
-    private static buildRenderItem;
-    /**
-     * Translates a sprite descriptor into the inline custom properties the
-     * stylesheet uses to size the icon and to shift `background-position` per
-     * interaction state.
-     *
-     * The sheet is rescaled through `background-size` instead of being drawn at
-     * its natural size: that is what lets a strip of 26px frames be painted at the
-     * 24px of the surrounding Material icons without the neighbouring frames
-     * bleeding into the box, and it makes the step between two frames exactly the
-     * rendered side.
-     *
-     * @param item - The destination whose sprite must be translated.
-     * @param dark - `true` when the dark theme is active, selecting the `dark` frame set.
-     * @returns The inline style map, or `undefined` when the destination uses no sprite.
-     */
-    private static buildSpriteStyle;
-    /**
-     * Number of frames a sprite sheet holds, needed to rescale it.
-     * @param sprite - The sprite descriptor to measure.
-     * @returns The declared frame count, or the highest referenced index plus one.
-     */
-    private static spriteFrameCount;
-    /**
-     * Formats the badge content of a destination.
-     * @param item - The destination whose badge must be formatted.
-     * @returns The badge text, or an empty string for a dot badge / no badge.
-     */
-    private static formatBadge;
-    /**
-     * Strips the query string and the fragment from a URL.
-     * @param url - The URL to normalise.
-     * @returns The path portion of the URL.
-     */
-    private static pathOf;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationBarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationBarComponent, "navigation-bar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "sections": { "alias": "sections"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "autoVariants": { "alias": "autoVariants"; "required": false; "isSignal": true; }; "selectedId": { "alias": "selectedId"; "required": false; "isSignal": true; }; "expandedIds": { "alias": "expandedIds"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "labelVisibility": { "alias": "labelVisibility"; "required": false; "isSignal": true; }; "itemLayout": { "alias": "itemLayout"; "required": false; "isSignal": true; }; "childIcons": { "alias": "childIcons"; "required": false; "isSignal": true; }; "dense": { "alias": "dense"; "required": false; "isSignal": true; }; "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "headline": { "alias": "headline"; "required": false; "isSignal": true; }; "showMenuButton": { "alias": "showMenuButton"; "required": false; "isSignal": true; }; "menuIcon": { "alias": "menuIcon"; "required": false; "isSignal": true; }; "expandIcon": { "alias": "expandIcon"; "required": false; "isSignal": true; }; "overflowMode": { "alias": "overflowMode"; "required": false; "isSignal": true; }; "overflowIcon": { "alias": "overflowIcon"; "required": false; "isSignal": true; }; "overflowLabel": { "alias": "overflowLabel"; "required": false; "isSignal": true; }; "maxVisibleItems": { "alias": "maxVisibleItems"; "required": false; "isSignal": true; }; "menuAriaLabel": { "alias": "menuAriaLabel"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "scrim": { "alias": "scrim"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "elevated": { "alias": "elevated"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "tooltips": { "alias": "tooltips"; "required": false; "isSignal": true; }; "routerSync": { "alias": "routerSync"; "required": false; "isSignal": true; }; "relativeTo": { "alias": "relativeTo"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "railWidth": { "alias": "railWidth"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; }, { "selectedId": "selectedIdChange"; "expandedIds": "expandedIdsChange"; "open": "openChange"; "itemSelected": "itemSelected"; "menuClick": "menuClick"; }, never, ["[navHeader]", "[navFab]", "[navFooter]"], true, never>;
+  /** Edge the group is pinned to. */
+  readonly align: 'top' | 'bottom';
+  /** Sections belonging to the group. */
+  readonly sections: readonly NavigationRenderSection[];
 }
-
-export { DEFAULT_NAVIGATION_AUTO_VARIANTS, EXPANDED_NAVIGATION_VARIANTS, NAVIGATION_OVERFLOW_ID, NavigationBarComponent };
-export type { NavigationAlignment, NavigationAutoVariants, NavigationBadge, NavigationIconSprite, NavigationItem, NavigationItemLayout, NavigationLabelVisibility, NavigationOverflowMode, NavigationPosition, NavigationSection, NavigationSelection, NavigationSpriteFrames, NavigationVariant, ResolvedNavigationVariant };
+export declare class NavigationBarComponent {
+  private readonly media;
+  private readonly themeService;
+  private readonly router;
+  private readonly directionality;
+  private readonly hostRef;
+  /** Used to schedule the post-render read that reveals a branch just expanded. */
+  private readonly injector;
+  private readonly destroyRef;
+  /** Flat list of destinations. Ignored when `sections` is provided. */
+  readonly items: import("@angular/core").InputSignal<readonly NavigationItem[]>;
+  /** Grouped destinations. Section headlines and dividers only render in the expanded variants. */
+  readonly sections: import("@angular/core").InputSignal<readonly NavigationSection[]>;
+  /** Rendering variant. `auto` resolves from the active breakpoint through `autoVariants`. */
+  readonly variant: import("@angular/core").InputSignal<NavigationVariant>;
+  /** Breakpoint → variant map used when `variant` is `auto`. Missing entries fall back to the M3 defaults. */
+  readonly autoVariants: import("@angular/core").InputSignal<Partial<Record<"xs" | "sm" | "md" | "lg" | "xl", ResolvedNavigationVariant>>>;
+  /** Two-way bound id of the selected destination. The router, when active, takes precedence. */
+  readonly selectedId: import("@angular/core").ModelSignal<string>;
+  /**
+   * Two-way bound ids of the expanded parent destinations.
+   * Leave unbound (`undefined`) to let the component manage the expansion state
+   * on its own, seeding it from `NavigationItem.expanded` and auto-opening the
+   * ancestors of the active destination.
+   */
+  readonly expandedIds: import("@angular/core").ModelSignal<readonly string[]>;
+  /** Two-way bound open state of the modal drawer. Ignored by the other variants. */
+  readonly open: import("@angular/core").ModelSignal<boolean>;
+  /** Label visibility policy. */
+  readonly labelVisibility: import("@angular/core").InputSignal<NavigationLabelVisibility>;
+  /** Icon / label arrangement inside a destination. */
+  readonly itemLayout: import("@angular/core").InputSignal<NavigationItemLayout>;
+  /**
+   * Icons of the nested destinations in the expanded variants (rail-expanded,
+   * drawer, modal), where children are listed inline under their parent.
+   * `false` — the default — renders those rows as label only, which keeps the
+   * branch readable; the label stays aligned with the labels around it and a
+   * badge moves to the trailing edge. Top level destinations always keep their
+   * icon, and so do the children shown in the floating panel of the compact
+   * variants.
+   */
+  readonly childIcons: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Compact rows in the expanded variants (rail-expanded, drawer, modal):
+   * 48px instead of the 56px of the M3 spec, with the dependent measures
+   * scaled along — nested rows 40px, labels one step smaller, tighter gaps.
+   * The bar and the collapsed rail keep their own spec metrics.
+   */
+  readonly dense: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Vertical alignment of the `top` destination group inside a rail. */
+  readonly alignment: import("@angular/core").InputSignal<NavigationAlignment>;
+  /** Edge the rail / drawer is anchored to. Mirrored automatically in RTL. */
+  readonly position: import("@angular/core").InputSignal<NavigationPosition>;
+  /** Headline rendered above the destinations in the expanded rail and in the drawer. */
+  readonly headline: import("@angular/core").InputSignal<string>;
+  /** When `true` a leading menu button is rendered; it emits `menuClick`. */
+  readonly showMenuButton: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Material Symbols ligature used by the menu button. */
+  readonly menuIcon: import("@angular/core").InputSignal<string>;
+  /** Material Symbols ligature used by the expand / collapse chevron. */
+  readonly expandIcon: import("@angular/core").InputSignal<string>;
+  /** Where `hideWhenCompact` destinations are collapsed into the overflow menu. */
+  readonly overflowMode: import("@angular/core").InputSignal<NavigationOverflowMode>;
+  /** Material Symbols ligature of the overflow destination. */
+  readonly overflowIcon: import("@angular/core").InputSignal<string>;
+  /** Accessible name and tooltip of the overflow destination, which renders icon-only. */
+  readonly overflowLabel: import("@angular/core").InputSignal<string>;
+  /**
+   * Hard cap on the destinations rendered inline in the compact variants,
+   * applied per anchoring group. The overflow destination counts as one slot.
+   * `0` disables the cap; the M3 specs recommend 3 to 5 for the navigation bar.
+   */
+  readonly maxVisibleItems: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /** Accessible name of the menu button. */
+  readonly menuAriaLabel: import("@angular/core").InputSignal<string>;
+  /** Accessible name of the navigation landmark. */
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  /** When `true` a scrim is rendered behind the modal drawer. */
+  readonly scrim: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** When `true` the modal drawer closes as soon as a destination is activated. */
+  readonly closeOnSelect: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** When `true` the surface gets the M3 elevation-3 shadow. */
+  readonly elevated: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** When `true` a 1px divider separates the surface from the page content. */
+  readonly bordered: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** When `true` tooltips are shown for destinations whose label is not visible. */
+  readonly tooltips: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** When `true` the selection follows the current router URL. */
+  readonly routerSync: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Route used to resolve relative `route` commands. Absolute resolution when omitted. */
+  readonly relativeTo: import("@angular/core").InputSignal<ActivatedRoute>;
+  /** Explicit surface width in pixels for the rail / drawer variants. `0` keeps the spec default. */
+  readonly width: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /**
+   * Explicit width in pixels of the COLLAPSED rail. `0` keeps the 96px of the
+   * spec. It is separate from `width` because a surface set to `auto` is a
+   * collapsed rail at one breakpoint and an expanded one at the next, and the
+   * two want different widths; when both are given, this one wins on the
+   * collapsed rail and `width` covers the rest.
+   */
+  readonly railWidth: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /**
+   * Lower bound in pixels for the width of the expanded variants (rail-expanded,
+   * drawer, modal). `0` keeps the default, which sets no floor. It is what keeps
+   * the surface readable when its width comes from a percentage or from a
+   * container that can shrink, instead of from `width`.
+   */
+  readonly minWidth: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /**
+   * Upper bound in pixels for the width of the expanded variants (rail-expanded,
+   * drawer, modal). `0` keeps the default, which is the width of the parent: the
+   * surface never spills out of it, whatever `width` says.
+   */
+  readonly maxWidth: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /** When `true` the whole surface is hidden (animated off-screen) without being destroyed. */
+  readonly hidden: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Emitted when a destination is activated by the user. */
+  readonly itemSelected: import("@angular/core").OutputEmitterRef<NavigationSelection>;
+  /** Emitted when the leading menu button is pressed. */
+  readonly menuClick: import("@angular/core").OutputEmitterRef<void>;
+  /** Focusable destination elements, in DOM order; used for keyboard roving. */
+  private readonly itemElements;
+  /** Focusable entries of the floating submenu panel, in DOM order. */
+  private readonly panelElements;
+  /** Current router URL, kept in a signal so the template stays zoneless-friendly. */
+  private readonly routerUrl;
+  /**
+   * Ticks whenever the application theme moves. The emitted value is ignored on
+   * purpose: it is a change notification, not the answer.
+   *
+   * Reads `themeService`, so it MUST stay below the injected dependencies: moved
+   * above them it would read `undefined`, `?? EMPTY` would swallow it and the
+   * theme would silently stop propagating, with nothing to show for it at
+   * compile time.
+   */
+  private readonly themeChanged;
+  /**
+   * `true` when the dark theme is active; selects the dark frame set of a sprite.
+   *
+   * The answer comes from `getTheme()`, the only one that resolves `auto`
+   * against the OS preference. `getTheme()` already reads a signal for the
+   * explicit modes, so `themeChanged()` is read for the one case that is not
+   * reactive on its own: mode `auto` plus a change of the OS colour scheme,
+   * which leaves the stored mode on `auto` and only travels through `changed`.
+   * Falls back to the light set when no `ThemeService` is provided.
+   */
+  private readonly isDark;
+  /** Id of the destination whose children are currently shown in the floating panel. */
+  private readonly popupId;
+  /**
+   * Destination whose children are currently shown in the floating panel.
+   *
+   * Derived from the id and NOT stored as an object: the render model is rebuilt
+   * whenever the destinations, the resolved URLs or the theme change, and a
+   * stored object would keep the panel painting the sprite frames of the
+   * previous theme until the panel is closed and reopened.
+   *
+   * The search is recursive because a panel entry can itself own children and
+   * open a panel of its own, and those nested render models are not part of the
+   * top level of `visibleGroups`.
+   *
+   * Reads `visibleGroups`, which is declared further down: safe because
+   * `computed` is lazy and nothing reads this before the first render — the
+   * opposite of `themeChanged` above, which reads its dependency immediately.
+   */
+  protected readonly popupItem: import("@angular/core").Signal<NavigationRenderItem>;
+  /** Element the floating panel is anchored to. */
+  private readonly popupAnchor;
+  constructor();
+  /** Sections actually rendered: the `sections` input, or a single implicit section wrapping `items`. */
+  private readonly resolvedSections;
+  /** Every destination, nested ones included, in depth-first order. */
+  private readonly allItems;
+  /** Map of destination id to the id of its parent destination. */
+  private readonly parentOf;
+  /** The variant to render, resolving `auto` against the active CDK breakpoint. */
+  protected readonly resolvedVariant: import("@angular/core").Signal<ResolvedNavigationVariant>;
+  /** `true` for the variants that render labels beside icons and support sections. */
+  protected readonly isExpanded: import("@angular/core").Signal<boolean>;
+  /** `true` when the surface is the modal drawer. */
+  protected readonly isModal: import("@angular/core").Signal<boolean>;
+  /** `true` when the modal drawer is currently open. */
+  protected readonly isOverlayOpen: import("@angular/core").Signal<boolean>;
+  /** `true` when the surface must be visually hidden. */
+  protected readonly isHidden: import("@angular/core").Signal<boolean>;
+  /** Resolved icon / label arrangement. */
+  protected readonly resolvedLayout: import("@angular/core").Signal<"vertical" | "horizontal">;
+  /** Resolved label visibility; the expanded variants always show labels. */
+  protected readonly resolvedLabelVisibility: import("@angular/core").Signal<"labeled" | "selected" | "unlabeled">;
+  /** `true` when the headline row (menu button, headline text) is rendered. */
+  protected readonly showsHeader: import("@angular/core").Signal<boolean>;
+  /**
+   * Geometry of the active indicator:
+   * `compact` wraps the icon only (56x32 pill), `wide` wraps icon and label
+   * together, exactly as described by the M3 Expressive specs.
+   */
+  protected readonly indicatorMode: import("@angular/core").Signal<"wide" | "compact">;
+  /** Tooltip placement derived from the variant and from the anchoring edge. */
+  protected readonly tooltipPosition: import("@angular/core").Signal<TooltipPosition>;
+  /** Inline width override for the rail / drawer, or `undefined` to keep the spec default. */
+  protected readonly widthStyle: import("@angular/core").Signal<string>;
+  /** Inline width override for the collapsed rail, or `undefined` to keep the spec default. */
+  protected readonly railWidthStyle: import("@angular/core").Signal<string>;
+  /** Inline lower bound for the expanded variants, or `undefined` to keep the default. */
+  protected readonly minWidthStyle: import("@angular/core").Signal<string>;
+  /** Inline upper bound for the expanded variants, or `undefined` to keep the default. */
+  protected readonly maxWidthStyle: import("@angular/core").Signal<string>;
+  /** Map of destination id to resolved URL. Recomputed only when the destinations change. */
+  private readonly hrefs;
+  /**
+   * Static render model, rebuilt only when the destinations, the resolved URLs
+   * or the theme change — never when the selection or the expansion state
+   * changes. The theme is a dependency because sprite icons carry one frame set
+   * per theme, and the frames are baked into the inline style of the icon.
+   */
+  private readonly renderGroups;
+  /** Id of the destination matching the current router URL, using longest-prefix matching. */
+  private readonly routerActiveId;
+  /** Id of the currently active destination: router URL first, explicit selection as fallback. */
+  protected readonly activeId: import("@angular/core").Signal<string>;
+  /**
+   * Expansion state used when `expandedIds` is left unbound: the destinations
+   * flagged `expanded`, plus every ancestor of the active destination.
+   */
+  private readonly defaultExpandedIds;
+  /** Ids of the parent destinations currently expanded. */
+  protected readonly expandedSet: import("@angular/core").Signal<ReadonlySet<string>>;
+  /** `true` when the current variant collapses `hideWhenCompact` destinations into the overflow menu. */
+  protected readonly overflowApplies: import("@angular/core").Signal<boolean>;
+  /**
+   * Render model actually walked by the template: the static model with the
+   * compact-only destinations moved into the overflow menu and the children of
+   * the expanded parents spliced in.
+   */
+  protected readonly visibleGroups: import("@angular/core").Signal<readonly NavigationRenderGroup[]>;
+  /**
+   * Ids rendered with the selected styling: the active destination alone, and only
+   * while it is on screen. A parent stands in for nothing here — the template drops
+   * it unless it owns a route of its own — so a destination hidden inside a closed
+   * branch leaves this set empty and `ancestorIds` marks the trail instead.
+   */
+  protected readonly highlightedIds: import("@angular/core").Signal<ReadonlySet<string>>;
+  /**
+   * Ids of the ancestors of the active destination. No variant ever shows a parent
+   * as selected, so this trail is what tells the user where they are: it marks the
+   * whole chain down to the active destination, whether its branch is open, closed
+   * or inside a floating panel. Ancestors that are not rendered simply never reach
+   * the template.
+   */
+  protected readonly ancestorIds: import("@angular/core").Signal<ReadonlySet<string>>;
+  /**
+   * Rows of the floating submenu panel. Nested destinations one level down are
+   * flattened under a heading, so the overflow menu can hold parents too.
+   */
+  protected readonly popupEntries: import("@angular/core").Signal<readonly NavigationPanelEntry[]>;
+  /** `true` when the floating submenu panel must be shown. */
+  protected readonly isPopupOpen: import("@angular/core").Signal<boolean>;
+  /** Element the floating submenu panel is anchored to. */
+  protected readonly popupOrigin: import("@angular/core").Signal<HTMLElement>;
+  /** Connected positions of the floating submenu panel, derived from the variant. */
+  protected readonly popupPositions: import("@angular/core").Signal<ConnectedPosition[]>;
+  /** `true` when the layout runs right-to-left; used to mirror the arrow keys. */
+  private readonly isRtl;
+  /**
+   * Activates a destination, or expands it when it owns nested destinations.
+   * A parent never navigates: it toggles its group inline in the wide variants
+   * and opens the floating panel in the compact ones.
+   * @param render - The render model of the activated destination.
+   * @param event - The originating mouse or keyboard event.
+   */
+  protected select(render: NavigationRenderItem, event: Event): void;
+  /**
+   * Emits `menuClick` when the leading menu button is pressed.
+   */
+  protected onMenuClick(): void;
+  /**
+   * Closes the modal drawer when the scrim is clicked.
+   */
+  protected onScrimClick(): void;
+  /**
+   * Handles keyboard interaction: arrow keys move the focus between
+   * destinations, `Home` / `End` jump to the first / last one and `Escape`
+   * closes the floating submenu panel or the modal drawer.
+   *
+   * The same handler serves the surface and the floating panel, and it tells
+   * them apart by `currentTarget`: roving inside an open `role="menu"` must stay
+   * inside it, and a programmatic `focus()` is NOT stopped by the focus trap, so
+   * sharing one element list would send the focus onto the surface behind the
+   * overlay.
+   *
+   * @param event - The originating keyboard event.
+   */
+  protected onKeydown(event: KeyboardEvent): void;
+  /**
+   * Expands or collapses the parent destination with the given id.
+   * @param id - Identifier of the parent destination to toggle.
+   */
+  toggleExpanded(id: string): void;
+  /**
+   * Opens the floating submenu panel of a parent destination.
+   * @param render - The render model of the parent destination.
+   * @param event - The originating event, used to anchor the panel.
+   */
+  protected openPopup(render: NavigationRenderItem, event: Event): void;
+  /**
+   * Closes the floating submenu panel.
+   */
+  closePopup(): void;
+  /**
+   * Opens the modal drawer. No-op for the other variants.
+   */
+  openDrawer(): void;
+  /**
+   * Closes the modal drawer. No-op for the other variants.
+   */
+  closeDrawer(): void;
+  /**
+   * Toggles the modal drawer. No-op for the other variants.
+   */
+  toggleDrawer(): void;
+  /**
+   * Moves the browser focus to the destination with the given id.
+   * @param id - Identifier of the destination to focus.
+   * @returns `true` when a matching destination was found and focused.
+   */
+  focusItem(id: string): boolean;
+  /**
+   * Scrolls the list so that the destinations a branch has just revealed are visible.
+   *
+   * Opening a parent sitting near the bottom of the list adds its children BELOW the fold: the
+   * row answers the click, and nothing seems to happen. This scrolls to the end of the branch so
+   * the options show up where the user is already looking.
+   *
+   * The parent row is never pushed out of the top: when a branch is taller than the list, showing
+   * its end would cost the row that was clicked, so the scroll stops with the parent at the top
+   * edge and the branch runs off the bottom — the user reads it downwards from there.
+   *
+   * Only the wide variants expand inline; in the compact ones the children live in the floating
+   * panel and there is nothing to scroll.
+   *
+   * @param id - Identifier of the parent destination that has just been expanded.
+   * @returns void
+   */
+  private revealBranch;
+  /**
+   * Moves the compact-only destinations of a group into a synthesized overflow
+   * destination appended at the end of the group.
+   * @param group - The group to process.
+   * @param overflow - `true` when `hideWhenCompact` must be honoured.
+   * @param max - Hard cap on the inline destinations; `0` disables it.
+   * @returns The group with the overflow destination applied.
+   */
+  private applyOverflow;
+  /**
+   * Builds the synthesized, icon-only overflow destination.
+   * @param children - The destinations moved into the overflow menu.
+   * @returns The render model of the overflow destination.
+   */
+  private buildOverflowItem;
+  /**
+   * Merges the `top` and `bottom` groups into a single `top` group, combining
+   * the sections that share an id so `@for` track keys stay unique.
+   * @param groups - The groups to merge.
+   * @returns A single-group array, or the input when there is nothing to merge.
+   */
+  private static mergeGroups;
+  /**
+   * Builds the render model of a destination and, recursively, of its children.
+   * @param item - The source destination.
+   * @param section - The section the destination belongs to.
+   * @param parent - The parent destination, for nested destinations.
+   * @param depth - Nesting level of the destination.
+   * @param counter - Shared counter producing the flat destination index.
+   * @param hrefs - Map of destination id to resolved URL.
+   * @param dark - `true` when the dark theme is active, selecting the dark sprite frames.
+   * @returns The render model of the destination.
+   */
+  private static buildRenderItem;
+  /**
+   * Translates a sprite descriptor into the inline custom properties the
+   * stylesheet uses to size the icon and to shift `background-position` per
+   * interaction state.
+   *
+   * The sheet is rescaled through `background-size` instead of being drawn at
+   * its natural size: that is what lets a strip of 26px frames be painted at the
+   * 24px of the surrounding Material icons without the neighbouring frames
+   * bleeding into the box, and it makes the step between two frames exactly the
+   * rendered side.
+   *
+   * @param item - The destination whose sprite must be translated.
+   * @param dark - `true` when the dark theme is active, selecting the `dark` frame set.
+   * @returns The inline style map, or `undefined` when the destination uses no sprite.
+   */
+  private static buildSpriteStyle;
+  /**
+   * Number of frames a sprite sheet holds, needed to rescale it.
+   * @param sprite - The sprite descriptor to measure.
+   * @returns The declared frame count, or the highest referenced index plus one.
+   */
+  private static spriteFrameCount;
+  /**
+   * Formats the badge content of a destination.
+   * @param item - The destination whose badge must be formatted.
+   * @returns The badge text, or an empty string for a dot badge / no badge.
+   */
+  private static formatBadge;
+  /**
+   * Strips the query string and the fragment from a URL.
+   * @param url - The URL to normalise.
+   * @returns The path portion of the URL.
+   */
+  private static pathOf;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NavigationBarComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NavigationBarComponent, "navigation-bar", never, {
+    "items": {
+      "alias": "items";
+      "required": false;
+      "isSignal": true;
+    };
+    "sections": {
+      "alias": "sections";
+      "required": false;
+      "isSignal": true;
+    };
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "autoVariants": {
+      "alias": "autoVariants";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectedId": {
+      "alias": "selectedId";
+      "required": false;
+      "isSignal": true;
+    };
+    "expandedIds": {
+      "alias": "expandedIds";
+      "required": false;
+      "isSignal": true;
+    };
+    "open": {
+      "alias": "open";
+      "required": false;
+      "isSignal": true;
+    };
+    "labelVisibility": {
+      "alias": "labelVisibility";
+      "required": false;
+      "isSignal": true;
+    };
+    "itemLayout": {
+      "alias": "itemLayout";
+      "required": false;
+      "isSignal": true;
+    };
+    "childIcons": {
+      "alias": "childIcons";
+      "required": false;
+      "isSignal": true;
+    };
+    "dense": {
+      "alias": "dense";
+      "required": false;
+      "isSignal": true;
+    };
+    "alignment": {
+      "alias": "alignment";
+      "required": false;
+      "isSignal": true;
+    };
+    "position": {
+      "alias": "position";
+      "required": false;
+      "isSignal": true;
+    };
+    "headline": {
+      "alias": "headline";
+      "required": false;
+      "isSignal": true;
+    };
+    "showMenuButton": {
+      "alias": "showMenuButton";
+      "required": false;
+      "isSignal": true;
+    };
+    "menuIcon": {
+      "alias": "menuIcon";
+      "required": false;
+      "isSignal": true;
+    };
+    "expandIcon": {
+      "alias": "expandIcon";
+      "required": false;
+      "isSignal": true;
+    };
+    "overflowMode": {
+      "alias": "overflowMode";
+      "required": false;
+      "isSignal": true;
+    };
+    "overflowIcon": {
+      "alias": "overflowIcon";
+      "required": false;
+      "isSignal": true;
+    };
+    "overflowLabel": {
+      "alias": "overflowLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxVisibleItems": {
+      "alias": "maxVisibleItems";
+      "required": false;
+      "isSignal": true;
+    };
+    "menuAriaLabel": {
+      "alias": "menuAriaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "scrim": {
+      "alias": "scrim";
+      "required": false;
+      "isSignal": true;
+    };
+    "closeOnSelect": {
+      "alias": "closeOnSelect";
+      "required": false;
+      "isSignal": true;
+    };
+    "elevated": {
+      "alias": "elevated";
+      "required": false;
+      "isSignal": true;
+    };
+    "bordered": {
+      "alias": "bordered";
+      "required": false;
+      "isSignal": true;
+    };
+    "tooltips": {
+      "alias": "tooltips";
+      "required": false;
+      "isSignal": true;
+    };
+    "routerSync": {
+      "alias": "routerSync";
+      "required": false;
+      "isSignal": true;
+    };
+    "relativeTo": {
+      "alias": "relativeTo";
+      "required": false;
+      "isSignal": true;
+    };
+    "width": {
+      "alias": "width";
+      "required": false;
+      "isSignal": true;
+    };
+    "railWidth": {
+      "alias": "railWidth";
+      "required": false;
+      "isSignal": true;
+    };
+    "minWidth": {
+      "alias": "minWidth";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxWidth": {
+      "alias": "maxWidth";
+      "required": false;
+      "isSignal": true;
+    };
+    "hidden": {
+      "alias": "hidden";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "selectedId": "selectedIdChange";
+    "expandedIds": "expandedIdsChange";
+    "open": "openChange";
+    "itemSelected": "itemSelected";
+    "menuClick": "menuClick";
+  }, never, ["[navHeader]", "[navFab]", "[navFooter]"], true, never>;
+}