@ojiepermana/angular 21.3.0 → 21.3.4

package/fesm2022/ojiepermana-angular-theme-services.mjs

@@ -0,0 +1,286 @@
+import { DOCUMENT } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, signal, computed, effect, Injectable } from '@angular/core';
+import { isThemeColor, MATERIAL_THEME_CONFIG, isColorScheme, DEFAULT_MATERIAL_THEME_CONFIG, isThemeBrand, isThemeStyle } from '@ojiepermana/angular/theme/token';
+
+class ThemeService {
+    document = inject(DOCUMENT);
+    destroyRef = inject(DestroyRef);
+    config = this.resolveConfig();
+    initialBrand = this.readPersistedBrand() ?? this.config.defaultBrand;
+    _modePreference = signal(this.readPersistedMode() ?? this.config.defaultMode, ...(ngDevMode ? [{ debugName: "_modePreference" }] : /* istanbul ignore next */ []));
+    _brand = signal(this.initialBrand, ...(ngDevMode ? [{ debugName: "_brand" }] : /* istanbul ignore next */ []));
+    _color = signal(this.initialBrand ? this.config.defaultColor : (this.readPersistedColor() ?? this.config.defaultColor), ...(ngDevMode ? [{ debugName: "_color" }] : /* istanbul ignore next */ []));
+    _style = signal(this.initialBrand ? this.config.defaultStyle : (this.readPersistedStyle() ?? this.config.defaultStyle), ...(ngDevMode ? [{ debugName: "_style" }] : /* istanbul ignore next */ []));
+    _systemPrefersDark = signal(this.prefersDark(), ...(ngDevMode ? [{ debugName: "_systemPrefersDark" }] : /* istanbul ignore next */ []));
+    scheme = this._modePreference.asReadonly();
+    brand = this._brand.asReadonly();
+    color = this._color.asReadonly();
+    theme = this._color.asReadonly();
+    style = this._style.asReadonly();
+    mode = computed(() => this.resolveMode(this._modePreference()), ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+    snapshot = computed(() => ({
+        mode: this.mode(),
+        brand: this._brand(),
+        color: this._color(),
+        style: this._style(),
+    }), ...(ngDevMode ? [{ debugName: "snapshot" }] : /* istanbul ignore next */ []));
+    isDark = computed(() => this.mode() === 'dark', ...(ngDevMode ? [{ debugName: "isDark" }] : /* istanbul ignore next */ []));
+    constructor() {
+        this.watchSystemScheme();
+        effect(() => {
+            const root = this.document.documentElement;
+            const mode = this.mode();
+            const brand = this._brand();
+            const color = this._color();
+            const style = this._style();
+            root.dataset['mode'] = mode;
+            root.dataset['theme'] = brand ?? color;
+            root.classList.toggle('dark', mode === 'dark');
+            this.persistMode(this._modePreference());
+            if (brand) {
+                root.setAttribute('theme-brand', brand);
+                root.removeAttribute('theme-color');
+                root.removeAttribute('theme-style');
+                delete root.dataset['color'];
+                delete root.dataset['style'];
+                this.persistBrand(brand);
+                this.clearPersistedColor();
+                this.clearPersistedStyle();
+                return;
+            }
+            root.removeAttribute('theme-brand');
+            root.setAttribute('theme-color', color);
+            root.setAttribute('theme-style', style);
+            root.dataset['color'] = color;
+            root.dataset['style'] = style;
+            this.clearPersistedBrand();
+            this.persistColor(color);
+            this.persistStyle(style);
+        });
+    }
+    setMode(mode) {
+        this._modePreference.set(mode);
+    }
+    setScheme(scheme) {
+        this._modePreference.set(scheme);
+    }
+    setBrand(brand) {
+        this._brand.set(brand);
+        this._color.set(this.config.defaultColor);
+        this._style.set(this.config.defaultStyle);
+    }
+    setColor(color) {
+        if (this._brand()) {
+            this._brand.set(null);
+        }
+        this._color.set(color);
+    }
+    setTheme(theme) {
+        if (isThemeColor(theme)) {
+            this.setColor(theme);
+        }
+    }
+    setStyle(style) {
+        if (this._brand()) {
+            this._brand.set(null);
+        }
+        this._style.set(style);
+    }
+    setAll(config) {
+        if (config.scheme) {
+            this.setScheme(config.scheme);
+        }
+        if (config.mode) {
+            this.setMode(config.mode);
+        }
+        if (config.brand !== undefined) {
+            this.setBrand(config.brand);
+        }
+        if (config.brand === undefined || config.brand === null) {
+            if (config.color) {
+                this.setColor(config.color);
+            }
+            if (config.style) {
+                this.setStyle(config.style);
+            }
+        }
+    }
+    toggleScheme() {
+        this.toggleMode();
+    }
+    toggleMode() {
+        this.setMode(this.mode() === 'dark' ? 'light' : 'dark');
+    }
+    reset() {
+        this._modePreference.set(this.config.defaultMode);
+        this._brand.set(this.config.defaultBrand);
+        this._color.set(this.config.defaultColor);
+        this._style.set(this.config.defaultStyle);
+    }
+    resolveConfig() {
+        const config = inject(MATERIAL_THEME_CONFIG, { optional: true }) ?? {};
+        const configuredMode = config.mode ?? config.defaultMode ?? config.defaultScheme;
+        const configuredBrand = config.brand ?? config['theme-brand'] ?? config.defaultBrand;
+        const configuredColor = config.color ?? config.defaultColor ?? config.defaultTheme;
+        const configuredStyle = config.style ?? config.defaultStyle;
+        const defaultMode = isColorScheme(configuredMode) ? configuredMode : DEFAULT_MATERIAL_THEME_CONFIG.defaultMode;
+        const defaultBrand = isThemeBrand(configuredBrand) ? configuredBrand : DEFAULT_MATERIAL_THEME_CONFIG.defaultBrand;
+        const defaultColor = isThemeColor(configuredColor) ? configuredColor : DEFAULT_MATERIAL_THEME_CONFIG.defaultColor;
+        const defaultStyle = isThemeStyle(configuredStyle) ? configuredStyle : DEFAULT_MATERIAL_THEME_CONFIG.defaultStyle;
+        return {
+            defaultMode,
+            defaultBrand,
+            defaultColor,
+            defaultStyle,
+            modeStorageKey: config.modeStorageKey ??
+                config.schemeStorageKey ??
+                config.storageKey ??
+                DEFAULT_MATERIAL_THEME_CONFIG.modeStorageKey,
+            brandStorageKey: config.brandStorageKey ?? DEFAULT_MATERIAL_THEME_CONFIG.brandStorageKey,
+            colorStorageKey: config.colorStorageKey ?? config.themeStorageKey ?? DEFAULT_MATERIAL_THEME_CONFIG.colorStorageKey,
+            styleStorageKey: config.styleStorageKey ?? DEFAULT_MATERIAL_THEME_CONFIG.styleStorageKey,
+        };
+    }
+    resolveMode(mode) {
+        return mode === 'system' ? (this._systemPrefersDark() ? 'dark' : 'light') : mode;
+    }
+    prefersDark() {
+        const mql = this.document.defaultView?.matchMedia?.('(prefers-color-scheme: dark)');
+        return !!mql?.matches;
+    }
+    watchSystemScheme() {
+        const mql = this.document.defaultView?.matchMedia?.('(prefers-color-scheme: dark)');
+        if (!mql)
+            return;
+        const listener = (event) => {
+            this._systemPrefersDark.set(event.matches);
+        };
+        mql.addEventListener('change', listener);
+        this.destroyRef.onDestroy(() => mql.removeEventListener('change', listener));
+    }
+    readPersistedMode() {
+        const key = this.config.modeStorageKey;
+        if (!key)
+            return null;
+        try {
+            const value = this.document.defaultView?.localStorage?.getItem(key);
+            return isColorScheme(value) ? value : null;
+        }
+        catch {
+            return null;
+        }
+    }
+    readPersistedBrand() {
+        const key = this.config.brandStorageKey;
+        if (!key)
+            return null;
+        try {
+            const value = this.document.defaultView?.localStorage?.getItem(key);
+            return isThemeBrand(value) ? value : null;
+        }
+        catch {
+            return null;
+        }
+    }
+    readPersistedColor() {
+        const key = this.config.colorStorageKey;
+        if (!key)
+            return null;
+        try {
+            const value = this.document.defaultView?.localStorage?.getItem(key);
+            return isThemeColor(value) ? value : null;
+        }
+        catch {
+            return null;
+        }
+    }
+    readPersistedStyle() {
+        const key = this.config.styleStorageKey;
+        if (!key)
+            return null;
+        try {
+            const value = this.document.defaultView?.localStorage?.getItem(key);
+            return isThemeStyle(value) ? value : null;
+        }
+        catch {
+            return null;
+        }
+    }
+    persistMode(mode) {
+        const key = this.config.modeStorageKey;
+        if (!key)
+            return;
+        try {
+            this.document.defaultView?.localStorage?.setItem(key, mode);
+        }
+        catch {
+            /* ignore */
+        }
+    }
+    persistBrand(brand) {
+        const key = this.config.brandStorageKey;
+        if (!key)
+            return;
+        try {
+            this.document.defaultView?.localStorage?.setItem(key, brand);
+        }
+        catch {
+            /* ignore */
+        }
+    }
+    persistColor(color) {
+        const key = this.config.colorStorageKey;
+        if (!key)
+            return;
+        try {
+            this.document.defaultView?.localStorage?.setItem(key, color);
+        }
+        catch {
+            /* ignore */
+        }
+    }
+    persistStyle(style) {
+        const key = this.config.styleStorageKey;
+        if (!key)
+            return;
+        try {
+            this.document.defaultView?.localStorage?.setItem(key, style);
+        }
+        catch {
+            /* ignore */
+        }
+    }
+    clearPersistedBrand() {
+        this.clearPersistedItem(this.config.brandStorageKey);
+    }
+    clearPersistedColor() {
+        this.clearPersistedItem(this.config.colorStorageKey);
+    }
+    clearPersistedStyle() {
+        this.clearPersistedItem(this.config.styleStorageKey);
+    }
+    clearPersistedItem(key) {
+        if (!key)
+            return;
+        try {
+            this.document.defaultView?.localStorage?.removeItem(key);
+        }
+        catch {
+            /* ignore */
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ThemeService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ThemeService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ThemeService };
+//# sourceMappingURL=ojiepermana-angular-theme-services.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-theme-services.mjs","sources":["../../../projects/angular/theme/services/src/lib/theme.service.ts","../../../projects/angular/theme/services/ojiepermana-angular-theme-services.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport { DestroyRef, Injectable, computed, effect, inject, signal } from '@angular/core';\nimport {\n  DEFAULT_MATERIAL_THEME_CONFIG,\n  MATERIAL_THEME_CONFIG,\n  type ColorScheme,\n  type ResolvedMaterialThemeConfig,\n  type ThemeBrand,\n  type ThemeColor,\n  type ThemeConfig,\n  type ThemeMode,\n  type ThemeStyle,\n  isColorScheme,\n  isThemeBrand,\n  isThemeColor,\n  isThemeStyle,\n} from '@ojiepermana/angular/theme/token';\n\n@Injectable({ providedIn: 'root' })\nexport class ThemeService {\n  private readonly document = inject(DOCUMENT);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly config = this.resolveConfig();\n  private readonly initialBrand = this.readPersistedBrand() ?? this.config.defaultBrand;\n\n  private readonly _modePreference = signal<ColorScheme>(this.readPersistedMode() ?? this.config.defaultMode);\n  private readonly _brand = signal<ThemeBrand | null>(this.initialBrand);\n  private readonly _color = signal<ThemeColor>(\n    this.initialBrand ? this.config.defaultColor : (this.readPersistedColor() ?? this.config.defaultColor),\n  );\n  private readonly _style = signal<ThemeStyle>(\n    this.initialBrand ? this.config.defaultStyle : (this.readPersistedStyle() ?? this.config.defaultStyle),\n  );\n  private readonly _systemPrefersDark = signal<boolean>(this.prefersDark());\n\n  readonly scheme = this._modePreference.asReadonly();\n  readonly brand = this._brand.asReadonly();\n  readonly color = this._color.asReadonly();\n  readonly theme = this._color.asReadonly();\n  readonly style = this._style.asReadonly();\n  readonly mode = computed<ThemeMode>(() => this.resolveMode(this._modePreference()));\n  readonly snapshot = computed<ThemeConfig>(() => ({\n    mode: this.mode(),\n    brand: this._brand(),\n    color: this._color(),\n    style: this._style(),\n  }));\n\n  readonly isDark = computed(() => this.mode() === 'dark');\n\n  constructor() {\n    this.watchSystemScheme();\n\n    effect(() => {\n      const root = this.document.documentElement;\n      const mode = this.mode();\n      const brand = this._brand();\n      const color = this._color();\n      const style = this._style();\n\n      root.dataset['mode'] = mode;\n      root.dataset['theme'] = brand ?? color;\n      root.classList.toggle('dark', mode === 'dark');\n\n      this.persistMode(this._modePreference());\n\n      if (brand) {\n        root.setAttribute('theme-brand', brand);\n        root.removeAttribute('theme-color');\n        root.removeAttribute('theme-style');\n        delete root.dataset['color'];\n        delete root.dataset['style'];\n\n        this.persistBrand(brand);\n        this.clearPersistedColor();\n        this.clearPersistedStyle();\n        return;\n      }\n\n      root.removeAttribute('theme-brand');\n      root.setAttribute('theme-color', color);\n      root.setAttribute('theme-style', style);\n      root.dataset['color'] = color;\n      root.dataset['style'] = style;\n\n      this.clearPersistedBrand();\n      this.persistColor(color);\n      this.persistStyle(style);\n    });\n  }\n\n  setMode(mode: ThemeMode): void {\n    this._modePreference.set(mode);\n  }\n\n  setScheme(scheme: ColorScheme): void {\n    this._modePreference.set(scheme);\n  }\n\n  setBrand(brand: ThemeBrand | null): void {\n    this._brand.set(brand);\n    this._color.set(this.config.defaultColor);\n    this._style.set(this.config.defaultStyle);\n  }\n\n  setColor(color: ThemeColor): void {\n    if (this._brand()) {\n      this._brand.set(null);\n    }\n    this._color.set(color);\n  }\n\n  setTheme(theme: ThemeColor | string): void {\n    if (isThemeColor(theme)) {\n      this.setColor(theme);\n    }\n  }\n\n  setStyle(style: ThemeStyle): void {\n    if (this._brand()) {\n      this._brand.set(null);\n    }\n    this._style.set(style);\n  }\n\n  setAll(config: Partial<ThemeConfig> & { readonly scheme?: ColorScheme }): void {\n    if (config.scheme) {\n      this.setScheme(config.scheme);\n    }\n    if (config.mode) {\n      this.setMode(config.mode);\n    }\n    if (config.brand !== undefined) {\n      this.setBrand(config.brand);\n    }\n    if (config.brand === undefined || config.brand === null) {\n      if (config.color) {\n        this.setColor(config.color);\n      }\n      if (config.style) {\n        this.setStyle(config.style);\n      }\n    }\n  }\n\n  toggleScheme(): void {\n    this.toggleMode();\n  }\n\n  toggleMode(): void {\n    this.setMode(this.mode() === 'dark' ? 'light' : 'dark');\n  }\n\n  reset(): void {\n    this._modePreference.set(this.config.defaultMode);\n    this._brand.set(this.config.defaultBrand);\n    this._color.set(this.config.defaultColor);\n    this._style.set(this.config.defaultStyle);\n  }\n\n  private resolveConfig(): ResolvedMaterialThemeConfig {\n    const config = inject(MATERIAL_THEME_CONFIG, { optional: true }) ?? {};\n    const configuredMode = config.mode ?? config.defaultMode ?? config.defaultScheme;\n    const configuredBrand = config.brand ?? config['theme-brand'] ?? config.defaultBrand;\n    const configuredColor = config.color ?? config.defaultColor ?? config.defaultTheme;\n    const configuredStyle = config.style ?? config.defaultStyle;\n\n    const defaultMode = isColorScheme(configuredMode) ? configuredMode : DEFAULT_MATERIAL_THEME_CONFIG.defaultMode;\n    const defaultBrand = isThemeBrand(configuredBrand) ? configuredBrand : DEFAULT_MATERIAL_THEME_CONFIG.defaultBrand;\n    const defaultColor = isThemeColor(configuredColor) ? configuredColor : DEFAULT_MATERIAL_THEME_CONFIG.defaultColor;\n    const defaultStyle = isThemeStyle(configuredStyle) ? configuredStyle : DEFAULT_MATERIAL_THEME_CONFIG.defaultStyle;\n\n    return {\n      defaultMode,\n      defaultBrand,\n      defaultColor,\n      defaultStyle,\n      modeStorageKey:\n        config.modeStorageKey ??\n        config.schemeStorageKey ??\n        config.storageKey ??\n        DEFAULT_MATERIAL_THEME_CONFIG.modeStorageKey,\n      brandStorageKey: config.brandStorageKey ?? DEFAULT_MATERIAL_THEME_CONFIG.brandStorageKey,\n      colorStorageKey:\n        config.colorStorageKey ?? config.themeStorageKey ?? DEFAULT_MATERIAL_THEME_CONFIG.colorStorageKey,\n      styleStorageKey: config.styleStorageKey ?? DEFAULT_MATERIAL_THEME_CONFIG.styleStorageKey,\n    };\n  }\n\n  private resolveMode(mode: ColorScheme): ThemeMode {\n    return mode === 'system' ? (this._systemPrefersDark() ? 'dark' : 'light') : mode;\n  }\n\n  private prefersDark(): boolean {\n    const mql = this.document.defaultView?.matchMedia?.('(prefers-color-scheme: dark)');\n    return !!mql?.matches;\n  }\n\n  private watchSystemScheme(): void {\n    const mql = this.document.defaultView?.matchMedia?.('(prefers-color-scheme: dark)');\n    if (!mql) return;\n\n    const listener = (event: MediaQueryListEvent): void => {\n      this._systemPrefersDark.set(event.matches);\n    };\n    mql.addEventListener('change', listener);\n    this.destroyRef.onDestroy(() => mql.removeEventListener('change', listener));\n  }\n\n  private readPersistedMode(): ColorScheme | null {\n    const key = this.config.modeStorageKey;\n    if (!key) return null;\n    try {\n      const value = this.document.defaultView?.localStorage?.getItem(key);\n      return isColorScheme(value) ? value : null;\n    } catch {\n      return null;\n    }\n  }\n\n  private readPersistedBrand(): ThemeBrand | null {\n    const key = this.config.brandStorageKey;\n    if (!key) return null;\n    try {\n      const value = this.document.defaultView?.localStorage?.getItem(key);\n      return isThemeBrand(value) ? value : null;\n    } catch {\n      return null;\n    }\n  }\n\n  private readPersistedColor(): ThemeColor | null {\n    const key = this.config.colorStorageKey;\n    if (!key) return null;\n    try {\n      const value = this.document.defaultView?.localStorage?.getItem(key);\n      return isThemeColor(value) ? value : null;\n    } catch {\n      return null;\n    }\n  }\n\n  private readPersistedStyle(): ThemeStyle | null {\n    const key = this.config.styleStorageKey;\n    if (!key) return null;\n    try {\n      const value = this.document.defaultView?.localStorage?.getItem(key);\n      return isThemeStyle(value) ? value : null;\n    } catch {\n      return null;\n    }\n  }\n\n  private persistMode(mode: ColorScheme): void {\n    const key = this.config.modeStorageKey;\n    if (!key) return;\n    try {\n      this.document.defaultView?.localStorage?.setItem(key, mode);\n    } catch {\n      /* ignore */\n    }\n  }\n\n  private persistBrand(brand: ThemeBrand): void {\n    const key = this.config.brandStorageKey;\n    if (!key) return;\n    try {\n      this.document.defaultView?.localStorage?.setItem(key, brand);\n    } catch {\n      /* ignore */\n    }\n  }\n\n  private persistColor(color: ThemeColor): void {\n    const key = this.config.colorStorageKey;\n    if (!key) return;\n    try {\n      this.document.defaultView?.localStorage?.setItem(key, color);\n    } catch {\n      /* ignore */\n    }\n  }\n\n  private persistStyle(style: ThemeStyle): void {\n    const key = this.config.styleStorageKey;\n    if (!key) return;\n    try {\n      this.document.defaultView?.localStorage?.setItem(key, style);\n    } catch {\n      /* ignore */\n    }\n  }\n\n  private clearPersistedBrand(): void {\n    this.clearPersistedItem(this.config.brandStorageKey);\n  }\n\n  private clearPersistedColor(): void {\n    this.clearPersistedItem(this.config.colorStorageKey);\n  }\n\n  private clearPersistedStyle(): void {\n    this.clearPersistedItem(this.config.styleStorageKey);\n  }\n\n  private clearPersistedItem(key: string | null): void {\n    if (!key) return;\n    try {\n      this.document.defaultView?.localStorage?.removeItem(key);\n    } catch {\n      /* ignore */\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ojiepermana-angular-theme-token.mjs

@@ -0,0 +1,56 @@
+import { InjectionToken } from '@angular/core';
+
+const MODES = ['light', 'dark'];
+const COLOR_SCHEMES = ['light', 'dark', 'system'];
+const COLORS = [
+    'base',
+    'red',
+    'orange',
+    'amber',
+    'yellow',
+    'lime',
+    'green',
+    'emerald',
+    'teal',
+    'cyan',
+    'sky',
+    'blue',
+    'indigo',
+    'violet',
+    'purple',
+    'fuchsia',
+    'pink',
+    'rose',
+];
+const STYLES = ['default', 'sharp', 'brutal', 'soft'];
+const BRANDS = ['etos'];
+const MATERIAL_THEME_CONFIG = new InjectionToken('MATERIAL_THEME_CONFIG');
+const DEFAULT_MATERIAL_THEME_CONFIG = {
+    defaultMode: 'light',
+    defaultBrand: null,
+    defaultColor: 'base',
+    defaultStyle: 'default',
+    modeStorageKey: 'theme-mode',
+    brandStorageKey: 'theme-brand',
+    colorStorageKey: 'theme-color',
+    styleStorageKey: 'theme-style',
+};
+function isColorScheme(value) {
+    return COLOR_SCHEMES.some((scheme) => scheme === value);
+}
+function isThemeColor(value) {
+    return COLORS.some((color) => color === value);
+}
+function isThemeStyle(value) {
+    return STYLES.some((style) => style === value);
+}
+function isThemeBrand(value) {
+    return BRANDS.some((brand) => brand === value);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BRANDS, COLORS, COLOR_SCHEMES, DEFAULT_MATERIAL_THEME_CONFIG, MATERIAL_THEME_CONFIG, MODES, STYLES, isColorScheme, isThemeBrand, isThemeColor, isThemeStyle };
+//# sourceMappingURL=ojiepermana-angular-theme-token.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-theme-token.mjs","sources":["../../../projects/angular/theme/token/src/lib/theme.tokens.ts","../../../projects/angular/theme/token/ojiepermana-angular-theme-token.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const MODES = ['light', 'dark'] as const;\n\nexport type ThemeMode = (typeof MODES)[number];\n\nexport const COLOR_SCHEMES = ['light', 'dark', 'system'] as const;\n\nexport type ColorScheme = (typeof COLOR_SCHEMES)[number];\n\nexport const COLORS = [\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] as const;\n\nexport type ThemeColor = (typeof COLORS)[number];\n\nexport const STYLES = ['default', 'sharp', 'brutal', 'soft'] as const;\n\nexport type ThemeStyle = (typeof STYLES)[number];\n\nexport const BRANDS = ['etos'] as const;\n\nexport type ThemeBrand = (typeof BRANDS)[number];\n\nexport interface ThemeConfig {\n  readonly mode: ThemeMode;\n  readonly brand: ThemeBrand | null;\n  readonly color: ThemeColor;\n  readonly style: ThemeStyle;\n}\n\nexport interface MaterialThemeConfig {\n  readonly mode?: ColorScheme;\n  readonly brand?: ThemeBrand | null;\n  readonly 'theme-brand'?: ThemeBrand | null;\n  readonly color?: ThemeColor;\n  readonly style?: ThemeStyle;\n  readonly defaultMode?: ColorScheme;\n  readonly defaultBrand?: ThemeBrand | null;\n  readonly defaultColor?: ThemeColor;\n  readonly defaultStyle?: ThemeStyle;\n  readonly defaultScheme?: ColorScheme;\n  readonly defaultTheme?: ThemeColor | string;\n  readonly storageKey?: string | null;\n  readonly schemeStorageKey?: string | null;\n  readonly themeStorageKey?: string | null;\n  readonly modeStorageKey?: string | null;\n  readonly brandStorageKey?: string | null;\n  readonly colorStorageKey?: string | null;\n  readonly styleStorageKey?: string | null;\n}\n\nexport interface ResolvedMaterialThemeConfig {\n  readonly defaultMode: ColorScheme;\n  readonly defaultBrand: ThemeBrand | null;\n  readonly defaultColor: ThemeColor;\n  readonly defaultStyle: ThemeStyle;\n  readonly modeStorageKey: string | null;\n  readonly brandStorageKey: string | null;\n  readonly colorStorageKey: string | null;\n  readonly styleStorageKey: string | null;\n}\n\nexport const MATERIAL_THEME_CONFIG = new InjectionToken<MaterialThemeConfig>('MATERIAL_THEME_CONFIG');\n\nexport const DEFAULT_MATERIAL_THEME_CONFIG: ResolvedMaterialThemeConfig = {\n  defaultMode: 'light',\n  defaultBrand: null,\n  defaultColor: 'base',\n  defaultStyle: 'default',\n  modeStorageKey: 'theme-mode',\n  brandStorageKey: 'theme-brand',\n  colorStorageKey: 'theme-color',\n  styleStorageKey: 'theme-style',\n};\n\nexport function isColorScheme(value: string | null | undefined): value is ColorScheme {\n  return COLOR_SCHEMES.some((scheme) => scheme === value);\n}\n\nexport function isThemeColor(value: string | null | undefined): value is ThemeColor {\n  return COLORS.some((color) => color === value);\n}\n\nexport function isThemeStyle(value: string | null | undefined): value is ThemeStyle {\n  return STYLES.some((style) => style === value);\n}\n\nexport function isThemeBrand(value: string | null | undefined): value is ThemeBrand {\n  return BRANDS.some((brand) => brand === value);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;MAEa,KAAK,GAAG,CAAC,OAAO,EAAE,MAAM;AAI9B,MAAM,aAAa,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ;AAIhD,MAAM,MAAM,GAAG;IACpB,MAAM;IACN,KAAK;IACL,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,MAAM;IACN,OAAO;IACP,SAAS;IACT,MAAM;IACN,MAAM;IACN,KAAK;IACL,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,SAAS;IACT,MAAM;IACN,MAAM;;AAKD,MAAM,MAAM,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM;AAIpD,MAAM,MAAM,GAAG,CAAC,MAAM;MA2ChB,qBAAqB,GAAG,IAAI,cAAc,CAAsB,uBAAuB;AAE7F,MAAM,6BAA6B,GAAgC;AACxE,IAAA,WAAW,EAAE,OAAO;AACpB,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,YAAY,EAAE,MAAM;AACpB,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,cAAc,EAAE,YAAY;AAC5B,IAAA,eAAe,EAAE,aAAa;AAC9B,IAAA,eAAe,EAAE,aAAa;AAC9B,IAAA,eAAe,EAAE,aAAa;;AAG1B,SAAU,aAAa,CAAC,KAAgC,EAAA;AAC5D,IAAA,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,KAAK,KAAK,CAAC;AACzD;AAEM,SAAU,YAAY,CAAC,KAAgC,EAAA;AAC3D,IAAA,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,CAAC;AAChD;AAEM,SAAU,YAAY,CAAC,KAAgC,EAAA;AAC3D,IAAA,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,CAAC;AAChD;AAEM,SAAU,YAAY,CAAC,KAAgC,EAAA;AAC3D,IAAA,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,CAAC;AAChD;;AC3GA;;AAEG;;;;"}

package/fesm2022/ojiepermana-angular-theme.mjs

@@ -1,7 +1,9 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, DestroyRef, signal, computed, effect, Injectable, makeEnvironmentProviders, provideEnvironmentInitializer } from '@angular/core';
 import { DOCUMENT } from '@angular/common';
-import { THEME_PANEL_THEME_PORT } from '@ojiepermana/angular/layout/theme';
+import { isThemeColor as isThemeColor$1, MATERIAL_THEME_CONFIG as MATERIAL_THEME_CONFIG$1, isColorScheme as isColorScheme$1, DEFAULT_MATERIAL_THEME_CONFIG as DEFAULT_MATERIAL_THEME_CONFIG$1, isThemeBrand as isThemeBrand$1, isThemeStyle as isThemeStyle$1 } from '@ojiepermana/angular/theme/token';
+import { THEME_PANEL_THEME_PORT } from '@ojiepermana/angular/layout/component';
+import { ThemeService as ThemeService$1 } from '@ojiepermana/angular/theme/services';
 import { MAT_RIPPLE_GLOBAL_OPTIONS } from '@angular/material/core';
 import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
 
@@ -127,7 +129,7 @@ class ThemeService {
         this._color.set(color);
     }
     setTheme(theme) {
-        if (isThemeColor(theme)) {
+        if (isThemeColor$1(theme)) {
             this.setColor(theme);
         }
     }
@@ -169,15 +171,15 @@ class ThemeService {
         this._style.set(this.config.defaultStyle);
     }
     resolveConfig() {
-        const config = inject(MATERIAL_THEME_CONFIG, { optional: true }) ?? {};
+        const config = inject(MATERIAL_THEME_CONFIG$1, { optional: true }) ?? {};
         const configuredMode = config.mode ?? config.defaultMode ?? config.defaultScheme;
         const configuredBrand = config.brand ?? config['theme-brand'] ?? config.defaultBrand;
         const configuredColor = config.color ?? config.defaultColor ?? config.defaultTheme;
         const configuredStyle = config.style ?? config.defaultStyle;
-        const defaultMode = isColorScheme(configuredMode) ? configuredMode : DEFAULT_MATERIAL_THEME_CONFIG.defaultMode;
-        const defaultBrand = isThemeBrand(configuredBrand) ? configuredBrand : DEFAULT_MATERIAL_THEME_CONFIG.defaultBrand;
-        const defaultColor = isThemeColor(configuredColor) ? configuredColor : DEFAULT_MATERIAL_THEME_CONFIG.defaultColor;
-        const defaultStyle = isThemeStyle(configuredStyle) ? configuredStyle : DEFAULT_MATERIAL_THEME_CONFIG.defaultStyle;
+        const defaultMode = isColorScheme$1(configuredMode) ? configuredMode : DEFAULT_MATERIAL_THEME_CONFIG$1.defaultMode;
+        const defaultBrand = isThemeBrand$1(configuredBrand) ? configuredBrand : DEFAULT_MATERIAL_THEME_CONFIG$1.defaultBrand;
+        const defaultColor = isThemeColor$1(configuredColor) ? configuredColor : DEFAULT_MATERIAL_THEME_CONFIG$1.defaultColor;
+        const defaultStyle = isThemeStyle$1(configuredStyle) ? configuredStyle : DEFAULT_MATERIAL_THEME_CONFIG$1.defaultStyle;
         return {
             defaultMode,
             defaultBrand,
@@ -186,10 +188,10 @@ class ThemeService {
             modeStorageKey: config.modeStorageKey ??
                 config.schemeStorageKey ??
                 config.storageKey ??
-                DEFAULT_MATERIAL_THEME_CONFIG.modeStorageKey,
-            brandStorageKey: config.brandStorageKey ?? DEFAULT_MATERIAL_THEME_CONFIG.brandStorageKey,
-            colorStorageKey: config.colorStorageKey ?? config.themeStorageKey ?? DEFAULT_MATERIAL_THEME_CONFIG.colorStorageKey,
-            styleStorageKey: config.styleStorageKey ?? DEFAULT_MATERIAL_THEME_CONFIG.styleStorageKey,
+                DEFAULT_MATERIAL_THEME_CONFIG$1.modeStorageKey,
+            brandStorageKey: config.brandStorageKey ?? DEFAULT_MATERIAL_THEME_CONFIG$1.brandStorageKey,
+            colorStorageKey: config.colorStorageKey ?? config.themeStorageKey ?? DEFAULT_MATERIAL_THEME_CONFIG$1.colorStorageKey,
+            styleStorageKey: config.styleStorageKey ?? DEFAULT_MATERIAL_THEME_CONFIG$1.styleStorageKey,
         };
     }
     resolveMode(mode) {
@@ -215,7 +217,7 @@ class ThemeService {
             return null;
         try {
             const value = this.document.defaultView?.localStorage?.getItem(key);
-            return isColorScheme(value) ? value : null;
+            return isColorScheme$1(value) ? value : null;
         }
         catch {
             return null;
@@ -227,7 +229,7 @@ class ThemeService {
             return null;
         try {
             const value = this.document.defaultView?.localStorage?.getItem(key);
-            return isThemeBrand(value) ? value : null;
+            return isThemeBrand$1(value) ? value : null;
         }
         catch {
             return null;
@@ -239,7 +241,7 @@ class ThemeService {
             return null;
         try {
             const value = this.document.defaultView?.localStorage?.getItem(key);
-            return isThemeColor(value) ? value : null;
+            return isThemeColor$1(value) ? value : null;
         }
         catch {
             return null;
@@ -251,7 +253,7 @@ class ThemeService {
             return null;
         try {
             const value = this.document.defaultView?.localStorage?.getItem(key);
-            return isThemeStyle(value) ? value : null;
+            return isThemeStyle$1(value) ? value : null;
         }
         catch {
             return null;
@@ -328,49 +330,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
-/**
- * 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(),
- *     ),
- *   ],
- * };
- */
 function provideMaterialTheme(config = {}, ...features) {
     return makeEnvironmentProviders([
-        { provide: MATERIAL_THEME_CONFIG, useValue: config },
-        { provide: THEME_PANEL_THEME_PORT, useExisting: ThemeService },
+        { provide: MATERIAL_THEME_CONFIG$1, useValue: config },
+        { provide: THEME_PANEL_THEME_PORT, useExisting: ThemeService$1 },
         provideEnvironmentInitializer(() => {
-            inject(ThemeService);
+            inject(ThemeService$1);
         }),
-        ...features.flatMap((f) => f.providers),
+        ...features.flatMap((feature) => feature.providers),
     ]);
 }
-/**
- * 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.
- */
 function withMaterialDefaults() {
     return {
         providers: [
@@ -386,17 +355,23 @@ function withMaterialDefaults() {
 /*
  * Public API Surface of @ojiepermana/angular/theme
  *
- * The single source of truth for 3-layer design tokens, CSS variables,
- * and the `ThemeService` shared by every `@ojiepermana/angular/*` subpath
- * (shadcn, layout, navigation, ...).
+ * Aggregate barrel for the shared theme runtime plus the stable CSS asset
+ * surface used by every `@ojiepermana/angular/*` subpath.
  *
- * Usage:
+ * Runtime usage:
  *   // app.config.ts
  *   import { provideMaterialTheme } from '@ojiepermana/angular/theme';
  *
+ * Deep runtime imports:
+ *   import { ThemeService } from '@ojiepermana/angular/theme/services';
+ *   import { provideMaterialTheme } from '@ojiepermana/angular/theme/provider';
+ *   import { MATERIAL_THEME_CONFIG } from '@ojiepermana/angular/theme/token';
+ *
+ * CSS usage:
  *   // styles.css
  *   @import '@ojiepermana/angular/theme/styles';
  *   @import 'tailwindcss';
+ *   @import '@ojiepermana/angular/theme/tailwind/theme.css';
  */
 
 /**