@ojiepermana/angular 21.3.0 → 21.3.4

package/types/ojiepermana-angular-navigation-topbar.d.ts

@@ -0,0 +1,54 @@
+import * as _angular_core from '@angular/core';
+import { NavigationService } from '@ojiepermana/angular/navigation/service';
+import { NavigationItem, TopbarAppearance, NavigationBasicItem, NavigationCollapsableItem, NavigationGroupItem } from '@ojiepermana/angular/navigation/types';
+export { TopbarAppearance } from '@ojiepermana/angular/navigation/types';
+
+/**
+ * Horizontal navigation (topbar) — shadcn-styled.
+ */
+declare class TopbarComponent {
+    protected readonly nav: NavigationService;
+    private readonly overlay;
+    private readonly vcr;
+    private readonly host;
+    private readonly destroyRef;
+    readonly items: _angular_core.InputSignal<NavigationItem[]>;
+    /** Registry key di `NavigationService`. Default `'main'`. */
+    readonly navigationId: _angular_core.InputSignal<string>;
+    readonly appearance: _angular_core.InputSignal<TopbarAppearance>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly class: _angular_core.InputSignal<string>;
+    /** Auto-register `items` ke `NavigationService` agar `activeTrail` bekerja. */
+    readonly autoRegister: _angular_core.InputSignal<boolean>;
+    /** Tampilkan hamburger di `< md` yang men-toggle mobile drawer sidebar. */
+    readonly showHamburger: _angular_core.InputSignal<boolean>;
+    readonly hamburgerLabel: _angular_core.InputSignal<string>;
+    protected readonly mobileOpen: _angular_core.WritableSignal<boolean>;
+    /** Resolved items: input jika disediakan, fallback ke registry NavigationService. */
+    protected readonly resolvedItems: _angular_core.Signal<readonly NavigationItem[]>;
+    protected readonly openId: _angular_core.WritableSignal<string | null>;
+    private active;
+    private readonly dropdownTpl;
+    constructor();
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected readonly endSlotClasses: _angular_core.Signal<string>;
+    protected asBasic(i: NavigationItem): NavigationBasicItem;
+    protected asCollapsable(i: NavigationItem): NavigationCollapsableItem;
+    protected asGroup(i: NavigationItem): NavigationGroupItem;
+    protected isItemActive(id: string | undefined): boolean;
+    protected toggleMobile(): void;
+    protected toggleDropdown(trigger: HTMLElement, item: NavigationItem): void;
+    protected openDropdown(trigger: HTMLElement, item: NavigationItem): void;
+    private attach;
+    protected closeAll(): void;
+    /** Menubar keyboard navigation: ArrowLeft/Right antar trigger, Home/End, ArrowDown fokus panel. */
+    protected onMenubarKeydown(event: KeyboardEvent): void;
+    /** Arrow-key navigation dalam dropdown panel. */
+    protected onPanelKeydown(event: KeyboardEvent): void;
+    private collectPanelFocusables;
+    private focusFirstInPanel;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TopbarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TopbarComponent, "topbar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "navigationId": { "alias": "navigationId"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "autoRegister": { "alias": "autoRegister"; "required": false; "isSignal": true; }; "showHamburger": { "alias": "showHamburger"; "required": false; "isSignal": true; }; "hamburgerLabel": { "alias": "hamburgerLabel"; "required": false; "isSignal": true; }; }, {}, never, ["[topbar-start]", "[topbar-end]"], true, never>;
+}
+
+export { TopbarComponent };

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

@@ -0,0 +1,129 @@
+import { Params, QueryParamsHandling, IsActiveMatchOptions } from '@angular/router';
+
+type NavigationItemType = 'aside' | 'basic' | 'collapsable' | 'divider' | 'group' | 'mega' | 'spacer';
+interface NavigationItemClasses {
+    title?: string;
+    subtitle?: string;
+    icon?: string;
+    wrapper?: string;
+}
+interface NavigationItemBadge {
+    title?: string;
+    classes?: string;
+}
+type NavigationVisibilityHandler = (item: NavigationItem) => boolean;
+type NavigationActionHandler = (item: NavigationItem) => void;
+interface NavigationItemBase {
+    /** Unique identifier untuk item navigasi */
+    id?: string;
+    /** Judul/label yang ditampilkan */
+    title?: string;
+    /** Subtitle/deskripsi tambahan */
+    subtitle?: string;
+    /** Status aktif item */
+    active?: boolean;
+    /** Status disabled item */
+    disabled?: boolean;
+    /** Tooltip text saat hover */
+    tooltip?: string;
+    /** Custom CSS classes */
+    classes?: NavigationItemClasses;
+    /** Material Symbols icon name (ligature, e.g. `dashboard`, `menu_book`) */
+    icon?: string;
+    /** Badge configuration */
+    badge?: NavigationItemBadge;
+    /** Additional metadata */
+    meta?: Record<string, unknown>;
+    /** Function untuk hide/show item secara dinamis */
+    isHidden?: NavigationVisibilityHandler;
+}
+interface NavigationRoutableItemBase extends NavigationItemBase {
+    /** Angular router link */
+    link?: string;
+    /** URL fragment (#anchor) */
+    fragment?: string;
+    /** Preserve fragment saat navigasi */
+    preserveFragment?: boolean;
+    /** Query parameters untuk routing */
+    queryParams?: Params | null;
+    /** Cara handle query params */
+    queryParamsHandling?: QueryParamsHandling | null;
+    /** Flag untuk external link */
+    externalLink?: boolean;
+    /** Target untuk external link */
+    target?: '_blank' | '_self' | '_parent' | '_top' | string;
+    /** Exact match untuk active route */
+    exactMatch?: boolean;
+    /** Options untuk active match detection */
+    isActiveMatchOptions?: IsActiveMatchOptions;
+    /** Custom action yang dipanggil saat item diklik */
+    action?: NavigationActionHandler;
+}
+interface NavigationBasicItem extends NavigationRoutableItemBase {
+    type: 'basic';
+    children?: never;
+}
+interface NavigationAsideItem extends NavigationRoutableItemBase {
+    type: 'aside';
+    children: NavigationItem[];
+}
+interface NavigationCollapsableItem extends NavigationRoutableItemBase {
+    type: 'collapsable';
+    children: NavigationItem[];
+}
+interface NavigationGroupItem extends NavigationItemBase {
+    type: 'group';
+    children: NavigationItem[];
+}
+/**
+ * Mega menu branch — dirender sebagai panel full-width multi-kolom pada topbar.
+ * Children biasanya berupa `NavigationGroupItem` (per kolom) berisi `basic` items.
+ */
+interface NavigationMegaItem extends NavigationItemBase {
+    type: 'mega';
+    /** Jumlah kolom saat viewport >= md (default: 4) */
+    columns?: number;
+    children: NavigationItem[];
+}
+interface NavigationDividerItem extends NavigationItemBase {
+    type: 'divider';
+    children?: never;
+}
+interface NavigationSpacerItem extends NavigationItemBase {
+    type: 'spacer';
+    children?: never;
+}
+type NavigationBranchItem = NavigationAsideItem | NavigationCollapsableItem | NavigationGroupItem | NavigationMegaItem;
+type NavigationLeafItem = NavigationBasicItem | NavigationDividerItem | NavigationSpacerItem;
+type NavigationItem = NavigationBranchItem | NavigationLeafItem;
+/**
+ * Navigation Item Interface
+ *
+ * Interface ini mendefinisikan struktur data untuk setiap item navigasi
+ * Mendukung berbagai tipe item dan konfigurasi routing Angular
+ */
+type NavigationStructuredItem = NavigationItem;
+/**
+ * Sidebar Appearance
+ * - default: full width (lebar penuh) dengan label + icon
+ * - thin: icon-only, expand overlay saat hover
+ */
+type SidebarAppearance = 'default' | 'thin';
+/**
+ * Topbar Appearance
+ * - default: horizontal dengan dropdown untuk collapsable
+ * - megamenu: full-width panel multi-kolom untuk item `mega`
+ */
+type TopbarAppearance = 'default' | 'megamenu';
+/** Sidebar desktop border ownership */
+type SidebarBorderSource = 'component' | 'layout';
+/** Sidebar position */
+type SidebarPosition = 'left' | 'right';
+/** Sidebar display mode */
+type SidebarMode = 'over' | 'side';
+type VerticalNavigationAppearance = SidebarAppearance;
+type VerticalNavigationBorderSource = SidebarBorderSource;
+type VerticalNavigationMode = SidebarMode;
+type VerticalNavigationPosition = SidebarPosition;
+
+export type { NavigationActionHandler, NavigationAsideItem, NavigationBasicItem, NavigationBranchItem, NavigationCollapsableItem, NavigationDividerItem, NavigationGroupItem, NavigationItem, NavigationItemBadge, NavigationItemBase, NavigationItemClasses, NavigationItemType, NavigationLeafItem, NavigationMegaItem, NavigationRoutableItemBase, NavigationSpacerItem, NavigationStructuredItem, NavigationVisibilityHandler, SidebarAppearance, SidebarBorderSource, SidebarMode, SidebarPosition, TopbarAppearance, VerticalNavigationAppearance, VerticalNavigationBorderSource, VerticalNavigationMode, VerticalNavigationPosition };

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

@@ -0,0 +1,11 @@
+import { Provider, EnvironmentProviders } from '@angular/core';
+import { MaterialThemeConfig } from '@ojiepermana/angular/theme/token';
+
+interface MaterialThemeFeature {
+    readonly providers: Provider[];
+}
+declare function provideMaterialTheme(config?: MaterialThemeConfig, ...features: MaterialThemeFeature[]): EnvironmentProviders;
+declare function withMaterialDefaults(): MaterialThemeFeature;
+
+export { provideMaterialTheme, withMaterialDefaults };
+export type { MaterialThemeFeature };

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

@@ -0,0 +1,55 @@
+import * as _angular_core from '@angular/core';
+import { ThemeConfig, ThemeMode, ColorScheme, ThemeBrand, ThemeColor, ThemeStyle } from '@ojiepermana/angular/theme/token';
+
+declare class ThemeService {
+    private readonly document;
+    private readonly destroyRef;
+    private readonly config;
+    private readonly initialBrand;
+    private readonly _modePreference;
+    private readonly _brand;
+    private readonly _color;
+    private readonly _style;
+    private readonly _systemPrefersDark;
+    readonly scheme: _angular_core.Signal<"light" | "dark" | "system">;
+    readonly brand: _angular_core.Signal<"etos" | null>;
+    readonly color: _angular_core.Signal<"base" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose">;
+    readonly theme: _angular_core.Signal<"base" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose">;
+    readonly style: _angular_core.Signal<"default" | "sharp" | "brutal" | "soft">;
+    readonly mode: _angular_core.Signal<"light" | "dark">;
+    readonly snapshot: _angular_core.Signal<ThemeConfig>;
+    readonly isDark: _angular_core.Signal<boolean>;
+    constructor();
+    setMode(mode: ThemeMode): void;
+    setScheme(scheme: ColorScheme): void;
+    setBrand(brand: ThemeBrand | null): void;
+    setColor(color: ThemeColor): void;
+    setTheme(theme: ThemeColor | string): void;
+    setStyle(style: ThemeStyle): void;
+    setAll(config: Partial<ThemeConfig> & {
+        readonly scheme?: ColorScheme;
+    }): void;
+    toggleScheme(): void;
+    toggleMode(): void;
+    reset(): void;
+    private resolveConfig;
+    private resolveMode;
+    private prefersDark;
+    private watchSystemScheme;
+    private readPersistedMode;
+    private readPersistedBrand;
+    private readPersistedColor;
+    private readPersistedStyle;
+    private persistMode;
+    private persistBrand;
+    private persistColor;
+    private persistStyle;
+    private clearPersistedBrand;
+    private clearPersistedColor;
+    private clearPersistedStyle;
+    private clearPersistedItem;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeService>;
+}
+
+export { ThemeService };

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

@@ -0,0 +1,57 @@
+import { InjectionToken } from '@angular/core';
+
+declare const MODES: readonly ["light", "dark"];
+type ThemeMode = (typeof MODES)[number];
+declare const COLOR_SCHEMES: readonly ["light", "dark", "system"];
+type ColorScheme = (typeof COLOR_SCHEMES)[number];
+declare const COLORS: readonly ["base", "red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "blue", "indigo", "violet", "purple", "fuchsia", "pink", "rose"];
+type ThemeColor = (typeof COLORS)[number];
+declare const STYLES: readonly ["default", "sharp", "brutal", "soft"];
+type ThemeStyle = (typeof STYLES)[number];
+declare const BRANDS: readonly ["etos"];
+type ThemeBrand = (typeof BRANDS)[number];
+interface ThemeConfig {
+    readonly mode: ThemeMode;
+    readonly brand: ThemeBrand | null;
+    readonly color: ThemeColor;
+    readonly style: ThemeStyle;
+}
+interface MaterialThemeConfig {
+    readonly mode?: ColorScheme;
+    readonly brand?: ThemeBrand | null;
+    readonly 'theme-brand'?: ThemeBrand | null;
+    readonly color?: ThemeColor;
+    readonly style?: ThemeStyle;
+    readonly defaultMode?: ColorScheme;
+    readonly defaultBrand?: ThemeBrand | null;
+    readonly defaultColor?: ThemeColor;
+    readonly defaultStyle?: ThemeStyle;
+    readonly defaultScheme?: ColorScheme;
+    readonly defaultTheme?: ThemeColor | string;
+    readonly storageKey?: string | null;
+    readonly schemeStorageKey?: string | null;
+    readonly themeStorageKey?: string | null;
+    readonly modeStorageKey?: string | null;
+    readonly brandStorageKey?: string | null;
+    readonly colorStorageKey?: string | null;
+    readonly styleStorageKey?: string | null;
+}
+interface ResolvedMaterialThemeConfig {
+    readonly defaultMode: ColorScheme;
+    readonly defaultBrand: ThemeBrand | null;
+    readonly defaultColor: ThemeColor;
+    readonly defaultStyle: ThemeStyle;
+    readonly modeStorageKey: string | null;
+    readonly brandStorageKey: string | null;
+    readonly colorStorageKey: string | null;
+    readonly styleStorageKey: string | null;
+}
+declare const MATERIAL_THEME_CONFIG: InjectionToken<MaterialThemeConfig>;
+declare const DEFAULT_MATERIAL_THEME_CONFIG: ResolvedMaterialThemeConfig;
+declare function isColorScheme(value: string | null | undefined): value is ColorScheme;
+declare function isThemeColor(value: string | null | undefined): value is ThemeColor;
+declare function isThemeStyle(value: string | null | undefined): value is ThemeStyle;
+declare function isThemeBrand(value: string | null | undefined): value is ThemeBrand;
+
+export { BRANDS, COLORS, COLOR_SCHEMES, DEFAULT_MATERIAL_THEME_CONFIG, MATERIAL_THEME_CONFIG, MODES, STYLES, isColorScheme, isThemeBrand, isThemeColor, isThemeStyle };
+export type { ColorScheme, MaterialThemeConfig, ResolvedMaterialThemeConfig, ThemeBrand, ThemeColor, ThemeConfig, ThemeMode, ThemeStyle };

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

@@ -1,5 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { InjectionToken, Provider, EnvironmentProviders } from '@angular/core';
+import { ThemeConfig as ThemeConfig$1, ThemeMode as ThemeMode$1, ColorScheme as ColorScheme$1, ThemeBrand as ThemeBrand$1, ThemeColor as ThemeColor$1, ThemeStyle as ThemeStyle$1, MaterialThemeConfig as MaterialThemeConfig$1 } from '@ojiepermana/angular/theme/token';
 
 declare const MODES: readonly ["light", "dark"];
 type ThemeMode = (typeof MODES)[number];
@@ -18,41 +19,23 @@ interface ThemeConfig {
     readonly style: ThemeStyle;
 }
 interface MaterialThemeConfig {
-    /** Initial mode preference. Supports `system` for first-visit OS detection. */
     readonly mode?: ColorScheme;
-    /** Initial brand bundle. When set, it replaces the explicit color and style layers. */
     readonly brand?: ThemeBrand | null;
-    /** Alias for `brand` to match the persisted `theme-brand` setting. */
     readonly 'theme-brand'?: ThemeBrand | null;
-    /** Initial brand color layer. */
     readonly color?: ThemeColor;
-    /** Initial style personality layer. */
     readonly style?: ThemeStyle;
-    /** @deprecated Use `mode` instead. */
     readonly defaultMode?: ColorScheme;
-    /** Default brand bundle. When set, it replaces the explicit color and style layers. */
     readonly defaultBrand?: ThemeBrand | null;
-    /** @deprecated Use `color` instead. */
     readonly defaultColor?: ThemeColor;
-    /** @deprecated Use `style` instead. */
     readonly defaultStyle?: ThemeStyle;
-    /** @deprecated Use `defaultMode` instead. */
     readonly defaultScheme?: ColorScheme;
-    /** @deprecated Use `defaultColor` instead. */
     readonly defaultTheme?: ThemeColor | string;
-    /** @deprecated Use `modeStorageKey` instead. */
     readonly storageKey?: string | null;
-    /** @deprecated Use `modeStorageKey` instead. */
     readonly schemeStorageKey?: string | null;
-    /** @deprecated Use `colorStorageKey` instead. */
     readonly themeStorageKey?: string | null;
-    /** localStorage key used to persist the mode preference. Set to `null` to disable persistence. */
     readonly modeStorageKey?: string | null;
-    /** localStorage key used to persist the brand bundle. Set to `null` to disable persistence. */
     readonly brandStorageKey?: string | null;
-    /** localStorage key used to persist the color layer. Set to `null` to disable persistence. */
     readonly colorStorageKey?: string | null;
-    /** localStorage key used to persist the style layer. Set to `null` to disable persistence. */
     readonly styleStorageKey?: string | null;
 }
 interface ResolvedMaterialThemeConfig {
@@ -88,17 +71,17 @@ declare class ThemeService {
     readonly theme: _angular_core.Signal<"base" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose">;
     readonly style: _angular_core.Signal<"default" | "sharp" | "brutal" | "soft">;
     readonly mode: _angular_core.Signal<"light" | "dark">;
-    readonly snapshot: _angular_core.Signal<ThemeConfig>;
+    readonly snapshot: _angular_core.Signal<ThemeConfig$1>;
     readonly isDark: _angular_core.Signal<boolean>;
     constructor();
-    setMode(mode: ThemeMode): void;
-    setScheme(scheme: ColorScheme): void;
-    setBrand(brand: ThemeBrand | null): void;
-    setColor(color: ThemeColor): void;
-    setTheme(theme: ThemeColor | string): void;
-    setStyle(style: ThemeStyle): void;
-    setAll(config: Partial<ThemeConfig> & {
-        readonly scheme?: ColorScheme;
+    setMode(mode: ThemeMode$1): void;
+    setScheme(scheme: ColorScheme$1): void;
+    setBrand(brand: ThemeBrand$1 | null): void;
+    setColor(color: ThemeColor$1): void;
+    setTheme(theme: ThemeColor$1 | string): void;
+    setStyle(style: ThemeStyle$1): void;
+    setAll(config: Partial<ThemeConfig$1> & {
+        readonly scheme?: ColorScheme$1;
     }): void;
     toggleScheme(): void;
     toggleMode(): void;
@@ -123,48 +106,10 @@ declare class ThemeService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeService>;
 }
 
-/**
- * Opaque feature unit consumed by {@link provideMaterialTheme}. Mirrors
- * Angular's router/http feature pattern so add-ons can be composed without
- * widening the primary provider signature.
- */
 interface MaterialThemeFeature {
     readonly providers: Provider[];
 }
-/**
- * Bootstrap the shared theme for any `@ojiepermana/angular/*` entry point.
- *
- * By default wires up the theme config token and eagerly initializes `ThemeService`
- * so root theme attributes are applied during bootstrap. Opt in
- * to Angular Material defaults (ripple / form-field) via
- * {@link withMaterialDefaults}.
- * Supports shorthand `mode`, `color`, and `style` config keys.
- *
- * @example
- * export const appConfig: ApplicationConfig = {
- *   providers: [
- *     provideAnimations(),
- *     provideMaterialTheme(
- *       {
- *         mode: 'system',
- *         color: 'base',
- *         style: 'soft',
- *       },
- *       withMaterialDefaults(),
- *     ),
- *   ],
- * };
- */
-declare function provideMaterialTheme(config?: MaterialThemeConfig, ...features: MaterialThemeFeature[]): EnvironmentProviders;
-/**
- * Opt-in Angular Material defaults tuned for the shared theme layer:
- *
- * - Disables the global Material ripple.
- * - Forces `appearance: 'outline'` + `subscriptSizing: 'dynamic'` on every
- *   `mat-form-field`.
- *
- * Only apply when your app actually renders Angular Material components.
- */
+declare function provideMaterialTheme(config?: MaterialThemeConfig$1, ...features: MaterialThemeFeature[]): EnvironmentProviders;
 declare function withMaterialDefaults(): MaterialThemeFeature;
 
 export { BRANDS, COLORS, COLOR_SCHEMES, DEFAULT_MATERIAL_THEME_CONFIG, MATERIAL_THEME_CONFIG, MODES, STYLES, ThemeService, isColorScheme, isThemeBrand, isThemeColor, isThemeStyle, provideMaterialTheme, withMaterialDefaults };

package/fesm2022/ojiepermana-angular-layout-theme.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ojiepermana-angular-layout-theme.mjs","sources":["../../../projects/angular/layout/theme/src/lib/theme-panel.component.ts","../../../projects/angular/layout/theme/ojiepermana-angular-layout-theme.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  InjectionToken,\n  computed,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n  type Signal,\n} from '@angular/core';\nimport { DomSanitizer, type SafeHtml } from '@angular/platform-browser';\nimport { ButtonComponent } from '@ojiepermana/angular/component/button';\nimport { cn } from '@ojiepermana/angular/component/utils';\n\nexport type ThemePanelColor =\n  | 'base'\n  | 'red'\n  | 'orange'\n  | 'amber'\n  | 'yellow'\n  | 'lime'\n  | 'green'\n  | 'emerald'\n  | 'teal'\n  | 'cyan'\n  | 'sky'\n  | 'blue'\n  | 'indigo'\n  | 'violet'\n  | 'purple'\n  | 'fuchsia'\n  | 'pink'\n  | 'rose';\n\nexport type ThemePanelMode = 'light' | 'dark' | 'system';\n\nexport type ThemePanelStyle = 'default' | 'sharp' | 'brutal' | 'soft';\n\nexport type ThemePanelLayoutMode = 'vertical' | 'horizontal' | 'empty';\n\nexport type ThemePanelLayoutWidth = 'full' | 'container' | 'wide';\n\nexport interface ThemePanelThemePort {\n  readonly color: Signal<ThemePanelColor>;\n  readonly scheme: Signal<ThemePanelMode>;\n  readonly style: Signal<ThemePanelStyle>;\n  setColor(color: ThemePanelColor): void;\n  setScheme(mode: ThemePanelMode): void;\n  setStyle(style: ThemePanelStyle): void;\n}\n\nexport interface ThemePanelLayoutPort {\n  readonly mode: Signal<ThemePanelLayoutMode>;\n  readonly width: Signal<ThemePanelLayoutWidth>;\n  setMode(mode: ThemePanelLayoutMode): void;\n  setWidth(width: ThemePanelLayoutWidth): void;\n}\n\nexport const THEME_PANEL_THEME_PORT = new InjectionToken<ThemePanelThemePort>('THEME_PANEL_THEME_PORT');\n\nexport const THEME_PANEL_LAYOUT_PORT = new InjectionToken<ThemePanelLayoutPort>('THEME_PANEL_LAYOUT_PORT');\n\ntype ThemePanelIconName =\n  | 'sun'\n  | 'moon'\n  | 'system'\n  | 'default-style'\n  | 'sharp-style'\n  | 'brutal-style'\n  | 'soft-style'\n  | 'vertical-layout'\n  | 'horizontal-layout'\n  | 'empty-layout'\n  | 'full-width'\n  | 'container-width'\n  | 'wide-width';\n\ninterface ThemePanelOption<T extends string> {\n  readonly value: T;\n  readonly label: string;\n  readonly icon?: ThemePanelIconName;\n  readonly swatchClass?: string;\n}\n\nconst THEME_COLOR_OPTIONS = [\n  { value: 'base', label: 'Base', swatchClass: 'bg-zinc-800' },\n  { value: 'red', label: 'Red', swatchClass: 'bg-red-500' },\n  { value: 'orange', label: 'Orange', swatchClass: 'bg-orange-500' },\n  { value: 'amber', label: 'Amber', swatchClass: 'bg-amber-400' },\n  { value: 'yellow', label: 'Yellow', swatchClass: 'bg-yellow-400' },\n  { value: 'lime', label: 'Lime', swatchClass: 'bg-lime-400' },\n  { value: 'green', label: 'Green', swatchClass: 'bg-green-600' },\n  { value: 'emerald', label: 'Emerald', swatchClass: 'bg-emerald-600' },\n  { value: 'teal', label: 'Teal', swatchClass: 'bg-teal-600' },\n  { value: 'cyan', label: 'Cyan', swatchClass: 'bg-cyan-600' },\n  { value: 'sky', label: 'Sky', swatchClass: 'bg-sky-600' },\n  { value: 'blue', label: 'Blue', swatchClass: 'bg-blue-500' },\n  { value: 'indigo', label: 'Indigo', swatchClass: 'bg-indigo-500' },\n  { value: 'violet', label: 'Violet', swatchClass: 'bg-violet-500' },\n  { value: 'purple', label: 'Purple', swatchClass: 'bg-purple-500' },\n  { value: 'fuchsia', label: 'Fuchsia', swatchClass: 'bg-fuchsia-600' },\n  { value: 'pink', label: 'Pink', swatchClass: 'bg-pink-600' },\n  { value: 'rose', label: 'Rose', swatchClass: 'bg-rose-500' },\n] as const satisfies readonly ThemePanelOption<ThemePanelColor>[];\n\nconst THEME_MODE_OPTIONS = [\n  { value: 'light', label: 'Light', icon: 'sun' },\n  { value: 'dark', label: 'Dark', icon: 'moon' },\n  { value: 'system', label: 'System', icon: 'system' },\n] as const satisfies readonly ThemePanelOption<ThemePanelMode>[];\n\nconst THEME_STYLE_OPTIONS = [\n  { value: 'default', label: 'Default', icon: 'default-style' },\n  { value: 'sharp', label: 'Sharp', icon: 'sharp-style' },\n  { value: 'brutal', label: 'Brutal', icon: 'brutal-style' },\n  { value: 'soft', label: 'Soft', icon: 'soft-style' },\n] as const satisfies readonly ThemePanelOption<ThemePanelStyle>[];\n\nconst LAYOUT_MODE_OPTIONS = [\n  { value: 'vertical', label: 'Vertical', icon: 'vertical-layout' },\n  { value: 'horizontal', label: 'Horizontal', icon: 'horizontal-layout' },\n  { value: 'empty', label: 'Empty', icon: 'empty-layout' },\n] as const satisfies readonly ThemePanelOption<ThemePanelLayoutMode>[];\n\nconst LAYOUT_WIDTH_OPTIONS = [\n  { value: 'full', label: 'Full', icon: 'full-width' },\n  { value: 'container', label: 'Container', icon: 'container-width' },\n  { value: 'wide', label: 'Wide', icon: 'wide-width' },\n] as const satisfies readonly ThemePanelOption<ThemePanelLayoutWidth>[];\n\n@Component({\n  selector: 'ui-theme-panel',\n  imports: [ButtonComponent],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'hostClasses()',\n  },\n  template: `\n    <div class=\"flex flex-col gap-4 p-4\">\n      @if (hasUserHeader()) {\n        <header class=\"flex items-center gap-3 px-1 pt-1\">\n          <span class=\"flex size-14 items-center justify-center rounded-full bg-primary/10 text-primary\">\n            <span\n              class=\"flex size-11 items-center justify-center rounded-full bg-primary text-xs font-semibold tracking-[0.22em] text-primary-foreground\">\n              {{ resolvedUserInitials() }}\n            </span>\n          </span>\n\n          <div class=\"min-w-0 flex-1\">\n            <h2 class=\"truncate text-[1.05rem] font-semibold leading-none tracking-tight text-foreground\">\n              {{ userName() }}\n            </h2>\n            @if (userSubtitle(); as subtitle) {\n              <p class=\"mt-1 text-sm leading-none text-muted-foreground\">{{ subtitle }}</p>\n            }\n          </div>\n        </header>\n      } @else {\n        <header class=\"space-y-1 px-1 pt-1\">\n          <h2 class=\"text-base font-semibold tracking-tight text-foreground\">{{ title() }}</h2>\n          @if (description(); as text) {\n            <p class=\"text-sm leading-6 text-muted-foreground\">{{ text }}</p>\n          }\n        </header>\n      }\n\n      <div class=\"grid gap-4\">\n        <section data-setting=\"theme-mode\" [attr.data-current]=\"currentThemeMode()\" class=\"space-y-2\">\n          <div class=\"px-1\">\n            <p [class]=\"sectionEyebrowClasses()\">Mode</p>\n          </div>\n\n          <div class=\"rounded-(--layout-frame-radius) bg-muted/65 p-0.5\">\n            <div class=\"grid grid-cols-3 gap-1\" role=\"group\" aria-label=\"Theme mode\">\n              @for (option of themeModeOptions; track option.value) {\n                <button\n                  type=\"button\"\n                  ui-button\n                  size=\"sm\"\n                  variant=\"ghost\"\n                  data-setting-option=\"theme-mode\"\n                  [attr.data-value]=\"option.value\"\n                  [attr.aria-pressed]=\"currentThemeMode() === option.value\"\n                  [class]=\"segmentedOptionClasses(currentThemeMode() === option.value)\"\n                  (click)=\"setThemeMode(option.value)\">\n                  <span class=\"inline-flex items-center gap-2.5\">\n                    <span\n                      aria-hidden=\"true\"\n                      [class]=\"optionIconClasses(currentThemeMode() === option.value)\"\n                      [innerHTML]=\"iconSvg(option.icon!)\"></span>\n                    <span class=\"text-sm font-semibold leading-none\">{{ option.label }}</span>\n                  </span>\n                </button>\n              }\n            </div>\n          </div>\n        </section>\n\n        <section data-setting=\"theme-color\" [attr.data-current]=\"currentThemeColor()\" class=\"space-y-2\">\n          <div class=\"flex items-center justify-between gap-3 px-1\">\n            <p [class]=\"sectionEyebrowClasses()\">Color</p>\n            <p class=\"text-xs font-semibold text-muted-foreground\">{{ currentThemeColorLabel() }}</p>\n          </div>\n\n          <div class=\"rounded-(--layout-frame-radius) bg-muted/65 p-1\">\n            <div class=\"grid grid-cols-6 justify-items-center gap-1\" role=\"group\" aria-label=\"Theme color\">\n              @for (option of themeColorOptions; track option.value) {\n                <button\n                  type=\"button\"\n                  ui-button\n                  size=\"icon\"\n                  variant=\"ghost\"\n                  data-setting-option=\"theme-color\"\n                  [attr.data-value]=\"option.value\"\n                  [attr.aria-label]=\"'Theme color ' + option.label\"\n                  [attr.aria-pressed]=\"currentThemeColor() === option.value\"\n                  [class]=\"swatchButtonClasses(currentThemeColor() === option.value)\"\n                  (click)=\"setThemeColor(option.value)\">\n                  <span\n                    aria-hidden=\"true\"\n                    [class]=\"colorSwatchClasses(option.swatchClass, currentThemeColor() === option.value)\"></span>\n                  <span class=\"sr-only\">{{ option.label }}</span>\n                </button>\n              }\n            </div>\n          </div>\n        </section>\n\n        <section data-setting=\"theme-style\" [attr.data-current]=\"currentThemeStyle()\" class=\"space-y-2\">\n          <div class=\"px-1\">\n            <p [class]=\"sectionEyebrowClasses()\">Style</p>\n          </div>\n\n          <div class=\"rounded-(--layout-frame-radius) bg-muted/65 p-0.5\">\n            <div class=\"grid grid-cols-2 gap-1 sm:grid-cols-4\" role=\"group\" aria-label=\"Theme style\">\n              @for (option of themeStyleOptions; track option.value) {\n                <button\n                  type=\"button\"\n                  ui-button\n                  size=\"sm\"\n                  variant=\"ghost\"\n                  data-setting-option=\"theme-style\"\n                  [attr.data-value]=\"option.value\"\n                  [attr.aria-pressed]=\"currentThemeStyle() === option.value\"\n                  [class]=\"segmentedOptionClasses(currentThemeStyle() === option.value)\"\n                  (click)=\"setThemeStyle(option.value)\">\n                  <span class=\"inline-flex items-center gap-2.5\">\n                    <span\n                      aria-hidden=\"true\"\n                      [class]=\"optionIconClasses(currentThemeStyle() === option.value)\"\n                      [innerHTML]=\"iconSvg(option.icon!)\"></span>\n                    <span class=\"text-sm font-semibold leading-none\">{{ option.label }}</span>\n                  </span>\n                </button>\n              }\n            </div>\n          </div>\n        </section>\n\n        <section data-setting=\"layout-mode\" [attr.data-current]=\"currentLayoutMode()\" class=\"space-y-2\">\n          <div class=\"px-1\">\n            <p [class]=\"sectionEyebrowClasses()\">Layout</p>\n          </div>\n\n          <div class=\"rounded-(--layout-frame-radius) bg-muted/65 p-0.5\">\n            <div class=\"grid grid-cols-3 gap-1\" role=\"group\" aria-label=\"Layout mode\">\n              @for (option of layoutModeOptions; track option.value) {\n                <button\n                  type=\"button\"\n                  ui-button\n                  size=\"sm\"\n                  variant=\"ghost\"\n                  data-setting-option=\"layout-mode\"\n                  [attr.data-value]=\"option.value\"\n                  [attr.aria-pressed]=\"currentLayoutMode() === option.value\"\n                  [class]=\"segmentedOptionClasses(currentLayoutMode() === option.value)\"\n                  (click)=\"setLayoutMode(option.value)\">\n                  <span class=\"inline-flex items-center gap-2.5\">\n                    <span\n                      aria-hidden=\"true\"\n                      [class]=\"optionIconClasses(currentLayoutMode() === option.value)\"\n                      [innerHTML]=\"iconSvg(option.icon!)\"></span>\n                    <span class=\"text-sm font-semibold leading-none\">{{ option.label }}</span>\n                  </span>\n                </button>\n              }\n            </div>\n          </div>\n        </section>\n\n        <section data-setting=\"layout-width\" [attr.data-current]=\"currentLayoutWidth()\" class=\"space-y-2\">\n          <div class=\"px-1\">\n            <p [class]=\"sectionEyebrowClasses()\">Width</p>\n          </div>\n\n          <div class=\"rounded-(--layout-frame-radius) bg-muted/65 p-0.5\">\n            <div class=\"grid grid-cols-3 gap-1\" role=\"group\" aria-label=\"Layout width\">\n              @for (option of layoutWidthOptions; track option.value) {\n                <button\n                  type=\"button\"\n                  ui-button\n                  size=\"sm\"\n                  variant=\"ghost\"\n                  data-setting-option=\"layout-width\"\n                  [attr.data-value]=\"option.value\"\n                  [attr.aria-pressed]=\"currentLayoutWidth() === option.value\"\n                  [class]=\"segmentedOptionClasses(currentLayoutWidth() === option.value)\"\n                  (click)=\"setLayoutWidth(option.value)\">\n                  <span class=\"inline-flex items-center gap-2.5\">\n                    <span\n                      aria-hidden=\"true\"\n                      [class]=\"optionIconClasses(currentLayoutWidth() === option.value)\"\n                      [innerHTML]=\"iconSvg(option.icon!)\"></span>\n                    <span class=\"text-sm font-semibold leading-none\">{{ option.label }}</span>\n                  </span>\n                </button>\n              }\n            </div>\n          </div>\n        </section>\n      </div>\n    </div>\n  `,\n})\nexport class ThemePanelComponent {\n  private readonly sanitizer = inject(DomSanitizer);\n  private readonly themePort = inject(THEME_PANEL_THEME_PORT, { optional: true });\n  private readonly layoutPort = inject(THEME_PANEL_LAYOUT_PORT, { optional: true });\n\n  readonly connected = input<boolean>(true);\n  readonly class = input<string>('');\n  readonly title = input<string>('Theme panel');\n  readonly description = input<string>('');\n  readonly userName = input<string>('');\n  readonly userSubtitle = input<string>('');\n  readonly userInitials = input<string>('');\n  readonly themeColor = input<ThemePanelColor>('base');\n  readonly themeMode = input<ThemePanelMode>('light');\n  readonly themeStyle = input<ThemePanelStyle>('default');\n  readonly layoutMode = input<ThemePanelLayoutMode>('vertical');\n  readonly layoutWidth = input<ThemePanelLayoutWidth>('container');\n\n  readonly themeColorChange = output<ThemePanelColor>();\n  readonly themeModeChange = output<ThemePanelMode>();\n  readonly themeStyleChange = output<ThemePanelStyle>();\n  readonly layoutModeChange = output<ThemePanelLayoutMode>();\n  readonly layoutWidthChange = output<ThemePanelLayoutWidth>();\n\n  protected readonly currentThemeColor = signal<ThemePanelColor>(this.themeColor());\n  protected readonly currentThemeMode = signal<ThemePanelMode>(this.themeMode());\n  protected readonly currentThemeStyle = signal<ThemePanelStyle>(this.themeStyle());\n  protected readonly currentLayoutMode = signal<ThemePanelLayoutMode>(this.layoutMode());\n  protected readonly currentLayoutWidth = signal<ThemePanelLayoutWidth>(this.layoutWidth());\n\n  protected readonly themeColorOptions = THEME_COLOR_OPTIONS;\n  protected readonly themeModeOptions = THEME_MODE_OPTIONS;\n  protected readonly themeStyleOptions = THEME_STYLE_OPTIONS;\n  protected readonly layoutModeOptions = LAYOUT_MODE_OPTIONS;\n  protected readonly layoutWidthOptions = LAYOUT_WIDTH_OPTIONS;\n\n  protected readonly hostClasses = computed(() =>\n    cn('block overflow-hidden rounded-lg border border-border/70 bg-card text-card-foreground shadow-sm', this.class()),\n  );\n  protected readonly hasUserHeader = computed(() => !!this.userName().trim() || !!this.userSubtitle().trim());\n  protected readonly resolvedUserInitials = computed(\n    () => this.userInitials().trim() || this.toInitials(this.userName() || this.title()),\n  );\n  protected readonly currentThemeColorLabel = computed(\n    () => this.themeColorOptions.find((option) => option.value === this.currentThemeColor())?.label ?? '',\n  );\n\n  constructor() {\n    effect(() => {\n      this.currentThemeColor.set(this.connected() && this.themePort ? this.themePort.color() : this.themeColor());\n    });\n    effect(() => {\n      this.currentThemeMode.set(this.connected() && this.themePort ? this.themePort.scheme() : this.themeMode());\n    });\n    effect(() => {\n      this.currentThemeStyle.set(this.connected() && this.themePort ? this.themePort.style() : this.themeStyle());\n    });\n    effect(() => {\n      this.currentLayoutMode.set(this.connected() && this.layoutPort ? this.layoutPort.mode() : this.layoutMode());\n    });\n    effect(() => {\n      this.currentLayoutWidth.set(this.connected() && this.layoutPort ? this.layoutPort.width() : this.layoutWidth());\n    });\n  }\n\n  protected setThemeColor(color: ThemePanelColor): void {\n    this.currentThemeColor.set(color);\n    this.themePort?.setColor(color);\n    this.themeColorChange.emit(color);\n  }\n\n  protected setThemeMode(mode: ThemePanelMode): void {\n    this.currentThemeMode.set(mode);\n    this.themePort?.setScheme(mode);\n    this.themeModeChange.emit(mode);\n  }\n\n  protected setThemeStyle(style: ThemePanelStyle): void {\n    this.currentThemeStyle.set(style);\n    this.themePort?.setStyle(style);\n    this.themeStyleChange.emit(style);\n  }\n\n  protected setLayoutMode(mode: ThemePanelLayoutMode): void {\n    this.currentLayoutMode.set(mode);\n    this.layoutPort?.setMode(mode);\n    this.layoutModeChange.emit(mode);\n  }\n\n  protected setLayoutWidth(width: ThemePanelLayoutWidth): void {\n    this.currentLayoutWidth.set(width);\n    this.layoutPort?.setWidth(width);\n    this.layoutWidthChange.emit(width);\n  }\n\n  protected sectionEyebrowClasses(): string {\n    return 'text-[0.72rem] font-semibold uppercase tracking-[0.22em] text-muted-foreground';\n  }\n\n  protected segmentedOptionClasses(active: boolean): string {\n    return cn(\n      'rounded-[calc(var(--layout-frame-radius)-2px)] px-3',\n      active\n        ? 'border border-border/70 bg-background shadow-sm hover:bg-background'\n        : 'text-muted-foreground hover:bg-background/70 hover:text-foreground',\n    );\n  }\n\n  protected swatchButtonClasses(active: boolean): string {\n    return cn(\n      'size-9 rounded-full p-0',\n      active\n        ? 'border border-border/70 bg-background shadow-sm hover:bg-background'\n        : 'border border-transparent hover:bg-background/70',\n    );\n  }\n\n  protected optionIconClasses(active: boolean): string {\n    return cn(\n      'inline-flex size-4 shrink-0 items-center justify-center [&_svg]:size-4',\n      active ? 'text-foreground' : 'text-muted-foreground',\n    );\n  }\n\n  protected colorSwatchClasses(swatchClass: string | undefined, isActive: boolean): string {\n    return cn(\n      'size-4 rounded-full border border-black/10 shadow-sm',\n      swatchClass,\n      isActive ? 'ring-2 ring-ring ring-offset-2 ring-offset-background' : '',\n    );\n  }\n\n  protected iconSvg(name: ThemePanelIconName): SafeHtml {\n    return this.sanitizer.bypassSecurityTrustHtml(this.rawIconSvg(name));\n  }\n\n  private rawIconSvg(name: ThemePanelIconName): string {\n    switch (name) {\n      case 'sun':\n        return '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"4\"></circle><path d=\"M12 2.5v2.2\"></path><path d=\"M12 19.3v2.2\"></path><path d=\"M4.93 4.93 6.5 6.5\"></path><path d=\"M17.5 17.5 19.07 19.07\"></path><path d=\"M2.5 12h2.2\"></path><path d=\"M19.3 12h2.2\"></path><path d=\"M4.93 19.07 6.5 17.5\"></path><path d=\"M17.5 6.5 19.07 4.93\"></path></svg>';\n      case 'moon':\n        return '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.4 14.8A8.8 8.8 0 1 1 9.2 3.6a7.2 7.2 0 0 0 11.2 11.2Z\"></path></svg>';\n      case 'system':\n        return '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3.5\" y=\"4.5\" width=\"17\" height=\"11.5\" rx=\"1.8\"></rect><path d=\"M9 19.5h6\"></path><path d=\"M12 16v3.5\"></path></svg>';\n      case 'default-style':\n        return '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"5\" width=\"14\" height=\"14\" rx=\"4\"></rect></svg>';\n      case 'sharp-style':\n        return '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"5\" width=\"14\" height=\"14\" rx=\"1\"></rect></svg>';\n      case 'brutal-style':\n        return '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 7.5h14\"></path><path d=\"M5 12h14\"></path><path d=\"M5 16.5h14\"></path></svg>';\n      case 'soft-style':\n        return '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7.5 9A4.5 4.5 0 0 1 12 4.5h1A4.5 4.5 0 0 1 17.5 9v1A4.5 4.5 0 0 1 13 14.5h-1A4.5 4.5 0 0 1 7.5 10Z\"></path><path d=\"M6.5 15.5c1.3 2 3.2 3 5.5 3s4.2-1 5.5-3\"></path></svg>';\n      case 'vertical-layout':\n        return '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"5\" width=\"16\" height=\"14\" rx=\"2\"></rect><path d=\"M9 5v14\"></path></svg>';\n      case 'horizontal-layout':\n        return '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"5\" width=\"16\" height=\"14\" rx=\"2\"></rect><path d=\"M4 10h16\"></path></svg>';\n      case 'empty-layout':\n        return '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4.5\" y=\"5.5\" width=\"15\" height=\"13\" rx=\"2\"></rect></svg>';\n      case 'full-width':\n        return '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 8V5h3\"></path><path d=\"M20 8V5h-3\"></path><path d=\"M4 16v3h3\"></path><path d=\"M20 16v3h-3\"></path><path d=\"M8 5H4\"></path><path d=\"M20 5h-4\"></path><path d=\"M8 19H4\"></path><path d=\"M20 19h-4\"></path></svg>';\n      case 'container-width':\n        return '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"6\" width=\"16\" height=\"12\" rx=\"2\"></rect><path d=\"M9 9.5h6\"></path><path d=\"M9 14.5h6\"></path></svg>';\n      case 'wide-width':\n        return '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"2\"></rect><path d=\"M7 9.5h10\"></path><path d=\"M7 14.5h10\"></path></svg>';\n    }\n  }\n\n  private toInitials(value: string): string {\n    const words = value\n      .split(/\\s+/)\n      .map((item) => item.trim())\n      .filter(Boolean)\n      .slice(0, 2);\n\n    if (!words.length) {\n      return 'UI';\n    }\n\n    return words.map((word) => word[0]?.toUpperCase() ?? '').join('');\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}