mis-crystal-design-system 18.0.25 → 18.1.0-signal-test

package/fesm2022/mis-crystal-design-system-dynamic-theme.mjs

@@ -1,313 +0,0 @@
-import * as i0 from '@angular/core';
-import { Injectable, NgModule } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
-
-var BrandingTypes;
-(function (BrandingTypes) {
-    BrandingTypes.defaultTheme = {
-        // Brand
-        brandPrimary: "#0937B2",
-        brandPrimaryLight: "#3C68D0",
-        brandPrimaryDark: "#062A99",
-        brandPrimaryDarker: "#041F80",
-        brandPrimaryLighter: "#638FE7",
-        brandPrimaryLightest: "#CBDDFB",
-        brandPrimaryHover: "#F0F3FA",
-        brandPrimaryActive: "#DAE1F3",
-        brandSecondary: "#ED711C",
-        brandSecondaryLight: "#F09E65",
-        brandSecondaryDark: "#B23600",
-        brandSecondaryLighter: "#FFC6F2",
-        brandAccent: "#10ADAE",
-        brandAccentLight: "#16CBBC",
-        brandAccentDark: "#035F6B",
-        brandAccentLighter: "#ACDADA",
-        // Semantic
-        brandSuccess: "#38AF49",
-        brandSuccessLight: "#4CAF50",
-        brandSuccessDark: "#216531",
-        brandSuccessLighter: "#E4F5E9",
-        brandSuccessLightest: "#F1FFF3",
-        brandError: "#B00020",
-        brandErrorLight: "#F04E4E",
-        brandErrorDark: "#A60060",
-        brandErrorLighter: "#FAE1EA",
-        brandErrorLightest: "#FDF2F2",
-        brandWarning: "#FF9D00",
-        brandWarningLight: "#D4900C",
-        brandWarningDark: "#624000",
-        brandWarningLighter: "#F4E7C3",
-        brandWarningLightest: "#FAEFED",
-        brandInfo: "#0091FF",
-        brandInfoLight: "#35A1FF",
-        brandInfoDark: "#0087B2",
-        brandInfoLighter: "#CFECF9",
-        // Text
-        textPrimary: "#181F33",
-        textSecondary: "#6A737D",
-        textTertiary: "#929DAB",
-        textDisabled: "#C8CDD3",
-        textPrimary87: "rgba(24, 31, 51, 0.87)",
-        textPrimary60: "rgba(24, 31, 51, 0.60)",
-        textPrimary38: "rgba(24, 31, 51, 0.38)",
-        textPrimary12: "rgba(24, 31, 51, 0.12)",
-        // Background
-        bgPrimary: "#FFFFFF",
-        bgSecondary: "#FAFAFA",
-        bgTertiary: "#F5F5F5",
-        bgOverlay: "rgba(0, 0, 0, 0.32)",
-        bgOverlayLight: "rgba(0, 0, 0, 0.12)",
-        bgOverlayLighter: "rgba(0, 0, 0, 0.08)",
-        bgOverlayLightest: "rgba(0, 0, 0, 0.04)",
-        // Border
-        borderPrimary: "#E0E0E0",
-        borderSecondary: "#D6DCE2",
-        borderTertiary: "#C8CDD3",
-        borderLight: "#F1F4F8",
-        borderPrimary12: "rgba(0, 0, 0, 0.12)",
-        borderPrimary08: "rgba(0, 0, 0, 0.08)",
-        borderPrimary06: "rgba(0, 0, 0, 0.06)",
-        // Shadows
-        shadowPrimary: "rgba(0, 0, 0, 0.12)",
-        shadowSecondary: "rgba(0, 0, 0, 0.08)",
-        shadowTertiary: "rgba(0, 0, 0, 0.04)",
-        shadowLight: "rgba(0, 0, 0, 0.06)",
-        // Status
-        statusAvailable: "#929DAB",
-        statusUnavailable: "#CCD3DA",
-        statusHotseat: "#857BFF",
-        statusMultiteam: "#10ADAE",
-        statusSelected: "#10ADAE",
-        statusUpcoming: "#D4900C",
-        statusRoom: "#38AF49",
-        statusRoomBooked: "#B23600",
-        statusRoomUnavailable: "#181F33",
-        // Team
-        teamColor1: "#F8C52E",
-        teamColor2: "#FA8E20",
-        teamColor3: "#987CDD",
-        teamColor4: "#16CBBC",
-        teamColor5: "#E65010",
-        teamColor6: "#A60060",
-        teamColor7: "#ED323B",
-        teamColor8: "#35A1FF",
-        teamColor9: "#80D348",
-    };
-})(BrandingTypes || (BrandingTypes = {}));
-
-class DynamicThemeService {
-    constructor() {
-        this.currentThemeSubject = new BehaviorSubject(BrandingTypes.defaultTheme);
-        this.currentTheme$ = this.currentThemeSubject.asObservable();
-        // Initialize with default theme on service creation
-        this.applyTheme(BrandingTypes.defaultTheme);
-    }
-    /**
-     * Apply a complete theme configuration to the root element
-     * @param theme - ThemeColors object containing all color values
-     */
-    applyTheme(theme) {
-        const root = document.documentElement;
-        Object.entries(theme).forEach(([camelName, value]) => {
-            const cssVar = `--${this.camelToKebabCase(camelName)}`;
-            root.style.setProperty(cssVar, String(value));
-        });
-        // Update the current theme subject
-        this.currentThemeSubject.next(theme);
-    }
-    /**
-     * Apply partial theme updates (only specified colors will be updated)
-     * @param partialTheme - Partial ThemeColors object with only the colors to update
-     */
-    applyPartialTheme(partialTheme) {
-        const root = document.documentElement;
-        Object.entries(partialTheme).forEach(([camelName, value]) => {
-            if (value !== undefined) {
-                const cssVar = `--${this.camelToKebabCase(camelName)}`;
-                root.style.setProperty(cssVar, String(value));
-            }
-        });
-        // Update the current theme with merged values
-        const currentTheme = this.currentThemeSubject.value;
-        const updatedTheme = { ...currentTheme, ...partialTheme };
-        this.currentThemeSubject.next(updatedTheme);
-    }
-    /**
-     * Set a single color property
-     * @param colorKey - The camelCase key of the color property
-     * @param colorValue - The color value (hex, rgb, rgba, etc.)
-     */
-    setColorProperty(colorKey, colorValue) {
-        const root = document.documentElement;
-        const cssVar = `--${this.camelToKebabCase(colorKey)}`;
-        root.style.setProperty(cssVar, colorValue);
-        // Update the current theme
-        const currentTheme = this.currentThemeSubject.value;
-        const updatedTheme = { ...currentTheme, [colorKey]: colorValue };
-        this.currentThemeSubject.next(updatedTheme);
-    }
-    /**
-     * Get the current theme colors
-     * @returns Current ThemeColors object
-     */
-    getCurrentTheme() {
-        return this.currentThemeSubject.value;
-    }
-    /**
-     * Get a specific color value from the current theme
-     * @param colorKey - The camelCase key of the color property
-     * @returns The color value as string
-     */
-    getColorProperty(colorKey) {
-        return this.currentThemeSubject.value[colorKey];
-    }
-    /**
-     * Reset theme to default values
-     */
-    resetToDefault() {
-        this.applyTheme(BrandingTypes.defaultTheme);
-    }
-    /**
-     * Remove a specific CSS custom property from the root element
-     * @param colorKey - The camelCase key of the color property to remove
-     */
-    removeColorProperty(colorKey) {
-        const root = document.documentElement;
-        const cssVar = `--${this.camelToKebabCase(colorKey)}`;
-        root.style.removeProperty(cssVar);
-    }
-    /**
-     * Get all CSS custom properties currently set on the root element
-     * @returns Object with CSS variable names as keys and their values
-     */
-    getAllCSSVariables() {
-        const root = document.documentElement;
-        const computedStyle = getComputedStyle(root);
-        const cssVars = {};
-        // Get all CSS custom properties that start with our prefix
-        for (let i = 0; i < computedStyle.length; i++) {
-            const property = computedStyle[i];
-            if (property.startsWith('--brand-') ||
-                property.startsWith('--text-') ||
-                property.startsWith('--bg-') ||
-                property.startsWith('--border-') ||
-                property.startsWith('--shadow-') ||
-                property.startsWith('--status-') ||
-                property.startsWith('--team-color-')) {
-                cssVars[property] = computedStyle.getPropertyValue(property).trim();
-            }
-        }
-        return cssVars;
-    }
-    /**
-     * Apply theme with validation
-     * @param theme - ThemeColors object to validate and apply
-     * @returns boolean indicating if the theme was successfully applied
-     */
-    applyThemeWithValidation(theme) {
-        try {
-            // Basic validation - check if all required properties exist
-            const requiredKeys = Object.keys(BrandingTypes.defaultTheme);
-            const themeKeys = Object.keys(theme);
-            const missingKeys = requiredKeys.filter(key => !themeKeys.includes(key));
-            if (missingKeys.length > 0) {
-                console.warn('DynamicThemeService: Missing theme properties:', missingKeys);
-                // Apply with default values for missing keys
-                const completeTheme = { ...BrandingTypes.defaultTheme, ...theme };
-                this.applyTheme(completeTheme);
-                return false;
-            }
-            this.applyTheme(theme);
-            return true;
-        }
-        catch (error) {
-            console.error('DynamicThemeService: Error applying theme:', error);
-            return false;
-        }
-    }
-    /**
-     * Convert camelCase to kebab-case for CSS custom properties
-     * @param camelCase - The camelCase string to convert
-     * @returns kebab-case string
-     */
-    camelToKebabCase(camelCase) {
-        return camelCase.replace(/([A-Z])/g, '-$1').toLowerCase();
-    }
-    /**
-     * Convert kebab-case to camelCase
-     * @param kebabCase - The kebab-case string to convert
-     * @returns camelCase string
-     */
-    kebabToCamelCase(kebabCase) {
-        return kebabCase.replace(/-([a-z])/g, (match, letter) => letter.toUpperCase());
-    }
-    /**
-     * Create a theme preset from current applied theme
-     * @param presetName - Name for the theme preset
-     * @returns Theme preset object
-     */
-    createThemePreset(presetName) {
-        return {
-            name: presetName,
-            theme: { ...this.getCurrentTheme() }
-        };
-    }
-    /**
-     * Export current theme as JSON string
-     * @returns JSON string representation of current theme
-     */
-    exportThemeAsJSON() {
-        return JSON.stringify(this.getCurrentTheme(), null, 2);
-    }
-    /**
-     * Import theme from JSON string
-     * @param jsonString - JSON string representation of theme
-     * @returns boolean indicating success
-     */
-    importThemeFromJSON(jsonString) {
-        try {
-            const theme = JSON.parse(jsonString);
-            return this.applyThemeWithValidation(theme);
-        }
-        catch (error) {
-            console.error('DynamicThemeService: Error importing theme from JSON:', error);
-            return false;
-        }
-    }
-    static { this.ɵfac = function DynamicThemeService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DynamicThemeService)(); }; }
-    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: DynamicThemeService, factory: DynamicThemeService.ɵfac, providedIn: 'root' }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DynamicThemeService, [{
-        type: Injectable,
-        args: [{
-                providedIn: 'root'
-            }]
-    }], () => [], null); })();
-
-class DynamicThemeModule {
-    constructor(themeService) {
-        this.themeService = themeService;
-        // Initialize the theme service when module is loaded
-        // This ensures the default theme is applied
-    }
-    static { this.ɵfac = function DynamicThemeModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DynamicThemeModule)(i0.ɵɵinject(DynamicThemeService)); }; }
-    static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: DynamicThemeModule }); }
-    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
-            DynamicThemeService
-        ] }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DynamicThemeModule, [{
-        type: NgModule,
-        args: [{
-                providers: [
-                    DynamicThemeService
-                ]
-            }]
-    }], () => [{ type: DynamicThemeService }], null); })();
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { BrandingTypes, DynamicThemeModule, DynamicThemeService };
-//# sourceMappingURL=mis-crystal-design-system-dynamic-theme.mjs.map

package/fesm2022/mis-crystal-design-system-dynamic-theme.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"mis-crystal-design-system-dynamic-theme.mjs","sources":["../../../projects/mis-components/dynamic-theme/branding.types.ts","../../../projects/mis-components/dynamic-theme/dynamic-theme.service.ts","../../../projects/mis-components/dynamic-theme/dynamic-theme.module.ts","../../../projects/mis-components/dynamic-theme/mis-crystal-design-system-dynamic-theme.ts"],"sourcesContent":["export namespace BrandingTypes {\n\n  export interface ThemeColors {\n    // Brand\n    brandPrimary: string;\n    brandPrimaryLight: string;\n    brandPrimaryDark: string;\n    brandPrimaryDarker: string;\n    brandPrimaryLighter: string;\n    brandPrimaryLightest: string;\n    brandPrimaryHover: string;\n    brandPrimaryActive: string;\n\n    brandSecondary: string;\n    brandSecondaryLight: string;\n    brandSecondaryDark: string;\n    brandSecondaryLighter: string;\n\n    brandAccent: string;\n    brandAccentLight: string;\n    brandAccentDark: string;\n    brandAccentLighter: string;\n\n    // Semantic\n    brandSuccess: string;\n    brandSuccessLight: string;\n    brandSuccessDark: string;\n    brandSuccessLighter: string;\n    brandSuccessLightest: string;\n\n    brandError: string;\n    brandErrorLight: string;\n    brandErrorDark: string;\n    brandErrorLighter: string;\n    brandErrorLightest: string;\n\n    brandWarning: string;\n    brandWarningLight: string;\n    brandWarningDark: string;\n    brandWarningLighter: string;\n    brandWarningLightest: string;\n\n    brandInfo: string;\n    brandInfoLight: string;\n    brandInfoDark: string;\n    brandInfoLighter: string;\n\n    // Text\n    textPrimary: string;\n    textSecondary: string;\n    textTertiary: string;\n    textDisabled: string;\n\n    textPrimary87: string;\n    textPrimary60: string;\n    textPrimary38: string;\n    textPrimary12: string;\n\n    // Background\n    bgPrimary: string;\n    bgSecondary: string;\n    bgTertiary: string;\n    bgOverlay: string;\n    bgOverlayLight: string;\n    bgOverlayLighter: string;\n    bgOverlayLightest: string;\n\n    // Border\n    borderPrimary: string;\n    borderSecondary: string;\n    borderTertiary: string;\n    borderLight: string;\n    borderPrimary12: string;\n    borderPrimary08: string;\n    borderPrimary06: string;\n\n    // Shadows\n    shadowPrimary: string;\n    shadowSecondary: string;\n    shadowTertiary: string;\n    shadowLight: string;\n\n    // Status\n    statusAvailable: string;\n    statusUnavailable: string;\n    statusHotseat: string;\n    statusMultiteam: string;\n    statusSelected: string;\n    statusUpcoming: string;\n    statusRoom: string;\n    statusRoomBooked: string;\n    statusRoomUnavailable: string;\n\n    // Team\n    teamColor1: string;\n    teamColor2: string;\n    teamColor3: string;\n    teamColor4: string;\n    teamColor5: string;\n    teamColor6: string;\n    teamColor7: string;\n    teamColor8: string;\n    teamColor9: string;\n  }\n  \n  export const defaultTheme: ThemeColors = {\n    // Brand\n    brandPrimary: \"#0937B2\",\n    brandPrimaryLight: \"#3C68D0\",\n    brandPrimaryDark: \"#062A99\",\n    brandPrimaryDarker: \"#041F80\",\n    brandPrimaryLighter: \"#638FE7\",\n    brandPrimaryLightest: \"#CBDDFB\",\n    brandPrimaryHover: \"#F0F3FA\",\n    brandPrimaryActive: \"#DAE1F3\",\n  \n    brandSecondary: \"#ED711C\",\n    brandSecondaryLight: \"#F09E65\",\n    brandSecondaryDark: \"#B23600\",\n    brandSecondaryLighter: \"#FFC6F2\",\n  \n    brandAccent: \"#10ADAE\",\n    brandAccentLight: \"#16CBBC\",\n    brandAccentDark: \"#035F6B\",\n    brandAccentLighter: \"#ACDADA\",\n  \n    // Semantic\n    brandSuccess: \"#38AF49\",\n    brandSuccessLight: \"#4CAF50\",\n    brandSuccessDark: \"#216531\",\n    brandSuccessLighter: \"#E4F5E9\",\n    brandSuccessLightest: \"#F1FFF3\",\n  \n    brandError: \"#B00020\",\n    brandErrorLight: \"#F04E4E\",\n    brandErrorDark: \"#A60060\",\n    brandErrorLighter: \"#FAE1EA\",\n    brandErrorLightest: \"#FDF2F2\",\n  \n    brandWarning: \"#FF9D00\",\n    brandWarningLight: \"#D4900C\",\n    brandWarningDark: \"#624000\",\n    brandWarningLighter: \"#F4E7C3\",\n    brandWarningLightest: \"#FAEFED\",\n  \n    brandInfo: \"#0091FF\",\n    brandInfoLight: \"#35A1FF\",\n    brandInfoDark: \"#0087B2\",\n    brandInfoLighter: \"#CFECF9\",\n  \n    // Text\n    textPrimary: \"#181F33\",\n    textSecondary: \"#6A737D\",\n    textTertiary: \"#929DAB\",\n    textDisabled: \"#C8CDD3\",\n  \n    textPrimary87: \"rgba(24, 31, 51, 0.87)\",\n    textPrimary60: \"rgba(24, 31, 51, 0.60)\",\n    textPrimary38: \"rgba(24, 31, 51, 0.38)\",\n    textPrimary12: \"rgba(24, 31, 51, 0.12)\",\n  \n    // Background\n    bgPrimary: \"#FFFFFF\",\n    bgSecondary: \"#FAFAFA\",\n    bgTertiary: \"#F5F5F5\",\n    bgOverlay: \"rgba(0, 0, 0, 0.32)\",\n    bgOverlayLight: \"rgba(0, 0, 0, 0.12)\",\n    bgOverlayLighter: \"rgba(0, 0, 0, 0.08)\",\n    bgOverlayLightest: \"rgba(0, 0, 0, 0.04)\",\n  \n    // Border\n    borderPrimary: \"#E0E0E0\",\n    borderSecondary: \"#D6DCE2\",\n    borderTertiary: \"#C8CDD3\",\n    borderLight: \"#F1F4F8\",\n    borderPrimary12: \"rgba(0, 0, 0, 0.12)\",\n    borderPrimary08: \"rgba(0, 0, 0, 0.08)\",\n    borderPrimary06: \"rgba(0, 0, 0, 0.06)\",\n  \n    // Shadows\n    shadowPrimary: \"rgba(0, 0, 0, 0.12)\",\n    shadowSecondary: \"rgba(0, 0, 0, 0.08)\",\n    shadowTertiary: \"rgba(0, 0, 0, 0.04)\",\n    shadowLight: \"rgba(0, 0, 0, 0.06)\",\n  \n    // Status\n    statusAvailable: \"#929DAB\",\n    statusUnavailable: \"#CCD3DA\",\n    statusHotseat: \"#857BFF\",\n    statusMultiteam: \"#10ADAE\",\n    statusSelected: \"#10ADAE\",\n    statusUpcoming: \"#D4900C\",\n    statusRoom: \"#38AF49\",\n    statusRoomBooked: \"#B23600\",\n    statusRoomUnavailable: \"#181F33\",\n  \n    // Team\n    teamColor1: \"#F8C52E\",\n    teamColor2: \"#FA8E20\",\n    teamColor3: \"#987CDD\",\n    teamColor4: \"#16CBBC\",\n    teamColor5: \"#E65010\",\n    teamColor6: \"#A60060\",\n    teamColor7: \"#ED323B\",\n    teamColor8: \"#35A1FF\",\n    teamColor9: \"#80D348\",\n  };\n}","import { Injectable } from '@angular/core';\nimport { BehaviorSubject, Observable } from 'rxjs';\nimport { BrandingTypes } from './branding.types';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class DynamicThemeService {\n  private currentThemeSubject = new BehaviorSubject<BrandingTypes.ThemeColors>(BrandingTypes.defaultTheme);\n  public currentTheme$: Observable<BrandingTypes.ThemeColors> = this.currentThemeSubject.asObservable();\n\n  constructor() {\n    // Initialize with default theme on service creation\n    this.applyTheme(BrandingTypes.defaultTheme);\n  }\n\n  /**\n   * Apply a complete theme configuration to the root element\n   * @param theme - ThemeColors object containing all color values\n   */\n  applyTheme(theme: BrandingTypes.ThemeColors): void {\n    const root = document.documentElement;\n    \n    Object.entries(theme).forEach(([camelName, value]) => {\n      const cssVar = `--${this.camelToKebabCase(camelName)}`;\n      root.style.setProperty(cssVar, String(value));\n    });\n\n    // Update the current theme subject\n    this.currentThemeSubject.next(theme);\n  }\n\n  /**\n   * Apply partial theme updates (only specified colors will be updated)\n   * @param partialTheme - Partial ThemeColors object with only the colors to update\n   */\n  applyPartialTheme(partialTheme: Partial<BrandingTypes.ThemeColors>): void {\n    const root = document.documentElement;\n    \n    Object.entries(partialTheme).forEach(([camelName, value]) => {\n      if (value !== undefined) {\n        const cssVar = `--${this.camelToKebabCase(camelName)}`;\n        root.style.setProperty(cssVar, String(value));\n      }\n    });\n\n    // Update the current theme with merged values\n    const currentTheme = this.currentThemeSubject.value;\n    const updatedTheme = { ...currentTheme, ...partialTheme };\n    this.currentThemeSubject.next(updatedTheme);\n  }\n\n  /**\n   * Set a single color property\n   * @param colorKey - The camelCase key of the color property\n   * @param colorValue - The color value (hex, rgb, rgba, etc.)\n   */\n  setColorProperty(colorKey: keyof BrandingTypes.ThemeColors, colorValue: string): void {\n    const root = document.documentElement;\n    const cssVar = `--${this.camelToKebabCase(colorKey)}`;\n    root.style.setProperty(cssVar, colorValue);\n\n    // Update the current theme\n    const currentTheme = this.currentThemeSubject.value;\n    const updatedTheme = { ...currentTheme, [colorKey]: colorValue };\n    this.currentThemeSubject.next(updatedTheme);\n  }\n\n  /**\n   * Get the current theme colors\n   * @returns Current ThemeColors object\n   */\n  getCurrentTheme(): BrandingTypes.ThemeColors {\n    return this.currentThemeSubject.value;\n  }\n\n  /**\n   * Get a specific color value from the current theme\n   * @param colorKey - The camelCase key of the color property\n   * @returns The color value as string\n   */\n  getColorProperty(colorKey: keyof BrandingTypes.ThemeColors): string {\n    return this.currentThemeSubject.value[colorKey];\n  }\n\n  /**\n   * Reset theme to default values\n   */\n  resetToDefault(): void {\n    this.applyTheme(BrandingTypes.defaultTheme);\n  }\n\n  /**\n   * Remove a specific CSS custom property from the root element\n   * @param colorKey - The camelCase key of the color property to remove\n   */\n  removeColorProperty(colorKey: keyof BrandingTypes.ThemeColors): void {\n    const root = document.documentElement;\n    const cssVar = `--${this.camelToKebabCase(colorKey)}`;\n    root.style.removeProperty(cssVar);\n  }\n\n  /**\n   * Get all CSS custom properties currently set on the root element\n   * @returns Object with CSS variable names as keys and their values\n   */\n  getAllCSSVariables(): Record<string, string> {\n    const root = document.documentElement;\n    const computedStyle = getComputedStyle(root);\n    const cssVars: Record<string, string> = {};\n\n    // Get all CSS custom properties that start with our prefix\n    for (let i = 0; i < computedStyle.length; i++) {\n      const property = computedStyle[i];\n      if (property.startsWith('--brand-') || \n          property.startsWith('--text-') || \n          property.startsWith('--bg-') || \n          property.startsWith('--border-') || \n          property.startsWith('--shadow-') || \n          property.startsWith('--status-') || \n          property.startsWith('--team-color-')) {\n        cssVars[property] = computedStyle.getPropertyValue(property).trim();\n      }\n    }\n\n    return cssVars;\n  }\n\n  /**\n   * Apply theme with validation\n   * @param theme - ThemeColors object to validate and apply\n   * @returns boolean indicating if the theme was successfully applied\n   */\n  applyThemeWithValidation(theme: BrandingTypes.ThemeColors): boolean {\n    try {\n      // Basic validation - check if all required properties exist\n      const requiredKeys = Object.keys(BrandingTypes.defaultTheme) as (keyof BrandingTypes.ThemeColors)[];\n      const themeKeys = Object.keys(theme) as (keyof BrandingTypes.ThemeColors)[];\n      \n      const missingKeys = requiredKeys.filter(key => !themeKeys.includes(key));\n      \n      if (missingKeys.length > 0) {\n        console.warn('DynamicThemeService: Missing theme properties:', missingKeys);\n        // Apply with default values for missing keys\n        const completeTheme = { ...BrandingTypes.defaultTheme, ...theme };\n        this.applyTheme(completeTheme);\n        return false;\n      }\n\n      this.applyTheme(theme);\n      return true;\n    } catch (error) {\n      console.error('DynamicThemeService: Error applying theme:', error);\n      return false;\n    }\n  }\n\n  /**\n   * Convert camelCase to kebab-case for CSS custom properties\n   * @param camelCase - The camelCase string to convert\n   * @returns kebab-case string\n   */\n  private camelToKebabCase(camelCase: string): string {\n    return camelCase.replace(/([A-Z])/g, '-$1').toLowerCase();\n  }\n\n  /**\n   * Convert kebab-case to camelCase\n   * @param kebabCase - The kebab-case string to convert\n   * @returns camelCase string\n   */\n  private kebabToCamelCase(kebabCase: string): string {\n    return kebabCase.replace(/-([a-z])/g, (match, letter) => letter.toUpperCase());\n  }\n\n  /**\n   * Create a theme preset from current applied theme\n   * @param presetName - Name for the theme preset\n   * @returns Theme preset object\n   */\n  createThemePreset(presetName: string): { name: string; theme: BrandingTypes.ThemeColors } {\n    return {\n      name: presetName,\n      theme: { ...this.getCurrentTheme() }\n    };\n  }\n\n  /**\n   * Export current theme as JSON string\n   * @returns JSON string representation of current theme\n   */\n  exportThemeAsJSON(): string {\n    return JSON.stringify(this.getCurrentTheme(), null, 2);\n  }\n\n  /**\n   * Import theme from JSON string\n   * @param jsonString - JSON string representation of theme\n   * @returns boolean indicating success\n   */\n  importThemeFromJSON(jsonString: string): boolean {\n    try {\n      const theme = JSON.parse(jsonString) as BrandingTypes.ThemeColors;\n      return this.applyThemeWithValidation(theme);\n    } catch (error) {\n      console.error('DynamicThemeService: Error importing theme from JSON:', error);\n      return false;\n    }\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { DynamicThemeService } from './dynamic-theme.service';\n\n@NgModule({\n  providers: [\n    DynamicThemeService\n  ]\n})\nexport class DynamicThemeModule {\n  constructor(private themeService: DynamicThemeService) {\n    // Initialize the theme service when module is loaded\n    // This ensures the default theme is applied\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.DynamicThemeService"],"mappings":";;;;AAAM,IAAW,cA+MhB;AA/MD,CAAA,UAAiB,aAAa,EAAA;AAyGf,IAAA,aAAA,CAAA,YAAY,GAAgB;;AAEvC,QAAA,YAAY,EAAE,SAAS;AACvB,QAAA,iBAAiB,EAAE,SAAS;AAC5B,QAAA,gBAAgB,EAAE,SAAS;AAC3B,QAAA,kBAAkB,EAAE,SAAS;AAC7B,QAAA,mBAAmB,EAAE,SAAS;AAC9B,QAAA,oBAAoB,EAAE,SAAS;AAC/B,QAAA,iBAAiB,EAAE,SAAS;AAC5B,QAAA,kBAAkB,EAAE,SAAS;AAE7B,QAAA,cAAc,EAAE,SAAS;AACzB,QAAA,mBAAmB,EAAE,SAAS;AAC9B,QAAA,kBAAkB,EAAE,SAAS;AAC7B,QAAA,qBAAqB,EAAE,SAAS;AAEhC,QAAA,WAAW,EAAE,SAAS;AACtB,QAAA,gBAAgB,EAAE,SAAS;AAC3B,QAAA,eAAe,EAAE,SAAS;AAC1B,QAAA,kBAAkB,EAAE,SAAS;;AAG7B,QAAA,YAAY,EAAE,SAAS;AACvB,QAAA,iBAAiB,EAAE,SAAS;AAC5B,QAAA,gBAAgB,EAAE,SAAS;AAC3B,QAAA,mBAAmB,EAAE,SAAS;AAC9B,QAAA,oBAAoB,EAAE,SAAS;AAE/B,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,eAAe,EAAE,SAAS;AAC1B,QAAA,cAAc,EAAE,SAAS;AACzB,QAAA,iBAAiB,EAAE,SAAS;AAC5B,QAAA,kBAAkB,EAAE,SAAS;AAE7B,QAAA,YAAY,EAAE,SAAS;AACvB,QAAA,iBAAiB,EAAE,SAAS;AAC5B,QAAA,gBAAgB,EAAE,SAAS;AAC3B,QAAA,mBAAmB,EAAE,SAAS;AAC9B,QAAA,oBAAoB,EAAE,SAAS;AAE/B,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,cAAc,EAAE,SAAS;AACzB,QAAA,aAAa,EAAE,SAAS;AACxB,QAAA,gBAAgB,EAAE,SAAS;;AAG3B,QAAA,WAAW,EAAE,SAAS;AACtB,QAAA,aAAa,EAAE,SAAS;AACxB,QAAA,YAAY,EAAE,SAAS;AACvB,QAAA,YAAY,EAAE,SAAS;AAEvB,QAAA,aAAa,EAAE,wBAAwB;AACvC,QAAA,aAAa,EAAE,wBAAwB;AACvC,QAAA,aAAa,EAAE,wBAAwB;AACvC,QAAA,aAAa,EAAE,wBAAwB;;AAGvC,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,WAAW,EAAE,SAAS;AACtB,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,SAAS,EAAE,qBAAqB;AAChC,QAAA,cAAc,EAAE,qBAAqB;AACrC,QAAA,gBAAgB,EAAE,qBAAqB;AACvC,QAAA,iBAAiB,EAAE,qBAAqB;;AAGxC,QAAA,aAAa,EAAE,SAAS;AACxB,QAAA,eAAe,EAAE,SAAS;AAC1B,QAAA,cAAc,EAAE,SAAS;AACzB,QAAA,WAAW,EAAE,SAAS;AACtB,QAAA,eAAe,EAAE,qBAAqB;AACtC,QAAA,eAAe,EAAE,qBAAqB;AACtC,QAAA,eAAe,EAAE,qBAAqB;;AAGtC,QAAA,aAAa,EAAE,qBAAqB;AACpC,QAAA,eAAe,EAAE,qBAAqB;AACtC,QAAA,cAAc,EAAE,qBAAqB;AACrC,QAAA,WAAW,EAAE,qBAAqB;;AAGlC,QAAA,eAAe,EAAE,SAAS;AAC1B,QAAA,iBAAiB,EAAE,SAAS;AAC5B,QAAA,aAAa,EAAE,SAAS;AACxB,QAAA,eAAe,EAAE,SAAS;AAC1B,QAAA,cAAc,EAAE,SAAS;AACzB,QAAA,cAAc,EAAE,SAAS;AACzB,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,gBAAgB,EAAE,SAAS;AAC3B,QAAA,qBAAqB,EAAE,SAAS;;AAGhC,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,UAAU,EAAE,SAAS;KACtB,CAAC;AACJ,CAAC,EA/MgB,aAAa,KAAb,aAAa,GA+M7B,EAAA,CAAA,CAAA;;MCxMY,mBAAmB,CAAA;AAI9B,IAAA,WAAA,GAAA;QAHQ,IAAmB,CAAA,mBAAA,GAAG,IAAI,eAAe,CAA4B,aAAa,CAAC,YAAY,CAAC,CAAC;AAClG,QAAA,IAAA,CAAA,aAAa,GAA0C,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,CAAC;;AAIpG,QAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;KAC7C;AAED;;;AAGG;AACH,IAAA,UAAU,CAAC,KAAgC,EAAA;AACzC,QAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;AAEtC,QAAA,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,KAAI;YACnD,MAAM,MAAM,GAAG,CAAA,EAAA,EAAK,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAA,CAAE,CAAC;AACvD,YAAA,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AAChD,SAAC,CAAC,CAAC;;AAGH,QAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACtC;AAED;;;AAGG;AACH,IAAA,iBAAiB,CAAC,YAAgD,EAAA;AAChE,QAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;AAEtC,QAAA,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,KAAI;AAC1D,YAAA,IAAI,KAAK,KAAK,SAAS,EAAE;gBACvB,MAAM,MAAM,GAAG,CAAA,EAAA,EAAK,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAA,CAAE,CAAC;AACvD,gBAAA,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;aAC/C;AACH,SAAC,CAAC,CAAC;;AAGH,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC;QACpD,MAAM,YAAY,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,YAAY,EAAE,CAAC;AAC1D,QAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;KAC7C;AAED;;;;AAIG;IACH,gBAAgB,CAAC,QAAyC,EAAE,UAAkB,EAAA;AAC5E,QAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;QACtC,MAAM,MAAM,GAAG,CAAA,EAAA,EAAK,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAA,CAAE,CAAC;QACtD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;;AAG3C,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC;AACpD,QAAA,MAAM,YAAY,GAAG,EAAE,GAAG,YAAY,EAAE,CAAC,QAAQ,GAAG,UAAU,EAAE,CAAC;AACjE,QAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;KAC7C;AAED;;;AAGG;IACH,eAAe,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC;KACvC;AAED;;;;AAIG;AACH,IAAA,gBAAgB,CAAC,QAAyC,EAAA;QACxD,OAAO,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;KACjD;AAED;;AAEG;IACH,cAAc,GAAA;AACZ,QAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;KAC7C;AAED;;;AAGG;AACH,IAAA,mBAAmB,CAAC,QAAyC,EAAA;AAC3D,QAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;QACtC,MAAM,MAAM,GAAG,CAAA,EAAA,EAAK,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAA,CAAE,CAAC;AACtD,QAAA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;KACnC;AAED;;;AAGG;IACH,kBAAkB,GAAA;AAChB,QAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;AACtC,QAAA,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAC7C,MAAM,OAAO,GAA2B,EAAE,CAAC;;AAG3C,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC7C,YAAA,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;AAClC,YAAA,IAAI,QAAQ,CAAC,UAAU,CAAC,UAAU,CAAC;AAC/B,gBAAA,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC;AAC9B,gBAAA,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC;AAC5B,gBAAA,QAAQ,CAAC,UAAU,CAAC,WAAW,CAAC;AAChC,gBAAA,QAAQ,CAAC,UAAU,CAAC,WAAW,CAAC;AAChC,gBAAA,QAAQ,CAAC,UAAU,CAAC,WAAW,CAAC;AAChC,gBAAA,QAAQ,CAAC,UAAU,CAAC,eAAe,CAAC,EAAE;AACxC,gBAAA,OAAO,CAAC,QAAQ,CAAC,GAAG,aAAa,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC;aACrE;SACF;AAED,QAAA,OAAO,OAAO,CAAC;KAChB;AAED;;;;AAIG;AACH,IAAA,wBAAwB,CAAC,KAAgC,EAAA;AACvD,QAAA,IAAI;;YAEF,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,YAAY,CAAwC,CAAC;YACpG,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAwC,CAAC;AAE5E,YAAA,MAAM,WAAW,GAAG,YAAY,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;AAEzE,YAAA,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;AAC1B,gBAAA,OAAO,CAAC,IAAI,CAAC,gDAAgD,EAAE,WAAW,CAAC,CAAC;;gBAE5E,MAAM,aAAa,GAAG,EAAE,GAAG,aAAa,CAAC,YAAY,EAAE,GAAG,KAAK,EAAE,CAAC;AAClE,gBAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;AAC/B,gBAAA,OAAO,KAAK,CAAC;aACd;AAED,YAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AACvB,YAAA,OAAO,IAAI,CAAC;SACb;QAAC,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,4CAA4C,EAAE,KAAK,CAAC,CAAC;AACnE,YAAA,OAAO,KAAK,CAAC;SACd;KACF;AAED;;;;AAIG;AACK,IAAA,gBAAgB,CAAC,SAAiB,EAAA;QACxC,OAAO,SAAS,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;KAC3D;AAED;;;;AAIG;AACK,IAAA,gBAAgB,CAAC,SAAiB,EAAA;AACxC,QAAA,OAAO,SAAS,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC;KAChF;AAED;;;;AAIG;AACH,IAAA,iBAAiB,CAAC,UAAkB,EAAA;QAClC,OAAO;AACL,YAAA,IAAI,EAAE,UAAU;AAChB,YAAA,KAAK,EAAE,EAAE,GAAG,IAAI,CAAC,eAAe,EAAE,EAAE;SACrC,CAAC;KACH;AAED;;;AAGG;IACH,iBAAiB,GAAA;AACf,QAAA,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;KACxD;AAED;;;;AAIG;AACH,IAAA,mBAAmB,CAAC,UAAkB,EAAA;AACpC,QAAA,IAAI;YACF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAA8B,CAAC;AAClE,YAAA,OAAO,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;SAC7C;QAAC,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,uDAAuD,EAAE,KAAK,CAAC,CAAC;AAC9E,YAAA,OAAO,KAAK,CAAC;SACd;KACF;oHAzMU,mBAAmB,GAAA,CAAA,EAAA,CAAA,EAAA;uEAAnB,mBAAmB,EAAA,OAAA,EAAnB,mBAAmB,CAAA,IAAA,EAAA,UAAA,EAFlB,MAAM,EAAA,CAAA,CAAA,EAAA;;iFAEP,mBAAmB,EAAA,CAAA;cAH/B,UAAU;AAAC,QAAA,IAAA,EAAA,CAAA;AACV,gBAAA,UAAU,EAAE,MAAM;AACnB,aAAA,CAAA;;;MCEY,kBAAkB,CAAA;AAC7B,IAAA,WAAA,CAAoB,YAAiC,EAAA;QAAjC,IAAY,CAAA,YAAA,GAAZ,YAAY,CAAqB;;;KAGpD;mHAJU,kBAAkB,EAAA,EAAA,CAAA,QAAA,CAAAA,mBAAA,CAAA,CAAA,CAAA,EAAA,CAAA,EAAA;mEAAlB,kBAAkB,EAAA,CAAA,CAAA,EAAA;AAJlB,IAAA,SAAA,IAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,SAAA,EAAA;YACT,mBAAmB;AACpB,SAAA,EAAA,CAAA,CAAA,EAAA;;iFAEU,kBAAkB,EAAA,CAAA;cAL9B,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;AACR,gBAAA,SAAS,EAAE;oBACT,mBAAmB;AACpB,iBAAA;AACF,aAAA,CAAA;;;ACPD;;AAEG;;;;"}