@ojiepermana/angular 22.1.13 → 22.2.0

package/types/ojiepermana-angular-navigation.d.ts

@@ -1,68 +1,63 @@
-import * as _ojiepermana_angular_navigation from '@ojiepermana/angular/navigation';
-import * as _angular_core from '@angular/core';
-import { Signal, TemplateRef } from '@angular/core';
-import { NavigationIconDirective } from '@ojiepermana/angular/navigation/icon';
-export { NavigationIconDirective } from '@ojiepermana/angular/navigation/icon';
-import { NavigationOrientation, NavigationType, NavigationPosition, NavigationDockbarMode, NavigationDockbarRouteContext, NavigationBadgeContext, NavigationAppearance, NavigationFlyoutIconPosition, NavigationFlyoutTriggerVariant, NavigationState, NavigationItem, NavigationCollapseTree, NavigationSelection, NavigationBadgeSource, NavigationNormalizedItem, NavigationResolvedRouteContext, NavigationIconContext, NavigationVerticalPosition, NavigationHorizontalPosition } from '@ojiepermana/angular/navigation/types';
-export { NAVIGATION_DOCKBAR_FALLBACK_ICON, NavigationActionHandler, NavigationAppearance, NavigationBadgeAriaLabel, NavigationBadgeContext, NavigationBadgeCount, NavigationBadgeSource, NavigationBadgeValueSource, NavigationCollapseTree, NavigationDockbarMode, NavigationDockbarRouteConfig, NavigationDockbarRouteContext, NavigationFlyoutIconPosition, NavigationFlyoutTriggerVariant, NavigationHorizontalPosition, NavigationHorizontalType, NavigationIconContext, NavigationItem, NavigationItemBadge, NavigationItemClasses, NavigationItemType, NavigationLink, NavigationNormalizedItem, NavigationNormalizedItemType, NavigationOrientation, NavigationPosition, NavigationRegisterInput, NavigationResolvedRouteContext, NavigationRouteData, NavigationSelection, NavigationState, NavigationType, NavigationVerticalPosition, NavigationVerticalType, NavigationVisibilityHandler, formatNavigationBadgeCount, normalizeUiNavItems } from '@ojiepermana/angular/navigation/types';
-export * from '@ojiepermana/angular/navigation/core';
-
+import { NavigationIconDirective, NavigationIconDirective as NavigationIconDirective$1 } from "@ojiepermana/angular/navigation/icon";
+import * as i0 from "@angular/core";
+import { InjectionToken, Signal, TemplateRef } from "@angular/core";
+import { NAVIGATION_DOCKBAR_FALLBACK_ICON, NavigationActionHandler, NavigationAppearance, NavigationAppearance as NavigationAppearance$1, NavigationBadgeAriaLabel, NavigationBadgeContext, NavigationBadgeContext as NavigationBadgeContext$1, NavigationBadgeCount, NavigationBadgeSource, NavigationBadgeSource as NavigationBadgeSource$1, NavigationBadgeValueSource, NavigationCollapseTree, NavigationCollapseTree as NavigationCollapseTree$1, NavigationDockbarMode, NavigationDockbarMode as NavigationDockbarMode$1, NavigationDockbarRouteConfig, NavigationDockbarRouteContext, NavigationDockbarRouteContext as NavigationDockbarRouteContext$1, NavigationFlyoutIconPosition, NavigationFlyoutIconPosition as NavigationFlyoutIconPosition$1, NavigationFlyoutTriggerVariant, NavigationFlyoutTriggerVariant as NavigationFlyoutTriggerVariant$1, NavigationHorizontalPosition, NavigationHorizontalPosition as NavigationHorizontalPosition$1, NavigationHorizontalType, NavigationIconContext, NavigationIconContext as NavigationIconContext$1, NavigationItem, NavigationItem as NavigationItem$1, NavigationItemBadge, NavigationItemClasses, NavigationItemType, NavigationLink, NavigationNormalizedItem, NavigationNormalizedItem as NavigationNormalizedItem$1, NavigationNormalizedItemType, NavigationOrientation, NavigationOrientation as NavigationOrientation$1, NavigationPosition, NavigationPosition as NavigationPosition$1, NavigationRegisterInput, NavigationResolvedRouteContext, NavigationResolvedRouteContext as NavigationResolvedRouteContext$1, NavigationRouteData, NavigationSelection, NavigationSelection as NavigationSelection$1, NavigationState, NavigationState as NavigationState$1, NavigationType, NavigationType as NavigationType$1, NavigationVerticalPosition, NavigationVerticalPosition as NavigationVerticalPosition$1, NavigationVerticalType, NavigationVisibilityHandler, formatNavigationBadgeCount, normalizeUiNavItems } from "@ojiepermana/angular/navigation/types";
+export * from "@ojiepermana/angular/navigation/core";
 /**
  * Konfigurasi yang didaftarkan komponen type (`<NavigationSidebar>`,
  * `<NavigationDockbar>`, `<NavigationNavbar>`, `<NavigationFlyout>`) ke
  * `<Navigation>` induknya. Satu `<Navigation>` hanya boleh memuat satu
  * type hidup pada satu waktu.
  */
-interface NavigationTypeConfig {
-    readonly orientation: NavigationOrientation;
-    readonly type: NavigationType;
-    readonly position?: Signal<NavigationPosition | null>;
-    readonly collapsed?: Signal<boolean | null>;
-    readonly dockbarMode?: Signal<NavigationDockbarMode | null>;
-    /** Opt-in route context dan registry badge khusus dockbar. */
-    readonly dockbarRouteContext?: Signal<NavigationDockbarRouteContext | null>;
-    readonly dockbarBadgeContext?: Signal<NavigationBadgeContext>;
-    /** Header route bawaan hanya terlihat bila consumer tidak memproyeksikan header sendiri. */
-    readonly dockbarRouteHeaderVisible?: Signal<boolean>;
-    /** Template footer aside dockbar (slot `ng-template[NavigationAsideFooter]`). */
-    readonly dockbarAsideFooter?: Signal<TemplateRef<unknown> | null>;
-    readonly sidebarCollapse?: Signal<boolean>;
-    readonly previewExpanded?: Signal<boolean>;
-    readonly typeStyle?: Signal<NavigationAppearance>;
-    readonly flyoutLabel?: Signal<string>;
-    /** Nama Material Symbols untuk trigger flyout; `null` = tanpa ikon (label saja). */
-    readonly flyoutIcon?: Signal<string | null>;
-    /** Trigger flyout hanya ikon — label pindah ke aria-label/title. */
-    readonly flyoutIconOnly?: Signal<boolean>;
-    /** Penempatan ikon relatif terhadap label trigger flyout. */
-    readonly flyoutIconPosition?: Signal<NavigationFlyoutIconPosition>;
-    /** Bentuk visual tombol trigger flyout: `button` (pil) | `link` | `plain` (ghost). */
-    readonly flyoutTriggerVariant?: Signal<NavigationFlyoutTriggerVariant>;
-    /** Trigger flyout mengambang (`fixed`) alih-alih mengalir di dalam bar/div. */
-    readonly flyoutTriggerFloating?: Signal<boolean>;
-    /** Panel floating menutup dari batas atas viewport dan memakai lebar viewport penuh. */
-    readonly flyoutPanelViewport?: Signal<boolean>;
-    /** Kelas Tailwind tambahan untuk host trigger flyout (posisi pojok floating / override wrapper). */
-    readonly flyoutTriggerClass?: Signal<string>;
-    /** Kelas tambahan khusus tombol trigger flyout. */
-    readonly flyoutTriggerButtonClass?: Signal<string>;
+export interface NavigationTypeConfig {
+  readonly orientation: NavigationOrientation$1;
+  readonly type: NavigationType$1;
+  readonly position?: Signal<NavigationPosition$1 | null>;
+  readonly collapsed?: Signal<boolean | null>;
+  readonly dockbarMode?: Signal<NavigationDockbarMode$1 | null>;
+  /** Opt-in route context dan registry badge khusus dockbar. */
+  readonly dockbarRouteContext?: Signal<NavigationDockbarRouteContext$1 | null>;
+  readonly dockbarBadgeContext?: Signal<NavigationBadgeContext$1>;
+  /** Header route bawaan hanya terlihat bila consumer tidak memproyeksikan header sendiri. */
+  readonly dockbarRouteHeaderVisible?: Signal<boolean>;
+  /** Template footer aside dockbar (slot `ng-template[NavigationAsideFooter]`). */
+  readonly dockbarAsideFooter?: Signal<TemplateRef<unknown> | null>;
+  readonly sidebarCollapse?: Signal<boolean>;
+  readonly previewExpanded?: Signal<boolean>;
+  readonly typeStyle?: Signal<NavigationAppearance$1>;
+  readonly flyoutLabel?: Signal<string>;
+  /** Nama Material Symbols untuk trigger flyout; `null` = tanpa ikon (label saja). */
+  readonly flyoutIcon?: Signal<string | null>;
+  /** Trigger flyout hanya ikon — label pindah ke aria-label/title. */
+  readonly flyoutIconOnly?: Signal<boolean>;
+  /** Penempatan ikon relatif terhadap label trigger flyout. */
+  readonly flyoutIconPosition?: Signal<NavigationFlyoutIconPosition$1>;
+  /** Bentuk visual tombol trigger flyout: `button` (pil) | `link` | `plain` (ghost). */
+  readonly flyoutTriggerVariant?: Signal<NavigationFlyoutTriggerVariant$1>;
+  /** Trigger flyout mengambang (`fixed`) alih-alih mengalir di dalam bar/div. */
+  readonly flyoutTriggerFloating?: Signal<boolean>;
+  /** Panel floating menutup dari batas atas viewport dan memakai lebar viewport penuh. */
+  readonly flyoutPanelViewport?: Signal<boolean>;
+  /** Kelas Tailwind tambahan untuk host trigger flyout (posisi pojok floating / override wrapper). */
+  readonly flyoutTriggerClass?: Signal<string>;
+  /** Kelas tambahan khusus tombol trigger flyout. */
+  readonly flyoutTriggerButtonClass?: Signal<string>;
 }
-
 interface NavigationShellContext {
-    readonly state: Signal<NavigationState>;
-    readonly displayState: Signal<NavigationState>;
-    readonly collapseEnabled: Signal<boolean>;
-    toggleCollapsed(): void;
+  readonly state: Signal<NavigationState$1>;
+  readonly displayState: Signal<NavigationState$1>;
+  readonly collapseEnabled: Signal<boolean>;
+  toggleCollapsed(): void;
 }
-
+declare const NAVIGATION_SHELL: InjectionToken<NavigationShellContext>;
 interface NavigationDockbarRouteHeaderState {
-    readonly activeEntry: NavigationNormalizedItem | null;
-    readonly panelGroup: NavigationNormalizedItem | null;
-    readonly icon: string;
-    readonly label: string;
-    readonly badge: NavigationBadgeSource | null;
-    readonly badgeClass: string;
-    readonly iconContext: NavigationIconContext;
+  readonly activeEntry: NavigationNormalizedItem$1 | null;
+  readonly panelGroup: NavigationNormalizedItem$1 | null;
+  readonly icon: string;
+  readonly label: string;
+  readonly badge: NavigationBadgeSource$1 | null;
+  readonly badgeClass: string;
+  readonly iconContext: NavigationIconContext$1;
 }
 /**
  * Container navigasi deklaratif. Type ditentukan oleh komponen anak:
@@ -80,181 +75,289 @@ interface NavigationDockbarRouteHeaderState {
  * Header dan footer opsional; `NavigationContent` selalu dirender oleh
  * type (default otomatis bila tidak diproyeksikan).
  */
-declare class NavigationContainerComponent implements NavigationShellContext {
-    readonly navId: _angular_core.InputSignal<string>;
-    /** Id data publik dapat dipisahkan dari id state. Berguna untuk mirror mobile tanpa berbagi persistence state. */
-    readonly dataId: _angular_core.InputSignal<string | null>;
-    readonly data: _angular_core.InputSignal<readonly NavigationItem[]>;
-    readonly ariaLabel: _angular_core.InputSignal<string>;
-    readonly compact: _angular_core.InputSignal<boolean>;
-    readonly collapseTree: _angular_core.InputSignal<NavigationCollapseTree>;
-    readonly class: _angular_core.InputSignal<string>;
-    readonly itemClass: _angular_core.InputSignal<string>;
-    /** Kelas Tailwind untuk container `<li>` group horizontal (flyout tab / navbar group). */
-    readonly groupClass: _angular_core.InputSignal<string>;
-    readonly activeIds: _angular_core.InputSignal<ReadonlySet<string> | readonly string[] | null>;
-    readonly activeUrl: _angular_core.InputSignal<string | null>;
-    readonly openedIds: _angular_core.ModelSignal<readonly string[]>;
-    readonly itemSelected: _angular_core.OutputEmitterRef<NavigationSelection>;
-    private readonly nav;
-    private readonly routeContextAdapter;
-    private readonly activatedRoute;
-    private readonly dataOwner;
-    private readonly hoverPreviewExpanded;
-    /**
-     * Keyboard twin of the hover preview: a collapsed rail hides the children of
-     * every collapsible, so without this the only way into a nested route is a
-     * pointer hovering the rail.
-     */
-    private readonly focusPreviewExpanded;
-    /** Konfigurasi type aktif yang didaftarkan wrapper anak (sidebar/dockbar/navbar/flyout). */
-    private readonly typeConfig;
-    private readonly orientationPreference;
-    private readonly typePreference;
-    private readonly positionPreference;
-    private readonly collapsedPreference;
-    private readonly dockbarModePreference;
-    private readonly dockbarRouteContextPreference;
-    readonly dockbarBadgeContext: _angular_core.Signal<Readonly<Record<string, NavigationBadgeSource>>>;
-    readonly dockbarRouteHeaderVisible: _angular_core.Signal<boolean>;
-    /** Template footer aside dockbar dari slot `ng-template[NavigationAsideFooter]`. */
-    readonly dockbarAsideFooter: _angular_core.Signal<_angular_core.TemplateRef<unknown> | null>;
-    private readonly sidebarCollapse;
-    private readonly previewExpanded;
-    readonly typeStyle: _angular_core.Signal<_ojiepermana_angular_navigation.NavigationAppearance>;
-    readonly flyoutLabel: _angular_core.Signal<string>;
-    readonly flyoutIcon: _angular_core.Signal<string | null>;
-    readonly flyoutIconOnly: _angular_core.Signal<boolean>;
-    readonly flyoutIconPosition: _angular_core.Signal<_ojiepermana_angular_navigation.NavigationFlyoutIconPosition>;
-    readonly flyoutTriggerVariant: _angular_core.Signal<_ojiepermana_angular_navigation.NavigationFlyoutTriggerVariant>;
-    readonly flyoutTriggerFloating: _angular_core.Signal<boolean>;
-    readonly flyoutPanelViewport: _angular_core.Signal<boolean>;
-    readonly flyoutTriggerClass: _angular_core.Signal<string>;
-    readonly flyoutTriggerButtonClass: _angular_core.Signal<string>;
-    private readonly controller;
-    readonly iconTemplate: _angular_core.Signal<NavigationIconDirective | undefined>;
-    readonly normalizedItems: _angular_core.Signal<readonly NavigationNormalizedItem[]>;
-    readonly resolvedState: _angular_core.Signal<_ojiepermana_angular_navigation.NavigationState>;
-    readonly activeIdSet: _angular_core.Signal<ReadonlySet<string>>;
-    readonly dockbarRouteEnabled: _angular_core.Signal<boolean>;
-    readonly dockbarResolvedRouteContext: _angular_core.Signal<NavigationResolvedRouteContext>;
-    readonly dockbarActiveRouteEntry: _angular_core.Signal<NavigationNormalizedItem | null>;
-    readonly dockbarResolvedActiveIds: _angular_core.Signal<ReadonlySet<string>>;
-    readonly dockbarActiveRoutePanelGroup: _angular_core.Signal<NavigationNormalizedItem | null>;
-    readonly dockbarRouteHeader: _angular_core.Signal<NavigationDockbarRouteHeaderState | null>;
-    readonly dockbarRailItems: _angular_core.Signal<readonly NavigationNormalizedItem[]>;
-    readonly dockbarAsideId: _angular_core.Signal<string>;
-    readonly dockbarOpenGroup: _angular_core.Signal<NavigationNormalizedItem | null>;
-    readonly dockbarActiveRoutePanelExpanded: _angular_core.Signal<boolean>;
-    readonly previewRailExpanded: _angular_core.Signal<boolean>;
-    readonly previewRailOffset: _angular_core.Signal<"calc(var(--layout-sidebar-width) - var(--layout-sidebar-collapsed-width))" | "0px">;
-    readonly displayState: _angular_core.Signal<_ojiepermana_angular_navigation.NavigationState>;
-    readonly dockbarAsideOpen: _angular_core.Signal<boolean>;
-    readonly collapseEnabled: _angular_core.Signal<boolean>;
-    /** Kelas shell yang dipakai host komponen type (eks `div` shell internal). */
-    readonly shellClasses: _angular_core.Signal<string>;
-    readonly state: _angular_core.Signal<_ojiepermana_angular_navigation.NavigationState>;
-    readonly resolvedDataId: _angular_core.Signal<string>;
-    protected readonly hostClasses: _angular_core.Signal<string>;
-    constructor();
-    /**
-     * Dipanggil komponen type saat dibuat. Satu `<Navigation>` hanya boleh
-     * memuat satu type hidup — pendaftaran ganda dianggap salah konfigurasi.
-     */
-    registerType(config: NavigationTypeConfig): void;
-    unregisterType(config: NavigationTypeConfig): void;
-    toggleCollapsed(): void;
-    toggleDockbarActiveRoutePanel(): void;
-    closeDockbarPanel(): boolean;
-    restoreDockbarRoutePanel(): void;
-    protected setHoverPreview(value: boolean): void;
-    protected setFocusPreview(value: boolean, event?: FocusEvent): void;
-    private dockbarRouteConfig;
-    private cleanString;
-    private safeId;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationContainerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationContainerComponent, "Navigation", never, { "navId": { "alias": "id"; "required": false; "isSignal": true; }; "dataId": { "alias": "data-id"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "collapseTree": { "alias": "collapse-tree"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "itemClass": { "alias": "itemClass"; "required": false; "isSignal": true; }; "groupClass": { "alias": "nav-group-class"; "required": false; "isSignal": true; }; "activeIds": { "alias": "activeIds"; "required": false; "isSignal": true; }; "activeUrl": { "alias": "activeUrl"; "required": false; "isSignal": true; }; "openedIds": { "alias": "openedIds"; "required": false; "isSignal": true; }; }, { "openedIds": "openedIdsChange"; "itemSelected": "itemSelected"; }, ["iconTemplate"], ["*"], true, never>;
+export declare class NavigationContainerComponent implements NavigationShellContext {
+  readonly navId: import("@angular/core").InputSignal<string>;
+  /** Id data publik dapat dipisahkan dari id state. Berguna untuk mirror mobile tanpa berbagi persistence state. */
+  readonly dataId: import("@angular/core").InputSignal<string | null>;
+  readonly data: import("@angular/core").InputSignal<readonly NavigationItem$1[]>;
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  readonly compact: import("@angular/core").InputSignal<boolean>;
+  readonly collapseTree: import("@angular/core").InputSignal<NavigationCollapseTree$1>;
+  readonly class: import("@angular/core").InputSignal<string>;
+  readonly itemClass: import("@angular/core").InputSignal<string>;
+  /** Kelas Tailwind untuk container `<li>` group horizontal (flyout tab / navbar group). */
+  readonly groupClass: import("@angular/core").InputSignal<string>;
+  readonly activeIds: import("@angular/core").InputSignal<ReadonlySet<string> | readonly string[] | null>;
+  readonly activeUrl: import("@angular/core").InputSignal<string | null>;
+  readonly openedIds: import("@angular/core").ModelSignal<readonly string[]>;
+  readonly itemSelected: import("@angular/core").OutputEmitterRef<NavigationSelection$1>;
+  private readonly nav;
+  private readonly routeContextAdapter;
+  private readonly activatedRoute;
+  private readonly dataOwner;
+  private readonly hoverPreviewExpanded;
+  /**
+   * Keyboard twin of the hover preview: a collapsed rail hides the children of
+   * every collapsible, so without this the only way into a nested route is a
+   * pointer hovering the rail.
+   */
+  private readonly focusPreviewExpanded;
+  /** Konfigurasi type aktif yang didaftarkan wrapper anak (sidebar/dockbar/navbar/flyout). */
+  private readonly typeConfig;
+  private readonly orientationPreference;
+  private readonly typePreference;
+  private readonly positionPreference;
+  private readonly collapsedPreference;
+  private readonly dockbarModePreference;
+  private readonly dockbarRouteContextPreference;
+  readonly dockbarBadgeContext: import("@angular/core").Signal<Readonly<Record<string, NavigationBadgeSource$1>>>;
+  readonly dockbarRouteHeaderVisible: import("@angular/core").Signal<boolean>;
+  /** Template footer aside dockbar dari slot `ng-template[NavigationAsideFooter]`. */
+  readonly dockbarAsideFooter: import("@angular/core").Signal<import("@angular/core").TemplateRef<unknown> | null>;
+  private readonly sidebarCollapse;
+  private readonly previewExpanded;
+  readonly typeStyle: import("@angular/core").Signal<import("@ojiepermana/angular/navigation").NavigationAppearance>;
+  readonly flyoutLabel: import("@angular/core").Signal<string>;
+  readonly flyoutIcon: import("@angular/core").Signal<string | null>;
+  readonly flyoutIconOnly: import("@angular/core").Signal<boolean>;
+  readonly flyoutIconPosition: import("@angular/core").Signal<import("@ojiepermana/angular/navigation").NavigationFlyoutIconPosition>;
+  readonly flyoutTriggerVariant: import("@angular/core").Signal<import("@ojiepermana/angular/navigation").NavigationFlyoutTriggerVariant>;
+  readonly flyoutTriggerFloating: import("@angular/core").Signal<boolean>;
+  readonly flyoutPanelViewport: import("@angular/core").Signal<boolean>;
+  readonly flyoutTriggerClass: import("@angular/core").Signal<string>;
+  readonly flyoutTriggerButtonClass: import("@angular/core").Signal<string>;
+  private readonly controller;
+  readonly iconTemplate: import("@angular/core").Signal<NavigationIconDirective$1 | undefined>;
+  readonly normalizedItems: import("@angular/core").Signal<readonly NavigationNormalizedItem$1[]>;
+  readonly resolvedState: import("@angular/core").Signal<import("@ojiepermana/angular/navigation").NavigationState>;
+  readonly activeIdSet: import("@angular/core").Signal<ReadonlySet<string>>;
+  readonly dockbarRouteEnabled: import("@angular/core").Signal<boolean>;
+  readonly dockbarResolvedRouteContext: import("@angular/core").Signal<NavigationResolvedRouteContext$1>;
+  readonly dockbarActiveRouteEntry: import("@angular/core").Signal<NavigationNormalizedItem$1 | null>;
+  readonly dockbarResolvedActiveIds: import("@angular/core").Signal<ReadonlySet<string>>;
+  readonly dockbarActiveRoutePanelGroup: import("@angular/core").Signal<NavigationNormalizedItem$1 | null>;
+  readonly dockbarRouteHeader: import("@angular/core").Signal<NavigationDockbarRouteHeaderState | null>;
+  readonly dockbarRailItems: import("@angular/core").Signal<readonly NavigationNormalizedItem$1[]>;
+  readonly dockbarAsideId: import("@angular/core").Signal<string>;
+  readonly dockbarOpenGroup: import("@angular/core").Signal<NavigationNormalizedItem$1 | null>;
+  readonly dockbarActiveRoutePanelExpanded: import("@angular/core").Signal<boolean>;
+  readonly previewRailExpanded: import("@angular/core").Signal<boolean>;
+  readonly previewRailOffset: import("@angular/core").Signal<"calc(var(--layout-sidebar-width) - var(--layout-sidebar-collapsed-width))" | "0px">;
+  readonly displayState: import("@angular/core").Signal<import("@ojiepermana/angular/navigation").NavigationState>;
+  readonly dockbarAsideOpen: import("@angular/core").Signal<boolean>;
+  readonly collapseEnabled: import("@angular/core").Signal<boolean>;
+  /** Kelas shell yang dipakai host komponen type (eks `div` shell internal). */
+  readonly shellClasses: import("@angular/core").Signal<string>;
+  readonly state: import("@angular/core").Signal<import("@ojiepermana/angular/navigation").NavigationState>;
+  readonly resolvedDataId: import("@angular/core").Signal<string>;
+  protected readonly hostClasses: import("@angular/core").Signal<string>;
+  constructor();
+  /**
+   * Dipanggil komponen type saat dibuat. Satu `<Navigation>` hanya boleh
+   * memuat satu type hidup — pendaftaran ganda dianggap salah konfigurasi.
+   */
+  registerType(config: NavigationTypeConfig): void;
+  unregisterType(config: NavigationTypeConfig): void;
+  toggleCollapsed(): void;
+  toggleDockbarActiveRoutePanel(): void;
+  closeDockbarPanel(): boolean;
+  restoreDockbarRoutePanel(): void;
+  protected setHoverPreview(value: boolean): void;
+  protected setFocusPreview(value: boolean, event?: FocusEvent): void;
+  private dockbarRouteConfig;
+  private cleanString;
+  private safeId;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NavigationContainerComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NavigationContainerComponent, "Navigation", never, {
+    "navId": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "dataId": {
+      "alias": "data-id";
+      "required": false;
+      "isSignal": true;
+    };
+    "data": {
+      "alias": "data";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "compact": {
+      "alias": "compact";
+      "required": false;
+      "isSignal": true;
+    };
+    "collapseTree": {
+      "alias": "collapse-tree";
+      "required": false;
+      "isSignal": true;
+    };
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+    "itemClass": {
+      "alias": "itemClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "groupClass": {
+      "alias": "nav-group-class";
+      "required": false;
+      "isSignal": true;
+    };
+    "activeIds": {
+      "alias": "activeIds";
+      "required": false;
+      "isSignal": true;
+    };
+    "activeUrl": {
+      "alias": "activeUrl";
+      "required": false;
+      "isSignal": true;
+    };
+    "openedIds": {
+      "alias": "openedIds";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "openedIds": "openedIdsChange";
+    "itemSelected": "itemSelected";
+  }, ["iconTemplate"], ["*"], true, never>;
 }
-
 /**
  * Area konten navigasi: merender daftar item sesuai type aktif dari
  * `<Navigation>` induk. Selalu hadir di setiap type — komponen type
  * merender default-nya bila consumer tidak memproyeksikan `<NavigationContent />`.
  */
-declare class NavigationContentComponent {
-    protected readonly container: NavigationContainerComponent;
-    readonly class: _angular_core.InputSignal<string>;
-    protected readonly hostClasses: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationContentComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationContentComponent, "NavigationContent", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["NavigationHeader", "NavigationFooter"], true, never>;
+export declare class NavigationContentComponent {
+  protected readonly container: NavigationContainerComponent;
+  readonly class: import("@angular/core").InputSignal<string>;
+  protected readonly hostClasses: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NavigationContentComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NavigationContentComponent, "NavigationContent", never, {
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["NavigationHeader", "NavigationFooter"], true, never>;
 }
-
-declare class NavigationFooterComponent {
-    private readonly shell;
-    readonly class: _angular_core.InputSignal<string>;
-    protected readonly isHorizontal: _angular_core.Signal<boolean>;
-    protected readonly displayCollapsed: _angular_core.Signal<boolean>;
-    /**
-     * Baris isi footer. Saat collapsed/dockbar (vertical) isi (inisial user) dipusatkan
-     * di tengah rail agar simetris dengan `NavigationHeader` dan ikon nav-item; selain
-     * itu rata kiri dengan `gap-3` (padding diserahkan consumer, mis. `px-3`).
-     */
-    protected readonly rowClasses: _angular_core.Signal<string>;
-    protected readonly hostClasses: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationFooterComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationFooterComponent, "NavigationFooter", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+export declare class NavigationFooterComponent {
+  private readonly shell;
+  readonly class: import("@angular/core").InputSignal<string>;
+  protected readonly isHorizontal: import("@angular/core").Signal<boolean>;
+  protected readonly displayCollapsed: import("@angular/core").Signal<boolean>;
+  /**
+   * Baris isi footer. Saat collapsed/dockbar (vertical) isi (inisial user) dipusatkan
+   * di tengah rail agar simetris dengan `NavigationHeader` dan ikon nav-item; selain
+   * itu rata kiri dengan `gap-3` (padding diserahkan consumer, mis. `px-3`).
+   */
+  protected readonly rowClasses: import("@angular/core").Signal<string>;
+  protected readonly hostClasses: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NavigationFooterComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NavigationFooterComponent, "NavigationFooter", never, {
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
 }
-
-declare class NavigationHeaderComponent {
-    private readonly shell;
-    readonly toggle: _angular_core.InputSignal<boolean>;
-    readonly class: _angular_core.InputSignal<string>;
-    protected readonly collapsed: _angular_core.Signal<boolean>;
-    protected readonly displayCollapsed: _angular_core.Signal<boolean>;
-    protected readonly isHorizontal: _angular_core.Signal<boolean>;
-    /**
-     * The toggle used to disappear once the rail collapsed, which left the
-     * collapsed rail with no control that could expand it again — nested items
-     * below a collapsible were then reachable by hover only.
-     */
-    protected readonly showToggle: _angular_core.Signal<boolean>;
-    protected readonly toggleAriaLabel: _angular_core.Signal<"Expand navigation" | "Collapse navigation">;
-    protected readonly toggleIconName: _angular_core.Signal<"left_panel_open" | "left_panel_close">;
-    /**
-     * Baris isi header. Saat collapsed/dockbar (vertical) isi (inisial/ikon) dipusatkan di tengah
-     * rail agar simetris dengan ikon nav-item di bawahnya (yang juga center di rail); selain itu kiri
-     * dengan padding `px-3`.
-     */
-    protected readonly rowClasses: _angular_core.Signal<string>;
-    protected readonly contentClasses: _angular_core.Signal<"flex min-w-0 items-center gap-3" | "flex min-w-0 items-center justify-center" | "flex min-w-0 flex-1 items-center gap-3">;
-    protected readonly hostClasses: _angular_core.Signal<string>;
-    protected toggleCollapsed(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationHeaderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationHeaderComponent, "NavigationHeader", never, { "toggle": { "alias": "toggle"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+export declare class NavigationHeaderComponent {
+  private readonly shell;
+  readonly toggle: import("@angular/core").InputSignal<boolean>;
+  readonly class: import("@angular/core").InputSignal<string>;
+  protected readonly collapsed: import("@angular/core").Signal<boolean>;
+  protected readonly displayCollapsed: import("@angular/core").Signal<boolean>;
+  protected readonly isHorizontal: import("@angular/core").Signal<boolean>;
+  /**
+   * The toggle used to disappear once the rail collapsed, which left the
+   * collapsed rail with no control that could expand it again — nested items
+   * below a collapsible were then reachable by hover only.
+   */
+  protected readonly showToggle: import("@angular/core").Signal<boolean>;
+  protected readonly toggleAriaLabel: import("@angular/core").Signal<"Expand navigation" | "Collapse navigation">;
+  protected readonly toggleIconName: import("@angular/core").Signal<"left_panel_open" | "left_panel_close">;
+  /**
+   * Baris isi header. Saat collapsed/dockbar (vertical) isi (inisial/ikon) dipusatkan di tengah
+   * rail agar simetris dengan ikon nav-item di bawahnya (yang juga center di rail); selain itu kiri
+   * dengan padding `px-3`.
+   */
+  protected readonly rowClasses: import("@angular/core").Signal<string>;
+  protected readonly contentClasses: import("@angular/core").Signal<"flex min-w-0 items-center gap-3" | "flex min-w-0 items-center justify-center" | "flex min-w-0 flex-1 items-center gap-3">;
+  protected readonly hostClasses: import("@angular/core").Signal<string>;
+  protected toggleCollapsed(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NavigationHeaderComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NavigationHeaderComponent, "NavigationHeader", never, {
+    "toggle": {
+      "alias": "toggle";
+      "required": false;
+      "isSignal": true;
+    };
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
 }
-
 /**
  * Type sidebar vertikal untuk `<Navigation>`. Slot `NavigationHeader` dan
  * `NavigationFooter` opsional; `NavigationContent` selalu dirender (default
  * otomatis bila tidak diproyeksikan).
  */
-declare class NavigationSidebarComponent {
-    private readonly container;
-    private readonly destroyRef;
-    readonly position: _angular_core.InputSignal<NavigationVerticalPosition | null>;
-    readonly collapsed: _angular_core.InputSignal<boolean | null>;
-    readonly collapse: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly previewExpanded: _angular_core.InputSignal<boolean>;
-    readonly class: _angular_core.InputSignal<string>;
-    protected readonly headerSlot: _angular_core.Signal<NavigationHeaderComponent | undefined>;
-    protected readonly contentSlot: _angular_core.Signal<NavigationContentComponent | undefined>;
-    protected readonly footerSlot: _angular_core.Signal<NavigationFooterComponent | undefined>;
-    protected readonly hostClasses: _angular_core.Signal<string>;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationSidebarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationSidebarComponent, "NavigationSidebar", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "collapse": { "alias": "nav-sidebar-collapse"; "required": false; "isSignal": true; }; "previewExpanded": { "alias": "previewExpanded"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["headerSlot", "contentSlot", "footerSlot"], ["NavigationHeader", "NavigationContent", "NavigationFooter"], true, never>;
+export declare class NavigationSidebarComponent {
+  private readonly container;
+  private readonly destroyRef;
+  readonly position: import("@angular/core").InputSignal<NavigationVerticalPosition$1 | null>;
+  readonly collapsed: import("@angular/core").InputSignal<boolean | null>;
+  readonly collapse: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly previewExpanded: import("@angular/core").InputSignal<boolean>;
+  readonly class: import("@angular/core").InputSignal<string>;
+  protected readonly headerSlot: import("@angular/core").Signal<NavigationHeaderComponent | undefined>;
+  protected readonly contentSlot: import("@angular/core").Signal<NavigationContentComponent | undefined>;
+  protected readonly footerSlot: import("@angular/core").Signal<NavigationFooterComponent | undefined>;
+  protected readonly hostClasses: import("@angular/core").Signal<string>;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<NavigationSidebarComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NavigationSidebarComponent, "NavigationSidebar", never, {
+    "position": {
+      "alias": "position";
+      "required": false;
+      "isSignal": true;
+    };
+    "collapsed": {
+      "alias": "collapsed";
+      "required": false;
+      "isSignal": true;
+    };
+    "collapse": {
+      "alias": "nav-sidebar-collapse";
+      "required": false;
+      "isSignal": true;
+    };
+    "previewExpanded": {
+      "alias": "previewExpanded";
+      "required": false;
+      "isSignal": true;
+    };
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, ["headerSlot", "contentSlot", "footerSlot"], ["NavigationHeader", "NavigationContent", "NavigationFooter"], true, never>;
 }
-
 /**
  * Slot footer untuk aside dockbar. Proyeksikan sebagai `ng-template` di dalam
  * `<NavigationDockbar>`; dirender di dasar aside (h-12, border-t) setiap kali
@@ -271,12 +374,11 @@ declare class NavigationSidebarComponent {
  * isi template ini tampil dalam konteks lebar penuh aside — cocok untuk nama +
  * email + tombol aksi seperti footer sidebar expanded.
  */
-declare class NavigationAsideFooterDirective {
-    readonly templateRef: TemplateRef<any>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationAsideFooterDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NavigationAsideFooterDirective, "ng-template[NavigationAsideFooter]", never, {}, {}, never, never, true, never>;
+export declare class NavigationAsideFooterDirective {
+  readonly templateRef: TemplateRef<any>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NavigationAsideFooterDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<NavigationAsideFooterDirective, "ng-template[NavigationAsideFooter]", never, {}, {}, never, never, true, never>;
 }
-
 /**
  * Type dockbar vertikal (rail ikon + aside) untuk `<Navigation>`. Slot
  * `NavigationHeader` dan `NavigationFooter` opsional; `NavigationContent`
@@ -284,116 +386,215 @@ declare class NavigationAsideFooterDirective {
  * `ng-template[NavigationAsideFooter]` opsional — dirender sebagai footer di
  * dasar aside saat panel group terbuka.
  */
-declare class NavigationDockbarComponent {
-    protected readonly container: NavigationContainerComponent;
-    private readonly destroyRef;
-    private readonly host;
-    private readonly injector;
-    readonly mode: _angular_core.InputSignal<NavigationDockbarMode | null>;
-    readonly position: _angular_core.InputSignal<NavigationVerticalPosition | null>;
-    readonly routeContext: _angular_core.InputSignal<NavigationDockbarRouteContext | null>;
-    readonly badgeContext: _angular_core.InputSignal<Readonly<Record<string, _ojiepermana_angular_navigation.NavigationBadgeSource>>>;
-    readonly class: _angular_core.InputSignal<string>;
-    protected readonly headerSlot: _angular_core.Signal<NavigationHeaderComponent | undefined>;
-    protected readonly contentSlot: _angular_core.Signal<NavigationContentComponent | undefined>;
-    protected readonly footerSlot: _angular_core.Signal<NavigationFooterComponent | undefined>;
-    protected readonly asideFooterSlot: _angular_core.Signal<NavigationAsideFooterDirective | undefined>;
-    private readonly routeContextEnabled;
-    protected readonly hostClasses: _angular_core.Signal<string>;
-    constructor();
-    protected onPointerOut(event: PointerEvent): void;
-    protected onEscape(event: Event): void;
-    protected toggleActiveRoutePanel(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationDockbarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationDockbarComponent, "NavigationDockbar", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "routeContext": { "alias": "dockbar-route-context"; "required": false; "isSignal": true; }; "badgeContext": { "alias": "dockbar-badge"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["headerSlot", "contentSlot", "footerSlot", "asideFooterSlot"], ["NavigationHeader", "NavigationContent", "NavigationFooter"], true, never>;
+export declare class NavigationDockbarComponent {
+  protected readonly container: NavigationContainerComponent;
+  private readonly destroyRef;
+  private readonly host;
+  private readonly injector;
+  readonly mode: import("@angular/core").InputSignal<NavigationDockbarMode$1 | null>;
+  readonly position: import("@angular/core").InputSignal<NavigationVerticalPosition$1 | null>;
+  readonly routeContext: import("@angular/core").InputSignal<NavigationDockbarRouteContext$1 | null>;
+  readonly badgeContext: import("@angular/core").InputSignal<Readonly<Record<string, import("@ojiepermana/angular/navigation").NavigationBadgeSource>>>;
+  readonly class: import("@angular/core").InputSignal<string>;
+  protected readonly headerSlot: import("@angular/core").Signal<NavigationHeaderComponent | undefined>;
+  protected readonly contentSlot: import("@angular/core").Signal<NavigationContentComponent | undefined>;
+  protected readonly footerSlot: import("@angular/core").Signal<NavigationFooterComponent | undefined>;
+  protected readonly asideFooterSlot: import("@angular/core").Signal<NavigationAsideFooterDirective | undefined>;
+  private readonly routeContextEnabled;
+  protected readonly hostClasses: import("@angular/core").Signal<string>;
+  constructor();
+  protected onPointerOut(event: PointerEvent): void;
+  protected onEscape(event: Event): void;
+  protected toggleActiveRoutePanel(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NavigationDockbarComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NavigationDockbarComponent, "NavigationDockbar", never, {
+    "mode": {
+      "alias": "mode";
+      "required": false;
+      "isSignal": true;
+    };
+    "position": {
+      "alias": "position";
+      "required": false;
+      "isSignal": true;
+    };
+    "routeContext": {
+      "alias": "dockbar-route-context";
+      "required": false;
+      "isSignal": true;
+    };
+    "badgeContext": {
+      "alias": "dockbar-badge";
+      "required": false;
+      "isSignal": true;
+    };
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, ["headerSlot", "contentSlot", "footerSlot", "asideFooterSlot"], ["NavigationHeader", "NavigationContent", "NavigationFooter"], true, never>;
 }
-
 /**
  * Type navbar horizontal untuk `<Navigation>`. Slot `NavigationHeader`
  * dan `NavigationFooter` opsional; `NavigationContent` selalu dirender
  * (default otomatis bila tidak diproyeksikan).
  */
-declare class NavigationNavbarComponent {
-    private readonly container;
-    private readonly destroyRef;
-    /** Posisi bar terhadap konten layout: `top` (default) atau `bottom` — panel grid membuka ke arah sebaliknya. */
-    readonly position: _angular_core.InputSignal<NavigationHorizontalPosition | null>;
-    readonly typeStyle: _angular_core.InputSignal<NavigationAppearance>;
-    readonly class: _angular_core.InputSignal<string>;
-    protected readonly headerSlot: _angular_core.Signal<NavigationHeaderComponent | undefined>;
-    protected readonly contentSlot: _angular_core.Signal<NavigationContentComponent | undefined>;
-    protected readonly footerSlot: _angular_core.Signal<NavigationFooterComponent | undefined>;
-    protected readonly hostClasses: _angular_core.Signal<string>;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationNavbarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationNavbarComponent, "NavigationNavbar", never, { "position": { "alias": "nav-position"; "required": false; "isSignal": true; }; "typeStyle": { "alias": "nav-type-style"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["headerSlot", "contentSlot", "footerSlot"], ["NavigationHeader", "NavigationContent", "NavigationFooter"], true, never>;
+export declare class NavigationNavbarComponent {
+  private readonly container;
+  private readonly destroyRef;
+  /** Posisi bar terhadap konten layout: `top` (default) atau `bottom` — panel grid membuka ke arah sebaliknya. */
+  readonly position: import("@angular/core").InputSignal<NavigationHorizontalPosition$1 | null>;
+  readonly typeStyle: import("@angular/core").InputSignal<NavigationAppearance$1>;
+  readonly class: import("@angular/core").InputSignal<string>;
+  protected readonly headerSlot: import("@angular/core").Signal<NavigationHeaderComponent | undefined>;
+  protected readonly contentSlot: import("@angular/core").Signal<NavigationContentComponent | undefined>;
+  protected readonly footerSlot: import("@angular/core").Signal<NavigationFooterComponent | undefined>;
+  protected readonly hostClasses: import("@angular/core").Signal<string>;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<NavigationNavbarComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NavigationNavbarComponent, "NavigationNavbar", never, {
+    "position": {
+      "alias": "nav-position";
+      "required": false;
+      "isSignal": true;
+    };
+    "typeStyle": {
+      "alias": "nav-type-style";
+      "required": false;
+      "isSignal": true;
+    };
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, ["headerSlot", "contentSlot", "footerSlot"], ["NavigationHeader", "NavigationContent", "NavigationFooter"], true, never>;
 }
-
 /**
  * Type flyout horizontal (trigger + panel menu) untuk `<Navigation>`.
  * Slot `NavigationHeader` dan `NavigationFooter` opsional; `NavigationContent`
  * selalu dirender (default otomatis bila tidak diproyeksikan).
  */
-declare class NavigationFlyoutComponent {
-    private readonly container;
-    private readonly destroyRef;
-    readonly label: _angular_core.InputSignal<string>;
-    /** Nama Material Symbols untuk trigger (mis. `apps`, `menu`); `null` = label saja. */
-    readonly icon: _angular_core.InputSignal<string | null>;
-    /** Trigger hanya menampilkan ikon; label tetap dipakai sebagai aria-label/title. */
-    readonly iconOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Penempatan ikon relatif terhadap label: `start` (default) atau `end`. */
-    readonly iconPosition: _angular_core.InputSignal<NavigationFlyoutIconPosition>;
-    /** Bentuk visual tombol trigger: `button` (pil, default) | `link` | `plain` (ghost). */
-    readonly triggerVariant: _angular_core.InputSignal<NavigationFlyoutTriggerVariant>;
-    /**
-     * Trigger mengambang (`fixed`) alih-alih mengalir di dalam bar/div. Default pojok kanan-atas;
-     * pakai `trigger-class` untuk pindah pojok (mis. `bottom-6 right-6 top-auto`).
-     *
-     * Catatan: `position: fixed` ber-anchor ke viewport HANYA bila tak ada ancestor pembentuk
-     * containing block. Di dalam `<Layout>` (frame-nya memakai `backdrop-blur`), trigger ber-anchor
-     * ke kotak konten frame (bukan viewport sebenarnya) dan bisa ter-clip oleh frame `overflow-hidden`.
-     * Untuk floating sebenar-viewport, tempatkan `<Navigation>` flyout di luar frame `<Layout>`.
-     */
-    readonly triggerFloating: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Saat trigger floating dibuka, tempelkan panel ke batas atas viewport dan
-     * bentangkan sepanjang viewport. Dipakai window chrome; default popover tetap
-     * menempel ke trigger.
-     */
-    readonly panelViewport: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Kelas Tailwind untuk host trigger (posisi pojok floating / styling wrapper saat in-flow). */
-    readonly triggerClass: _angular_core.InputSignal<string>;
-    /** Kelas tambahan khusus tombol trigger, tanpa memengaruhi host atau item di dalam panel. */
-    readonly triggerButtonClass: _angular_core.InputSignal<string>;
-    /** Posisi bar terhadap konten layout: `top` (default) atau `bottom` — panel membuka ke arah sebaliknya. */
-    readonly position: _angular_core.InputSignal<NavigationHorizontalPosition | null>;
-    readonly typeStyle: _angular_core.InputSignal<NavigationAppearance>;
-    readonly class: _angular_core.InputSignal<string>;
-    protected readonly hostClasses: _angular_core.Signal<string>;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationFlyoutComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationFlyoutComponent, "NavigationFlyout", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "icon-only"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "icon-position"; "required": false; "isSignal": true; }; "triggerVariant": { "alias": "trigger-variant"; "required": false; "isSignal": true; }; "triggerFloating": { "alias": "trigger-floating"; "required": false; "isSignal": true; }; "panelViewport": { "alias": "panel-viewport"; "required": false; "isSignal": true; }; "triggerClass": { "alias": "trigger-class"; "required": false; "isSignal": true; }; "triggerButtonClass": { "alias": "trigger-button-class"; "required": false; "isSignal": true; }; "position": { "alias": "nav-position"; "required": false; "isSignal": true; }; "typeStyle": { "alias": "nav-type-style"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["NavigationHeader", "NavigationFooter"], true, never>;
+export declare class NavigationFlyoutComponent {
+  private readonly container;
+  private readonly destroyRef;
+  readonly label: import("@angular/core").InputSignal<string>;
+  /** Nama Material Symbols untuk trigger (mis. `apps`, `menu`); `null` = label saja. */
+  readonly icon: import("@angular/core").InputSignal<string | null>;
+  /** Trigger hanya menampilkan ikon; label tetap dipakai sebagai aria-label/title. */
+  readonly iconOnly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Penempatan ikon relatif terhadap label: `start` (default) atau `end`. */
+  readonly iconPosition: import("@angular/core").InputSignal<NavigationFlyoutIconPosition$1>;
+  /** Bentuk visual tombol trigger: `button` (pil, default) | `link` | `plain` (ghost). */
+  readonly triggerVariant: import("@angular/core").InputSignal<NavigationFlyoutTriggerVariant$1>;
+  /**
+   * Trigger mengambang (`fixed`) alih-alih mengalir di dalam bar/div. Default pojok kanan-atas;
+   * pakai `trigger-class` untuk pindah pojok (mis. `bottom-6 right-6 top-auto`).
+   *
+   * Catatan: `position: fixed` ber-anchor ke viewport HANYA bila tak ada ancestor pembentuk
+   * containing block. Di dalam `<Layout>` (frame-nya memakai `backdrop-blur`), trigger ber-anchor
+   * ke kotak konten frame (bukan viewport sebenarnya) dan bisa ter-clip oleh frame `overflow-hidden`.
+   * Untuk floating sebenar-viewport, tempatkan `<Navigation>` flyout di luar frame `<Layout>`.
+   */
+  readonly triggerFloating: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Saat trigger floating dibuka, tempelkan panel ke batas atas viewport dan
+   * bentangkan sepanjang viewport. Dipakai window chrome; default popover tetap
+   * menempel ke trigger.
+   */
+  readonly panelViewport: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Kelas Tailwind untuk host trigger (posisi pojok floating / styling wrapper saat in-flow). */
+  readonly triggerClass: import("@angular/core").InputSignal<string>;
+  /** Kelas tambahan khusus tombol trigger, tanpa memengaruhi host atau item di dalam panel. */
+  readonly triggerButtonClass: import("@angular/core").InputSignal<string>;
+  /** Posisi bar terhadap konten layout: `top` (default) atau `bottom` — panel membuka ke arah sebaliknya. */
+  readonly position: import("@angular/core").InputSignal<NavigationHorizontalPosition$1 | null>;
+  readonly typeStyle: import("@angular/core").InputSignal<NavigationAppearance$1>;
+  readonly class: import("@angular/core").InputSignal<string>;
+  protected readonly hostClasses: import("@angular/core").Signal<string>;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<NavigationFlyoutComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NavigationFlyoutComponent, "NavigationFlyout", never, {
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "icon": {
+      "alias": "icon";
+      "required": false;
+      "isSignal": true;
+    };
+    "iconOnly": {
+      "alias": "icon-only";
+      "required": false;
+      "isSignal": true;
+    };
+    "iconPosition": {
+      "alias": "icon-position";
+      "required": false;
+      "isSignal": true;
+    };
+    "triggerVariant": {
+      "alias": "trigger-variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "triggerFloating": {
+      "alias": "trigger-floating";
+      "required": false;
+      "isSignal": true;
+    };
+    "panelViewport": {
+      "alias": "panel-viewport";
+      "required": false;
+      "isSignal": true;
+    };
+    "triggerClass": {
+      "alias": "trigger-class";
+      "required": false;
+      "isSignal": true;
+    };
+    "triggerButtonClass": {
+      "alias": "trigger-button-class";
+      "required": false;
+      "isSignal": true;
+    };
+    "position": {
+      "alias": "nav-position";
+      "required": false;
+      "isSignal": true;
+    };
+    "typeStyle": {
+      "alias": "nav-type-style";
+      "required": false;
+      "isSignal": true;
+    };
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["NavigationHeader", "NavigationFooter"], true, never>;
 }
-
-declare class NavigationCollapseRootDirective {
-    private readonly shell;
-    protected readonly collapseEnabled: _angular_core.Signal<boolean>;
-    protected readonly displayCollapsed: _angular_core.Signal<boolean>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationCollapseRootDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NavigationCollapseRootDirective, "[NavigationCollapseRoot]", never, {}, {}, never, never, true, never>;
+export declare class NavigationCollapseRootDirective {
+  private readonly shell;
+  protected readonly collapseEnabled: import("@angular/core").Signal<boolean>;
+  protected readonly displayCollapsed: import("@angular/core").Signal<boolean>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NavigationCollapseRootDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<NavigationCollapseRootDirective, "[NavigationCollapseRoot]", never, {}, {}, never, never, true, never>;
 }
-declare class NavigationCollapseExpandedDirective {
-    private readonly shell;
-    private readonly templateRef;
-    private readonly viewContainer;
-    private hasView;
-    private readonly shouldRender;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationCollapseExpandedDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NavigationCollapseExpandedDirective, "[NavigationCollapseExpanded]", never, {}, {}, never, never, true, never>;
+export declare class NavigationCollapseExpandedDirective {
+  private readonly shell;
+  private readonly templateRef;
+  private readonly viewContainer;
+  private hasView;
+  private readonly shouldRender;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<NavigationCollapseExpandedDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<NavigationCollapseExpandedDirective, "[NavigationCollapseExpanded]", never, {}, {}, never, never, true, never>;
 }
-
 /**
  * Slot aksi di sisi kanan `NavigationFooter`. Selalu didorong ke kanan (`ml-auto`),
  * rata tengah vertikal, dengan jarak antar-child otomatis (`gap`). Isi bebas dengan
@@ -402,15 +603,20 @@ declare class NavigationCollapseExpandedDirective {
  * Otomatis disembunyikan saat sidebar vertical sedang collapsed (rail icon-only)
  * agar tidak overflow; konsisten dengan `NavigationFooterTitle`.
  */
-declare class NavigationFooterActionComponent {
-    private readonly shell;
-    readonly class: _angular_core.InputSignal<string>;
-    protected readonly collapsed: _angular_core.Signal<boolean>;
-    protected readonly hostClasses: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationFooterActionComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationFooterActionComponent, "NavigationFooterAction", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+export declare class NavigationFooterActionComponent {
+  private readonly shell;
+  readonly class: import("@angular/core").InputSignal<string>;
+  protected readonly collapsed: import("@angular/core").Signal<boolean>;
+  protected readonly hostClasses: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NavigationFooterActionComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NavigationFooterActionComponent, "NavigationFooterAction", never, {
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
 }
-
 /**
  * Blok avatar/inisial untuk slot `NavigationFooter` (profil user). Sama seperti
  * `NavigationHeaderInitial` dengan bentuk identitas yang seragam (rounded-md).
@@ -420,35 +626,75 @@ declare class NavigationFooterActionComponent {
  * Tetap tampil saat sidebar collapsed; pasangannya `NavigationFooterTitle` yang
  * menyembunyikan diri.
  */
-declare class NavigationFooterInitialComponent {
-    readonly name: _angular_core.InputSignal<string>;
-    readonly src: _angular_core.InputSignal<string | null>;
-    readonly initials: _angular_core.InputSignal<string | null>;
-    readonly icon: _angular_core.InputSignal<string | null>;
-    readonly class: _angular_core.InputSignal<string>;
-    private readonly view;
-    protected readonly resolvedInitials: _angular_core.Signal<string>;
-    protected readonly hostClasses: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationFooterInitialComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationFooterInitialComponent, "NavigationFooterInitial", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "initials": { "alias": "initials"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+export declare class NavigationFooterInitialComponent {
+  readonly name: import("@angular/core").InputSignal<string>;
+  readonly src: import("@angular/core").InputSignal<string | null>;
+  readonly initials: import("@angular/core").InputSignal<string | null>;
+  readonly icon: import("@angular/core").InputSignal<string | null>;
+  readonly class: import("@angular/core").InputSignal<string>;
+  private readonly view;
+  protected readonly resolvedInitials: import("@angular/core").Signal<string>;
+  protected readonly hostClasses: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NavigationFooterInitialComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NavigationFooterInitialComponent, "NavigationFooterInitial", never, {
+    "name": {
+      "alias": "name";
+      "required": false;
+      "isSignal": true;
+    };
+    "src": {
+      "alias": "src";
+      "required": false;
+      "isSignal": true;
+    };
+    "initials": {
+      "alias": "initials";
+      "required": false;
+      "isSignal": true;
+    };
+    "icon": {
+      "alias": "icon";
+      "required": false;
+      "isSignal": true;
+    };
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
 }
-
 /**
  * Judul + subjudul untuk slot `NavigationFooter` (mis. nama + email user).
  * Otomatis disembunyikan saat sidebar vertical sedang collapsed (rail icon-only)
  * dengan membaca `NAVIGATION_SHELL`.
  */
-declare class NavigationFooterTitleComponent {
-    private readonly shell;
-    readonly title: _angular_core.InputSignal<string>;
-    readonly subtitle: _angular_core.InputSignal<string | null>;
-    readonly class: _angular_core.InputSignal<string>;
-    protected readonly collapsed: _angular_core.Signal<boolean>;
-    protected readonly hostClasses: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationFooterTitleComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationFooterTitleComponent, "NavigationFooterTitle", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+export declare class NavigationFooterTitleComponent {
+  private readonly shell;
+  readonly title: import("@angular/core").InputSignal<string>;
+  readonly subtitle: import("@angular/core").InputSignal<string | null>;
+  readonly class: import("@angular/core").InputSignal<string>;
+  protected readonly collapsed: import("@angular/core").Signal<boolean>;
+  protected readonly hostClasses: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NavigationFooterTitleComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NavigationFooterTitleComponent, "NavigationFooterTitle", never, {
+    "title": {
+      "alias": "title";
+      "required": false;
+      "isSignal": true;
+    };
+    "subtitle": {
+      "alias": "subtitle";
+      "required": false;
+      "isSignal": true;
+    };
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
 }
-
 /**
  * Blok avatar/inisial untuk slot `NavigationHeader` (brand/logo). Consumer cukup
  * memberi `name`; inisial diturunkan otomatis ("Ojie Permana" → "OP"). Beri `src`
@@ -459,38 +705,83 @@ declare class NavigationFooterTitleComponent {
  * di rail icon-only — pasangannya, `NavigationHeaderTitle`, yang menyembunyikan
  * diri saat collapsed.
  */
-declare class NavigationHeaderInitialComponent {
-    readonly name: _angular_core.InputSignal<string>;
-    readonly src: _angular_core.InputSignal<string | null>;
-    readonly initials: _angular_core.InputSignal<string | null>;
-    readonly icon: _angular_core.InputSignal<string | null>;
-    /** Use the rail icon token when the header is rendered in compact navigation. */
-    readonly compact: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly class: _angular_core.InputSignal<string>;
-    private readonly view;
-    protected readonly resolvedInitials: _angular_core.Signal<string>;
-    protected readonly iconClasses: _angular_core.Signal<string>;
-    protected readonly hostClasses: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationHeaderInitialComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationHeaderInitialComponent, "NavigationHeaderInitial", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "initials": { "alias": "initials"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+export declare class NavigationHeaderInitialComponent {
+  readonly name: import("@angular/core").InputSignal<string>;
+  readonly src: import("@angular/core").InputSignal<string | null>;
+  readonly initials: import("@angular/core").InputSignal<string | null>;
+  readonly icon: import("@angular/core").InputSignal<string | null>;
+  /** Use the rail icon token when the header is rendered in compact navigation. */
+  readonly compact: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly class: import("@angular/core").InputSignal<string>;
+  private readonly view;
+  protected readonly resolvedInitials: import("@angular/core").Signal<string>;
+  protected readonly iconClasses: import("@angular/core").Signal<string>;
+  protected readonly hostClasses: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NavigationHeaderInitialComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NavigationHeaderInitialComponent, "NavigationHeaderInitial", never, {
+    "name": {
+      "alias": "name";
+      "required": false;
+      "isSignal": true;
+    };
+    "src": {
+      "alias": "src";
+      "required": false;
+      "isSignal": true;
+    };
+    "initials": {
+      "alias": "initials";
+      "required": false;
+      "isSignal": true;
+    };
+    "icon": {
+      "alias": "icon";
+      "required": false;
+      "isSignal": true;
+    };
+    "compact": {
+      "alias": "compact";
+      "required": false;
+      "isSignal": true;
+    };
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
 }
-
 /**
  * Judul + subjudul untuk slot `NavigationHeader`. Otomatis disembunyikan saat
  * sidebar vertical sedang collapsed (rail icon-only) dengan membaca
  * `NAVIGATION_SHELL` — consumer tidak perlu mengelola state collapse sendiri.
  */
-declare class NavigationHeaderTitleComponent {
-    private readonly shell;
-    readonly title: _angular_core.InputSignal<string>;
-    readonly subtitle: _angular_core.InputSignal<string | null>;
-    readonly class: _angular_core.InputSignal<string>;
-    protected readonly collapsed: _angular_core.Signal<boolean>;
-    protected readonly hostClasses: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationHeaderTitleComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationHeaderTitleComponent, "NavigationHeaderTitle", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+export declare class NavigationHeaderTitleComponent {
+  private readonly shell;
+  readonly title: import("@angular/core").InputSignal<string>;
+  readonly subtitle: import("@angular/core").InputSignal<string | null>;
+  readonly class: import("@angular/core").InputSignal<string>;
+  protected readonly collapsed: import("@angular/core").Signal<boolean>;
+  protected readonly hostClasses: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NavigationHeaderTitleComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NavigationHeaderTitleComponent, "NavigationHeaderTitle", never, {
+    "title": {
+      "alias": "title";
+      "required": false;
+      "isSignal": true;
+    };
+    "subtitle": {
+      "alias": "subtitle";
+      "required": false;
+      "isSignal": true;
+    };
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
 }
-
 /**
  * Turunkan inisial ringkas dari sebuah nama untuk avatar fallback.
  *
@@ -501,7 +792,5 @@ declare class NavigationHeaderTitleComponent {
  * Mengambil huruf depan kata pertama dan kata terakhir; bila hanya satu kata,
  * memakai dua huruf pertamanya.
  */
-declare function deriveNavigationInitials(name: string): string;
-
-export { NavigationAsideFooterDirective, NavigationCollapseExpandedDirective, NavigationCollapseRootDirective, NavigationContainerComponent, NavigationContentComponent, NavigationDockbarComponent, NavigationFlyoutComponent, NavigationFooterActionComponent, NavigationFooterComponent, NavigationFooterInitialComponent, NavigationFooterTitleComponent, NavigationHeaderComponent, NavigationHeaderInitialComponent, NavigationHeaderTitleComponent, NavigationNavbarComponent, NavigationSidebarComponent, deriveNavigationInitials };
-export type { NavigationTypeConfig };
+export declare function deriveNavigationInitials(name: string): string;
+export { NAVIGATION_DOCKBAR_FALLBACK_ICON, type NavigationActionHandler, type NavigationAppearance, type NavigationBadgeAriaLabel, type NavigationBadgeContext, type NavigationBadgeCount, type NavigationBadgeSource, type NavigationBadgeValueSource, type NavigationCollapseTree, type NavigationDockbarMode, type NavigationDockbarRouteConfig, type NavigationDockbarRouteContext, type NavigationFlyoutIconPosition, type NavigationFlyoutTriggerVariant, type NavigationHorizontalPosition, type NavigationHorizontalType, type NavigationIconContext, NavigationIconDirective, type NavigationItem, type NavigationItemBadge, type NavigationItemClasses, type NavigationItemType, type NavigationLink, type NavigationNormalizedItem, type NavigationNormalizedItemType, type NavigationOrientation, type NavigationPosition, type NavigationRegisterInput, type NavigationResolvedRouteContext, type NavigationRouteData, type NavigationSelection, type NavigationState, type NavigationType, type NavigationVerticalPosition, type NavigationVerticalType, type NavigationVisibilityHandler, formatNavigationBadgeCount, normalizeUiNavItems };