@ojiepermana/angular 22.1.13 → 22.2.0

package/types/ojiepermana-angular-theme-layout-wrapper.d.ts

@@ -1,49 +1,45 @@
-import * as _angular_core from '@angular/core';
-import { ElementRef } from '@angular/core';
-import { ThemeSettingsNavigationMode, ThemeSettingsNavigationType } from '@ojiepermana/angular/theme/component/settings';
-import * as _ojiepermana_angular_navigation from '@ojiepermana/angular/navigation';
-import { NavigationDockbarRouteContext } from '@ojiepermana/angular/navigation';
-import { NavigationDockbarRouteContext as NavigationDockbarRouteContext$1, NavigationItem, NavigationType } from '@ojiepermana/angular/navigation/types';
-
+import * as i0 from "@angular/core";
+import { ElementRef } from "@angular/core";
+import { ThemeSettingsNavigationMode, ThemeSettingsNavigationType } from "@ojiepermana/angular/theme/component/settings";
+import { NavigationDockbarRouteContext } from "@ojiepermana/angular/navigation";
+import { NavigationDockbarRouteContext as NavigationDockbarRouteContext$1, NavigationItem, NavigationType } from "@ojiepermana/angular/navigation/types";
 /**
  * The identity shape the layout wrappers consume. The library defines the structure
  * only; the concrete brand and user values come from the consumer as inputs.
  */
-interface BrandIdentity {
-    /** Name behind the initials and the accessible name in the header slot. */
-    readonly name: string;
-    /** Material symbol used as the logo; `null` falls back to initials from `name`. */
-    readonly icon: string | null;
-    /** Judul brand. */
-    readonly title: string;
-    /** Subjudul brand. */
-    readonly subtitle: string;
+export interface BrandIdentity {
+  /** Name behind the initials and the accessible name in the header slot. */
+  readonly name: string;
+  /** Material symbol used as the logo; `null` falls back to initials from `name`. */
+  readonly icon: string | null;
+  /** Judul brand. */
+  readonly title: string;
+  /** Subjudul brand. */
+  readonly subtitle: string;
 }
-interface UserIdentity {
-    /** Nama lengkap user (inisial + judul footer). */
-    readonly name: string;
-    /** Email, or the footer's secondary line. */
-    readonly email: string;
+export interface UserIdentity {
+  /** Nama lengkap user (inisial + judul footer). */
+  readonly name: string;
+  /** Email, or the footer's secondary line. */
+  readonly email: string;
 }
-
 /** Registry key used only while `LayoutWrapperDefault` renders its desktop nav. */
-declare const LAYOUT_DESKTOP_NAVIGATION_DATA_ID = "__layout-desktop-navigation";
+export declare const LAYOUT_DESKTOP_NAVIGATION_DATA_ID = "__layout-desktop-navigation";
 /**
  * Registry of the brand and user identity a shell publishes (`LayoutWrapperDefault`, for
  * one). Other surfaces — the apps launcher in `Page`, say — read it so they show the same
  * brand and user as the nav flyout without taking inputs of their own.
  */
-declare class LayoutIdentityService {
-    private readonly brandState;
-    private readonly userState;
-    readonly brand: _angular_core.Signal<BrandIdentity | null>;
-    readonly user: _angular_core.Signal<UserIdentity | null>;
-    setBrand(brand: BrandIdentity | null): void;
-    setUser(user: UserIdentity | null): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutIdentityService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<LayoutIdentityService>;
+export declare class LayoutIdentityService {
+  private readonly brandState;
+  private readonly userState;
+  readonly brand: import("@angular/core").Signal<BrandIdentity | null>;
+  readonly user: import("@angular/core").Signal<UserIdentity | null>;
+  setBrand(brand: BrandIdentity | null): void;
+  setUser(user: UserIdentity | null): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<LayoutIdentityService, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
-
 /**
  * The brand slot for `<NavigationHeader>`: initials or logo plus a title. Purely
  * input-driven.
@@ -53,15 +49,25 @@ declare class LayoutIdentityService {
  * the header row; the title still auto-hides on a collapsed sidebar, because
  * `NAVIGATION_SHELL` reaches `<Navigation>` through the live injector tree.
  */
-declare class LayoutBrand {
-    /** Identitas brand (nama, ikon, judul, subjudul). */
-    readonly brand: _angular_core.InputSignal<BrandIdentity>;
-    /** Sembunyikan judul, sisakan inisial saja (dockbar / rail ikon-only). */
-    readonly compact: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutBrand, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LayoutBrand, "LayoutBrand", never, { "brand": { "alias": "brand"; "required": true; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+export declare class LayoutBrand {
+  /** Identitas brand (nama, ikon, judul, subjudul). */
+  readonly brand: import("@angular/core").InputSignal<BrandIdentity>;
+  /** Sembunyikan judul, sisakan inisial saja (dockbar / rail ikon-only). */
+  readonly compact: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<LayoutBrand, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<LayoutBrand, "LayoutBrand", never, {
+    "brand": {
+      "alias": "brand";
+      "required": true;
+      "isSignal": true;
+    };
+    "compact": {
+      "alias": "compact";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
 }
-
 /**
  * The user slot for `<NavigationFooter>`: an optional identity plus the logout action.
  * Purely input-driven.
@@ -77,21 +83,43 @@ declare class LayoutBrand {
  * renders without error; the button simply does nothing, exactly as before this output
  * existed.
  */
-declare class LayoutUser {
-    /** Identitas user (nama + email). */
-    readonly user: _angular_core.InputSignal<UserIdentity>;
-    /** Show the user identity (initials and name), not only the logout button. */
-    readonly detailed: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Accessible name for the logout button. */
-    readonly logoutLabel: _angular_core.InputSignal<string>;
-    /** Material symbol for the logout button. */
-    readonly logoutIcon: _angular_core.InputSignal<string>;
-    /** The user pressed logout. The effect is the consumer's; the library does not navigate. */
-    readonly logout: _angular_core.OutputEmitterRef<void>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutUser, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LayoutUser, "LayoutUser", never, { "user": { "alias": "user"; "required": true; "isSignal": true; }; "detailed": { "alias": "detailed"; "required": false; "isSignal": true; }; "logoutLabel": { "alias": "logoutLabel"; "required": false; "isSignal": true; }; "logoutIcon": { "alias": "logoutIcon"; "required": false; "isSignal": true; }; }, { "logout": "logout"; }, never, never, true, never>;
+export declare class LayoutUser {
+  /** Identitas user (nama + email). */
+  readonly user: import("@angular/core").InputSignal<UserIdentity>;
+  /** Show the user identity (initials and name), not only the logout button. */
+  readonly detailed: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Accessible name for the logout button. */
+  readonly logoutLabel: import("@angular/core").InputSignal<string>;
+  /** Material symbol for the logout button. */
+  readonly logoutIcon: import("@angular/core").InputSignal<string>;
+  /** The user pressed logout. The effect is the consumer's; the library does not navigate. */
+  readonly logout: import("@angular/core").OutputEmitterRef<void>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<LayoutUser, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<LayoutUser, "LayoutUser", never, {
+    "user": {
+      "alias": "user";
+      "required": true;
+      "isSignal": true;
+    };
+    "detailed": {
+      "alias": "detailed";
+      "required": false;
+      "isSignal": true;
+    };
+    "logoutLabel": {
+      "alias": "logoutLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "logoutIcon": {
+      "alias": "logoutIcon";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "logout": "logout";
+  }, never, never, true, never>;
 }
-
 /**
  * Nav type: a collapsible vertical sidebar (the default). Brand in the header, user
  * identity in the footer.
@@ -108,22 +136,44 @@ declare class LayoutUser {
  * through the live injector tree and `<NavigationHeader>` stays a direct child for the
  * library's content projection.
  */
-declare class LayoutNavSidebar {
-    readonly brand: _angular_core.InputSignal<BrandIdentity>;
-    readonly user: _angular_core.InputSignal<UserIdentity>;
-    /** Appearance from the shell (`[appearance]`); decides the separator border weight. */
-    readonly appearance: _angular_core.InputSignal<"flat" | "border-rail">;
-    readonly navTypeMode: _angular_core.InputSignal<ThemeSettingsNavigationMode>;
-    /** Forwarded from `<LayoutUser>`; the effect is the consumer's. */
-    readonly logout: _angular_core.OutputEmitterRef<void>;
-    protected readonly isBorderRail: _angular_core.Signal<boolean>;
-    protected readonly isCollapsed: _angular_core.Signal<boolean>;
-    /** Border kanan pemisah; ketebalan ikut appearance: `border-rail` = `--layout-rail-width` (selaras rail layout), `flat` 1px. */
-    protected readonly shellClass: _angular_core.Signal<"border-r-[length:var(--layout-rail-width)] border-border" | "border-r border-border">;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutNavSidebar, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LayoutNavSidebar, "LayoutNavSidebar", never, { "brand": { "alias": "brand"; "required": true; "isSignal": true; }; "user": { "alias": "user"; "required": true; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "navTypeMode": { "alias": "nav-type-mode"; "required": false; "isSignal": true; }; }, { "logout": "logout"; }, never, never, true, never>;
+export declare class LayoutNavSidebar {
+  readonly brand: import("@angular/core").InputSignal<BrandIdentity>;
+  readonly user: import("@angular/core").InputSignal<UserIdentity>;
+  /** Appearance from the shell (`[appearance]`); decides the separator border weight. */
+  readonly appearance: import("@angular/core").InputSignal<"flat" | "border-rail">;
+  readonly navTypeMode: import("@angular/core").InputSignal<ThemeSettingsNavigationMode>;
+  /** Forwarded from `<LayoutUser>`; the effect is the consumer's. */
+  readonly logout: import("@angular/core").OutputEmitterRef<void>;
+  protected readonly isBorderRail: import("@angular/core").Signal<boolean>;
+  protected readonly isCollapsed: import("@angular/core").Signal<boolean>;
+  /** Border kanan pemisah; ketebalan ikut appearance: `border-rail` = `--layout-rail-width` (selaras rail layout), `flat` 1px. */
+  protected readonly shellClass: import("@angular/core").Signal<"border-r-[length:var(--layout-rail-width)] border-border" | "border-r border-border">;
+  static ɵfac: i0.ɵɵFactoryDeclaration<LayoutNavSidebar, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<LayoutNavSidebar, "LayoutNavSidebar", never, {
+    "brand": {
+      "alias": "brand";
+      "required": true;
+      "isSignal": true;
+    };
+    "user": {
+      "alias": "user";
+      "required": true;
+      "isSignal": true;
+    };
+    "appearance": {
+      "alias": "appearance";
+      "required": false;
+      "isSignal": true;
+    };
+    "navTypeMode": {
+      "alias": "nav-type-mode";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "logout": "logout";
+  }, never, never, true, never>;
 }
-
 /**
  * Nav type: a vertical icon rail (dockbar). A compact brand (initials only) in the
  * header, the user's initials in the rail footer (title and actions auto-hide, because
@@ -138,69 +188,140 @@ declare class LayoutNavSidebar {
  * separator running straight from rail to aside (header and footer are both `h-12`).
  * See {@link LayoutNavSidebar} for why `host.class = 'contents'`.
  */
-declare class LayoutNavDockbar {
-    readonly brand: _angular_core.InputSignal<BrandIdentity>;
-    readonly user: _angular_core.InputSignal<UserIdentity>;
-    /** Appearance from the shell (`[appearance]`); decides the separator border weight. */
-    readonly appearance: _angular_core.InputSignal<"flat" | "border-rail">;
-    readonly navTypeMode: _angular_core.InputSignal<ThemeSettingsNavigationMode>;
-    /** Opt-in route-aware header; ketika aktif, header route menggantikan compact brand. */
-    readonly dockbarRouteContext: _angular_core.InputSignal<NavigationDockbarRouteContext | null>;
-    /** The generic badge registry forwarded to `NavigationDockbar`. */
-    readonly dockbarBadgeContext: _angular_core.InputSignal<Readonly<Record<string, _ojiepermana_angular_navigation.NavigationBadgeSource>>>;
-    /** Forwarded from the rail and aside footer logout buttons; the effect is the consumer's. */
-    readonly logout: _angular_core.OutputEmitterRef<void>;
-    protected readonly isBorderRail: _angular_core.Signal<boolean>;
-    protected readonly dockbarMode: _angular_core.Signal<"drawer" | "sticky">;
-    protected readonly routeContextEnabled: _angular_core.Signal<boolean>;
-    /** Border kanan pemisah; ketebalan ikut appearance: `border-rail` = `--layout-rail-width` (selaras rail layout), `flat` 1px. */
-    protected readonly shellClass: _angular_core.Signal<"border-r-[length:var(--layout-rail-width)] border-border" | "border-r border-border">;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutNavDockbar, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LayoutNavDockbar, "LayoutNavDockbar", never, { "brand": { "alias": "brand"; "required": true; "isSignal": true; }; "user": { "alias": "user"; "required": true; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "navTypeMode": { "alias": "nav-type-mode"; "required": false; "isSignal": true; }; "dockbarRouteContext": { "alias": "dockbar-route-context"; "required": false; "isSignal": true; }; "dockbarBadgeContext": { "alias": "dockbar-badge"; "required": false; "isSignal": true; }; }, { "logout": "logout"; }, never, never, true, never>;
+export declare class LayoutNavDockbar {
+  readonly brand: import("@angular/core").InputSignal<BrandIdentity>;
+  readonly user: import("@angular/core").InputSignal<UserIdentity>;
+  /** Appearance from the shell (`[appearance]`); decides the separator border weight. */
+  readonly appearance: import("@angular/core").InputSignal<"flat" | "border-rail">;
+  readonly navTypeMode: import("@angular/core").InputSignal<ThemeSettingsNavigationMode>;
+  /** Opt-in route-aware header; ketika aktif, header route menggantikan compact brand. */
+  readonly dockbarRouteContext: import("@angular/core").InputSignal<NavigationDockbarRouteContext | null>;
+  /** The generic badge registry forwarded to `NavigationDockbar`. */
+  readonly dockbarBadgeContext: import("@angular/core").InputSignal<Readonly<Record<string, import("@ojiepermana/angular/navigation").NavigationBadgeSource>>>;
+  /** Forwarded from the rail and aside footer logout buttons; the effect is the consumer's. */
+  readonly logout: import("@angular/core").OutputEmitterRef<void>;
+  protected readonly isBorderRail: import("@angular/core").Signal<boolean>;
+  protected readonly dockbarMode: import("@angular/core").Signal<"drawer" | "sticky">;
+  protected readonly routeContextEnabled: import("@angular/core").Signal<boolean>;
+  /** Border kanan pemisah; ketebalan ikut appearance: `border-rail` = `--layout-rail-width` (selaras rail layout), `flat` 1px. */
+  protected readonly shellClass: import("@angular/core").Signal<"border-r-[length:var(--layout-rail-width)] border-border" | "border-r border-border">;
+  static ɵfac: i0.ɵɵFactoryDeclaration<LayoutNavDockbar, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<LayoutNavDockbar, "LayoutNavDockbar", never, {
+    "brand": {
+      "alias": "brand";
+      "required": true;
+      "isSignal": true;
+    };
+    "user": {
+      "alias": "user";
+      "required": true;
+      "isSignal": true;
+    };
+    "appearance": {
+      "alias": "appearance";
+      "required": false;
+      "isSignal": true;
+    };
+    "navTypeMode": {
+      "alias": "nav-type-mode";
+      "required": false;
+      "isSignal": true;
+    };
+    "dockbarRouteContext": {
+      "alias": "dockbar-route-context";
+      "required": false;
+      "isSignal": true;
+    };
+    "dockbarBadgeContext": {
+      "alias": "dockbar-badge";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "logout": "logout";
+  }, never, never, true, never>;
 }
-
 /**
  * Nav type: a top bar with inline items (navbar, horizontal). `appearance` follows the
  * shell (`flat | border-rail`). See {@link LayoutNavSidebar} for why
  * `host.class = 'contents'`.
  */
-declare class LayoutNavNavbar {
-    readonly brand: _angular_core.InputSignal<BrandIdentity>;
-    readonly user: _angular_core.InputSignal<UserIdentity>;
-    /** Appearance from the shell (`[nav-type-style]`). */
-    readonly appearance: _angular_core.InputSignal<"flat" | "border-rail">;
-    /** Forwarded from `<LayoutUser>`; the effect is the consumer's. */
-    readonly logout: _angular_core.OutputEmitterRef<void>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutNavNavbar, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LayoutNavNavbar, "LayoutNavNavbar", never, { "brand": { "alias": "brand"; "required": true; "isSignal": true; }; "user": { "alias": "user"; "required": true; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; }, { "logout": "logout"; }, never, never, true, never>;
+export declare class LayoutNavNavbar {
+  readonly brand: import("@angular/core").InputSignal<BrandIdentity>;
+  readonly user: import("@angular/core").InputSignal<UserIdentity>;
+  /** Appearance from the shell (`[nav-type-style]`). */
+  readonly appearance: import("@angular/core").InputSignal<"flat" | "border-rail">;
+  /** Forwarded from `<LayoutUser>`; the effect is the consumer's. */
+  readonly logout: import("@angular/core").OutputEmitterRef<void>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<LayoutNavNavbar, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<LayoutNavNavbar, "LayoutNavNavbar", never, {
+    "brand": {
+      "alias": "brand";
+      "required": true;
+      "isSignal": true;
+    };
+    "user": {
+      "alias": "user";
+      "required": true;
+      "isSignal": true;
+    };
+    "appearance": {
+      "alias": "appearance";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "logout": "logout";
+  }, never, never, true, never>;
 }
-
 /**
  * Nav type: a top bar with a flyout trigger button (horizontal). `appearance` follows the
  * shell. See {@link LayoutNavSidebar} for why `host.class = 'contents'`.
  */
-declare class LayoutNavFlyout {
-    readonly brand: _angular_core.InputSignal<BrandIdentity>;
-    readonly user: _angular_core.InputSignal<UserIdentity>;
-    /** Appearance from the shell (`[nav-type-style]`). */
-    readonly appearance: _angular_core.InputSignal<"flat" | "border-rail">;
-    /** Forwarded from `<LayoutUser>`; the effect is the consumer's. */
-    readonly logout: _angular_core.OutputEmitterRef<void>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutNavFlyout, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LayoutNavFlyout, "LayoutNavFlyout", never, { "brand": { "alias": "brand"; "required": true; "isSignal": true; }; "user": { "alias": "user"; "required": true; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; }, { "logout": "logout"; }, never, never, true, never>;
+export declare class LayoutNavFlyout {
+  readonly brand: import("@angular/core").InputSignal<BrandIdentity>;
+  readonly user: import("@angular/core").InputSignal<UserIdentity>;
+  /** Appearance from the shell (`[nav-type-style]`). */
+  readonly appearance: import("@angular/core").InputSignal<"flat" | "border-rail">;
+  /** Forwarded from `<LayoutUser>`; the effect is the consumer's. */
+  readonly logout: import("@angular/core").OutputEmitterRef<void>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<LayoutNavFlyout, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<LayoutNavFlyout, "LayoutNavFlyout", never, {
+    "brand": {
+      "alias": "brand";
+      "required": true;
+      "isSignal": true;
+    };
+    "user": {
+      "alias": "user";
+      "required": true;
+      "isSignal": true;
+    };
+    "appearance": {
+      "alias": "appearance";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "logout": "logout";
+  }, never, never, true, never>;
 }
-
 /**
  * Nav type: a brand-only sidebar for the `empty` and `fluid` variants, where
  * `LayoutNavigation` hides the nav — so no collapse and no footer. See
  * {@link LayoutNavSidebar} for why `host.class = 'contents'`.
  */
-declare class LayoutNavMinimal {
-    readonly brand: _angular_core.InputSignal<BrandIdentity>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutNavMinimal, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LayoutNavMinimal, "LayoutNavMinimal", never, { "brand": { "alias": "brand"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+export declare class LayoutNavMinimal {
+  readonly brand: import("@angular/core").InputSignal<BrandIdentity>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<LayoutNavMinimal, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<LayoutNavMinimal, "LayoutNavMinimal", never, {
+    "brand": {
+      "alias": "brand";
+      "required": true;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
 }
-
 /** The nav type `@switch (navKind())` renders. `brand` = header-only sidebar (empty/fluid). */
 type NavKind = NavigationType | 'brand';
 /**
@@ -225,75 +346,166 @@ type NavKind = NavigationType | 'brand';
  * `#body`, and each nav type is `display:contents`, so `<NavigationXxx>` is an effective child
  * of `<Navigation>`.
  */
-declare class LayoutWrapperDefault {
-    /** Surface latar shell (mis. `grid`, `flat`). */
-    readonly surface: _angular_core.InputSignal<"flat" | "grid" | "grid-line" | "honeycomb" | "matrix" | "circuit" | "line-vertical" | "line-horizontal">;
-    /** Appearance shell & nav (`flat | border-rail`). */
-    readonly appearance: _angular_core.InputSignal<"flat" | "border-rail">;
-    /** Frame width (`full`, `container`, and so on). */
-    readonly width: _angular_core.InputSignal<"full" | "wide" | "container" | "fluid">;
-    /** Tipe layout dasar (`vertical | horizontal | empty | fluid`); `empty`/`fluid` override nav. */
-    readonly layoutType: _angular_core.InputSignal<"fluid" | "vertical" | "horizontal" | "empty">;
-    /**
-     * The shell's navigation type. `desktop` only means anything on a horizontal frame:
-     * the titlebar becomes the primary chrome and the navigation area follows the
-     * content-focused `empty` behaviour.
-     */
-    readonly navType: _angular_core.InputSignal<ThemeSettingsNavigationType>;
-    /** Presentation mode for the active nav type (`collapsed` sidebar / `drawer` dockbar). */
-    readonly navTypeMode: _angular_core.InputSignal<ThemeSettingsNavigationMode>;
-    /** Opt-in route-aware dockbar state; ignored by other navigation types. */
-    readonly dockbarRouteContext: _angular_core.InputSignal<NavigationDockbarRouteContext$1 | null>;
-    /** Generic dockbar badge registry; ignored by sidebar/navbar/flyout. */
-    readonly dockbarBadgeContext: _angular_core.InputSignal<Readonly<Record<string, _ojiepermana_angular_navigation.NavigationBadgeSource>>>;
-    /** Item navigasi. */
-    readonly data: _angular_core.InputSignal<readonly NavigationItem[]>;
-    /** Identitas brand. */
-    readonly brand: _angular_core.InputSignal<BrandIdentity>;
-    /** Identitas user. */
-    readonly user: _angular_core.InputSignal<UserIdentity>;
-    /** Id landmark konten utama sekaligus target skip link. */
-    readonly contentId: _angular_core.InputSignal<string>;
-    /** Skip-link label; the consumer can localise it. */
-    readonly skipLinkLabel: _angular_core.InputSignal<string>;
-    /** Fokuskan landmark utama setelah route selesai berubah. */
-    readonly focusOnNavigation: _angular_core.InputSignal<boolean>;
-    /** Controlled/uncontrolled state drawer navigasi mobile. */
-    readonly mobileNavOpen: _angular_core.ModelSignal<boolean>;
-    readonly mobileNavLabel: _angular_core.InputSignal<string>;
-    readonly closeMobileNavLabel: _angular_core.InputSignal<string>;
-    /**
-     * The user pressed logout in the navigation footer. Forwarded from every nav type that
-     * shows the user identity (`sidebar`, `dockbar`, `navbar`, `flyout`), the mobile drawer
-     * included, so one binding covers all of them. The library calls no endpoint and performs
-     * no navigation; what happens next is entirely the consumer's.
-     */
-    readonly logout: _angular_core.OutputEmitterRef<void>;
-    private readonly identity;
-    private readonly navigation;
-    private readonly desktopNavigationDataOwner;
-    private readonly document;
-    protected readonly mobileNavTriggerRef: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
-    constructor();
-    /**
-     * Classes for `<LayoutContent>`, chosen by the consumer (padding, say). Empty by
-     * default: the library no longer forces `p-6`; the consumer or `<Page>` decides spacing.
-     */
-    readonly contentClassInput: _angular_core.InputSignal<string>;
-    /** Wrapper layout & nilai `<Layout [layout-type]>`: navbar/flyout = horizontal, sisanya vertical. */
-    protected readonly effectiveLayoutType: _angular_core.Signal<"fluid" | "vertical" | "horizontal" | "empty">;
-    /** Tipe nav di dalam `#body`: `empty`/`fluid` → `brand` (header-only); selain itu `nav-type`. */
-    protected readonly navKind: _angular_core.Signal<NavKind>;
-    /** Lebar host `<Navigation>`: penuh-tinggi (vertical) atau penuh-lebar (horizontal). */
-    protected readonly navClass: _angular_core.Signal<"w-full" | "h-full">;
-    protected readonly showsMobileNavigation: _angular_core.Signal<boolean>;
-    /** Internal shell owns responsive placement while primitives remain composition-safe. */
-    protected readonly defaultShellClasses: _angular_core.Signal<string>;
-    /** Kelas `<LayoutContent>`: `fluid` membatasi lebar & memusatkan; padding diserahkan ke consumer. */
-    protected readonly contentClass: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutWrapperDefault, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LayoutWrapperDefault, "LayoutWrapperDefault", never, { "surface": { "alias": "surface"; "required": false; "isSignal": true; }; "appearance": { "alias": "layout-appearance"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "layoutType": { "alias": "layout-type"; "required": false; "isSignal": true; }; "navType": { "alias": "nav-type"; "required": false; "isSignal": true; }; "navTypeMode": { "alias": "nav-type-mode"; "required": false; "isSignal": true; }; "dockbarRouteContext": { "alias": "dockbar-route-context"; "required": false; "isSignal": true; }; "dockbarBadgeContext": { "alias": "dockbar-badge"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "brand": { "alias": "brand"; "required": true; "isSignal": true; }; "user": { "alias": "user"; "required": true; "isSignal": true; }; "contentId": { "alias": "content-id"; "required": false; "isSignal": true; }; "skipLinkLabel": { "alias": "skip-link-label"; "required": false; "isSignal": true; }; "focusOnNavigation": { "alias": "focus-on-navigation"; "required": false; "isSignal": true; }; "mobileNavOpen": { "alias": "mobile-nav-open"; "required": false; "isSignal": true; }; "mobileNavLabel": { "alias": "mobile-nav-label"; "required": false; "isSignal": true; }; "closeMobileNavLabel": { "alias": "close-mobile-nav-label"; "required": false; "isSignal": true; }; "contentClassInput": { "alias": "content-class"; "required": false; "isSignal": true; }; }, { "mobileNavOpen": "mobile-nav-openChange"; "logout": "logout"; }, never, ["*"], true, never>;
-}
-
-export { LAYOUT_DESKTOP_NAVIGATION_DATA_ID, LayoutBrand, LayoutIdentityService, LayoutNavDockbar, LayoutNavFlyout, LayoutNavMinimal, LayoutNavNavbar, LayoutNavSidebar, LayoutUser, LayoutWrapperDefault };
-export type { BrandIdentity, UserIdentity };
+export declare class LayoutWrapperDefault {
+  /** Surface latar shell (mis. `grid`, `flat`). */
+  readonly surface: import("@angular/core").InputSignal<"flat" | "grid" | "grid-line" | "honeycomb" | "matrix" | "circuit" | "line-vertical" | "line-horizontal">;
+  /** Appearance shell & nav (`flat | border-rail`). */
+  readonly appearance: import("@angular/core").InputSignal<"flat" | "border-rail">;
+  /** Frame width (`full`, `container`, and so on). */
+  readonly width: import("@angular/core").InputSignal<"full" | "wide" | "container" | "fluid">;
+  /** Tipe layout dasar (`vertical | horizontal | empty | fluid`); `empty`/`fluid` override nav. */
+  readonly layoutType: import("@angular/core").InputSignal<"fluid" | "vertical" | "horizontal" | "empty">;
+  /**
+   * The shell's navigation type. `desktop` only means anything on a horizontal frame:
+   * the titlebar becomes the primary chrome and the navigation area follows the
+   * content-focused `empty` behaviour.
+   */
+  readonly navType: import("@angular/core").InputSignal<ThemeSettingsNavigationType>;
+  /** Presentation mode for the active nav type (`collapsed` sidebar / `drawer` dockbar). */
+  readonly navTypeMode: import("@angular/core").InputSignal<ThemeSettingsNavigationMode>;
+  /** Opt-in route-aware dockbar state; ignored by other navigation types. */
+  readonly dockbarRouteContext: import("@angular/core").InputSignal<NavigationDockbarRouteContext$1 | null>;
+  /** Generic dockbar badge registry; ignored by sidebar/navbar/flyout. */
+  readonly dockbarBadgeContext: import("@angular/core").InputSignal<Readonly<Record<string, import("@ojiepermana/angular/navigation").NavigationBadgeSource>>>;
+  /** Item navigasi. */
+  readonly data: import("@angular/core").InputSignal<readonly NavigationItem[]>;
+  /** Identitas brand. */
+  readonly brand: import("@angular/core").InputSignal<BrandIdentity>;
+  /** Identitas user. */
+  readonly user: import("@angular/core").InputSignal<UserIdentity>;
+  /** Id landmark konten utama sekaligus target skip link. */
+  readonly contentId: import("@angular/core").InputSignal<string>;
+  /** Skip-link label; the consumer can localise it. */
+  readonly skipLinkLabel: import("@angular/core").InputSignal<string>;
+  /** Fokuskan landmark utama setelah route selesai berubah. */
+  readonly focusOnNavigation: import("@angular/core").InputSignal<boolean>;
+  /** Controlled/uncontrolled state drawer navigasi mobile. */
+  readonly mobileNavOpen: import("@angular/core").ModelSignal<boolean>;
+  readonly mobileNavLabel: import("@angular/core").InputSignal<string>;
+  readonly closeMobileNavLabel: import("@angular/core").InputSignal<string>;
+  /**
+   * The user pressed logout in the navigation footer. Forwarded from every nav type that
+   * shows the user identity (`sidebar`, `dockbar`, `navbar`, `flyout`), the mobile drawer
+   * included, so one binding covers all of them. The library calls no endpoint and performs
+   * no navigation; what happens next is entirely the consumer's.
+   */
+  readonly logout: import("@angular/core").OutputEmitterRef<void>;
+  private readonly identity;
+  private readonly navigation;
+  private readonly desktopNavigationDataOwner;
+  private readonly document;
+  protected readonly mobileNavTriggerRef: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
+  constructor();
+  /**
+   * Classes for `<LayoutContent>`, chosen by the consumer (padding, say). Empty by
+   * default: the library no longer forces `p-6`; the consumer or `<Page>` decides spacing.
+   */
+  readonly contentClassInput: import("@angular/core").InputSignal<string>;
+  /** Wrapper layout & nilai `<Layout [layout-type]>`: navbar/flyout = horizontal, sisanya vertical. */
+  protected readonly effectiveLayoutType: import("@angular/core").Signal<"fluid" | "vertical" | "horizontal" | "empty">;
+  /** Tipe nav di dalam `#body`: `empty`/`fluid` → `brand` (header-only); selain itu `nav-type`. */
+  protected readonly navKind: import("@angular/core").Signal<NavKind>;
+  /** Lebar host `<Navigation>`: penuh-tinggi (vertical) atau penuh-lebar (horizontal). */
+  protected readonly navClass: import("@angular/core").Signal<"w-full" | "h-full">;
+  protected readonly showsMobileNavigation: import("@angular/core").Signal<boolean>;
+  /** Internal shell owns responsive placement while primitives remain composition-safe. */
+  protected readonly defaultShellClasses: import("@angular/core").Signal<string>;
+  /** Kelas `<LayoutContent>`: `fluid` membatasi lebar & memusatkan; padding diserahkan ke consumer. */
+  protected readonly contentClass: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<LayoutWrapperDefault, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<LayoutWrapperDefault, "LayoutWrapperDefault", never, {
+    "surface": {
+      "alias": "surface";
+      "required": false;
+      "isSignal": true;
+    };
+    "appearance": {
+      "alias": "layout-appearance";
+      "required": false;
+      "isSignal": true;
+    };
+    "width": {
+      "alias": "width";
+      "required": false;
+      "isSignal": true;
+    };
+    "layoutType": {
+      "alias": "layout-type";
+      "required": false;
+      "isSignal": true;
+    };
+    "navType": {
+      "alias": "nav-type";
+      "required": false;
+      "isSignal": true;
+    };
+    "navTypeMode": {
+      "alias": "nav-type-mode";
+      "required": false;
+      "isSignal": true;
+    };
+    "dockbarRouteContext": {
+      "alias": "dockbar-route-context";
+      "required": false;
+      "isSignal": true;
+    };
+    "dockbarBadgeContext": {
+      "alias": "dockbar-badge";
+      "required": false;
+      "isSignal": true;
+    };
+    "data": {
+      "alias": "data";
+      "required": true;
+      "isSignal": true;
+    };
+    "brand": {
+      "alias": "brand";
+      "required": true;
+      "isSignal": true;
+    };
+    "user": {
+      "alias": "user";
+      "required": true;
+      "isSignal": true;
+    };
+    "contentId": {
+      "alias": "content-id";
+      "required": false;
+      "isSignal": true;
+    };
+    "skipLinkLabel": {
+      "alias": "skip-link-label";
+      "required": false;
+      "isSignal": true;
+    };
+    "focusOnNavigation": {
+      "alias": "focus-on-navigation";
+      "required": false;
+      "isSignal": true;
+    };
+    "mobileNavOpen": {
+      "alias": "mobile-nav-open";
+      "required": false;
+      "isSignal": true;
+    };
+    "mobileNavLabel": {
+      "alias": "mobile-nav-label";
+      "required": false;
+      "isSignal": true;
+    };
+    "closeMobileNavLabel": {
+      "alias": "close-mobile-nav-label";
+      "required": false;
+      "isSignal": true;
+    };
+    "contentClassInput": {
+      "alias": "content-class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "mobileNavOpen": "mobile-nav-openChange";
+    "logout": "logout";
+  }, never, ["*"], true, never>;
+}