ngx-theme-stack 1.0.1 → 2.1.0

package/fesm2022/ngx-theme-stack.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-theme-stack.mjs","sources":["../../../projects/ngx-theme-stack/src/lib/types.ts","../../../projects/ngx-theme-stack/src/lib/config/index.ts","../../../projects/ngx-theme-stack/src/lib/core/core-theme.service.ts","../../../projects/ngx-theme-stack/src/lib/services/theme-cycle.service.ts","../../../projects/ngx-theme-stack/src/lib/services/theme-select.service.ts","../../../projects/ngx-theme-stack/src/lib/services/theme-toggle.service.ts","../../../projects/ngx-theme-stack/src/public-api.ts","../../../projects/ngx-theme-stack/src/ngx-theme-stack.ts"],"sourcesContent":["/** Built-in themes. All other values are considered custom themes. */\nexport const DEFAULT_THEMES = ['system', 'light', 'dark'] as const;\n\n/** String union with autocompletion for defaults + any string support for customization. */\nexport type NgTheme = (typeof DEFAULT_THEMES)[number] | (string & {});\n\nexport type NgSystemTheme = Exclude<NgTheme, 'system'>;\nexport type NgMode = 'attribute' | 'class' | 'both';\n\nexport interface NgConfig {\n  theme: NgTheme;\n  storageKey: string;\n  mode: NgMode;\n  themes: NgTheme[];\n}\n","import { InjectionToken } from '@angular/core';\nimport { DEFAULT_THEMES, NgConfig } from '../types';\n\n/**\n * ⚠ ATTENTION: SHARED CONFIGURATION VALUES\n *\n * These values MUST match the schematic defaults in:\n * projects/ngx-theme-stack/schematics/ng-add/index.ts\n *\n * If you change any of these, you MUST also update the schematic's DEFAULTS\n * constant so 'ng add' continues to provide correct hints and clean code.\n */\nexport const DEFAULT_NG_CONFIG = {\n  theme: 'system',\n  storageKey: 'ngx-theme-stack-theme',\n  mode: 'class',\n  themes: [...DEFAULT_THEMES],\n} satisfies NgConfig;\n\nexport const NGX_THEME_STACK_CONFIG = new InjectionToken<NgConfig>('NGX_THEME_STACK_CONFIG', {\n  factory: () => DEFAULT_NG_CONFIG,\n});\n\n/**\n * Helper function to provide Theme Stack configuration.\n */\nexport function provideThemeStack(config: Partial<NgConfig> = {}) {\n  const themes = config.themes\n    ? Array.from(new Set([...DEFAULT_NG_CONFIG.themes, ...config.themes]))\n    : DEFAULT_NG_CONFIG.themes;\n\n  return {\n    provide: NGX_THEME_STACK_CONFIG,\n    useValue: {\n      ...DEFAULT_NG_CONFIG,\n      ...config,\n      themes,\n    } satisfies NgConfig,\n  };\n}\n","import { isPlatformBrowser } from '@angular/common';\nimport {\n  computed,\n  DestroyRef,\n  DOCUMENT,\n  effect,\n  inject,\n  Injectable,\n  PLATFORM_ID,\n  signal,\n} from '@angular/core';\nimport { NGX_THEME_STACK_CONFIG } from '../config';\nimport { NgTheme, NgSystemTheme } from '../types';\n\n\n/**\n * Core service for managing the application's color theme.\n *\n * Handles theme persistence, system preference detection, and DOM updates.\n * Supports built-in themes ('dark', 'light', 'system') and custom extensions.\n */\n@Injectable({ providedIn: 'root' })\nexport class CoreThemeService {\n  // ── Dependencies ──────────────────────────────────────────────────────────\n\n  readonly #config = inject(NGX_THEME_STACK_CONFIG);\n  readonly #destroyRef = inject(DestroyRef);\n  readonly #document = inject(DOCUMENT);\n  readonly #isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n\n  // ── Theme configuration ───────────────────────────────────────────────────\n\n  /** List of available themes for Select/Cycle services. Defaults to ['light', 'dark', 'system']. */\n  readonly availableThemes = this.#config.themes;\n\n  /** Internal Set for O(1) existence checks. */\n  readonly #validThemes = new Set<NgTheme>(this.availableThemes);\n\n  // ── System preference ─────────────────────────────────────────────────────\n\n  /** MediaQueryList for OS color scheme, created once and reused. Null in SSR. */\n  readonly #mediaQuery: MediaQueryList | null = this.#isBrowser\n    ? (this.#document.defaultView?.matchMedia('(prefers-color-scheme: dark)') ?? null)\n    : null;\n\n  readonly #systemPreference = signal<NgSystemTheme>(this.resolveSystemPreference());\n\n  // ── Theme state ───────────────────────────────────────────────────────────\n\n  readonly #selectedTheme = signal<NgTheme>(this.resolveInitialTheme());\n\n  /** The theme explicitly selected by the user. May be `'system'`. */\n  readonly selectedTheme = this.#selectedTheme.asReadonly();\n\n  /** Resolved theme applied to the DOM. Always `'dark'` or `'light'` (or custom) — never `'system'`. */\n  readonly userTheme = computed(() => {\n    const theme = this.#selectedTheme();\n    return theme === 'system' ? this.#systemPreference() : theme;\n  });\n\n  /** Whether the currently applied theme is dark. */\n  readonly isDark = computed(() => this.userTheme() === 'dark');\n\n  /** Whether the currently applied theme is light. */\n  readonly isLight = computed(() => this.userTheme() === 'light');\n\n  // ── Event handler ─────────────────────────────────────────────────────────\n\n  readonly #onSystemPreferenceChange = () =>\n    this.#systemPreference.set(this.resolveSystemPreference());\n\n  // ── Lifecycle ─────────────────────────────────────────────────────────────\n\n  constructor() {\n    if (this.#isBrowser && this.#selectedTheme() === 'system') {\n      this.startSystemThemeListener();\n    }\n\n    effect(() => this.applyThemeToDOM(this.userTheme()));\n\n    this.#destroyRef.onDestroy(() => this.stopSystemThemeListener());\n  }\n\n  // ── Public API ────────────────────────────────────────────────────────────\n\n  /**\n   * Changes the active theme.\n   *\n   * Persists the choice explicitly so that switching e.g. from `'system'` to\n   * `'light'` is saved even when the resolved `userTheme` did not change\n   * (system preference was already `'light'`).\n   *\n   * @param theme - The theme to apply: `'dark'`, `'light'`, `'system'`, or a custom theme name.\n   * @throws If `theme` is not a valid theme according to library configuration.\n   */\n  public setTheme(theme: NgTheme): void {\n    if (!this.#isBrowser) return;\n\n    if (!this.#validThemes.has(theme)) {\n      throw new Error(\n        `[ngx-theme-stack] Invalid theme: \"${theme}\". Valid values are: ${[...this.#validThemes].join(', ')}.`,\n      );\n    }\n\n    if (theme === 'system') {\n      this.#systemPreference.set(this.resolveSystemPreference());\n      this.startSystemThemeListener();\n    } else {\n      this.stopSystemThemeListener();\n    }\n\n    this.#selectedTheme.set(theme);\n    this.saveTheme(theme);\n  }\n\n  // ── Private ───────────────────────────────────────────────────────────────\n\n  private resolveSystemPreference(): NgSystemTheme {\n    return this.#mediaQuery?.matches ? 'dark' : 'light';\n  }\n\n  private resolveInitialTheme(): NgTheme {\n    if (!this.#isBrowser) return this.#config.theme;\n    return this.readStoredTheme() ?? this.#config.theme;\n  }\n\n  private startSystemThemeListener(): void {\n    if (!this.#mediaQuery) return;\n    this.stopSystemThemeListener();\n    this.#mediaQuery.addEventListener('change', this.#onSystemPreferenceChange);\n  }\n\n  private stopSystemThemeListener(): void {\n    this.#mediaQuery?.removeEventListener('change', this.#onSystemPreferenceChange);\n  }\n\n  private applyThemeToDOM(userTheme: NgTheme): void {\n    if (!this.#isBrowser) return;\n\n    const host = this.#document.documentElement;\n    const { mode } = this.#config;\n\n    if (mode === 'attribute' || mode === 'both') {\n      this.applyThemeAttribute(host, userTheme);\n    }\n\n    if (mode === 'class' || mode === 'both') {\n      this.applyThemeClasses(host, userTheme);\n    }\n\n    this.applyColorSchemeHint(host, userTheme);\n  }\n\n  private applyThemeAttribute(host: HTMLElement, theme: NgTheme): void {\n    host.setAttribute('data-theme', theme);\n  }\n\n  private applyThemeClasses(host: HTMLElement, theme: NgTheme): void {\n    for (const t of this.availableThemes) {\n      host.classList.remove(t);\n    }\n\n    host.classList.add(theme);\n  }\n\n  private applyColorSchemeHint(host: HTMLElement, theme: NgTheme): void {\n    if (theme === 'dark' || theme === 'light') {\n      host.style.setProperty('color-scheme', theme);\n      return;\n    }\n\n    host.style.removeProperty('color-scheme');\n  }\n\n  private readStoredTheme(): NgTheme | null {\n    try {\n      const stored = localStorage.getItem(this.#config.storageKey);\n      if (stored && this.#validThemes.has(stored as NgTheme)) {\n        return stored as NgTheme;\n      }\n      return null;\n    } catch (e) {\n      console.warn('[ngx-theme-stack] Could not read theme from localStorage.', e);\n      return null;\n    }\n  }\n\n  private saveTheme(theme: NgTheme): void {\n    try {\n      localStorage.setItem(this.#config.storageKey, theme);\n    } catch (e) {\n      console.warn('[ngx-theme-stack] Could not save theme to localStorage.', e);\n    }\n  }\n}\n","import { inject, Injectable } from '@angular/core';\nimport { CoreThemeService } from '../core/core-theme.service';\n\n/**\n * Convenience service for cycling through themes in a fixed order.\n *\n * Default cycle: `'light'` → `'dark'` → `'system'` → `'light'` → ...\n *\n * Use this when you want to offer users a single button that rotates\n * through all available theme options.\n */\n@Injectable({ providedIn: 'root' })\nexport class ThemeCycleService {\n\n  readonly #core = inject(CoreThemeService);\n\n  /** List of all configured themes for cycling. Defaults to ['light', 'dark', 'system']. */\n  readonly #cycle = this.#core.availableThemes;\n\n  /** The theme explicitly selected by the user. May be `'system'`. */\n  readonly selectedTheme = this.#core.selectedTheme;\n\n  /** Resolved theme applied to the DOM. Always concrete — never `'system'`. */\n  readonly userTheme = this.#core.userTheme;\n\n  /** Whether the currently applied theme is dark. */\n  readonly isDark = this.#core.isDark;\n\n  /** Whether the currently applied theme is light. */\n  readonly isLight = this.#core.isLight;\n\n  /**\n   * Advances to the next theme in the cycle.\n   *\n   * Cycle order is determined by the configured `themes` property in `NgConfig`.\n   *\n   * If the current theme is not found in the cycle (e.g. set externally),\n   * the cycle restarts from the first theme.\n   */\n  cycle(): void {\n    const current = this.#core.selectedTheme();\n    const index = this.#cycle.indexOf(current);\n    const next = this.#cycle[(index + 1) % this.#cycle.length];\n    this.#core.setTheme(next);\n  }\n}\n","import { inject, Injectable } from '@angular/core';\nimport { CoreThemeService } from '../core/core-theme.service';\nimport { NgTheme } from '../types';\n\n\n/**\n * Convenience service for selecting a theme from a list.\n *\n * Use this when you want to bind a `<select>` or a group of radio/tab\n * buttons to the full set of available themes.\n */\n@Injectable({ providedIn: 'root' })\nexport class ThemeSelectService {\n\n  readonly #core = inject(CoreThemeService);\n\n  /** List of all configured themes. Defaults to ['light', 'dark', 'system']. */\n  readonly availableThemes = this.#core.availableThemes;\n\n  /** The theme explicitly selected by the user. May be `'system'`. */\n  readonly selectedTheme = this.#core.selectedTheme;\n\n  /** Resolved theme applied to the DOM. Always concrete — never `'system'`. */\n  readonly userTheme = this.#core.userTheme;\n\n  /** Whether the currently applied theme is dark. */\n  readonly isDark = this.#core.isDark;\n\n  /** Whether the currently applied theme is light. */\n  readonly isLight = this.#core.isLight;\n\n  /**\n   * Applies the given theme.\n   *\n   * @param theme - The theme to apply: `'dark'`, `'light'`, `'system'`, or custom.\n   * @throws If `theme` is not a valid theme according to library configuration.\n   */\n  select(theme: NgTheme): void {\n    this.#core.setTheme(theme);\n  }\n}\n","import { inject, Injectable } from '@angular/core';\nimport { CoreThemeService } from '../core/core-theme.service';\n\n/**\n * Convenience service for toggling between `'dark'` and `'light'`.\n *\n * Use this when you only need a simple on/off switch and do not\n * need to manage `'system'` or cycle through themes.\n */\n@Injectable({ providedIn: 'root' })\nexport class ThemeToggleService {\n\n  readonly #core = inject(CoreThemeService);\n\n  /** Resolved theme applied to the DOM. Always concrete — never `'system'`. */\n  readonly userTheme = this.#core.userTheme;\n\n  /** Whether the currently applied theme is dark. */\n  readonly isDark = this.#core.isDark;\n\n  /** Whether the currently applied theme is light. */\n  readonly isLight = this.#core.isLight;\n\n  /**\n   * Toggles between `'dark'` and `'light'`.\n   *\n   * If the selected theme is explicitly `'dark'`, switches to `'light'`.\n   * Otherwise (including `'system'`), switches to `'dark'`.\n   */\n  toggle(): void {\n    const next = this.#core.selectedTheme() === 'dark' ? 'light' : 'dark';\n    this.#core.setTheme(next);\n  }\n}\n","/*\n * Public API Surface of ngx-theme-stack\n */\n\nexport * from './lib/core/core-theme.service';\nexport * from './lib/config';\nexport * from './lib/services/theme-cycle.service';\nexport * from './lib/services/theme-select.service';\nexport * from './lib/services/theme-toggle.service';\nexport * from './lib/types';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAAA;AACO,MAAM,cAAc,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM;;ACExD;;;;;;;;AAQG;AACI,MAAM,iBAAiB,GAAG;AAC/B,IAAA,KAAK,EAAE,QAAQ;AACf,IAAA,UAAU,EAAE,uBAAuB;AACnC,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,MAAM,EAAE,CAAC,GAAG,cAAc,CAAC;;MAGhB,sBAAsB,GAAG,IAAI,cAAc,CAAW,wBAAwB,EAAE;AAC3F,IAAA,OAAO,EAAE,MAAM,iBAAiB;AACjC,CAAA;AAED;;AAEG;AACG,SAAU,iBAAiB,CAAC,MAAA,GAA4B,EAAE,EAAA;AAC9D,IAAA,MAAM,MAAM,GAAG,MAAM,CAAC;UAClB,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,iBAAiB,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AACrE,UAAE,iBAAiB,CAAC,MAAM;IAE5B,OAAO;AACL,QAAA,OAAO,EAAE,sBAAsB;AAC/B,QAAA,QAAQ,EAAE;AACR,YAAA,GAAG,iBAAiB;AACpB,YAAA,GAAG,MAAM;YACT,MAAM;AACY,SAAA;KACrB;AACH;;ACxBA;;;;;AAKG;MAEU,gBAAgB,CAAA;;AAGlB,IAAA,OAAO,GAAG,MAAM,CAAC,sBAAsB,CAAC;AACxC,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAChC,IAAA,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC;IAC5B,UAAU,GAAG,iBAAiB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;;;AAKnD,IAAA,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM;;IAGrC,YAAY,GAAG,IAAI,GAAG,CAAU,IAAI,CAAC,eAAe,CAAC;;;IAKrD,WAAW,GAA0B,IAAI,CAAC;AACjD,WAAG,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,UAAU,CAAC,8BAA8B,CAAC,IAAI,IAAI;UAC/E,IAAI;IAEC,iBAAiB,GAAG,MAAM,CAAgB,IAAI,CAAC,uBAAuB,EAAE,wFAAC;;IAIzE,cAAc,GAAG,MAAM,CAAU,IAAI,CAAC,mBAAmB,EAAE,qFAAC;;AAG5D,IAAA,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE;;AAGhD,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AACjC,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE;AACnC,QAAA,OAAO,KAAK,KAAK,QAAQ,GAAG,IAAI,CAAC,iBAAiB,EAAE,GAAG,KAAK;AAC9D,IAAA,CAAC,gFAAC;;AAGO,IAAA,MAAM,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,KAAK,MAAM,6EAAC;;AAGpD,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,KAAK,OAAO,8EAAC;;AAItD,IAAA,yBAAyB,GAAG,MACnC,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,uBAAuB,EAAE,CAAC;;AAI5D,IAAA,WAAA,GAAA;QACE,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,cAAc,EAAE,KAAK,QAAQ,EAAE;YACzD,IAAI,CAAC,wBAAwB,EAAE;QACjC;AAEA,QAAA,MAAM,CAAC,MAAM,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;AAEpD,QAAA,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,uBAAuB,EAAE,CAAC;IAClE;;AAIA;;;;;;;;;AASG;AACI,IAAA,QAAQ,CAAC,KAAc,EAAA;QAC5B,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE;QAEtB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;AACjC,YAAA,MAAM,IAAI,KAAK,CACb,qCAAqC,KAAK,CAAA,qBAAA,EAAwB,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,CAAA,CAAG,CACvG;QACH;AAEA,QAAA,IAAI,KAAK,KAAK,QAAQ,EAAE;YACtB,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,uBAAuB,EAAE,CAAC;YAC1D,IAAI,CAAC,wBAAwB,EAAE;QACjC;aAAO;YACL,IAAI,CAAC,uBAAuB,EAAE;QAChC;AAEA,QAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC;AAC9B,QAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;IACvB;;IAIQ,uBAAuB,GAAA;AAC7B,QAAA,OAAO,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO;IACrD;IAEQ,mBAAmB,GAAA;QACzB,IAAI,CAAC,IAAI,CAAC,UAAU;AAAE,YAAA,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK;QAC/C,OAAO,IAAI,CAAC,eAAe,EAAE,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK;IACrD;IAEQ,wBAAwB,GAAA;QAC9B,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE;QACvB,IAAI,CAAC,uBAAuB,EAAE;QAC9B,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,yBAAyB,CAAC;IAC7E;IAEQ,uBAAuB,GAAA;QAC7B,IAAI,CAAC,WAAW,EAAE,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,yBAAyB,CAAC;IACjF;AAEQ,IAAA,eAAe,CAAC,SAAkB,EAAA;QACxC,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE;AAEtB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,eAAe;AAC3C,QAAA,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,OAAO;QAE7B,IAAI,IAAI,KAAK,WAAW,IAAI,IAAI,KAAK,MAAM,EAAE;AAC3C,YAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,SAAS,CAAC;QAC3C;QAEA,IAAI,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,MAAM,EAAE;AACvC,YAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,SAAS,CAAC;QACzC;AAEA,QAAA,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,SAAS,CAAC;IAC5C;IAEQ,mBAAmB,CAAC,IAAiB,EAAE,KAAc,EAAA;AAC3D,QAAA,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC;IACxC;IAEQ,iBAAiB,CAAC,IAAiB,EAAE,KAAc,EAAA;AACzD,QAAA,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,eAAe,EAAE;AACpC,YAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;QAC1B;AAEA,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;IAC3B;IAEQ,oBAAoB,CAAC,IAAiB,EAAE,KAAc,EAAA;QAC5D,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,OAAO,EAAE;YACzC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,KAAK,CAAC;YAC7C;QACF;AAEA,QAAA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3C;IAEQ,eAAe,GAAA;AACrB,QAAA,IAAI;AACF,YAAA,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;YAC5D,IAAI,MAAM,IAAI,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,MAAiB,CAAC,EAAE;AACtD,gBAAA,OAAO,MAAiB;YAC1B;AACA,YAAA,OAAO,IAAI;QACb;QAAE,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,2DAA2D,EAAE,CAAC,CAAC;AAC5E,YAAA,OAAO,IAAI;QACb;IACF;AAEQ,IAAA,SAAS,CAAC,KAAc,EAAA;AAC9B,QAAA,IAAI;YACF,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC;QACtD;QAAE,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,IAAI,CAAC,yDAAyD,EAAE,CAAC,CAAC;QAC5E;IACF;uGA3KW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,cADH,MAAM,EAAA,CAAA;;2FACnB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAD5B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;AClBlC;;;;;;;AAOG;MAEU,iBAAiB,CAAA;AAEnB,IAAA,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC;;AAGhC,IAAA,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe;;AAGnC,IAAA,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa;;AAGxC,IAAA,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS;;AAGhC,IAAA,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM;;AAG1B,IAAA,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO;AAErC;;;;;;;AAOG;IACH,KAAK,GAAA;QACH,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;QAC1C,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;AAC1C,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;AAC1D,QAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC3B;uGAhCW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,cADJ,MAAM,EAAA,CAAA;;2FACnB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAD7B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;ACNlC;;;;;AAKG;MAEU,kBAAkB,CAAA;AAEpB,IAAA,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC;;AAGhC,IAAA,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe;;AAG5C,IAAA,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa;;AAGxC,IAAA,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS;;AAGhC,IAAA,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM;;AAG1B,IAAA,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO;AAErC;;;;;AAKG;AACH,IAAA,MAAM,CAAC,KAAc,EAAA;AACnB,QAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;IAC5B;uGA3BW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,cADL,MAAM,EAAA,CAAA;;2FACnB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAD9B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;ACRlC;;;;;AAKG;MAEU,kBAAkB,CAAA;AAEpB,IAAA,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC;;AAGhC,IAAA,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS;;AAGhC,IAAA,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM;;AAG1B,IAAA,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO;AAErC;;;;;AAKG;IACH,MAAM,GAAA;AACJ,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,KAAK,MAAM,GAAG,OAAO,GAAG,MAAM;AACrE,QAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC;IAC3B;uGAtBW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,cADL,MAAM,EAAA,CAAA;;2FACnB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAD9B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;ACTlC;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"ngx-theme-stack.mjs","sources":["../../../projects/ngx-theme-stack/src/lib/errors.ts","../../../projects/ngx-theme-stack/src/lib/types.ts","../../../projects/ngx-theme-stack/src/lib/config/index.ts","../../../projects/ngx-theme-stack/src/lib/core/core-theme.service.ts","../../../projects/ngx-theme-stack/src/lib/services/theme-cycle.service.ts","../../../projects/ngx-theme-stack/src/lib/services/theme-select.service.ts","../../../projects/ngx-theme-stack/src/lib/services/theme-toggle.service.ts","../../../projects/ngx-theme-stack/src/public-api.ts","../../../projects/ngx-theme-stack/src/ngx-theme-stack.ts"],"sourcesContent":["/**\n * Base error class for `ngx-theme-stack`.\n *\n * Thrown when the library configuration is invalid.\n * Consumers can use `instanceof NgxThemeStackError` to catch only\n * errors originating from this library.\n *\n * @example\n * try {\n *   bootstrapApplication(AppComponent, appConfig);\n * } catch (e) {\n *   if (e instanceof NgxThemeStackError) {\n *     console.error('Bad ngx-theme-stack config:', e.message);\n *   }\n * }\n */\nexport class NgxThemeStackError extends Error {\n  override readonly name = 'NgxThemeStackError';\n\n  constructor(message: string) {\n    super(`[ngx-theme-stack] ${message}`);\n    // Restore prototype chain (required when targeting ES5 or older)\n    Object.setPrototypeOf(this, new.target.prototype);\n  }\n}\n","/**\n * Runtime list of built-in themes.\n *\n * Lives here (and not in config/index.ts) because it defines a type:\n * config/index.ts already imports from types.ts, so placing DEFAULT_THEMES\n * here avoids any circular dependency.\n *\n * ⚠ KEEP IN SYNC with the duplicate in:\n * projects/ngx-theme-stack/schematics/ng-add/constants.ts → DEFAULT_THEMES\n *\n * Schematics compile to CommonJS and cannot import from this ESM file,\n * so the values are intentionally duplicated. Change both at the same time.\n */\nexport const DEFAULT_THEMES = ['system', 'light', 'dark'] as const;\n\n/** Literal union of built-in themes: `'system' | 'light' | 'dark'`. */\nexport type DefaultNgTheme = (typeof DEFAULT_THEMES)[number];\n\n/**\n * Theme type.\n *\n * - **Without** `T`: open union — accepts any `string` with IDE autocomplete\n *   hints for the built-in themes (`'system' | 'light' | 'dark'`).\n * - **With** `T`: closed union — exactly `DefaultNgTheme | T`, enabling\n *   full type-safety for custom theme sets.\n *\n * @example\n * NgTheme            // 'system' | 'light' | 'dark' | (string & {})\n * NgTheme<'sepia'>   // 'system' | 'light' | 'dark' | 'sepia'\n */\nexport type NgTheme<T extends string = string & {}> = DefaultNgTheme | T;\n\n/**\n * Resolved theme — always `'light'` or `'dark'`, never `'system'`.\n * Represents the value that comes from `matchMedia`, not user selection.\n */\nexport type NgSystemTheme = Exclude<DefaultNgTheme, 'system'>;\n\n/**\n * Theme application mode.\n * - `'attribute'`: sets `data-theme` attribute on `<html>`\n * - `'class'`: adds theme class to `<html>`\n * - `'both'`: uses both attribute and class\n */\nexport type NgMode = 'attribute' | 'class' | 'both';\n\n/**\n * Theme application strategy.\n * - `'blocking'`: theme CSS is loaded synchronously before rendering\n * - `'critters'`: theme CSS is inlined using Critters for SSR/SSG\n */\nexport type NgStrategy = 'blocking' | 'critters';\n\n/**\n * Library configuration.\n *\n * @typeParam T - Custom theme literals. Defaults to open `string`, preserving\n * backwards compatibility. Pass specific literals (e.g. `'sepia' | 'ocean'`)\n * via {@link provideThemeStack} to get a closed, type-safe theme union.\n */\nexport interface NgConfig<T extends string = string & {}> {\n  /** The theme to use on first visit or when no preference is saved. Default: 'system'. */\n  defaultTheme: NgTheme<T>;\n\n  /** Key used to persist theme preference in localStorage. Default: 'ngx-theme-stack-theme'. */\n  storageKey: string;\n\n  /** \n   * How the theme should be applied to the document (via class, attribute or both). \n   * Default: 'class'.\n   */\n  mode: NgMode;\n\n  /** \n   * Performance strategy for anti-flash. \n   * Use 'critters' for SSG/SSR builds with inlined CSS, 'blocking' for standard CSS files.\n   * Default: 'critters'.\n   */\n  strategy: NgStrategy;\n\n  /** List of supported theme identifiers. Default: ['light', 'dark', 'system']. */\n  themes: NgTheme<T>[];\n}\n","import { InjectionToken } from '@angular/core';\nimport { NgxThemeStackError } from '../errors';\nimport { DEFAULT_THEMES, DefaultNgTheme, NgConfig } from '../types';\n\n/**\n * ⚠ ATTENTION: SHARED CONFIGURATION VALUES\n *\n * These defaults MUST match the schematic defaults in:\n * projects/ngx-theme-stack/schematics/ng-add/constants.ts → DEFAULTS\n *\n * Schematics compile to CommonJS and cannot import from this ESM file,\n * so the values are intentionally duplicated. Change both at the same time.\n *\n * If you change defaults here, also update:\n * schematics/ng-add/constants.ts → DEFAULTS + DEFAULT_THEMES\n */\n\nexport const DEFAULT_NG_CONFIG = {\n  defaultTheme: 'system',\n  storageKey: 'ngx-theme-stack-theme',\n  mode: 'class',\n  strategy: 'critters',\n  themes: [...DEFAULT_THEMES],\n} satisfies NgConfig;\n\n// The token uses NgConfig<string> because Angular DI resolves types at runtime\n// and cannot carry generic parameters. Type-safety is enforced at the\n// provideThemeStack() call site instead.\nexport const NGX_THEME_STACK_CONFIG = new InjectionToken<NgConfig<string>>(\n  'NGX_THEME_STACK_CONFIG',\n  {\n    factory: () => DEFAULT_NG_CONFIG,\n  },\n);\n\n/**\n * Provides Theme Stack configuration to Angular's DI system.\n *\n * Custom `themes` are **merged** with the built-in defaults\n * (`'light'`, `'dark'`, `'system'`), so you never lose the base themes.\n *\n * **Defaults:**\n * - `themes`: `['light', 'dark', 'system']`\n * - `defaultTheme`: `'system'`\n * - `storageKey`: `'ngx-theme-stack-theme'`\n * - `mode`: `'class'`\n * - `strategy`: `'critters'`\n\n *\n * The type parameter `T` is **inferred automatically** from the `themes` array\n * when passed as a `const` — no need to specify it manually.\n *\n * @typeParam T - Custom theme string literals, inferred from the `themes` option.\n *\n * @param config - Optional partial configuration. Omitted fields fall back to\n *   {@link DEFAULT_NG_CONFIG}.\n *\n * @throws {@link NgxThemeStackError}\n *   - If any entry in `themes` is an empty or whitespace-only string.\n *   - If `defaultTheme` is not present in the resolved (merged) themes array.\n *   - If `storageKey` is an empty or whitespace-only string.\n *\n * @example\n * // Default — uses built-in themes and sensible defaults\n * provideThemeStack()\n *\n * @example\n * // SSR/SSG Optimization — uses Critters inlining strategy\n * provideThemeStack({\n *   strategy: 'critters',\n *   mode: 'class',\n * })\n *\n * @example\n * // Closed union: TypeScript infers 'sepia' | 'ocean' from the array\n * provideThemeStack({\n *   themes: ['sepia', 'ocean'] as const,\n *   defaultTheme: 'sepia',   // ✅ in resolved themes\n *   // defaultTheme: 'nope', // ❌ throws NgxThemeStackError at runtime\n * })\n *\n * @example\n * // Custom storage key and mode\n * provideThemeStack({\n *   storageKey: 'my-app-theme',\n *   mode: 'attribute',\n * })\n */\nexport function provideThemeStack<const T extends string = DefaultNgTheme>(\n  config: Partial<NgConfig<T>> = {},\n) {\n  config.themes?.forEach((t) => {\n    if (t.trim() === '') throw new NgxThemeStackError('Theme cannot be empty or whitespace.');\n  });\n\n  const themes = config.themes\n    ? Array.from(new Set([...DEFAULT_NG_CONFIG.themes, ...config.themes]))\n    : DEFAULT_NG_CONFIG.themes;\n\n  if (config.defaultTheme && !(themes as string[]).includes(config.defaultTheme as string)) {\n    throw new NgxThemeStackError(\n      `\"defaultTheme\" must be one of the resolved themes: [${themes.join(', ')}].`,\n    );\n  }\n\n  if (config.storageKey !== undefined && config.storageKey.trim() === '') {\n    throw new NgxThemeStackError('\"storageKey\" cannot be empty or whitespace.');\n  }\n\n  return {\n    provide: NGX_THEME_STACK_CONFIG,\n    useValue: {\n      ...DEFAULT_NG_CONFIG,\n      ...config,\n      themes,\n    } as NgConfig<string>,\n  };\n}\n","import { isPlatformBrowser } from '@angular/common';\nimport {\n  afterNextRender,\n  computed,\n  DestroyRef,\n  DOCUMENT,\n  effect,\n  inject,\n  Injectable,\n  PLATFORM_ID,\n  signal,\n} from '@angular/core';\nimport { NGX_THEME_STACK_CONFIG } from '../config';\nimport { NgxThemeStackError } from '../errors';\nimport { NgSystemTheme, NgTheme } from '../types';\n\n/**\n * Core service for managing the application's color theme.\n *\n * Handles theme persistence, system preference detection, and DOM updates.\n * Supports built-in themes ('dark', 'light', 'system') and custom extensions.\n */\n@Injectable({ providedIn: 'root' })\nexport class CoreThemeService {\n  // ── Dependencies ──────────────────────────────────────────────────────────\n\n  readonly #config = inject(NGX_THEME_STACK_CONFIG);\n  readonly #destroyRef = inject(DestroyRef);\n  readonly #document = inject(DOCUMENT);\n  readonly #isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n\n  // ── Theme configuration ───────────────────────────────────────────────────\n\n  /**\n   * The initial stored theme read from localStorage.\n   * This is used to determine the initial theme of the application.\n   */\n  readonly #initialStoredTheme = this.readStoredTheme();\n\n  /** List of available themes for Select/Cycle services. Defaults to ['system', 'light', 'dark']. */\n  readonly availableThemes = this.#config.themes;\n\n  /** Internal Set for O(1) existence checks. */\n  readonly #validThemes = new Set<NgTheme>(this.availableThemes);\n\n  /**\n   * The anti-flash class to remove from the host element.\n   * Internal mechanism to bridge the gap between the blocking script's\n   * initial DOM state and Angular's first effect run.\n   */\n  #antiFlashClass: string | null = null;\n\n  // ── System preference ─────────────────────────────────────────────────────\n\n  /** MediaQueryList for OS color scheme, created once and reused. Null in SSR. */\n  readonly #mediaQuery: MediaQueryList | null = this.#isBrowser\n    ? (this.#document.defaultView?.matchMedia('(prefers-color-scheme: dark)') ?? null)\n    : null;\n\n  readonly #systemPreference = signal<NgSystemTheme>(this.resolveSystemPreference());\n\n  // ── Theme state ───────────────────────────────────────────────────────────\n\n  readonly #selectedTheme = signal<NgTheme>(this.resolveInitialTheme());\n\n  /** The theme explicitly selected by the user. May be `'system'`. */\n  readonly selectedTheme = this.#selectedTheme.asReadonly();\n\n  /** Resolved theme applied to the DOM. Always `'dark'` or `'light'` (or custom) — never `'system'`. */\n  readonly resolvedTheme = computed(() => {\n    const theme = this.#selectedTheme();\n    return theme === 'system' ? this.#systemPreference() : theme;\n  });\n\n  /** Whether the currently applied theme is dark. */\n  readonly isDark = computed(() => this.resolvedTheme() === 'dark');\n\n  /** Whether the currently applied theme is light. */\n  readonly isLight = computed(() => this.resolvedTheme() === 'light');\n\n  /** Whether the currently applied theme is system. */\n  readonly isSystem = computed(() => this.selectedTheme() === 'system');\n\n  /**\n   * Whether the service has completed client-side initialization.\n   *\n   * `false` during SSR and on the very first render pass before the initial theme\n   * is resolved from `localStorage`. Becomes `true` immediately after the\n   * first browser render pass.\n   *\n   * **Important:** Guard template elements that display `selectedTheme()` or\n   * `resolvedTheme()` behind this signal to prevent hydration-mismatch flashes\n   * (e.g. if the server renders the default 'system' but the user has 'dark' stored).\n   *\n   * @example\n   * ```html\n   * {{ theme.isHydrated() ? theme.selectedTheme() : '...' }}\n   * ```\n   */\n  readonly isHydrated = signal(false);\n\n  // ── Event handler ─────────────────────────────────────────────────────────\n\n  readonly #onSystemPreferenceChange = () =>\n    this.#systemPreference.set(this.resolveSystemPreference());\n\n  // ── Lifecycle ─────────────────────────────────────────────────────────────\n\n  constructor() {\n    this.captureAntiFlashClass();\n\n    if (this.#isBrowser && this.#selectedTheme() === 'system') {\n      this.startSystemThemeListener();\n    }\n\n    effect(() => this.applyThemeToDOM(this.resolvedTheme()));\n    afterNextRender(() => this.isHydrated.set(true));\n    this.#destroyRef.onDestroy(() => this.stopSystemThemeListener());\n  }\n\n  // ── Public API ────────────────────────────────────────────────────────────\n\n  /**\n   * Changes the active theme.\n   *\n   * Persists the choice explicitly so that switching e.g. from `'system'` to\n   * `'light'` is saved even when the resolved theme did not change\n   * (system preference was already `'light'`).\n   *\n   * @param theme - The theme to apply: `'dark'`, `'light'`, `'system'`, or a custom theme name.\n   * @throws If `theme` is not a valid theme according to library configuration.\n   */\n  public setTheme(theme: NgTheme): void {\n    if (!this.#validThemes.has(theme)) {\n      throw new NgxThemeStackError(\n        `Invalid theme: \"${theme}\". Valid values are: ${[...this.#validThemes].join(', ')}.`,\n      );\n    }\n    if (!this.#isBrowser) return;\n    if (theme === this.#selectedTheme()) return;\n    if (theme === 'system') {\n      this.#systemPreference.set(this.resolveSystemPreference());\n      this.startSystemThemeListener();\n    } else {\n      this.stopSystemThemeListener();\n    }\n\n    this.#selectedTheme.set(theme);\n    this.saveTheme(theme);\n  }\n\n  // ── Private ───────────────────────────────────────────────────────────────\n\n  private resolveSystemPreference(): NgSystemTheme {\n    return this.#mediaQuery?.matches ? 'dark' : 'light';\n  }\n\n  private resolveInitialTheme(): NgTheme {\n    const theme = this.#initialStoredTheme;\n    if (theme && this.#validThemes.has(theme as NgTheme)) {\n      return theme as NgTheme;\n    }\n    return this.#config.defaultTheme;\n  }\n\n  private startSystemThemeListener(): void {\n    if (!this.#mediaQuery) return;\n    this.stopSystemThemeListener();\n    this.#mediaQuery.addEventListener('change', this.#onSystemPreferenceChange);\n  }\n\n  private stopSystemThemeListener(): void {\n    this.#mediaQuery?.removeEventListener('change', this.#onSystemPreferenceChange);\n  }\n\n  private applyThemeToDOM(theme: NgTheme): void {\n    if (!this.#isBrowser) return;\n\n    const host = this.#document.documentElement;\n\n    if (this.#antiFlashClass) {\n      host.classList.remove(this.#antiFlashClass);\n      this.#antiFlashClass = null;\n    }\n\n    const { mode } = this.#config;\n\n    if (mode === 'attribute' || mode === 'both') {\n      this.applyThemeAttribute(host, theme);\n    }\n\n    if (mode === 'class' || mode === 'both') {\n      this.applyThemeClasses(host, theme);\n    }\n\n    this.applyColorSchemeHint(host, theme);\n  }\n\n  private applyThemeAttribute(host: HTMLElement, theme: NgTheme): void {\n    host.setAttribute('data-theme', theme);\n  }\n\n  private applyThemeClasses(host: HTMLElement, theme: NgTheme): void {\n    host.classList.remove(...this.availableThemes);\n    host.classList.add(theme);\n  }\n\n  private applyColorSchemeHint(host: HTMLElement, theme: NgTheme): void {\n    if (theme === 'dark' || theme === 'light') {\n      host.style.setProperty('color-scheme', theme);\n      return;\n    }\n\n    host.style.removeProperty('color-scheme');\n  }\n\n  private captureAntiFlashClass(): void {\n    if (!this.#isBrowser || !this.#initialStoredTheme) return;\n\n    if (!/^[a-zA-Z][a-zA-Z0-9_-]*$/.test(this.#initialStoredTheme)) {\n      this.#antiFlashClass = null;\n      return;\n    }\n\n    if (this.#initialStoredTheme === 'system') {\n      this.#antiFlashClass = this.resolveSystemPreference();\n      return;\n    }\n\n    this.#antiFlashClass = this.#initialStoredTheme;\n  }\n\n  private readStoredTheme(): string | null {\n    if (!this.#isBrowser) return null;\n\n    try {\n      return localStorage.getItem(this.#config.storageKey);\n    } catch (e) {\n      console.warn('[ngx-theme-stack] Could not read theme from localStorage.', e);\n      return null;\n    }\n  }\n\n  private saveTheme(theme: NgTheme): void {\n    if (!this.#isBrowser) return;\n\n    try {\n      localStorage.setItem(this.#config.storageKey, theme);\n    } catch (e) {\n      console.warn('[ngx-theme-stack] Could not save theme to localStorage.', e);\n    }\n  }\n}\n","import { inject, Injectable } from '@angular/core';\nimport { CoreThemeService } from '../core/core-theme.service';\n\n/**\n * Convenience service for cycling through themes in a fixed order.\n *\n * Default cycle: `'system'` → `'light'` → `'dark'` → `'system'` → ...\n *\n * Use this when you want to offer users a single button that rotates\n * through all available theme options.\n */\n@Injectable({ providedIn: 'root' })\nexport class ThemeCycleService {\n  readonly #core = inject(CoreThemeService);\n\n  /** List of all configured themes for cycling. Defaults to `['light', 'dark', 'system']`. */\n  readonly #cycle = this.#core.availableThemes;\n\n  /** The theme explicitly selected by the user. May be `'system'`. */\n  readonly selectedTheme = this.#core.selectedTheme;\n\n  /** Resolved theme currently applied to the DOM. Always concrete — never `'system'`. */\n  readonly resolvedTheme = this.#core.resolvedTheme;\n\n  /** Whether the currently applied theme is `'dark'`. */\n  readonly isDark = this.#core.isDark;\n\n  /** Whether the currently applied theme is `'light'`. */\n  readonly isLight = this.#core.isLight;\n\n  /** Whether the user has explicitly selected `'system'` preference. */\n  readonly isSystem = this.#core.isSystem;\n\n  /**\n   * Whether the service has completed client-side initialization and \n   * resolved the real persisted theme. Use to prevent hydration flashes.\n   */\n  readonly isHydrated = this.#core.isHydrated.asReadonly();\n\n  /**\n   * Advances to the next theme in the cycle.\n   *\n   * Cycle order is determined by the configured `themes` property in `NgConfig`.\n   *\n   * If the current theme is not found in the cycle (e.g. set externally),\n   * the cycle restarts from the first theme.\n   */\n  cycle(): void {\n    const current = this.#core.selectedTheme();\n    const index = this.#cycle.indexOf(current);\n    const next = this.#cycle[(index + 1) % this.#cycle.length];\n    this.#core.setTheme(next);\n  }\n}\n","import { inject, Injectable } from '@angular/core';\nimport { CoreThemeService } from '../core/core-theme.service';\nimport { NgTheme } from '../types';\n\n/**\n * Convenience service for selecting a theme from a list.\n *\n * Use this when you want to bind a `<select>` or a group of radio/tab\n * buttons to the full set of available themes.\n */\n@Injectable({ providedIn: 'root' })\nexport class ThemeSelectService {\n  readonly #core = inject(CoreThemeService);\n\n  /** List of all configured themes. Defaults to `['light', 'dark', 'system']`. */\n  readonly availableThemes = this.#core.availableThemes;\n\n  /** The theme explicitly selected by the user. May be `'system'`. */\n  readonly selectedTheme = this.#core.selectedTheme;\n\n  /** Resolved theme currently applied to the DOM. Always concrete — never `'system'`. */\n  readonly resolvedTheme = this.#core.resolvedTheme;\n\n  /** Whether the currently applied theme is `'dark'`. */\n  readonly isDark = this.#core.isDark;\n\n  /** Whether the currently applied theme is `'light'`. */\n  readonly isLight = this.#core.isLight;\n\n  /** Whether the user has explicitly selected `'system'` preference. */\n  readonly isSystem = this.#core.isSystem;\n\n  /**\n   * Whether the service has completed client-side initialization and \n   * resolved the real persisted theme. Use to prevent hydration flashes.\n   */\n  readonly isHydrated = this.#core.isHydrated.asReadonly();\n\n  /**\n   * Applies the given theme.\n   *\n   * @param theme - The theme to apply: `'dark'`, `'light'`, `'system'`, or custom.\n   * @throws If `theme` is not a valid theme according to library configuration.\n   */\n  select(theme: NgTheme): void {\n    this.#core.setTheme(theme);\n  }\n}\n","import { inject, Injectable } from '@angular/core';\nimport { CoreThemeService } from '../core/core-theme.service';\n\n/**\n * Convenience service for toggling between `'dark'` and `'light'`.\n *\n * Use this when you only need a simple on/off switch and do not\n * need to manage `'system'` or cycle through themes.\n */\n@Injectable({ providedIn: 'root' })\nexport class ThemeToggleService {\n  readonly #core = inject(CoreThemeService);\n\n  /** Resolved theme currently applied to the DOM. Always concrete — never `'system'`. */\n  readonly resolvedTheme = this.#core.resolvedTheme;\n\n  /** The theme explicitly selected by the user. May be `'system'`. */\n  readonly selectedTheme = this.#core.selectedTheme;\n\n  /** Whether the currently applied theme is `'dark'`. */\n  readonly isDark = this.#core.isDark;\n\n  /** Whether the currently applied theme is `'light'`. */\n  readonly isLight = this.#core.isLight;\n\n  /** Whether the user has explicitly selected `'system'` preference. */\n  readonly isSystem = this.#core.isSystem;\n\n  /**\n   * Whether the service has completed client-side initialization and \n   * resolved the real persisted theme. Use to prevent hydration flashes.\n   */\n  readonly isHydrated = this.#core.isHydrated.asReadonly();\n\n  /**\n   * Toggles between `'dark'` and `'light'`.\n   *\n   * If the selected theme is explicitly `'dark'`, switches to `'light'`.\n   * Otherwise (including `'system'`), switches to `'dark'`.\n   */\n  toggle(): void {\n    const next = this.#core.resolvedTheme() === 'dark' ? 'light' : 'dark';\n    this.#core.setTheme(next);\n  }\n}\n","/*\n * Public API Surface of ngx-theme-stack\n */\n\nexport * from './lib/core/core-theme.service';\nexport * from './lib/config';\nexport * from './lib/services/theme-cycle.service';\nexport * from './lib/services/theme-select.service';\nexport * from './lib/services/theme-toggle.service';\nexport * from './lib/types';\nexport * from './lib/errors';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-theme-stack",
-  "version": "1.0.1",
+  "version": "2.1.0",
   "description": "A stack of themes for Angular applications.",
   "schematics": "./schematics/collection.json",
   "ng-add": {

package/schematics/collection.json

@@ -2,9 +2,14 @@
   "$schema": "../../../node_modules/@angular-devkit/schematics/collection-schema.json",
   "schematics": {
     "ng-add": {
-      "description": "Add my library to the project.",
+      "description": "Add and configure ngx-theme-stack in an Angular project.",
       "factory": "./ng-add/index#ngAdd",
       "schema": "./ng-add/schema.json"
+    },
+    "sync": {
+      "description": "Re-sync the anti-flash script in index.html with the current provideThemeStack() configuration.",
+      "factory": "./sync/index#sync",
+      "schema": "./sync/schema.json"
     }
   }
 }

package/schematics/ng-add/anti-flash.d.ts

@@ -0,0 +1,26 @@
+import { SchematicContext, Tree } from '@angular-devkit/schematics';
+/**
+ * Finds `index.html` and injects the anti-flash blocking script as the very
+ * first child of `<head>`. This is intentional: the script must run before
+ * any stylesheets or Angular bundles to eliminate the flash of incorrect theme.
+ *
+ * Skips the patch gracefully if:
+ * - `index.html` does not exist at the expected path.
+ * - The script tag is already present (idempotent).
+ *
+ * Detection strategy (in order):
+ * 1. `${sourceRoot}/index.html` — standard project layout.
+ * 2. `public/index.html` — project-level public folder (e.g. Vite-based).
+ *
+ * @param tree The virtual file tree of the Angular project.
+ * @param context The schematic's execution context for logging.
+ * @param sourceRoot The source root for the project.
+ * @param options The configuration options collected from the prompt.
+ */
+export declare function patchIndexHtml(tree: Tree, context: SchematicContext, sourceRoot: string, options: {
+    storageKey: string;
+    defaultTheme: string;
+    mode: string;
+    themes: string[];
+    strategy: 'critters' | 'blocking';
+}): void;

package/schematics/ng-add/anti-flash.js

@@ -0,0 +1,135 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.patchIndexHtml = patchIndexHtml;
+/**
+ * Generates a minimal blocking inline script that applies the stored theme
+ * to `<html>` before the browser paints.
+ *
+ * This is the single source of truth for the anti-flash script logic.
+ * Schematics compile to CommonJS (Node.js) and cannot import from the
+ * library's ESM build, so this logic lives here — close to its only consumer.
+ *
+ * The generated script:
+ * 1. Reads `localStorage` for the stored theme key.
+ * 2. Validates the value using a Regex to prevent injections.
+ * 3. Falls back to `defaultTheme`; resolves `'system'` via `matchMedia`.
+ * 4. Applies the theme according to the configured `mode` (class, attribute, or both).
+ * 5. Sets the `color-scheme` CSS property for native browser adaptation.
+ */
+function buildAntiFlashScript(options) {
+    const { storageKey, defaultTheme, mode } = options;
+    return (`(function(){try{` +
+        `var k=${JSON.stringify(storageKey)},` +
+        `d=${JSON.stringify(defaultTheme)},` +
+        `m=${JSON.stringify(mode)},` +
+        `t=localStorage.getItem(k)||d,` +
+        `e=document.documentElement;` +
+        `if(!/^[a-zA-Z][a-zA-Z0-9_-]*$/.test(t))t=d;` +
+        `if(t==='system')t=window.matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light';` +
+        `if(m==='class'||m==='both')e.classList.add(t);` +
+        `if(m==='attribute'||m==='both')e.setAttribute('data-theme',t);` +
+        `if(t==='dark'||t==='light')e.style.setProperty('color-scheme',t);` +
+        `}catch(x){}})();`);
+}
+/**
+ * Finds `index.html` and injects the anti-flash blocking script as the very
+ * first child of `<head>`. This is intentional: the script must run before
+ * any stylesheets or Angular bundles to eliminate the flash of incorrect theme.
+ *
+ * Skips the patch gracefully if:
+ * - `index.html` does not exist at the expected path.
+ * - The script tag is already present (idempotent).
+ *
+ * Detection strategy (in order):
+ * 1. `${sourceRoot}/index.html` — standard project layout.
+ * 2. `public/index.html` — project-level public folder (e.g. Vite-based).
+ *
+ * @param tree The virtual file tree of the Angular project.
+ * @param context The schematic's execution context for logging.
+ * @param sourceRoot The source root for the project.
+ * @param options The configuration options collected from the prompt.
+ */
+function patchIndexHtml(tree, context, sourceRoot, options) {
+    const candidates = [`${sourceRoot}/index.html`, 'public/index.html'].map((p) => p.startsWith('/') ? p.slice(1) : p);
+    for (const path of candidates) {
+        if (!tree.exists(path))
+            continue;
+        const content = tree.readText(path);
+        // ── CSP Detection ────────────────────────────────────────────────────────
+        const hasCspMeta = content.includes('Content-Security-Policy') || content.includes('content-security-policy');
+        if (hasCspMeta) {
+            context.logger.warn(`⚠ A Content-Security-Policy meta tag was detected in ${path}.\n` +
+                `  Inline scripts may be blocked by your CSP.\n` +
+                `  Options:\n` +
+                `    1. Add a nonce to the injected <script> tag and allow it in your CSP.\n` +
+                `    2. Add the script hash to your CSP: script-src 'sha256-<HASH>'.\n` +
+                `    3. Allow 'unsafe-inline' (not recommended for production).\n` +
+                `  See: https://angular.dev/guide/security#content-security-policy`);
+        }
+        const scriptTag = `\n  <!-- ngx-theme-stack anti-flash -->\n  <script>${buildAntiFlashScript({
+            storageKey: options.storageKey,
+            defaultTheme: options.defaultTheme,
+            mode: options.mode,
+        })}</script>`;
+        let updated = content;
+        // ── 1. Update Anti-Flash Script ──────────────────────────────────────────
+        const SCRIPT_BLOCK_RE = /<!-- ngx-theme-stack anti-flash -->\s*<script>[\s\S]*?<\/script>/;
+        if (SCRIPT_BLOCK_RE.test(updated)) {
+            updated = updated.replace(SCRIPT_BLOCK_RE, scriptTag);
+            context.logger.info(`✔ Updated anti-flash script in ${path}`);
+        }
+        else {
+            updated = updated.replace('<head>', `<head>${scriptTag}`);
+            context.logger.info(`✔ Injected anti-flash script into ${path}`);
+        }
+        // ── 2. Update Critters Trick ─────────────────────────────────────────────
+        const CRITTERS_BLOCK_RE = /<!-- ngx-theme-stack critters-trick -->[\s\S]*?<!-- \/ngx-theme-stack critters-trick -->/;
+        const CRITTERS_ID_RE = /<div id="ngx-theme-stack-critters-trick"[\s\S]*?<\/div>/;
+        if (options.strategy === 'critters') {
+            const renderableThemes = options.themes.filter((t) => t !== 'system');
+            const innerDivs = renderableThemes
+                .map((theme) => {
+                if (options.mode === 'class')
+                    return `      <div class="${theme}"></div>`;
+                if (options.mode === 'attribute')
+                    return `      <div data-theme="${theme}"></div>`;
+                return `      <div class="${theme}" data-theme="${theme}"></div>`;
+            })
+                .join('\n');
+            const crittersBlock = `<!-- ngx-theme-stack critters-trick -->\n` +
+                `    <div id="ngx-theme-stack-critters-trick" hidden aria-hidden="true" style="display: none; overflow: hidden; clip-path: inset(50%); position: absolute;">\n${innerDivs}\n    </div>\n` +
+                `    <!-- /ngx-theme-stack critters-trick -->`;
+            if (CRITTERS_BLOCK_RE.test(updated)) {
+                updated = updated.replace(CRITTERS_BLOCK_RE, crittersBlock);
+                context.logger.info(`✔ Updated Critters-trick block in ${path}`);
+            }
+            else if (CRITTERS_ID_RE.test(updated)) {
+                updated = updated.replace(CRITTERS_ID_RE, crittersBlock);
+                context.logger.info(`✔ Wrapped existing Critters-trick div with markers in ${path}`);
+            }
+            else {
+                updated = updated.replace('</body>', `  ${crittersBlock}\n  </body>`);
+                context.logger.info(`✔ Injected Critters-trick block before </body> in ${path}`);
+            }
+        }
+        else {
+            // If switching to blocking strategy, remove existing trick
+            if (CRITTERS_BLOCK_RE.test(updated)) {
+                updated = updated.replace(CRITTERS_BLOCK_RE, '');
+            }
+            else if (CRITTERS_ID_RE.test(updated)) {
+                updated = updated.replace(CRITTERS_ID_RE, '');
+            }
+            context.logger.info(`✔ Removed Critters-trick from ${path}`);
+        }
+        tree.overwrite(path, updated);
+        if (hasCspMeta) {
+            context.logger.warn(`  → Remember to allow the inline script in your CSP before deploying.`);
+        }
+        return;
+    }
+    context.logger.warn(`⚠ Could not find index.html (tried: ${candidates.join(', ')}).\n` +
+        `  Add the anti-flash script manually to the <head> of your index.html.\n` +
+        `  See: https://github.com/your-org/ngx-theme-stack#anti-flash`);
+}
+//# sourceMappingURL=anti-flash.js.map

package/schematics/ng-add/anti-flash.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"anti-flash.js","sourceRoot":"","sources":["../../../../projects/ngx-theme-stack/schematics/ng-add/anti-flash.ts"],"names":[],"mappings":";;AA0DA,wCA2GC;AAnKD;;;;;;;;;;;;;;GAcG;AACH,SAAS,oBAAoB,CAAC,OAI7B;IACC,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;IAEnD,OAAO,CACL,kBAAkB;QAClB,SAAS,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG;QACtC,KAAK,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG;QACpC,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG;QAC5B,+BAA+B;QAC/B,6BAA6B;QAC7B,6CAA6C;QAC7C,6FAA6F;QAC7F,gDAAgD;QAChD,gEAAgE;QAChE,mEAAmE;QACnE,kBAAkB,CACnB,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,SAAgB,cAAc,CAC5B,IAAU,EACV,OAAyB,EACzB,UAAkB,EAClB,OAMC;IAED,MAAM,UAAU,GAAG,CAAC,GAAG,UAAU,aAAa,EAAE,mBAAmB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAC7E,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACnC,CAAC;IAEF,KAAK,MAAM,IAAI,IAAI,UAAU,EAAE,CAAC;QAC9B,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;YAAE,SAAS;QAEjC,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEpC,4EAA4E;QAC5E,MAAM,UAAU,GACd,OAAO,CAAC,QAAQ,CAAC,yBAAyB,CAAC,IAAI,OAAO,CAAC,QAAQ,CAAC,yBAAyB,CAAC,CAAC;QAE7F,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,CAAC,MAAM,CAAC,IAAI,CACjB,wDAAwD,IAAI,KAAK;gBAC/D,gDAAgD;gBAChD,cAAc;gBACd,6EAA6E;gBAC7E,uEAAuE;gBACvE,kEAAkE;gBAClE,mEAAmE,CACtE,CAAC;QACJ,CAAC;QAED,MAAM,SAAS,GAAG,sDAAsD,oBAAoB,CAAC;YAC3F,UAAU,EAAE,OAAO,CAAC,UAAU;YAC9B,YAAY,EAAE,OAAO,CAAC,YAAY;YAClC,IAAI,EAAE,OAAO,CAAC,IAAI;SACnB,CAAC,WAAW,CAAC;QAEd,IAAI,OAAO,GAAG,OAAO,CAAC;QAEtB,4EAA4E;QAC5E,MAAM,eAAe,GAAG,kEAAkE,CAAC;QAC3F,IAAI,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;YAClC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;YACtD,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,kCAAkC,IAAI,EAAE,CAAC,CAAC;QAChE,CAAC;aAAM,CAAC;YACN,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,EAAE,SAAS,SAAS,EAAE,CAAC,CAAC;YAC1D,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,qCAAqC,IAAI,EAAE,CAAC,CAAC;QACnE,CAAC;QAED,4EAA4E;QAC5E,MAAM,iBAAiB,GACrB,0FAA0F,CAAC;QAC7F,MAAM,cAAc,GAAG,yDAAyD,CAAC;QAEjF,IAAI,OAAO,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;YACpC,MAAM,gBAAgB,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC;YACtE,MAAM,SAAS,GAAG,gBAAgB;iBAC/B,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACb,IAAI,OAAO,CAAC,IAAI,KAAK,OAAO;oBAAE,OAAO,qBAAqB,KAAK,UAAU,CAAC;gBAC1E,IAAI,OAAO,CAAC,IAAI,KAAK,WAAW;oBAAE,OAAO,0BAA0B,KAAK,UAAU,CAAC;gBACnF,OAAO,qBAAqB,KAAK,iBAAiB,KAAK,UAAU,CAAC;YACpE,CAAC,CAAC;iBACD,IAAI,CAAC,IAAI,CAAC,CAAC;YAEd,MAAM,aAAa,GACjB,2CAA2C;gBAC3C,gKAAgK,SAAS,gBAAgB;gBACzL,8CAA8C,CAAC;YAEjD,IAAI,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;gBACpC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAC;gBAC5D,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,qCAAqC,IAAI,EAAE,CAAC,CAAC;YACnE,CAAC;iBAAM,IAAI,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;gBACxC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC;gBACzD,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,yDAAyD,IAAI,EAAE,CAAC,CAAC;YACvF,CAAC;iBAAM,CAAC;gBACN,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,EAAE,KAAK,aAAa,aAAa,CAAC,CAAC;gBACtE,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,qDAAqD,IAAI,EAAE,CAAC,CAAC;YACnF,CAAC;QACH,CAAC;aAAM,CAAC;YACN,2DAA2D;YAC3D,IAAI,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;gBACpC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC,CAAC;YACnD,CAAC;iBAAM,IAAI,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;gBACxC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;YAChD,CAAC;YACD,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,iCAAiC,IAAI,EAAE,CAAC,CAAC;QAC/D,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAC9B,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,uEAAuE,CAAC,CAAC;QAC/F,CAAC;QACD,OAAO;IACT,CAAC;IAED,OAAO,CAAC,MAAM,CAAC,IAAI,CACjB,uCAAuC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM;QAChE,0EAA0E;QAC1E,+DAA+D,CAClE,CAAC;AACJ,CAAC"}

package/schematics/ng-add/app-config.d.ts

@@ -1,11 +1,11 @@
 import { SchematicContext, Tree } from '@angular-devkit/schematics';
 /**
  * Attempts to automatically locate and update the application configuration files.
- * It searches for standard Angular file paths like 'app.config.ts', 'main.ts',
- * and 'app.module.ts', injecting the proper import and provider call.
+ * It searches for standard Angular file paths relative to the project's source root.
  *
  * @param tree The virtual file tree of the project.
  * @param context The schematic's execution context.
+ * @param sourceRoot The source root for the project (e.g. 'projects/demo-ngx-theme-stack/src').
  * @param provideCall The pre-formatted code string for provideThemeStack().
  */
-export declare function patchAppConfig(tree: Tree, context: SchematicContext, provideCall: string): void;
+export declare function patchAppConfig(tree: Tree, context: SchematicContext, sourceRoot: string, provideCall: string): void;

package/schematics/ng-add/app-config.js

@@ -3,24 +3,26 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.patchAppConfig = patchAppConfig;
 /**
  * Attempts to automatically locate and update the application configuration files.
- * It searches for standard Angular file paths like 'app.config.ts', 'main.ts',
- * and 'app.module.ts', injecting the proper import and provider call.
+ * It searches for standard Angular file paths relative to the project's source root.
  *
  * @param tree The virtual file tree of the project.
  * @param context The schematic's execution context.
+ * @param sourceRoot The source root for the project (e.g. 'projects/demo-ngx-theme-stack/src').
  * @param provideCall The pre-formatted code string for provideThemeStack().
  */
-function patchAppConfig(tree, context, provideCall) {
-    const candidates = ['src/app/app.config.ts', 'src/main.ts', 'src/app/app.module.ts'];
+function patchAppConfig(tree, context, sourceRoot, provideCall) {
+    const candidates = [`${sourceRoot}/app/app.config.ts`, `${sourceRoot}/main.ts`, `${sourceRoot}/app/app.module.ts`].map(p => p.startsWith('/') ? p.slice(1) : p);
     for (const filePath of candidates) {
         if (!tree.exists(filePath))
             continue;
         const content = tree.readText(filePath);
-        if (content.includes('provideThemeStack')) {
-            context.logger.info(`✔ ngx-theme-stack already configured in ${filePath}`);
+        let updated = content;
+        if (updated.includes('provideThemeStack')) {
+            updated = updated.replace(/provideThemeStack\s*\([\s\S]*?\)/, provideCall);
+            tree.overwrite(filePath, updated);
+            context.logger.info(`✔ Updated provideThemeStack configuration in ${filePath}`);
             return;
         }
-        let updated = content;
         // Add import if missing
         if (!updated.includes("from 'ngx-theme-stack'")) {
             const lastImport = updated.lastIndexOf('import ');

package/schematics/ng-add/app-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-config.js","sourceRoot":"","sources":["../../../../projects/ngx-theme-stack/schematics/ng-add/app-config.ts"],"names":[],"mappings":";;AAWA,wCAqDC;AA9DD;;;;;;;;GAQG;AACH,SAAgB,cAAc,CAAC,IAAU,EAAE,OAAyB,EAAE,WAAmB;IACvF,MAAM,UAAU,GAAG,CAAC,uBAAuB,EAAE,aAAa,EAAE,uBAAuB,CAAC,CAAC;IAErF,KAAK,MAAM,QAAQ,IAAI,UAAU,EAAE,CAAC;QAClC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;YAAE,SAAS;QAErC,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAExC,IAAI,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,CAAC;YAC1C,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,2CAA2C,QAAQ,EAAE,CAAC,CAAC;YAC3E,OAAO;QACT,CAAC;QAED,IAAI,OAAO,GAAG,OAAO,CAAC;QAEtB,wBAAwB;QACxB,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAAC,EAAE,CAAC;YAChD,MAAM,UAAU,GAAG,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;YAClD,MAAM,GAAG,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;YAC9C,OAAO;gBACL,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC;oBACzB,wDAAwD;oBACxD,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;QAC3B,CAAC;QAED,8BAA8B;QAC9B,IAAI,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;YACnC,OAAO,GAAG,OAAO,CAAC,OAAO,CACvB,6BAA6B,EAC7B,CAAC,EAAU,EAAE,KAAa,EAAE,EAAE;gBAC5B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC;gBAChC,MAAM,GAAG,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;gBAChF,OAAO,eAAe,OAAO,GAAG,GAAG,GAAG,WAAW,OAAO,CAAC;YAC3D,CAAC,CACF,CAAC;QACJ,CAAC;aAAM,IAAI,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,CAAC;YACpD,OAAO,GAAG,OAAO,CAAC,OAAO,CACvB,2CAA2C,EAC3C,mDAAmD,WAAW,WAAW,CAC1E,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAClC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,WAAW,OAAO,QAAQ,EAAE,CAAC,CAAC;QAC7D,OAAO;IACT,CAAC;IAED,OAAO,CAAC,MAAM,CAAC,IAAI,CACjB,6DAA6D;QAC3D,qBAAqB;QACrB,4DAA4D;QAC5D,kBAAkB,WAAW,IAAI,CACpC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"app-config.js","sourceRoot":"","sources":["../../../../projects/ngx-theme-stack/schematics/ng-add/app-config.ts"],"names":[],"mappings":";;AAWA,wCA4DC;AArED;;;;;;;;GAQG;AACH,SAAgB,cAAc,CAC5B,IAAU,EACV,OAAyB,EACzB,UAAkB,EAClB,WAAmB;IAEnB,MAAM,UAAU,GAAG,CAAC,GAAG,UAAU,oBAAoB,EAAE,GAAG,UAAU,UAAU,EAAE,GAAG,UAAU,oBAAoB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhK,KAAK,MAAM,QAAQ,IAAI,UAAU,EAAE,CAAC;QAClC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;YAAE,SAAS;QAErC,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAExC,IAAI,OAAO,GAAG,OAAO,CAAC;QAEtB,IAAI,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,CAAC;YAC1C,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,kCAAkC,EAAE,WAAW,CAAC,CAAC;YAC3E,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;YAClC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,gDAAgD,QAAQ,EAAE,CAAC,CAAC;YAChF,OAAO;QACT,CAAC;QAED,wBAAwB;QACxB,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAAC,EAAE,CAAC;YAChD,MAAM,UAAU,GAAG,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;YAClD,MAAM,GAAG,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;YAC9C,OAAO;gBACL,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC;oBACzB,wDAAwD;oBACxD,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;QAC3B,CAAC;QAED,8BAA8B;QAC9B,IAAI,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;YACnC,OAAO,GAAG,OAAO,CAAC,OAAO,CACvB,6BAA6B,EAC7B,CAAC,EAAU,EAAE,KAAa,EAAE,EAAE;gBAC5B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC;gBAChC,MAAM,GAAG,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;gBAChF,OAAO,eAAe,OAAO,GAAG,GAAG,GAAG,WAAW,OAAO,CAAC;YAC3D,CAAC,CACF,CAAC;QACJ,CAAC;aAAM,IAAI,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAC,EAAE,CAAC;YACpD,OAAO,GAAG,OAAO,CAAC,OAAO,CACvB,2CAA2C,EAC3C,mDAAmD,WAAW,WAAW,CAC1E,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAClC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,WAAW,OAAO,QAAQ,EAAE,CAAC,CAAC;QAC7D,OAAO;IACT,CAAC;IAED,OAAO,CAAC,MAAM,CAAC,IAAI,CACjB,6DAA6D;QAC3D,qBAAqB;QACrB,4DAA4D;QAC5D,kBAAkB,WAAW,IAAI,CACpC,CAAC;AACJ,CAAC"}

package/schematics/ng-add/constants.d.ts

@@ -2,17 +2,17 @@
  * ⚠ ATTENTION: SHARED CONFIGURATION VALUES
  *
  * These values MUST match the library defaults in:
- * projects/ngx-theme-stack/src/lib/services/theme-stack.config.ts
+ * - projects/ngx-theme-stack/src/lib/types.ts → DEFAULT_THEMES
+ * - projects/ngx-theme-stack/src/lib/config/index.ts → DEFAULT_NG_CONFIG
  *
  * Schematics run in Node.js (CommonJS) and cannot import from the library (ESM),
- * so these defaults are intentionally duplicated here for:
- * 1. Proposing hints/defaults in interactive prompts.
- * 2. Deciding if a property can be omitted from the generated provideThemeStack() call.
+ * so the values are intentionally duplicated. Change all three at the same time.
  */
 export declare const DEFAULT_THEMES: readonly ["system", "light", "dark"];
 export declare const DEFAULTS: {
-    readonly theme: "system";
+    readonly defaultTheme: "system";
     readonly storageKey: "ngx-theme-stack-theme";
     readonly mode: "class";
+    readonly strategy: "critters";
     readonly themes: readonly ["system", "light", "dark"];
 };

package/schematics/ng-add/constants.js

@@ -5,18 +5,18 @@ exports.DEFAULTS = exports.DEFAULT_THEMES = void 0;
  * ⚠ ATTENTION: SHARED CONFIGURATION VALUES
  *
  * These values MUST match the library defaults in:
- * projects/ngx-theme-stack/src/lib/services/theme-stack.config.ts
+ * - projects/ngx-theme-stack/src/lib/types.ts → DEFAULT_THEMES
+ * - projects/ngx-theme-stack/src/lib/config/index.ts → DEFAULT_NG_CONFIG
  *
  * Schematics run in Node.js (CommonJS) and cannot import from the library (ESM),
- * so these defaults are intentionally duplicated here for:
- * 1. Proposing hints/defaults in interactive prompts.
- * 2. Deciding if a property can be omitted from the generated provideThemeStack() call.
+ * so the values are intentionally duplicated. Change all three at the same time.
  */
 exports.DEFAULT_THEMES = ['system', 'light', 'dark'];
 exports.DEFAULTS = {
-    theme: 'system',
+    defaultTheme: 'system',
     storageKey: 'ngx-theme-stack-theme',
     mode: 'class',
+    strategy: 'critters',
     themes: [...exports.DEFAULT_THEMES],
 };
 //# sourceMappingURL=constants.js.map

package/schematics/ng-add/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../projects/ngx-theme-stack/schematics/ng-add/constants.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;;GAUG;AACU,QAAA,cAAc,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAU,CAAC;AAEtD,QAAA,QAAQ,GAAG;IACtB,KAAK,EAAE,QAAQ;IACf,UAAU,EAAE,uBAAuB;IACnC,IAAI,EAAE,OAAO;IACb,MAAM,EAAE,CAAC,GAAG,sBAAc,CAAC;CACnB,CAAC"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../projects/ngx-theme-stack/schematics/ng-add/constants.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;GASG;AACU,QAAA,cAAc,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAU,CAAC;AAEtD,QAAA,QAAQ,GAAG;IACtB,YAAY,EAAE,QAAQ;IACtB,UAAU,EAAE,uBAAuB;IACnC,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,CAAC,GAAG,sBAAc,CAAC;CACnB,CAAC"}