@ojiepermana/angular 22.1.14 → 22.2.1

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

@@ -1,140 +1,137 @@
-import * as _angular_core from '@angular/core';
-import { Signal } from '@angular/core';
-
-declare const PAGE_VARIANTS: readonly ["stacked", "side"];
-declare const PAGE_SIDE_POSITIONS: readonly ["left", "right"];
-declare const PAGE_SIDE_MODES: readonly ["sticky", "drawer", "overlay"];
-declare const PAGE_SCROLL_VALUES: readonly ["content", "page"];
-declare const PAGE_HEIGHT_VALUES: readonly ["auto", "fix"];
+import * as i0 from "@angular/core";
+import { Signal } from "@angular/core";
+export declare const PAGE_VARIANTS: readonly ["stacked", "side"];
+export declare const PAGE_SIDE_POSITIONS: readonly ["left", "right"];
+export declare const PAGE_SIDE_MODES: readonly ["sticky", "drawer", "overlay"];
+export declare const PAGE_SCROLL_VALUES: readonly ["content", "page"];
+export declare const PAGE_HEIGHT_VALUES: readonly ["auto", "fix"];
 /** Visual appearance shared with the layout/navigation axes — unifies borders. */
-declare const PAGE_APPEARANCES: readonly ["flat", "border-rail"];
+export declare const PAGE_APPEARANCES: readonly ["flat", "border-rail"];
 /** `PageFilter` placement: `stacked` = a bar between header and content; `side` = a column beside content. */
-declare const PAGE_FILTER_PLACEMENTS: readonly ["stacked", "side"];
-type PageVariant = (typeof PAGE_VARIANTS)[number];
-type PageSidePosition = (typeof PAGE_SIDE_POSITIONS)[number];
-type PageSideMode = (typeof PAGE_SIDE_MODES)[number];
-type PageScroll = (typeof PAGE_SCROLL_VALUES)[number];
-type PageHeight = (typeof PAGE_HEIGHT_VALUES)[number];
-type PageAppearance = (typeof PAGE_APPEARANCES)[number];
-type PageFilterPlacement = (typeof PAGE_FILTER_PLACEMENTS)[number];
-declare const PAGE_DEFAULT_VARIANT: PageVariant;
-declare const PAGE_DEFAULT_SIDE_POSITION: PageSidePosition;
-declare const PAGE_DEFAULT_SIDE_MODE: PageSideMode;
-declare const PAGE_DEFAULT_SCROLL: PageScroll;
-declare const PAGE_DEFAULT_HEIGHT: PageHeight;
-declare const PAGE_DEFAULT_APPEARANCE: PageAppearance;
-declare const PAGE_DEFAULT_SIDE_WIDTH = "16rem";
+export declare const PAGE_FILTER_PLACEMENTS: readonly ["stacked", "side"];
+export type PageVariant = (typeof PAGE_VARIANTS)[number];
+export type PageSidePosition = (typeof PAGE_SIDE_POSITIONS)[number];
+export type PageSideMode = (typeof PAGE_SIDE_MODES)[number];
+export type PageScroll = (typeof PAGE_SCROLL_VALUES)[number];
+export type PageHeight = (typeof PAGE_HEIGHT_VALUES)[number];
+export type PageAppearance = (typeof PAGE_APPEARANCES)[number];
+export type PageFilterPlacement = (typeof PAGE_FILTER_PLACEMENTS)[number];
+export declare const PAGE_DEFAULT_VARIANT: PageVariant;
+export declare const PAGE_DEFAULT_SIDE_POSITION: PageSidePosition;
+export declare const PAGE_DEFAULT_SIDE_MODE: PageSideMode;
+export declare const PAGE_DEFAULT_SCROLL: PageScroll;
+export declare const PAGE_DEFAULT_HEIGHT: PageHeight;
+export declare const PAGE_DEFAULT_APPEARANCE: PageAppearance;
+export declare const PAGE_DEFAULT_SIDE_WIDTH = "16rem";
 /** Placement default `PageFilter`. */
-declare const PAGE_DEFAULT_FILTER_PLACEMENT: PageFilterPlacement;
+export declare const PAGE_DEFAULT_FILTER_PLACEMENT: PageFilterPlacement;
 /** Default `PageFilter` mode under `placement="side"`; `stacked` always behaves as `sticky`. */
-declare const PAGE_DEFAULT_FILTER_MODE: PageSideMode;
+export declare const PAGE_DEFAULT_FILTER_MODE: PageSideMode;
 /** Default position of the `PageFilter` column under `placement="side"`. */
-declare const PAGE_DEFAULT_FILTER_POSITION: PageSidePosition;
+export declare const PAGE_DEFAULT_FILTER_POSITION: PageSidePosition;
 /** Default width of the `PageFilter` column under `placement="side"` (sticky/drawer/overlay). */
-declare const PAGE_DEFAULT_FILTER_WIDTH = "18rem";
-declare function isUiPageVariant(value: string | null): value is PageVariant;
-declare function isUiPageSidePosition(value: string | null): value is PageSidePosition;
-declare function isUiPageSideMode(value: string | null): value is PageSideMode;
-declare function isUiPageScroll(value: string | null): value is PageScroll;
-declare function isUiPageHeight(value: string | null): value is PageHeight;
-declare function isUiPageAppearance(value: string | null): value is PageAppearance;
-declare function isUiPageFilterPlacement(value: string | null): value is PageFilterPlacement;
-
-declare class PageStateService {
-    private readonly variantState;
-    private readonly heightState;
-    private readonly scrollState;
-    private readonly appearanceState;
-    private readonly positionState;
-    private readonly sideModeState;
-    private readonly internalSideOpenState;
-    private readonly controlledSideOpenState;
-    private readonly sideWidthState;
-    private readonly sideIdState;
-    private readonly sideOpenRequestState;
-    private readonly sideOpenRequestVersionState;
-    private sideReturnFocus;
-    /** Aktif saat apps-launcher mengambang di atas `PageHeader`; header memesan ruang kanan agar isinya tidak tertimpa. */
-    private readonly appsLauncherReserveState;
-    private readonly filterPlacementState;
-    private readonly filterModeState;
-    private readonly filterPositionState;
-    private readonly filterWidthState;
-    private readonly filterIdState;
-    private readonly internalFilterOpenState;
-    private readonly controlledFilterOpenState;
-    private readonly filterOpenRequestState;
-    private readonly filterOpenRequestVersionState;
-    private filterReturnFocus;
-    readonly variant: _angular_core.Signal<"stacked" | "side">;
-    readonly height: _angular_core.Signal<"auto" | "fix">;
-    readonly scroll: _angular_core.Signal<"content" | "page">;
-    readonly appearance: _angular_core.Signal<"flat" | "border-rail">;
-    readonly position: _angular_core.Signal<"left" | "right">;
-    readonly sideMode: _angular_core.Signal<"sticky" | "drawer" | "overlay">;
-    readonly sideWidth: _angular_core.Signal<string>;
-    readonly sideId: _angular_core.Signal<string | null>;
-    readonly sideOpenRequest: _angular_core.Signal<boolean | null>;
-    readonly sideOpenRequestVersion: _angular_core.Signal<number>;
-    readonly appsLauncherReserve: _angular_core.Signal<boolean>;
-    readonly sideOpen: _angular_core.Signal<boolean>;
-    readonly isSideInteractive: _angular_core.Signal<boolean>;
-    readonly isSideVisible: _angular_core.Signal<boolean>;
-    readonly filterPlacement: _angular_core.Signal<"stacked" | "side">;
-    readonly filterMode: _angular_core.Signal<"sticky" | "drawer" | "overlay">;
-    readonly filterPosition: _angular_core.Signal<"left" | "right">;
-    readonly filterWidth: _angular_core.Signal<string>;
-    readonly filterId: _angular_core.Signal<string | null>;
-    readonly filterOpenRequest: _angular_core.Signal<boolean | null>;
-    readonly filterOpenRequestVersion: _angular_core.Signal<number>;
-    readonly filterOpen: _angular_core.Signal<boolean>;
-    readonly isFilterInteractive: _angular_core.Signal<boolean>;
-    readonly isFilterVisible: _angular_core.Signal<boolean>;
-    registerRoot(config: {
-        variant: PageVariant;
-        height: PageHeight;
-        scroll: PageScroll;
-        appearance: PageAppearance;
-        position: PageSidePosition;
-        sideMode: PageSideMode;
-        sideWidth: string;
-    }): void;
-    registerSide(config: {
-        mode: PageSideMode;
-        position: PageSidePosition;
-        width: string;
-        id: string;
-    }): void;
-    setAppsLauncherReserve(reserve: boolean): void;
-    setControlledSideOpen(open: boolean | null): void;
-    setSideOpen(open: boolean): void;
-    openSide(): boolean;
-    closeSide(): boolean;
-    toggleSide(): boolean;
-    /** Stores the concrete trigger before opening so restoration is not browser-timing dependent. */
-    setSideReturnFocus(element: HTMLElement): void;
-    takeSideReturnFocus(): HTMLElement | null;
-    private requestSideOpenChange;
-    registerFilter(config: {
-        placement: PageFilterPlacement;
-        mode: PageSideMode;
-        position: PageSidePosition;
-        width: string;
-        id: string;
-    }): void;
-    setControlledFilterOpen(open: boolean | null): void;
-    setFilterOpen(open: boolean): void;
-    openFilter(): boolean;
-    closeFilter(): boolean;
-    toggleFilter(): boolean;
-    /** Mirrors side focus ownership for filter drawer/overlay triggers. */
-    setFilterReturnFocus(element: HTMLElement): void;
-    takeFilterReturnFocus(): HTMLElement | null;
-    private requestFilterOpenChange;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageStateService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
+export declare const PAGE_DEFAULT_FILTER_WIDTH = "18rem";
+export declare function isUiPageVariant(value: string | null): value is PageVariant;
+export declare function isUiPageSidePosition(value: string | null): value is PageSidePosition;
+export declare function isUiPageSideMode(value: string | null): value is PageSideMode;
+export declare function isUiPageScroll(value: string | null): value is PageScroll;
+export declare function isUiPageHeight(value: string | null): value is PageHeight;
+export declare function isUiPageAppearance(value: string | null): value is PageAppearance;
+export declare function isUiPageFilterPlacement(value: string | null): value is PageFilterPlacement;
+export declare class PageStateService {
+  private readonly variantState;
+  private readonly heightState;
+  private readonly scrollState;
+  private readonly appearanceState;
+  private readonly positionState;
+  private readonly sideModeState;
+  private readonly internalSideOpenState;
+  private readonly controlledSideOpenState;
+  private readonly sideWidthState;
+  private readonly sideIdState;
+  private readonly sideOpenRequestState;
+  private readonly sideOpenRequestVersionState;
+  private sideReturnFocus;
+  /** Aktif saat apps-launcher mengambang di atas `PageHeader`; header memesan ruang kanan agar isinya tidak tertimpa. */
+  private readonly appsLauncherReserveState;
+  private readonly filterPlacementState;
+  private readonly filterModeState;
+  private readonly filterPositionState;
+  private readonly filterWidthState;
+  private readonly filterIdState;
+  private readonly internalFilterOpenState;
+  private readonly controlledFilterOpenState;
+  private readonly filterOpenRequestState;
+  private readonly filterOpenRequestVersionState;
+  private filterReturnFocus;
+  readonly variant: import("@angular/core").Signal<"stacked" | "side">;
+  readonly height: import("@angular/core").Signal<"auto" | "fix">;
+  readonly scroll: import("@angular/core").Signal<"content" | "page">;
+  readonly appearance: import("@angular/core").Signal<"flat" | "border-rail">;
+  readonly position: import("@angular/core").Signal<"left" | "right">;
+  readonly sideMode: import("@angular/core").Signal<"sticky" | "drawer" | "overlay">;
+  readonly sideWidth: import("@angular/core").Signal<string>;
+  readonly sideId: import("@angular/core").Signal<string | null>;
+  readonly sideOpenRequest: import("@angular/core").Signal<boolean | null>;
+  readonly sideOpenRequestVersion: import("@angular/core").Signal<number>;
+  readonly appsLauncherReserve: import("@angular/core").Signal<boolean>;
+  readonly sideOpen: import("@angular/core").Signal<boolean>;
+  readonly isSideInteractive: import("@angular/core").Signal<boolean>;
+  readonly isSideVisible: import("@angular/core").Signal<boolean>;
+  readonly filterPlacement: import("@angular/core").Signal<"stacked" | "side">;
+  readonly filterMode: import("@angular/core").Signal<"sticky" | "drawer" | "overlay">;
+  readonly filterPosition: import("@angular/core").Signal<"left" | "right">;
+  readonly filterWidth: import("@angular/core").Signal<string>;
+  readonly filterId: import("@angular/core").Signal<string | null>;
+  readonly filterOpenRequest: import("@angular/core").Signal<boolean | null>;
+  readonly filterOpenRequestVersion: import("@angular/core").Signal<number>;
+  readonly filterOpen: import("@angular/core").Signal<boolean>;
+  readonly isFilterInteractive: import("@angular/core").Signal<boolean>;
+  readonly isFilterVisible: import("@angular/core").Signal<boolean>;
+  registerRoot(config: {
+    variant: PageVariant;
+    height: PageHeight;
+    scroll: PageScroll;
+    appearance: PageAppearance;
+    position: PageSidePosition;
+    sideMode: PageSideMode;
+    sideWidth: string;
+  }): void;
+  registerSide(config: {
+    mode: PageSideMode;
+    position: PageSidePosition;
+    width: string;
+    id: string;
+  }): void;
+  setAppsLauncherReserve(reserve: boolean): void;
+  setControlledSideOpen(open: boolean | null): void;
+  setSideOpen(open: boolean): void;
+  openSide(): boolean;
+  closeSide(): boolean;
+  toggleSide(): boolean;
+  /** Stores the concrete trigger before opening so restoration is not browser-timing dependent. */
+  setSideReturnFocus(element: HTMLElement): void;
+  takeSideReturnFocus(): HTMLElement | null;
+  private requestSideOpenChange;
+  registerFilter(config: {
+    placement: PageFilterPlacement;
+    mode: PageSideMode;
+    position: PageSidePosition;
+    width: string;
+    id: string;
+  }): void;
+  setControlledFilterOpen(open: boolean | null): void;
+  setFilterOpen(open: boolean): void;
+  openFilter(): boolean;
+  closeFilter(): boolean;
+  toggleFilter(): boolean;
+  /** Mirrors side focus ownership for filter drawer/overlay triggers. */
+  setFilterReturnFocus(element: HTMLElement): void;
+  takeFilterReturnFocus(): HTMLElement | null;
+  private requestFilterOpenChange;
+  static ɵfac: i0.ɵɵFactoryDeclaration<PageStateService, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
 }
-
 /**
  * Accessibility management for the Page panels.
  *
@@ -143,15 +140,12 @@ declare class PageStateService {
  * the panel closes. Must be called from an injection context, because it uses `effect`.
  */
 /** @internal */
-declare function ɵsetupOverlayFocusManagement(config: {
-    document: Document | null;
-    host: HTMLElement;
-    isOpen: Signal<boolean>;
-    isInteractive: Signal<boolean>;
-    isModal: Signal<boolean>;
-    /** Optional trigger captured at the open gesture, before a modal makes it inert. */
-    takeReturnFocus?: () => HTMLElement | null;
-}): void;
-
-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, PageStateService, isUiPageAppearance, isUiPageFilterPlacement, isUiPageHeight, isUiPageScroll, isUiPageSideMode, isUiPageSidePosition, isUiPageVariant, ɵsetupOverlayFocusManagement };
-export type { PageAppearance, PageFilterPlacement, PageHeight, PageScroll, PageSideMode, PageSidePosition, PageVariant };
+export declare function ɵsetupOverlayFocusManagement(config: {
+  document: Document | null;
+  host: HTMLElement;
+  isOpen: Signal<boolean>;
+  isInteractive: Signal<boolean>;
+  isModal: Signal<boolean>;
+  /** Optional trigger captured at the open gesture, before a modal makes it inert. */
+  takeReturnFocus?: () => HTMLElement | null;
+}): void;

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

@@ -1,6 +1,5 @@
-import * as _angular_core from '@angular/core';
-import { PageStateService } from '@ojiepermana/angular/theme/page/core';
-
+import { PageStateService } from "@ojiepermana/angular/theme/page/core";
+import * as i0 from "@angular/core";
 /**
  * `PageFilter` — the filter slot between `PageHeader` and `PageContent`
  * (`placement="stacked"`) or beside `PageContent` (`placement="side"`). Stacked, the
@@ -10,68 +9,119 @@ import { PageStateService } from '@ojiepermana/angular/theme/page/core';
  * `placement="stacked"` always behaves as `sticky` — `drawer` and `overlay` apply to
  * `side` only.
  */
-declare class PageFilterComponent {
-    private readonly document;
-    private readonly host;
-    protected readonly page: PageStateService;
-    protected readonly resolvedId: string;
-    readonly placement: _angular_core.InputSignal<"stacked" | "side">;
-    readonly mode: _angular_core.InputSignal<"sticky" | "drawer" | "overlay">;
-    readonly position: _angular_core.InputSignal<"left" | "right" | null>;
-    readonly width: _angular_core.InputSignal<string | null>;
-    readonly closeOnEsc: _angular_core.InputSignal<boolean>;
-    /**
-     * `placement="stacked"` only: let `PageFilterToggle` open and close the bar (closed by
-     * default). Closed, the bar is hidden and content reclaims its space. Ignored under
-     * `placement="side"` — use `mode="drawer"` or `mode="overlay"` for a dismissible side.
-     */
-    readonly collapsible: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** 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 resolvedPlacement: _angular_core.Signal<"stacked" | "side">;
-    /** `stacked` adalah bar horizontal — tidak punya drawer/overlay, jadi mode efektifnya selalu `sticky`. */
-    protected readonly effectiveMode: _angular_core.Signal<"sticky" | "drawer" | "overlay">;
-    protected readonly resolvedPosition: _angular_core.Signal<"left" | "right">;
-    protected readonly resolvedWidth: _angular_core.Signal<string>;
-    protected readonly resolvedScroll: _angular_core.Signal<"content" | "page">;
-    protected readonly isStacked: _angular_core.Signal<boolean>;
-    /** Bar stacked yang dapat ditutup dan sedang tertutup → disembunyikan dari layout. */
-    protected readonly isCollapsedStacked: _angular_core.Signal<boolean>;
-    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>;
-    /** Drawer/overlay yang tertutup disembunyikan dari pohon aksesibilitas. */
-    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<PageFilterComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageFilterComponent, "PageFilter", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "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; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+export declare class PageFilterComponent {
+  private readonly document;
+  private readonly host;
+  protected readonly page: PageStateService;
+  protected readonly resolvedId: string;
+  readonly placement: import("@angular/core").InputSignal<"stacked" | "side">;
+  readonly mode: import("@angular/core").InputSignal<"sticky" | "drawer" | "overlay">;
+  readonly position: import("@angular/core").InputSignal<"left" | "right" | null>;
+  readonly width: import("@angular/core").InputSignal<string | null>;
+  readonly closeOnEsc: import("@angular/core").InputSignal<boolean>;
+  /**
+   * `placement="stacked"` only: let `PageFilterToggle` open and close the bar (closed by
+   * default). Closed, the bar is hidden and content reclaims its space. Ignored under
+   * `placement="side"` — use `mode="drawer"` or `mode="overlay"` for a dismissible side.
+   */
+  readonly collapsible: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 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 resolvedPlacement: import("@angular/core").Signal<"stacked" | "side">;
+  /** `stacked` adalah bar horizontal — tidak punya drawer/overlay, jadi mode efektifnya selalu `sticky`. */
+  protected readonly effectiveMode: 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 resolvedScroll: import("@angular/core").Signal<"content" | "page">;
+  protected readonly isStacked: import("@angular/core").Signal<boolean>;
+  /** Bar stacked yang dapat ditutup dan sedang tertutup → disembunyikan dari layout. */
+  protected readonly isCollapsedStacked: import("@angular/core").Signal<boolean>;
+  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>;
+  /** Drawer/overlay yang tertutup disembunyikan dari pohon aksesibilitas. */
+  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<PageFilterComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<PageFilterComponent, "PageFilter", never, {
+    "placement": {
+      "alias": "placement";
+      "required": false;
+      "isSignal": true;
+    };
+    "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;
+    };
+    "collapsible": {
+      "alias": "collapsible";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
 }
-
 /**
  * `PageFilterToggle` — the button that opens and closes a `PageFilter` in `drawer` or
  * `overlay` mode. Projected content replaces the label or icon; the fallback is the
  * built-in funnel icon.
  */
-declare class PageFilterToggleComponent {
-    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<PageFilterToggleComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageFilterToggleComponent, "PageFilterToggle", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "toggled": "toggled"; }, never, ["*"], true, never>;
-}
-
-export { PageFilterComponent, PageFilterToggleComponent };
+export declare class PageFilterToggleComponent {
+  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<PageFilterToggleComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<PageFilterToggleComponent, "PageFilterToggle", 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-overview.d.ts

@@ -0,0 +1,28 @@
+import * as i0 from "@angular/core";
+/**
+ * `PageOverview` — a stacked summary band for cards, KPIs, and charts. It sits between
+ * `PageFilter` and `PageContent`, spans the content width, and takes the height of its
+ * children. Unlike `PageFilter` it is always shown: no toggle, no drawer, no overlay.
+ *
+ * Under `scroll="content"` the band stays in place while `PageContent` scrolls below it;
+ * under `scroll="page"` it scrolls away with the rest of the page (it is never sticky).
+ */
+export declare class PageOverviewComponent {
+  /** Accessible name. When set, the band becomes a `region` landmark with this label. */
+  readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+  readonly class: import("@angular/core").InputSignal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<PageOverviewComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<PageOverviewComponent, "PageOverview", never, {
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "class": {
+      "alias": "class";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}