@ojiepermana/angular-navigation 22.0.27

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

@@ -0,0 +1,163 @@
+import * as i0 from '@angular/core';
+import { Signal } from '@angular/core';
+import { UrlTree, Params, QueryParamsHandling, IsActiveMatchOptions } from '@angular/router';
+
+type NavigationOrientation = 'vertical' | 'horizontal';
+type NavigationVerticalType = 'sidebar' | 'dockbar';
+type NavigationHorizontalType = 'navbar' | 'flyout';
+type NavigationType = NavigationVerticalType | NavigationHorizontalType;
+type NavigationVerticalPosition = 'left' | 'right';
+type NavigationHorizontalPosition = 'top' | 'bottom';
+type NavigationPosition = NavigationVerticalPosition | NavigationHorizontalPosition;
+type NavigationDockbarMode = 'drawer' | 'sticky';
+type NavigationLink = string | readonly unknown[] | UrlTree;
+interface NavigationItem {
+    readonly id?: string;
+    readonly title?: string;
+    readonly subtitle?: string;
+    readonly active?: boolean;
+    readonly disabled?: boolean;
+    readonly tooltip?: string;
+    readonly classes?: {
+        readonly title?: string;
+        readonly subtitle?: string;
+        readonly icon?: string;
+        readonly wrapper?: string;
+    };
+    readonly icon?: string;
+    readonly link?: NavigationLink;
+    readonly href?: string;
+    readonly fragment?: string;
+    readonly preserveFragment?: boolean;
+    readonly queryParams?: Params | null;
+    readonly queryParamsHandling?: QueryParamsHandling | null;
+    readonly externalLink?: boolean;
+    readonly target?: '_blank' | '_self' | '_parent' | '_top' | string;
+    readonly rel?: string;
+    readonly exactMatch?: boolean;
+    readonly isActiveMatchOptions?: IsActiveMatchOptions;
+    readonly children?: readonly NavigationItem[];
+}
+interface NavigationNormalizedItem extends Omit<NavigationItem, 'children'> {
+    readonly key: string;
+    readonly stateId: string;
+    readonly panelId: string;
+    readonly type: 'item' | 'group' | 'collapsible' | 'mega' | 'divider' | 'spacer';
+    readonly source: NavigationItem;
+    readonly children: readonly NavigationNormalizedItem[];
+}
+interface NavigationRegisterInput {
+    readonly id: string;
+    readonly orientation: NavigationOrientation;
+    readonly type?: NavigationType | null;
+    readonly position?: NavigationPosition | null;
+    readonly collapsed?: boolean | null;
+    readonly dockbarMode?: NavigationDockbarMode | null;
+}
+interface NavigationState {
+    readonly id: string;
+    readonly orientation: NavigationOrientation;
+    readonly type: NavigationType;
+    readonly position: NavigationPosition;
+    readonly collapsed: boolean;
+    readonly dockbarMode: NavigationDockbarMode;
+}
+interface NavigationIconContext {
+    readonly $implicit: string;
+    readonly icon: string;
+    readonly item: NavigationItem;
+    readonly active: boolean;
+    readonly orientation: NavigationOrientation;
+    readonly level: number;
+}
+
+declare class NavigationService {
+    private readonly documentRef;
+    private readonly router;
+    private readonly routerUrl;
+    private readonly states;
+    private readonly openPanelKeys;
+    private readonly drawerOpenState;
+    /** id navigasi → token owner instance, untuk menjaga setiap id hanya dipakai satu <Navigation> hidup. */
+    private readonly idOwners;
+    readonly openPanelKey: Signal<string | null>;
+    readonly exactMatchOptions: IsActiveMatchOptions;
+    readonly subsetMatchOptions: IsActiveMatchOptions;
+    constructor();
+    register(input: NavigationRegisterInput, owner?: object): NavigationState;
+    unregister(id: string, owner?: object): void;
+    /**
+     * Validasi keunikan id navigasi: setiap instance `<Navigation>` wajib memakai id unik.
+     * `owner` adalah token unik per instance — klaim ulang oleh owner yang sama (mis. perubahan
+     * input) diizinkan, tetapi dua instance hidup dengan id sama dianggap salah konfigurasi dan
+     * melempar error di mode dev. Pemanggil tanpa owner (akses langsung service) dilewati.
+     */
+    private claimId;
+    private releaseId;
+    state(id: string): Signal<NavigationState | null>;
+    currentState(id: string): NavigationState | null;
+    currentPanelKey(id: string): string | null;
+    update(id: string, patch: Partial<NavigationRegisterInput>): NavigationState;
+    setType(id: string, type: NavigationType): NavigationState;
+    setPosition(id: string, position: NavigationPosition): NavigationState;
+    setCollapsed(id: string, collapsed: boolean): NavigationState;
+    toggleCollapsed(id: string): NavigationState;
+    setDockbarMode(id: string, mode: NavigationDockbarMode): NavigationState;
+    isRouterItem(item: NavigationNormalizedItem): boolean;
+    hrefFor(item: NavigationNormalizedItem): string | null;
+    relFor(item: NavigationNormalizedItem): string | null;
+    routerLinkActiveOptions(item: NavigationNormalizedItem): IsActiveMatchOptions;
+    itemRole(orientation: NavigationOrientation, level: number): 'menuitem' | null;
+    compactLabel(item: NavigationNormalizedItem, compact: boolean): string | null;
+    titleFor(item: NavigationNormalizedItem, compact: boolean): string | null;
+    compactFallback(item: NavigationNormalizedItem): string;
+    iconContext(item: NavigationNormalizedItem, active: boolean, level: number, orientation: NavigationOrientation): NavigationIconContext;
+    isItemActive(item: NavigationNormalizedItem, activeIds: ReadonlySet<string>, explicitActiveUrl: string | null): boolean;
+    isPanelOpen(navIdOrItem: string | NavigationNormalizedItem, item?: NavigationNormalizedItem): boolean;
+    openPanel(navIdOrItem: string | NavigationNormalizedItem, item?: NavigationNormalizedItem): void;
+    togglePanel(navIdOrItem: string | NavigationNormalizedItem, item?: NavigationNormalizedItem): void;
+    closePanel(id?: string): void;
+    dockbarGroups(items: readonly NavigationNormalizedItem[]): readonly NavigationNormalizedItem[];
+    resolveDockbarGroup(id: string, items: readonly NavigationNormalizedItem[], mode: NavigationDockbarMode, activeIds: ReadonlySet<string>, activeUrl: string | null): NavigationNormalizedItem | null;
+    isDrawerOpen(id: string): boolean;
+    openDrawer(id: string): void;
+    toggleDrawer(id: string): void;
+    closeDrawer(id: string): void;
+    private matchesActiveUrl;
+    private resolveState;
+    private resolveType;
+    private resolvePosition;
+    private resolveCollapsed;
+    private resolveDockbarMode;
+    private persistState;
+    private defaultType;
+    private cleanupLegacyStorage;
+    private storage;
+    private readStorage;
+    private readInstanceStorage;
+    private readPersistedTypeMode;
+    private writeStorage;
+    private removeStorage;
+    private clearInstanceStorage;
+    private migrateLegacyPersistedStorage;
+    private instanceStorageKey;
+    private persistedStorageKey;
+    private persistedTypeMode;
+    private resolveLegacyTypeMode;
+    private shouldPersistInstanceState;
+    private isLegacyInstanceStorageKey;
+    private isPersistedTypeMode;
+    private normalizeId;
+    private withoutKey;
+    private resolvePanelArgs;
+    private isTypeForOrientation;
+    private isVerticalType;
+    private isHorizontalType;
+    private isPositionForOrientation;
+    private isDockbarMode;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavigationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NavigationService>;
+}
+
+export { NavigationService };
+export type { NavigationDockbarMode, NavigationHorizontalPosition, NavigationHorizontalType, NavigationIconContext, NavigationItem, NavigationLink, NavigationNormalizedItem, NavigationOrientation, NavigationPosition, NavigationRegisterInput, NavigationState, NavigationType, NavigationVerticalPosition, NavigationVerticalType };

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

@@ -0,0 +1,364 @@
+import * as _ojiepermana_angular_navigation from '@ojiepermana/angular-navigation';
+import * as _angular_core from '@angular/core';
+import { TemplateRef, Signal } from '@angular/core';
+import { UrlTree, Params, QueryParamsHandling, IsActiveMatchOptions } from '@angular/router';
+
+type NavigationOrientation = 'vertical' | 'horizontal';
+type NavigationVerticalType = 'sidebar' | 'dockbar';
+type NavigationHorizontalType = 'navbar' | 'flyout';
+type NavigationType = NavigationVerticalType | NavigationHorizontalType;
+type NavigationCollapseTree = 'stairs' | 'straight';
+type NavigationTypeStyle = 'default' | 'border-rail';
+type NavigationVerticalPosition = 'left' | 'right';
+type NavigationHorizontalPosition = 'top' | 'bottom';
+type NavigationPosition = NavigationVerticalPosition | NavigationHorizontalPosition;
+type NavigationFlyoutIconPosition = 'start' | 'end';
+type NavigationDockbarMode = 'drawer' | 'sticky';
+interface NavigationRegisterInput {
+    readonly id: string;
+    readonly orientation: NavigationOrientation;
+    readonly type?: NavigationType | null;
+    readonly position?: NavigationPosition | null;
+    readonly collapsed?: boolean | null;
+    readonly dockbarMode?: NavigationDockbarMode | null;
+}
+interface NavigationState {
+    readonly id: string;
+    readonly orientation: NavigationOrientation;
+    readonly type: NavigationType;
+    readonly position: NavigationPosition;
+    readonly collapsed: boolean;
+    readonly dockbarMode: NavigationDockbarMode;
+}
+type NavigationItemType = 'item' | 'basic' | 'aside' | 'group' | 'collapsible' | 'collapsable' | 'mega' | 'divider' | 'spacer';
+type NavigationNormalizedItemType = 'item' | 'group' | 'collapsible' | 'mega' | 'divider' | 'spacer';
+type NavigationLink = string | readonly unknown[] | UrlTree;
+interface NavigationItemClasses {
+    readonly title?: string;
+    readonly subtitle?: string;
+    readonly icon?: string;
+    /** Kelas untuk elemen klik (tombol/anchor) item. */
+    readonly wrapper?: string;
+    /** Kelas untuk container `<li>` group horizontal (flyout tab / navbar group). Per-group. */
+    readonly container?: string;
+}
+interface NavigationItemBadge {
+    readonly title?: string;
+    readonly classes?: string;
+}
+type NavigationVisibilityHandler = (item: NavigationItem) => boolean;
+type NavigationActionHandler = (item: NavigationItem) => void;
+interface NavigationItem {
+    readonly id?: string;
+    readonly type?: NavigationItemType;
+    readonly title?: string;
+    readonly subtitle?: string;
+    readonly active?: boolean;
+    readonly disabled?: boolean;
+    readonly tooltip?: string;
+    readonly classes?: NavigationItemClasses;
+    readonly icon?: string;
+    readonly badge?: NavigationItemBadge;
+    readonly meta?: Record<string, unknown>;
+    readonly isHidden?: NavigationVisibilityHandler;
+    readonly link?: NavigationLink;
+    readonly href?: string;
+    readonly fragment?: string;
+    readonly preserveFragment?: boolean;
+    readonly queryParams?: Params | null;
+    readonly queryParamsHandling?: QueryParamsHandling | null;
+    readonly externalLink?: boolean;
+    readonly target?: '_blank' | '_self' | '_parent' | '_top' | string;
+    readonly rel?: string;
+    readonly exactMatch?: boolean;
+    readonly isActiveMatchOptions?: IsActiveMatchOptions;
+    readonly action?: NavigationActionHandler;
+    readonly columns?: number;
+    readonly children?: readonly NavigationItem[];
+}
+interface NavigationNormalizedItem extends Omit<NavigationItem, 'children' | 'type'> {
+    readonly key: string;
+    readonly stateId: string;
+    readonly panelId: string;
+    readonly type: NavigationNormalizedItemType;
+    readonly source: NavigationItem;
+    readonly children: readonly NavigationNormalizedItem[];
+}
+interface NavigationSelection {
+    readonly item: NavigationItem;
+    readonly key: string;
+    readonly type: NavigationNormalizedItemType;
+    readonly link?: NavigationLink;
+    readonly external: boolean;
+}
+interface NavigationIconContext {
+    readonly $implicit: string;
+    readonly icon: string;
+    readonly item: NavigationItem;
+    readonly active: boolean;
+    readonly orientation: NavigationOrientation;
+    readonly level: number;
+}
+declare function normalizeUiNavItems(items: readonly NavigationItem[]): readonly NavigationNormalizedItem[];
+
+declare class NavigationIconDirective {
+    readonly template: TemplateRef<NavigationIconContext>;
+    static ngTemplateContextGuard(_directive: NavigationIconDirective, context: unknown): context is NavigationIconContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationIconDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NavigationIconDirective, "ng-template[NavigationIcon]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * 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>;
+    readonly sidebarCollapse?: Signal<boolean>;
+    readonly previewExpanded?: Signal<boolean>;
+    readonly typeStyle?: Signal<NavigationTypeStyle>;
+    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>;
+}
+
+interface NavigationShellContext {
+    readonly state: Signal<NavigationState>;
+    readonly displayState: Signal<NavigationState>;
+    readonly collapseEnabled: Signal<boolean>;
+    toggleCollapsed(): void;
+}
+
+/**
+ * Container navigasi deklaratif. Type ditentukan oleh komponen anak:
+ *
+ * ```html
+ * <Navigation id="main" [data]="items">
+ *   <NavigationSidebar>
+ *     <NavigationHeader>…</NavigationHeader>
+ *     <NavigationContent />
+ *     <NavigationFooter>…</NavigationFooter>
+ *   </NavigationSidebar>
+ * </Navigation>
+ * ```
+ *
+ * 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>;
+    readonly data: _angular_core.InputSignal<readonly NavigationItem[]>;
+    readonly items: _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 hoverPreviewExpanded;
+    /** 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 sidebarCollapse;
+    private readonly previewExpanded;
+    readonly typeStyle: _angular_core.Signal<_ojiepermana_angular_navigation.NavigationTypeStyle>;
+    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>;
+    private readonly controller;
+    readonly iconTemplate: _angular_core.Signal<NavigationIconDirective | undefined>;
+    readonly normalizedItems: _angular_core.Signal<readonly _ojiepermana_angular_navigation.NavigationNormalizedItem[]>;
+    readonly resolvedState: _angular_core.Signal<_ojiepermana_angular_navigation.NavigationState>;
+    readonly activeIdSet: _angular_core.Signal<ReadonlySet<string>>;
+    readonly previewRailExpanded: _angular_core.Signal<boolean>;
+    readonly previewRailOffset: _angular_core.Signal<"15rem" | "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>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    /**
+     * 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;
+    protected setHoverPreview(value: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationContainerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationContainerComponent, "Navigation", never, { "navId": { "alias": "id"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "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, never, true, never>;
+}
+
+declare class NavigationFooterComponent {
+    private readonly shell;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly isHorizontal: _angular_core.Signal<boolean>;
+    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>;
+}
+
+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>;
+    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">;
+    protected readonly contentClasses: _angular_core.Signal<"min-w-0" | "min-w-0 flex-1">;
+    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>;
+}
+
+/**
+ * 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>;
+}
+
+/**
+ * Type dockbar vertikal (rail ikon + aside) untuk `<Navigation>`. Slot
+ * `NavigationHeader` dan `NavigationFooter` opsional; `NavigationContent`
+ * selalu dirender (default otomatis bila tidak diproyeksikan).
+ */
+declare class NavigationDockbarComponent {
+    private readonly container;
+    private readonly destroyRef;
+    readonly mode: _angular_core.InputSignal<NavigationDockbarMode | null>;
+    readonly position: _angular_core.InputSignal<NavigationVerticalPosition | null>;
+    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<NavigationDockbarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationDockbarComponent, "NavigationDockbar", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["headerSlot", "contentSlot", "footerSlot"], ["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<NavigationTypeStyle>;
+    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>;
+}
+
+/**
+ * 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>;
+    /** 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<NavigationTypeStyle>;
+    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<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; }; "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>;
+}
+
+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>;
+}
+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 { NavigationCollapseExpandedDirective, NavigationCollapseRootDirective, NavigationContainerComponent, NavigationContentComponent, NavigationDockbarComponent, NavigationFlyoutComponent, NavigationFooterComponent, NavigationHeaderComponent, NavigationIconDirective, NavigationNavbarComponent, NavigationSidebarComponent, normalizeUiNavItems };
+export type { NavigationActionHandler, NavigationCollapseTree, NavigationDockbarMode, NavigationFlyoutIconPosition, NavigationHorizontalPosition, NavigationHorizontalType, NavigationIconContext, NavigationItem, NavigationItemBadge, NavigationItemClasses, NavigationItemType, NavigationLink, NavigationNormalizedItem, NavigationNormalizedItemType, NavigationOrientation, NavigationPosition, NavigationRegisterInput, NavigationSelection, NavigationState, NavigationType, NavigationTypeConfig, NavigationTypeStyle, NavigationVerticalPosition, NavigationVerticalType, NavigationVisibilityHandler };