@edsis/ui 0.0.2 → 0.0.3

package/types/edsis-ui-page.d.ts

@@ -0,0 +1,137 @@
+import * as _angular_core from '@angular/core';
+
+declare const UI_PAGE_VARIANTS: readonly ["stacked", "side"];
+declare const UI_PAGE_SIDE_POSITIONS: readonly ["left", "right"];
+declare const UI_PAGE_SIDE_MODES: readonly ["sticky", "drawer", "overlay"];
+type UiPageVariant = (typeof UI_PAGE_VARIANTS)[number];
+type UiPageSidePosition = (typeof UI_PAGE_SIDE_POSITIONS)[number];
+type UiPageSideMode = (typeof UI_PAGE_SIDE_MODES)[number];
+declare const UI_PAGE_DEFAULT_VARIANT: UiPageVariant;
+declare const UI_PAGE_DEFAULT_SIDE_POSITION: UiPageSidePosition;
+declare const UI_PAGE_DEFAULT_SIDE_MODE: UiPageSideMode;
+declare const UI_PAGE_DEFAULT_SIDE_WIDTH = "16rem";
+declare function isUiPageVariant(value: string | null): value is UiPageVariant;
+declare function isUiPageSidePosition(value: string | null): value is UiPageSidePosition;
+declare function isUiPageSideMode(value: string | null): value is UiPageSideMode;
+
+declare class UiPageStateService {
+    private readonly variantState;
+    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 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: UiPageVariant;
+        position: UiPageSidePosition;
+        sideMode: UiPageSideMode;
+        sideWidth: string;
+    }): void;
+    registerSide(config: {
+        mode: UiPageSideMode;
+        position: UiPageSidePosition;
+        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<UiPageStateService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<UiPageStateService>;
+}
+
+declare class UiPageSideComponent {
+    private readonly document;
+    protected readonly page: UiPageStateService;
+    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 ariaHidden: _angular_core.Signal<"true" | null>;
+    protected readonly classes: _angular_core.Signal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiPageSideComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiPageSideComponent, "ui-page-side", 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 UiPageComponent {
+    protected readonly page: UiPageStateService;
+    protected readonly projectedSide: _angular_core.Signal<UiPageSideComponent | undefined>;
+    readonly variant: _angular_core.InputSignal<"stacked" | "side">;
+    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<UiPageComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiPageComponent, "ui-page", never, { "variant": { "alias": "variant"; "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"], ["ui-page-header", "ui-page-side-toggle", "ui-page-side", "ui-page-content", "ui-page-footer"], true, never>;
+}
+
+declare class UiPageSideToggleComponent {
+    protected readonly page: UiPageStateService;
+    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<UiPageSideToggleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiPageSideToggleComponent, "ui-page-side-toggle", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "toggled": "toggled"; }, never, ["*"], true, never>;
+}
+
+declare class UiPageHeaderComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiPageHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiPageHeaderComponent, "ui-page-header", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class UiPageContentComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiPageContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiPageContentComponent, "ui-page-content", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+declare class UiPageFooterComponent {
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiPageFooterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiPageFooterComponent, "ui-page-footer", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { UI_PAGE_DEFAULT_SIDE_MODE, UI_PAGE_DEFAULT_SIDE_POSITION, UI_PAGE_DEFAULT_SIDE_WIDTH, UI_PAGE_DEFAULT_VARIANT, UI_PAGE_SIDE_MODES, UI_PAGE_SIDE_POSITIONS, UI_PAGE_VARIANTS, UiPageComponent, UiPageContentComponent, UiPageFooterComponent, UiPageHeaderComponent, UiPageSideComponent, UiPageSideToggleComponent, isUiPageSideMode, isUiPageSidePosition, isUiPageVariant };
+export type { UiPageSideMode, UiPageSidePosition, UiPageVariant };

package/types/edsis-ui-popover.d.ts

@@ -29,10 +29,11 @@ declare class PopoverTriggerDirective {
     readonly openedChange: _angular_core.OutputEmitterRef<boolean>;
     private overlayRef;
     readonly isOpen: _angular_core.WritableSignal<boolean>;
+    constructor();
     toggle(): void;
     onKeyboardToggle(event: Event): void;
     open(): void;
-    close(): void;
+    close(emitOpenedChange?: boolean): void;
     private oppositeSide;
     private usesNativeKeyboardActivation;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverTriggerDirective, never>;

package/types/edsis-ui-theme.d.ts

@@ -0,0 +1,71 @@
+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 UiThemeOptions {
+    readonly mode?: ThemeMode;
+    readonly season?: ThemeSeason;
+}
+declare const UI_THEME_OPTIONS: InjectionToken<Readonly<UiThemeOptions>>;
+
+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?: UiThemeOptions): 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;
+    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_SEASONS, THEME_SEASON_STORAGE_KEY, ThemeModeService, ThemeSeasonService, UI_THEME_OPTIONS, isResolvedThemeMode, isThemeMode, isThemeSeason, normalizeThemeMode, normalizeThemeSeason, provideUiTheme };
+export type { ResolvedThemeMode, ThemeMode, ThemeSeason, UiThemeOptions };