@ojiepermana/angular 22.1.14 → 22.2.0

package/types/ojiepermana-angular-theme-page-root.d.ts

@@ -1,88 +1,172 @@
-import * as _ojiepermana_angular_theme_layout_wrapper from '@ojiepermana/angular/theme/layout/wrapper';
-import * as _angular_core from '@angular/core';
-import { NavigationItem } from '@ojiepermana/angular/navigation/types';
-import { PageFilterComponent } from '@ojiepermana/angular/theme/page/filter';
-import { PageHeaderComponent } from '@ojiepermana/angular/theme/page/slots';
-import { PageSideComponent } from '@ojiepermana/angular/theme/page/side';
-import { PageStateService } from '@ojiepermana/angular/theme/page/core';
-
-declare class PageComponent {
-    protected readonly page: PageStateService;
-    private readonly layout;
-    private readonly navigation;
-    private readonly identity;
-    protected readonly projectedSide: _angular_core.Signal<PageSideComponent | undefined>;
-    protected readonly projectedHeader: _angular_core.Signal<PageHeaderComponent | undefined>;
-    protected readonly projectedFilter: _angular_core.Signal<PageFilterComponent | undefined>;
-    readonly variant: _angular_core.InputSignal<"stacked" | "side">;
-    readonly height: _angular_core.InputSignal<"auto" | "fix">;
-    readonly scroll: _angular_core.InputSignal<"content" | "page">;
-    /** Visual appearance shared with the layout (`flat | border-rail`); unifies header/footer borders. */
-    readonly appearance: _angular_core.InputSignal<"flat" | "border-rail">;
-    readonly position: _angular_core.InputSignal<"left" | "right">;
-    readonly sideMode: _angular_core.InputSignal<"sticky" | "drawer" | "overlay">;
-    readonly sideOpen: _angular_core.InputSignal<boolean | null>;
-    readonly sideWidth: _angular_core.InputSignal<string>;
-    /** Controlled state for a drawer/overlay `PageFilter`. `null` is uncontrolled — the toggle, backdrop, and Esc drive it. */
-    readonly filterOpen: _angular_core.InputSignal<boolean | null>;
-    readonly class: _angular_core.InputSignal<string>;
-    readonly sideOpenChange: _angular_core.OutputEmitterRef<boolean>;
-    readonly filterOpenChange: _angular_core.OutputEmitterRef<boolean>;
-    /** Under the `empty` layout, show the apps button (a flyout of the main navigation) in the top-right corner. `false` turns it off. */
-    readonly appsLauncher: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Id of the navigation the apps launcher surfaces (`main` by default). */
-    readonly appsNavId: _angular_core.InputSignal<string>;
-    /** Material symbol for the apps launcher button. */
-    readonly appsIcon: _angular_core.InputSignal<string>;
-    /** Label and `aria-label` for the icon-only apps launcher button. */
-    readonly appsLabel: _angular_core.InputSignal<string>;
-    /** Accessible name for the backdrop button that dismisses an open overlay panel. */
-    readonly overlayCloseLabel: _angular_core.InputSignal<string>;
-    /** Id unik untuk instance `<Navigation>` apps-launcher; tak boleh memakai id `main` (akan bentrok `claimId`). */
-    protected readonly launcherNavId: string;
-    protected readonly resolvedPosition: _angular_core.Signal<"left" | "right">;
-    protected readonly resolvedSideMode: _angular_core.Signal<"sticky" | "drawer" | "overlay">;
-    protected readonly isLeftSide: _angular_core.Signal<boolean>;
-    protected readonly isRightSide: _angular_core.Signal<boolean>;
-    protected readonly hasFilter: _angular_core.Signal<boolean>;
-    protected readonly filterPlacement: _angular_core.Signal<"stacked" | "side">;
-    /** Mode efektif: `stacked` selalu `sticky`; `side` memakai mode pada `PageFilter`. */
-    protected readonly filterMode: _angular_core.Signal<"sticky" | "drawer" | "overlay">;
-    protected readonly filterPosition: _angular_core.Signal<"left" | "right">;
-    protected readonly filterWidthVar: _angular_core.Signal<string>;
-    protected readonly showsSideOverlayBackdrop: _angular_core.Signal<boolean>;
-    protected readonly showsFilterOverlayBackdrop: _angular_core.Signal<boolean>;
-    protected readonly showsOverlayBackdrop: _angular_core.Signal<boolean>;
-    /** Signal data untuk id yang dipilih; di-recompute hanya saat `appsNavId` berubah. */
-    private readonly appsNavSource;
-    protected readonly appsNavData: _angular_core.Signal<readonly NavigationItem[]>;
-    /** Apps-launcher hanya muncul di layout `empty`, saat diaktifkan, dan saat nav target punya data. */
-    protected readonly showsAppsLauncher: _angular_core.Signal<boolean>;
-    /**
-     * Host `<Navigation>` launcher di-absolute ke pojok kanan-atas (hanya membungkus tombol trigger;
-     * panel flyout tetap membentang selebar `Page` lewat pengukuran container). Saat ada `PageHeader`,
-     * tombol menyatu di dalam pita header (offset rapat); tanpa header, mengambang di atas konten.
-     */
-    protected readonly appsLauncherHostClass: _angular_core.Signal<string>;
-    /** Appearance flyout mengikuti layout (seperti shell flyout); fallback ke appearance `Page`. */
-    protected readonly appsLauncherAppearance: _angular_core.Signal<"flat" | "border-rail">;
-    /** Brand/user untuk header & footer flyout — sama seperti shell flyout; `null` saat tak ada shell. */
-    protected readonly appsBrand: _angular_core.Signal<_ojiepermana_angular_theme_layout_wrapper.BrandIdentity | null>;
-    protected readonly appsUser: _angular_core.Signal<_ojiepermana_angular_theme_layout_wrapper.UserIdentity | null>;
-    protected readonly hostClasses: _angular_core.Signal<string>;
-    protected readonly shellClasses: _angular_core.Signal<string>;
-    protected readonly bodyClasses: _angular_core.Signal<string>;
-    /**
-     * Wrapper di sekitar `PageFilter` + `PageContent`. Tanpa filter, memakai `display: contents`
-     * agar transparan (perilaku body lama dipertahankan persis). Dengan filter, menjadi grid/flex
-     * yang menata filter (baris untuk `stacked`, kolom untuk `side`); drawer/overlay menjadikannya
-     * `relative` sebagai positioning context untuk panel yang mengambang.
-     */
-    protected readonly contentRegionClasses: _angular_core.Signal<string>;
-    constructor();
-    protected handleBackdropClick(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageComponent, "Page", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "scroll": { "alias": "scroll"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "sideMode": { "alias": "sideMode"; "required": false; "isSignal": true; }; "sideOpen": { "alias": "sideOpen"; "required": false; "isSignal": true; }; "sideWidth": { "alias": "sideWidth"; "required": false; "isSignal": true; }; "filterOpen": { "alias": "filterOpen"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "appsLauncher": { "alias": "appsLauncher"; "required": false; "isSignal": true; }; "appsNavId": { "alias": "appsNavId"; "required": false; "isSignal": true; }; "appsIcon": { "alias": "appsIcon"; "required": false; "isSignal": true; }; "appsLabel": { "alias": "appsLabel"; "required": false; "isSignal": true; }; "overlayCloseLabel": { "alias": "overlayCloseLabel"; "required": false; "isSignal": true; }; }, { "sideOpenChange": "sideOpenChange"; "filterOpenChange": "filterOpenChange"; }, ["projectedSide", "projectedHeader", "projectedFilter"], ["PageHeader", "PageSideToggle, PageFilterToggle", "PageSide", "PageFilter", "PageContent, PageDashboard", "PageFooter"], true, never>;
-}
-
-export { PageComponent };
+import { NavigationItem } from "@ojiepermana/angular/navigation/types";
+import { PageFilterComponent } from "@ojiepermana/angular/theme/page/filter";
+import { PageOverviewComponent } from "@ojiepermana/angular/theme/page/overview";
+import { PageHeaderComponent } from "@ojiepermana/angular/theme/page/slots";
+import { PageSideComponent } from "@ojiepermana/angular/theme/page/side";
+import { PageStateService } from "@ojiepermana/angular/theme/page/core";
+import * as i0 from "@angular/core";
+export declare class PageComponent {
+  protected readonly page: PageStateService;
+  private readonly layout;
+  private readonly navigation;
+  private readonly identity;
+  protected readonly projectedSide: import("@angular/core").Signal<PageSideComponent | undefined>;
+  protected readonly projectedHeader: import("@angular/core").Signal<PageHeaderComponent | undefined>;
+  protected readonly projectedFilter: import("@angular/core").Signal<PageFilterComponent | undefined>;
+  protected readonly projectedOverview: import("@angular/core").Signal<PageOverviewComponent | undefined>;
+  readonly variant: import("@angular/core").InputSignal<"stacked" | "side">;
+  readonly height: import("@angular/core").InputSignal<"auto" | "fix">;
+  readonly scroll: import("@angular/core").InputSignal<"content" | "page">;
+  /** Visual appearance shared with the layout (`flat | border-rail`); unifies header/footer borders. */
+  readonly appearance: import("@angular/core").InputSignal<"flat" | "border-rail">;
+  readonly position: import("@angular/core").InputSignal<"left" | "right">;
+  readonly sideMode: import("@angular/core").InputSignal<"sticky" | "drawer" | "overlay">;
+  readonly sideOpen: import("@angular/core").InputSignal<boolean | null>;
+  readonly sideWidth: import("@angular/core").InputSignal<string>;
+  /** Controlled state for a drawer/overlay `PageFilter`. `null` is uncontrolled — the toggle, backdrop, and Esc drive it. */
+  readonly filterOpen: import("@angular/core").InputSignal<boolean | null>;
+  readonly class: import("@angular/core").InputSignal<string>;
+  readonly sideOpenChange: import("@angular/core").OutputEmitterRef<boolean>;
+  readonly filterOpenChange: import("@angular/core").OutputEmitterRef<boolean>;
+  /** Under the `empty` layout, show the apps button (a flyout of the main navigation) in the top-right corner. `false` turns it off. */
+  readonly appsLauncher: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Id of the navigation the apps launcher surfaces (`main` by default). */
+  readonly appsNavId: import("@angular/core").InputSignal<string>;
+  /** Material symbol for the apps launcher button. */
+  readonly appsIcon: import("@angular/core").InputSignal<string>;
+  /** Label and `aria-label` for the icon-only apps launcher button. */
+  readonly appsLabel: import("@angular/core").InputSignal<string>;
+  /** Accessible name for the backdrop button that dismisses an open overlay panel. */
+  readonly overlayCloseLabel: import("@angular/core").InputSignal<string>;
+  /** Id unik untuk instance `<Navigation>` apps-launcher; tak boleh memakai id `main` (akan bentrok `claimId`). */
+  protected readonly launcherNavId: string;
+  protected readonly resolvedPosition: import("@angular/core").Signal<"left" | "right">;
+  protected readonly resolvedSideMode: import("@angular/core").Signal<"sticky" | "drawer" | "overlay">;
+  protected readonly isLeftSide: import("@angular/core").Signal<boolean>;
+  protected readonly isRightSide: import("@angular/core").Signal<boolean>;
+  protected readonly hasFilter: import("@angular/core").Signal<boolean>;
+  protected readonly filterPlacement: import("@angular/core").Signal<"stacked" | "side">;
+  /** Mode efektif: `stacked` selalu `sticky`; `side` memakai mode pada `PageFilter`. */
+  protected readonly filterMode: import("@angular/core").Signal<"sticky" | "drawer" | "overlay">;
+  protected readonly filterPosition: import("@angular/core").Signal<"left" | "right">;
+  protected readonly filterWidthVar: import("@angular/core").Signal<string>;
+  protected readonly hasOverview: import("@angular/core").Signal<boolean>;
+  protected readonly showsSideOverlayBackdrop: import("@angular/core").Signal<boolean>;
+  protected readonly showsFilterOverlayBackdrop: import("@angular/core").Signal<boolean>;
+  protected readonly showsOverlayBackdrop: import("@angular/core").Signal<boolean>;
+  /** Signal data untuk id yang dipilih; di-recompute hanya saat `appsNavId` berubah. */
+  private readonly appsNavSource;
+  protected readonly appsNavData: import("@angular/core").Signal<readonly NavigationItem[]>;
+  /** Apps-launcher hanya muncul di layout `empty`, saat diaktifkan, dan saat nav target punya data. */
+  protected readonly showsAppsLauncher: import("@angular/core").Signal<boolean>;
+  /**
+   * Host `<Navigation>` launcher di-absolute ke pojok kanan-atas (hanya membungkus tombol trigger;
+   * panel flyout tetap membentang selebar `Page` lewat pengukuran container). Saat ada `PageHeader`,
+   * tombol menyatu di dalam pita header (offset rapat); tanpa header, mengambang di atas konten.
+   */
+  protected readonly appsLauncherHostClass: import("@angular/core").Signal<string>;
+  /** Appearance flyout mengikuti layout (seperti shell flyout); fallback ke appearance `Page`. */
+  protected readonly appsLauncherAppearance: import("@angular/core").Signal<"flat" | "border-rail">;
+  /** Brand/user untuk header & footer flyout — sama seperti shell flyout; `null` saat tak ada shell. */
+  protected readonly appsBrand: import("@angular/core").Signal<import("@ojiepermana/angular/theme/layout/wrapper").BrandIdentity | null>;
+  protected readonly appsUser: import("@angular/core").Signal<import("@ojiepermana/angular/theme/layout/wrapper").UserIdentity | null>;
+  protected readonly hostClasses: import("@angular/core").Signal<string>;
+  protected readonly shellClasses: import("@angular/core").Signal<string>;
+  protected readonly bodyClasses: import("@angular/core").Signal<string>;
+  /**
+   * Wrapper di sekitar `PageFilter` + `PageContent`. Tanpa filter, memakai `display: contents`
+   * agar transparan (perilaku body lama dipertahankan persis). Dengan filter, menjadi grid/flex
+   * yang menata filter (baris untuk `stacked`, kolom untuk `side`); drawer/overlay menjadikannya
+   * `relative` sebagai positioning context untuk panel yang mengambang.
+   */
+  protected readonly contentRegionClasses: import("@angular/core").Signal<string>;
+  /**
+   * Content region saat `PageOverview` hadir: overview selalu satu baris `auto` tepat di atas
+   * content, di bawah filter stacked bila ada. Filter side sticky tetap menjadi kolom yang
+   * membentang setinggi overview + content.
+   */
+  private overviewRegionClasses;
+  constructor();
+  protected handleBackdropClick(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<PageComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<PageComponent, "Page", never, {
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "height": {
+      "alias": "height";
+      "required": false;
+      "isSignal": true;
+    };
+    "scroll": {
+      "alias": "scroll";
+      "required": false;
+      "isSignal": true;
+    };
+    "appearance": {
+      "alias": "appearance";
+      "required": false;
+      "isSignal": true;
+    };
+    "position": {
+      "alias": "position";
+      "required": false;
+      "isSignal": true;
+    };
+    "sideMode": {
+      "alias": "sideMode";
+      "required": false;
+      "isSignal": true;
+    };
+    "sideOpen": {
+      "alias": "sideOpen";
+      "required": false;
+      "isSignal": true;
+    };
+    "sideWidth": {
+      "alias": "sideWidth";
+      "required": false;
+      "isSignal": true;
+    };
+    "filterOpen": {
+      "alias": "filterOpen";
+      "required": false;
+      "isSignal": true;
+    };
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+    "appsLauncher": {
+      "alias": "appsLauncher";
+      "required": false;
+      "isSignal": true;
+    };
+    "appsNavId": {
+      "alias": "appsNavId";
+      "required": false;
+      "isSignal": true;
+    };
+    "appsIcon": {
+      "alias": "appsIcon";
+      "required": false;
+      "isSignal": true;
+    };
+    "appsLabel": {
+      "alias": "appsLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "overlayCloseLabel": {
+      "alias": "overlayCloseLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "sideOpenChange": "sideOpenChange";
+    "filterOpenChange": "filterOpenChange";
+  }, ["projectedSide", "projectedHeader", "projectedFilter", "projectedOverview"], ["PageHeader", "PageSideToggle, PageFilterToggle", "PageSide", "PageFilter", "PageOverview", "PageContent, PageDashboard", "PageFooter"], true, never>;
+}

package/types/ojiepermana-angular-theme-page-side.d.ts

@@ -1,50 +1,90 @@
-import * as _angular_core from '@angular/core';
-import { PageStateService } from '@ojiepermana/angular/theme/page/core';
-
-declare class PageSideComponent {
-    private readonly document;
-    private readonly host;
-    protected readonly page: PageStateService;
-    protected readonly resolvedId: string;
-    readonly mode: _angular_core.InputSignal<"sticky" | "drawer" | "overlay" | null>;
-    readonly position: _angular_core.InputSignal<"left" | "right" | null>;
-    readonly width: _angular_core.InputSignal<string | null>;
-    readonly closeOnEsc: _angular_core.InputSignal<boolean>;
-    /** Accessible name for the panel in `drawer`/`overlay` mode (set as the dialog's `aria-label`). */
-    readonly ariaLabel: _angular_core.InputSignal<string>;
-    readonly class: _angular_core.InputSignal<string>;
-    protected readonly resolvedMode: _angular_core.Signal<"sticky" | "drawer" | "overlay">;
-    protected readonly resolvedPosition: _angular_core.Signal<"left" | "right">;
-    protected readonly resolvedWidth: _angular_core.Signal<string>;
-    protected readonly isSticky: _angular_core.Signal<boolean>;
-    protected readonly isDrawer: _angular_core.Signal<boolean>;
-    protected readonly isOverlay: _angular_core.Signal<boolean>;
-    /** Mode mengambang (drawer/overlay) — bersifat dialog dan butuh manajemen fokus + `inert` saat tertutup. */
-    protected readonly isInteractive: _angular_core.Signal<boolean>;
-    protected readonly resolvedScroll: _angular_core.Signal<"content" | "page">;
-    protected readonly ariaHidden: _angular_core.Signal<"true" | null>;
-    /** Saat panel mengambang tertutup, `inert` mengeluarkan isinya dari tab order & pohon aksesibilitas (AXE). */
-    protected readonly inertWhenClosed: _angular_core.Signal<"" | null>;
-    protected readonly dialogRole: _angular_core.Signal<"dialog" | null>;
-    protected readonly ariaModal: _angular_core.Signal<"true" | null>;
-    protected readonly dialogLabel: _angular_core.Signal<string | null>;
-    protected readonly dialogTabindex: _angular_core.Signal<"-1" | null>;
-    protected readonly classes: _angular_core.Signal<string>;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageSideComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageSideComponent, "PageSide", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "closeOnEsc": { "alias": "closeOnEsc"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+import { PageStateService } from "@ojiepermana/angular/theme/page/core";
+import * as i0 from "@angular/core";
+export declare class PageSideComponent {
+  private readonly document;
+  private readonly host;
+  protected readonly page: PageStateService;
+  protected readonly resolvedId: string;
+  readonly mode: import("@angular/core").InputSignal<"sticky" | "drawer" | "overlay" | null>;
+  readonly position: import("@angular/core").InputSignal<"left" | "right" | null>;
+  readonly width: import("@angular/core").InputSignal<string | null>;
+  readonly closeOnEsc: import("@angular/core").InputSignal<boolean>;
+  /** Accessible name for the panel in `drawer`/`overlay` mode (set as the dialog's `aria-label`). */
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  readonly class: import("@angular/core").InputSignal<string>;
+  protected readonly resolvedMode: import("@angular/core").Signal<"sticky" | "drawer" | "overlay">;
+  protected readonly resolvedPosition: import("@angular/core").Signal<"left" | "right">;
+  protected readonly resolvedWidth: import("@angular/core").Signal<string>;
+  protected readonly isSticky: import("@angular/core").Signal<boolean>;
+  protected readonly isDrawer: import("@angular/core").Signal<boolean>;
+  protected readonly isOverlay: import("@angular/core").Signal<boolean>;
+  /** Mode mengambang (drawer/overlay) — bersifat dialog dan butuh manajemen fokus + `inert` saat tertutup. */
+  protected readonly isInteractive: import("@angular/core").Signal<boolean>;
+  protected readonly resolvedScroll: import("@angular/core").Signal<"content" | "page">;
+  protected readonly ariaHidden: import("@angular/core").Signal<"true" | null>;
+  /** Saat panel mengambang tertutup, `inert` mengeluarkan isinya dari tab order & pohon aksesibilitas (AXE). */
+  protected readonly inertWhenClosed: import("@angular/core").Signal<"" | null>;
+  protected readonly dialogRole: import("@angular/core").Signal<"dialog" | null>;
+  protected readonly ariaModal: import("@angular/core").Signal<"true" | null>;
+  protected readonly dialogLabel: import("@angular/core").Signal<string | null>;
+  protected readonly dialogTabindex: import("@angular/core").Signal<"-1" | null>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<PageSideComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<PageSideComponent, "PageSide", never, {
+    "mode": {
+      "alias": "mode";
+      "required": false;
+      "isSignal": true;
+    };
+    "position": {
+      "alias": "position";
+      "required": false;
+      "isSignal": true;
+    };
+    "width": {
+      "alias": "width";
+      "required": false;
+      "isSignal": true;
+    };
+    "closeOnEsc": {
+      "alias": "closeOnEsc";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
 }
-
-declare class PageSideToggleComponent {
-    protected readonly page: PageStateService;
-    readonly ariaLabel: _angular_core.InputSignal<string>;
-    readonly class: _angular_core.InputSignal<string>;
-    readonly toggled: _angular_core.OutputEmitterRef<boolean>;
-    protected readonly hostClasses: _angular_core.Signal<string>;
-    protected readonly buttonClasses: _angular_core.Signal<string>;
-    protected handleClick(event: MouseEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageSideToggleComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageSideToggleComponent, "PageSideToggle", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "toggled": "toggled"; }, never, ["*"], true, never>;
-}
-
-export { PageSideComponent, PageSideToggleComponent };
+export declare class PageSideToggleComponent {
+  protected readonly page: PageStateService;
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  readonly class: import("@angular/core").InputSignal<string>;
+  readonly toggled: import("@angular/core").OutputEmitterRef<boolean>;
+  protected readonly hostClasses: import("@angular/core").Signal<string>;
+  protected readonly buttonClasses: import("@angular/core").Signal<string>;
+  protected handleClick(event: MouseEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<PageSideToggleComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<PageSideToggleComponent, "PageSideToggle", never, {
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "toggled": "toggled";
+  }, never, ["*"], true, never>;
+}

package/types/ojiepermana-angular-theme-page-slots.d.ts

@@ -1,40 +1,61 @@
-import * as _angular_core from '@angular/core';
-
-declare class PageHeaderComponent {
-    private readonly page;
-    readonly class: _angular_core.InputSignal<string>;
-    protected readonly resolvedHeight: _angular_core.Signal<"auto" | "fix">;
-    /** Saat tombol apps mengambang di atas header, sisakan ruang kanan agar isi header tidak tertimpa. */
-    protected readonly reservesAppsLauncher: _angular_core.Signal<boolean>;
-    /** Lebar tombol apps (h-9 w-9 = 36px) + offset kanan (right-2 = 8px) + jarak aman; `null` = tak memesan. */
-    protected readonly appsLauncherReservePadding: _angular_core.Signal<"3.5rem" | null>;
-    protected readonly classes: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageHeaderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageHeaderComponent, "PageHeader", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+import * as i0 from "@angular/core";
+export declare class PageHeaderComponent {
+  private readonly page;
+  readonly class: import("@angular/core").InputSignal<string>;
+  protected readonly resolvedHeight: import("@angular/core").Signal<"auto" | "fix">;
+  /** Saat tombol apps mengambang di atas header, sisakan ruang kanan agar isi header tidak tertimpa. */
+  protected readonly reservesAppsLauncher: import("@angular/core").Signal<boolean>;
+  /** Lebar tombol apps (h-9 w-9 = 36px) + offset kanan (right-2 = 8px) + jarak aman; `null` = tak memesan. */
+  protected readonly appsLauncherReservePadding: import("@angular/core").Signal<"3.5rem" | null>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<PageHeaderComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<PageHeaderComponent, "PageHeader", never, {
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
 }
-declare class PageContentComponent {
-    private readonly page;
-    readonly class: _angular_core.InputSignal<string>;
-    protected readonly resolvedScroll: _angular_core.Signal<"content" | "page">;
-    protected readonly classes: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageContentComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageContentComponent, "PageContent", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+export declare class PageContentComponent {
+  private readonly page;
+  readonly class: import("@angular/core").InputSignal<string>;
+  protected readonly resolvedScroll: import("@angular/core").Signal<"content" | "page">;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<PageContentComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<PageContentComponent, "PageContent", never, {
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
 }
-declare class PageDashboardComponent {
-    private readonly page;
-    readonly class: _angular_core.InputSignal<string>;
-    protected readonly resolvedScroll: _angular_core.Signal<"content" | "page">;
-    protected readonly classes: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageDashboardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageDashboardComponent, "PageDashboard", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+export declare class PageDashboardComponent {
+  private readonly page;
+  readonly class: import("@angular/core").InputSignal<string>;
+  protected readonly resolvedScroll: import("@angular/core").Signal<"content" | "page">;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<PageDashboardComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<PageDashboardComponent, "PageDashboard", never, {
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
 }
-declare class PageFooterComponent {
-    private readonly page;
-    readonly class: _angular_core.InputSignal<string>;
-    protected readonly resolvedHeight: _angular_core.Signal<"auto" | "fix">;
-    protected readonly classes: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageFooterComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageFooterComponent, "PageFooter", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-export { PageContentComponent, PageDashboardComponent, PageFooterComponent, PageHeaderComponent };
+export declare class PageFooterComponent {
+  private readonly page;
+  readonly class: import("@angular/core").InputSignal<string>;
+  protected readonly resolvedHeight: import("@angular/core").Signal<"auto" | "fix">;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<PageFooterComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<PageFooterComponent, "PageFooter", never, {
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}

package/types/ojiepermana-angular-theme-page.d.ts

@@ -1,5 +1,7 @@
-export { PAGE_APPEARANCES, PAGE_DEFAULT_APPEARANCE, PAGE_DEFAULT_FILTER_MODE, PAGE_DEFAULT_FILTER_PLACEMENT, PAGE_DEFAULT_FILTER_POSITION, PAGE_DEFAULT_FILTER_WIDTH, PAGE_DEFAULT_HEIGHT, PAGE_DEFAULT_SCROLL, PAGE_DEFAULT_SIDE_MODE, PAGE_DEFAULT_SIDE_POSITION, PAGE_DEFAULT_SIDE_WIDTH, PAGE_DEFAULT_VARIANT, PAGE_FILTER_PLACEMENTS, PAGE_HEIGHT_VALUES, PAGE_SCROLL_VALUES, PAGE_SIDE_MODES, PAGE_SIDE_POSITIONS, PAGE_VARIANTS, PageAppearance, PageFilterPlacement, PageHeight, PageScroll, PageSideMode, PageSidePosition, PageVariant, isUiPageAppearance, isUiPageFilterPlacement, isUiPageHeight, isUiPageScroll, isUiPageSideMode, isUiPageSidePosition, isUiPageVariant } from '@ojiepermana/angular/theme/page/core';
-export { PageFilterComponent, PageFilterToggleComponent } from '@ojiepermana/angular/theme/page/filter';
-export { PageComponent } from '@ojiepermana/angular/theme/page/root';
-export { PageSideComponent, PageSideToggleComponent } from '@ojiepermana/angular/theme/page/side';
-export { PageContentComponent, PageDashboardComponent, PageFooterComponent, PageHeaderComponent } from '@ojiepermana/angular/theme/page/slots';
+import { PAGE_APPEARANCES, PAGE_DEFAULT_APPEARANCE, PAGE_DEFAULT_FILTER_MODE, PAGE_DEFAULT_FILTER_PLACEMENT, PAGE_DEFAULT_FILTER_POSITION, PAGE_DEFAULT_FILTER_WIDTH, PAGE_DEFAULT_HEIGHT, PAGE_DEFAULT_SCROLL, PAGE_DEFAULT_SIDE_MODE, PAGE_DEFAULT_SIDE_POSITION, PAGE_DEFAULT_SIDE_WIDTH, PAGE_DEFAULT_VARIANT, PAGE_FILTER_PLACEMENTS, PAGE_HEIGHT_VALUES, PAGE_SCROLL_VALUES, PAGE_SIDE_MODES, PAGE_SIDE_POSITIONS, PAGE_VARIANTS, PageAppearance, PageFilterPlacement, PageHeight, PageScroll, PageSideMode, PageSidePosition, PageVariant, isUiPageAppearance, isUiPageFilterPlacement, isUiPageHeight, isUiPageScroll, isUiPageSideMode, isUiPageSidePosition, isUiPageVariant } from "@ojiepermana/angular/theme/page/core";
+import { PageFilterComponent, PageFilterToggleComponent } from "@ojiepermana/angular/theme/page/filter";
+import { PageOverviewComponent } from "@ojiepermana/angular/theme/page/overview";
+import { PageComponent } from "@ojiepermana/angular/theme/page/root";
+import { PageSideComponent, PageSideToggleComponent } from "@ojiepermana/angular/theme/page/side";
+import { PageContentComponent, PageDashboardComponent, PageFooterComponent, PageHeaderComponent } from "@ojiepermana/angular/theme/page/slots";
+export { PAGE_APPEARANCES, PAGE_DEFAULT_APPEARANCE, PAGE_DEFAULT_FILTER_MODE, PAGE_DEFAULT_FILTER_PLACEMENT, PAGE_DEFAULT_FILTER_POSITION, PAGE_DEFAULT_FILTER_WIDTH, PAGE_DEFAULT_HEIGHT, PAGE_DEFAULT_SCROLL, PAGE_DEFAULT_SIDE_MODE, PAGE_DEFAULT_SIDE_POSITION, PAGE_DEFAULT_SIDE_WIDTH, PAGE_DEFAULT_VARIANT, PAGE_FILTER_PLACEMENTS, PAGE_HEIGHT_VALUES, PAGE_SCROLL_VALUES, PAGE_SIDE_MODES, PAGE_SIDE_POSITIONS, PAGE_VARIANTS, type PageAppearance, PageComponent, PageContentComponent, PageDashboardComponent, PageFilterComponent, type PageFilterPlacement, PageFilterToggleComponent, PageFooterComponent, PageHeaderComponent, type PageHeight, PageOverviewComponent, type PageScroll, PageSideComponent, type PageSideMode, type PageSidePosition, PageSideToggleComponent, type PageVariant, isUiPageAppearance, isUiPageFilterPlacement, isUiPageHeight, isUiPageScroll, isUiPageSideMode, isUiPageSidePosition, isUiPageVariant };