@ojiepermana/angular-theme 22.0.27

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

@@ -0,0 +1,120 @@
+import * as _angular_core from '@angular/core';
+import { LayoutSurface, LayoutStyle, LayoutType, LayoutWidth } from '@ojiepermana/angular-theme/layout/types';
+import { HttpContextToken, HttpInterceptorFn } from '@angular/common/http';
+
+interface LayoutMutationOptions {
+    persist?: boolean;
+}
+declare class LayoutService {
+    private readonly platformId;
+    private readonly surfaceState;
+    private readonly typeState;
+    private readonly styleState;
+    private readonly widthState;
+    readonly surface: _angular_core.Signal<"flat" | "grid" | "honeycome" | "line-vertical" | "line-horizontal">;
+    readonly type: _angular_core.Signal<"vertical" | "horizontal" | "empty" | "fluid">;
+    readonly appearance: _angular_core.Signal<"flat" | "border-rail">;
+    readonly width: _angular_core.Signal<"fluid" | "full" | "wide" | "container">;
+    registerDefaults(defaults: {
+        surface?: LayoutSurface;
+        appearance?: LayoutStyle;
+        type?: LayoutType;
+        width?: LayoutWidth;
+    }): this;
+    registerSurface(surface: LayoutSurface): void;
+    registerType(type: LayoutType): void;
+    registerAppearance(appearance: LayoutStyle): void;
+    registerWidth(width: LayoutWidth): void;
+    setSurface(surface: LayoutSurface, options?: LayoutMutationOptions): void;
+    setType(type: LayoutType, options?: LayoutMutationOptions): void;
+    setAppearance(appearance: LayoutStyle, options?: LayoutMutationOptions): void;
+    setWidth(width: LayoutWidth, options?: LayoutMutationOptions): void;
+    getStoredSurface(): LayoutSurface;
+    getStoredType(): LayoutType;
+    getStoredAppearance(): LayoutStyle;
+    getStoredStyle(): LayoutStyle;
+    getStoredWidth(): LayoutWidth;
+    private readStorage;
+    private removeStorage;
+    private writeStorage;
+    private getStorage;
+    private readStoredAppearance;
+    private getStoredAppearanceOrDefault;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<LayoutService>;
+}
+
+/** Progres awal saat bar mulai tampil, supaya garis langsung terlihat bergerak. */
+declare const LAYOUT_LOADING_INITIAL_PROGRESS = 8;
+/** Batas atas progres trickle; sisanya menunggu seluruh pekerjaan selesai. */
+declare const LAYOUT_LOADING_TRICKLE_CEILING = 90;
+/** Interval kenaikan progres trickle selama masih ada pekerjaan tertunda. */
+declare const LAYOUT_LOADING_TRICKLE_INTERVAL_MS = 250;
+/** Jeda setelah progres 100% sebelum bar disembunyikan, agar transisi terbaca. */
+declare const LAYOUT_LOADING_HIDE_DELAY_MS = 200;
+/**
+ * Pelacak loading global untuk garis progres di tepi atas browser.
+ *
+ * Otomatis aktif saat router memulai navigasi (membuka halaman) dan saat
+ * request HTTP berjalan lewat `layoutLoadingInterceptor`. Sumber loading lain
+ * (mis. pemuatan data manual) bisa ikut dilacak lewat pasangan
+ * `start()`/`done()` yang dihitung secara ref-count.
+ */
+declare class LayoutLoadingService {
+    private readonly platformId;
+    private readonly router;
+    private readonly pendingCount;
+    private readonly activeState;
+    private readonly progressState;
+    /** Bar sedang tampil (termasuk jeda singkat penyelesaian ke 100%). */
+    readonly active: _angular_core.Signal<boolean>;
+    /** Progres garis 0–100. */
+    readonly progress: _angular_core.Signal<number>;
+    /** Masih ada pekerjaan (navigasi/request/data) yang belum selesai. */
+    readonly pending: _angular_core.Signal<boolean>;
+    private readonly hostRegistry;
+    /**
+     * Host `LayoutLoading` terdaftar paling awal yang menggambar bar. Instance
+     * lain (mis. di dalam `Layout` saat app root juga memasang `LayoutLoading`)
+     * menjadi inert supaya garis progres tidak dirender ganda.
+     */
+    readonly primaryHostId: _angular_core.Signal<number>;
+    private trickleTimer;
+    private hideTimer;
+    private navigationPending;
+    private nextHostId;
+    constructor();
+    /** Menandai satu pekerjaan dimulai; bar tampil saat pekerjaan pertama masuk. */
+    start(): void;
+    /** Menandai satu pekerjaan selesai; bar dituntaskan saat hitungan kembali nol. */
+    done(): void;
+    /** Mendaftarkan satu host `LayoutLoading`; mengembalikan id untuk unregister. */
+    registerHost(): number;
+    /** Melepas host; host terdaftar berikutnya otomatis menjadi primary. */
+    unregisterHost(hostId: number): void;
+    /** Memaksa nilai progres (0–100) selama bar aktif, mis. untuk upload besar. */
+    setProgress(value: number): void;
+    private observeRouterNavigation;
+    private show;
+    private finish;
+    private hide;
+    private startTrickle;
+    private stopTrickle;
+    private cancelScheduledHide;
+    private isBrowser;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutLoadingService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<LayoutLoadingService>;
+}
+
+/**
+ * Set `true` pada `HttpContext` request untuk mengecualikannya dari garis
+ * progres, mis. polling/heartbeat yang tidak boleh memicu indikator loading.
+ */
+declare const LAYOUT_LOADING_SKIP: HttpContextToken<boolean>;
+/**
+ * Interceptor yang menyalakan garis progres `LayoutLoading` selama request
+ * HTTP berjalan. Daftarkan lewat `withInterceptors([...])` di aplikasi.
+ */
+declare const layoutLoadingInterceptor: HttpInterceptorFn;
+
+export { LAYOUT_LOADING_HIDE_DELAY_MS, LAYOUT_LOADING_INITIAL_PROGRESS, LAYOUT_LOADING_SKIP, LAYOUT_LOADING_TRICKLE_CEILING, LAYOUT_LOADING_TRICKLE_INTERVAL_MS, LayoutLoadingService, LayoutService, layoutLoadingInterceptor };

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

@@ -0,0 +1,33 @@
+import { Signal } from '@angular/core';
+
+declare const LAYOUT_TYPES: readonly ["vertical", "horizontal", "empty", "fluid"];
+declare const LAYOUT_SURFACES: readonly ["flat", "grid", "honeycome", "line-vertical", "line-horizontal"];
+declare const LAYOUT_STYLES: readonly ["flat", "border-rail"];
+declare const LAYOUT_WIDTHS: readonly ["full", "wide", "container", "fluid"];
+type LayoutType = (typeof LAYOUT_TYPES)[number];
+type LayoutSurface = (typeof LAYOUT_SURFACES)[number];
+type LayoutStyle = (typeof LAYOUT_STYLES)[number];
+type LayoutWidth = (typeof LAYOUT_WIDTHS)[number];
+declare const LAYOUT_DEFAULT_SURFACE: LayoutSurface;
+declare const LAYOUT_DEFAULT_TYPE: LayoutType;
+declare const LAYOUT_DEFAULT_STYLE: LayoutStyle;
+declare const LAYOUT_DEFAULT_WIDTH: LayoutWidth;
+declare const LAYOUT_SURFACE_STORAGE_KEY = "layout-surface";
+declare const LAYOUT_APPEARANCE_STORAGE_KEY = "layout-appearance";
+declare const LAYOUT_TYPE_STORAGE_KEY = "layout-type";
+declare const LAYOUT_STYLE_STORAGE_KEY = "layout-style";
+declare const LAYOUT_WIDTH_STORAGE_KEY = "layout-width";
+interface LayoutContextValue {
+    surface: Signal<LayoutSurface>;
+    type: Signal<LayoutType>;
+    appearance: Signal<LayoutStyle>;
+    style: Signal<LayoutStyle>;
+    width: Signal<LayoutWidth>;
+}
+declare function isUiLayoutSurface(value: string | null): value is LayoutSurface;
+declare function isUiLayoutType(value: string | null): value is LayoutType;
+declare function isUiLayoutStyle(value: string | null): value is LayoutStyle;
+declare function isUiLayoutWidth(value: string | null): value is LayoutWidth;
+
+export { LAYOUT_APPEARANCE_STORAGE_KEY, LAYOUT_DEFAULT_STYLE, LAYOUT_DEFAULT_SURFACE, LAYOUT_DEFAULT_TYPE, LAYOUT_DEFAULT_WIDTH, LAYOUT_STYLES, LAYOUT_STYLE_STORAGE_KEY, LAYOUT_SURFACES, LAYOUT_SURFACE_STORAGE_KEY, LAYOUT_TYPES, LAYOUT_TYPE_STORAGE_KEY, LAYOUT_WIDTHS, LAYOUT_WIDTH_STORAGE_KEY, isUiLayoutStyle, isUiLayoutSurface, isUiLayoutType, isUiLayoutWidth };
+export type { LayoutContextValue, LayoutStyle, LayoutSurface, LayoutType, LayoutWidth };

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

@@ -0,0 +1,117 @@
+import * as _angular_core from '@angular/core';
+import { LayoutService, LayoutLoadingService } from '@ojiepermana/angular-theme/layout/services';
+export { LAYOUT_LOADING_HIDE_DELAY_MS, LAYOUT_LOADING_INITIAL_PROGRESS, LAYOUT_LOADING_SKIP, LAYOUT_LOADING_TRICKLE_CEILING, LAYOUT_LOADING_TRICKLE_INTERVAL_MS, LayoutLoadingService, LayoutService, layoutLoadingInterceptor } from '@ojiepermana/angular-theme/layout/services';
+import { NavigationContainerComponent } from '@ojiepermana/angular-navigation';
+export { LAYOUT_APPEARANCE_STORAGE_KEY, LAYOUT_DEFAULT_STYLE, LAYOUT_DEFAULT_SURFACE, LAYOUT_DEFAULT_TYPE, LAYOUT_DEFAULT_WIDTH, LAYOUT_STYLES, LAYOUT_STYLE_STORAGE_KEY, LAYOUT_SURFACES, LAYOUT_SURFACE_STORAGE_KEY, LAYOUT_TYPES, LAYOUT_TYPE_STORAGE_KEY, LAYOUT_WIDTHS, LAYOUT_WIDTH_STORAGE_KEY, LayoutContextValue, LayoutStyle, LayoutSurface, LayoutType, LayoutWidth, isUiLayoutStyle, isUiLayoutSurface, isUiLayoutType, isUiLayoutWidth } from '@ojiepermana/angular-theme/layout/types';
+
+declare class LayoutComponent {
+    protected readonly layout: LayoutService;
+    readonly surface: _angular_core.InputSignal<"flat" | "grid" | "honeycome" | "line-vertical" | "line-horizontal" | null>;
+    readonly appearance: _angular_core.InputSignal<"flat" | "border-rail" | null>;
+    readonly layoutStyleAttribute: _angular_core.InputSignal<"flat" | "border-rail" | null>;
+    readonly width: _angular_core.InputSignal<"full" | "wide" | "container" | "fluid" | null>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly appearanceInput: _angular_core.Signal<"flat" | "border-rail" | null>;
+    protected readonly resolvedSurface: _angular_core.Signal<"flat" | "grid" | "honeycome" | "line-vertical" | "line-horizontal">;
+    protected readonly resolvedAppearance: _angular_core.Signal<"flat" | "border-rail">;
+    protected readonly resolvedStyle: _angular_core.Signal<"flat" | "border-rail">;
+    protected readonly resolvedWidth: _angular_core.Signal<"full" | "wide" | "container" | "fluid">;
+    protected readonly isBorderRail: _angular_core.Signal<boolean>;
+    protected readonly isFluidFrame: _angular_core.Signal<boolean>;
+    protected readonly showsInsetRails: _angular_core.Signal<boolean>;
+    protected readonly frameStageClasses: _angular_core.Signal<string>;
+    protected readonly railAnchorClasses: _angular_core.Signal<string>;
+    protected readonly contentShellClasses: _angular_core.Signal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected readonly frameClasses: _angular_core.Signal<string>;
+    protected readonly frameLayerClasses: _angular_core.Signal<string>;
+    constructor();
+    private surfaceClasses;
+    private widthPaddingClasses;
+    private frameSizeClasses;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LayoutComponent, "Layout", never, { "surface": { "alias": "surface"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "layoutStyleAttribute": { "alias": "layout-style"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class LayoutVerticalComponent {
+    private readonly layout;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutVerticalComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LayoutVerticalComponent, "LayoutVertical", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class LayoutHorizontalComponent {
+    private readonly layout;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutHorizontalComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LayoutHorizontalComponent, "LayoutHorizontal", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class LayoutEmptyComponent {
+    private readonly layout;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutEmptyComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LayoutEmptyComponent, "LayoutEmpty", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class LayoutFluidComponent {
+    private readonly layout;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutFluidComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LayoutFluidComponent, "LayoutFluid", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class LayoutNavigationComponent {
+    protected readonly layout: LayoutService;
+    protected readonly projectedNav: _angular_core.Signal<NavigationContainerComponent | undefined>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly railOffset: _angular_core.InputSignal<string | null>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly showsVerticalRail: _angular_core.Signal<boolean>;
+    protected readonly resolvedRailOffset: _angular_core.Signal<string>;
+    protected readonly railTransform: _angular_core.Signal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutNavigationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LayoutNavigationComponent, "LayoutNavigation", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "railOffset": { "alias": "railOffset"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["projectedNav"], ["*"], true, never>;
+}
+
+declare class LayoutContentComponent {
+    protected readonly layout: LayoutService;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LayoutContentComponent, "LayoutContent", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Garis progres tipis di tepi atas browser yang bergerak dari kiri ke kanan.
+ * Dirender otomatis oleh `Layout` dan dikendalikan `LayoutLoadingService`,
+ * sehingga aktif sendiri saat navigasi halaman atau pemuatan data berjalan.
+ *
+ * Boleh juga dipasang langsung di root aplikasi agar bar sudah tampil sejak
+ * navigasi awal; instance tambahan di dalam `Layout` otomatis inert sehingga
+ * garis tidak pernah dirender ganda.
+ */
+declare class LayoutLoadingComponent {
+    protected readonly loading: LayoutLoadingService;
+    private readonly hostId;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    protected readonly isPrimary: _angular_core.Signal<boolean>;
+    protected readonly state: _angular_core.Signal<"inert" | "active" | "idle">;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected readonly roundedProgress: _angular_core.Signal<number>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LayoutLoadingComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LayoutLoadingComponent, "LayoutLoading", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { LayoutComponent, LayoutContentComponent, LayoutEmptyComponent, LayoutFluidComponent, LayoutHorizontalComponent, LayoutLoadingComponent, LayoutNavigationComponent, LayoutVerticalComponent };

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

@@ -0,0 +1,168 @@
+import * as _angular_core 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"];
+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];
+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_SIDE_WIDTH = "16rem";
+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 class PageStateService {
+    private readonly variantState;
+    private readonly heightState;
+    private readonly scrollState;
+    private readonly positionState;
+    private readonly sideModeState;
+    private readonly internalSideOpenState;
+    private readonly controlledSideOpenState;
+    private readonly sideWidthState;
+    private readonly sideIdState;
+    private readonly sideOpenRequestState;
+    private readonly sideOpenRequestVersionState;
+    readonly variant: _angular_core.Signal<"stacked" | "side">;
+    readonly height: _angular_core.Signal<"auto" | "fix">;
+    readonly scroll: _angular_core.Signal<"content" | "page">;
+    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 sideOpen: _angular_core.Signal<boolean>;
+    readonly isSideInteractive: _angular_core.Signal<boolean>;
+    readonly isSideVisible: _angular_core.Signal<boolean>;
+    registerRoot(config: {
+        variant: PageVariant;
+        height: PageHeight;
+        scroll: PageScroll;
+        position: PageSidePosition;
+        sideMode: PageSideMode;
+        sideWidth: string;
+    }): void;
+    registerSide(config: {
+        mode: PageSideMode;
+        position: PageSidePosition;
+        width: string;
+        id: string;
+    }): void;
+    setControlledSideOpen(open: boolean | null): void;
+    setSideOpen(open: boolean): void;
+    openSide(): boolean;
+    closeSide(): boolean;
+    toggleSide(): boolean;
+    private requestSideOpenChange;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageStateService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<PageStateService>;
+}
+
+declare class PageSideComponent {
+    private readonly document;
+    protected readonly page: PageStateService;
+    protected readonly resolvedId: string;
+    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>;
+    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>;
+    protected readonly resolvedScroll: _angular_core.Signal<"content" | "page">;
+    protected readonly ariaHidden: _angular_core.Signal<"true" | 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; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class PageComponent {
+    protected readonly page: PageStateService;
+    protected readonly projectedSide: _angular_core.Signal<PageSideComponent | undefined>;
+    readonly variant: _angular_core.InputSignal<"stacked" | "side">;
+    readonly height: _angular_core.InputSignal<"auto" | "fix">;
+    readonly scroll: _angular_core.InputSignal<"content" | "page">;
+    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>;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly sideOpenChange: _angular_core.OutputEmitterRef<boolean>;
+    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 showsOverlayBackdrop: _angular_core.Signal<boolean>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected readonly shellClasses: _angular_core.Signal<string>;
+    protected readonly bodyClasses: _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; }; "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; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "sideOpenChange": "sideOpenChange"; }, ["projectedSide"], ["PageHeader", "PageSideToggle", "PageSide", "PageContent, PageDashboard", "PageFooter"], 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(): 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>;
+}
+
+declare class PageHeaderComponent {
+    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<PageHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵ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>;
+}
+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>;
+}
+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 { PAGE_DEFAULT_HEIGHT, PAGE_DEFAULT_SCROLL, PAGE_DEFAULT_SIDE_MODE, PAGE_DEFAULT_SIDE_POSITION, PAGE_DEFAULT_SIDE_WIDTH, PAGE_DEFAULT_VARIANT, PAGE_HEIGHT_VALUES, PAGE_SCROLL_VALUES, PAGE_SIDE_MODES, PAGE_SIDE_POSITIONS, PAGE_VARIANTS, PageComponent, PageContentComponent, PageDashboardComponent, PageFooterComponent, PageHeaderComponent, PageSideComponent, PageSideToggleComponent, isUiPageHeight, isUiPageScroll, isUiPageSideMode, isUiPageSidePosition, isUiPageVariant };
+export type { PageHeight, PageScroll, PageSideMode, PageSidePosition, PageVariant };

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

@@ -0,0 +1,89 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken, EnvironmentProviders } from '@angular/core';
+
+declare const THEME_MODES: readonly ["light", "dark", "system"];
+declare const RESOLVED_THEME_MODES: readonly ["light", "dark"];
+declare const THEME_SEASONS: readonly ["base", "imlek", "ramadhan", "ied", "natal", "new-year"];
+type ThemeMode = (typeof THEME_MODES)[number];
+type ResolvedThemeMode = (typeof RESOLVED_THEME_MODES)[number];
+type ThemeSeason = (typeof THEME_SEASONS)[number];
+declare const DEFAULT_THEME_MODE: ThemeMode;
+declare const DEFAULT_THEME_SEASON: ThemeSeason;
+declare const THEME_MODE_STORAGE_KEY = "theme-mode";
+declare const THEME_SEASON_STORAGE_KEY = "theme-season";
+declare function isThemeMode(value: string | null | undefined): value is ThemeMode;
+declare function isResolvedThemeMode(value: string | null | undefined): value is ResolvedThemeMode;
+declare function isThemeSeason(value: string | null | undefined): value is ThemeSeason;
+declare function normalizeThemeMode(value: string | null | undefined): ThemeMode;
+declare function normalizeThemeSeason(value: string | null | undefined): ThemeSeason;
+
+interface ThemeIconOptions {
+    readonly materialSymbols?: boolean;
+}
+interface ThemeOptions {
+    readonly mode?: ThemeMode;
+    readonly season?: ThemeSeason;
+    readonly icons?: ThemeIconOptions;
+    /**
+     * Resolves the stylesheet URL for a non-base season so it can be loaded
+     * lazily at runtime instead of bundling every season's CSS up front.
+     * Return `null` to skip loading for that season. When omitted, no runtime
+     * loading happens — the app is expected to bundle season CSS itself.
+     *
+     * Contoh: `(season) => '/themes/seasonal/' + season + '/package.css'`
+     */
+    readonly seasonalCssUrl?: (season: ThemeSeason) => string | null;
+}
+declare const THEME_OPTIONS: InjectionToken<Readonly<ThemeOptions>>;
+
+declare class ThemeModeService {
+    private readonly documentRef;
+    private readonly destroyRef;
+    private readonly options;
+    private readonly modeState;
+    private readonly systemPrefersDark;
+    readonly mode: _angular_core.Signal<"light" | "dark" | "system">;
+    readonly resolvedMode: _angular_core.Signal<"light" | "dark">;
+    readonly isDark: _angular_core.Signal<boolean>;
+    constructor();
+    setMode(mode: ThemeMode): void;
+    toggle(): void;
+    private ensureDefaults;
+    private persistMode;
+    private applyModeAttributes;
+    private readSystemPreference;
+    private bindSystemPreferenceListener;
+    private mediaQueryList;
+    private storage;
+    private readStorage;
+    private writeStorage;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeModeService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeModeService>;
+}
+
+declare function provideUiTheme(options?: ThemeOptions): EnvironmentProviders;
+
+declare class ThemeSeasonService {
+    private readonly documentRef;
+    private readonly options;
+    private readonly seasonState;
+    readonly season: _angular_core.Signal<"base" | "imlek" | "ramadhan" | "ied" | "natal" | "new-year">;
+    constructor();
+    setSeason(season: ThemeSeason): void;
+    private ensureDefaults;
+    private persistSeason;
+    private applySeasonAttribute;
+    /**
+     * Lazily loads the active season's stylesheet via `<link>` when the app
+     * configured `seasonalCssUrl`, so only base CSS ships in the main bundle.
+     */
+    private ensureSeasonStylesheet;
+    private storage;
+    private readStorage;
+    private writeStorage;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeSeasonService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeSeasonService>;
+}
+
+export { DEFAULT_THEME_MODE, DEFAULT_THEME_SEASON, RESOLVED_THEME_MODES, THEME_MODES, THEME_MODE_STORAGE_KEY, THEME_OPTIONS, THEME_SEASONS, THEME_SEASON_STORAGE_KEY, ThemeModeService, ThemeSeasonService, isResolvedThemeMode, isThemeMode, isThemeSeason, normalizeThemeMode, normalizeThemeSeason, provideUiTheme };
+export type { ResolvedThemeMode, ThemeIconOptions, ThemeMode, ThemeOptions, ThemeSeason };

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

@@ -0,0 +1,2 @@
+
+export { };