@breadstone/mosaik-elements-foundation 0.0.206 → 0.0.209

package/Theming/Theme.js

@@ -0,0 +1,254 @@
+// #region Imports
+import { PureEventEmitter } from '@breadstone/mosaik-elements';
+// #endregion
+/**
+ * The `Theme` class.
+ *
+ * @public
+ */
+export class Theme {
+    // #region Fields
+    static _themeElements = [];
+    _themeChanged;
+    _schemeChanged;
+    _paletteChanged;
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the `Theme` class.
+     *
+     * @public
+     */
+    constructor() {
+        this._themeChanged = new PureEventEmitter();
+        this._schemeChanged = new PureEventEmitter();
+        this._paletteChanged = new PureEventEmitter();
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * @public
+     * @readonly
+     * @eventProperty
+     */
+    get themeChanged() {
+        return this._themeChanged;
+    }
+    /**
+     * @public
+     * @readonly
+     * @eventProperty
+     */
+    get schemeChanged() {
+        return this._schemeChanged;
+    }
+    /**
+     * @public
+     * @readonly
+     * @eventProperty
+     */
+    get paletteChanged() {
+        return this._paletteChanged;
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * @public
+     * @static
+     */
+    static register(element) {
+        Theme._themeElements.push(element);
+    }
+    /**
+     * @public
+     * @static
+     */
+    static unregister(element) {
+        const index = Theme._themeElements.indexOf(element);
+        if (index > -1) {
+            Theme._themeElements.splice(index, 1);
+        }
+    }
+    /**
+     * @public
+     */
+    getTheme() {
+        const current = Theme._themeElements.at(0)?.theme;
+        if (!current) {
+            throw new Error('No theme set.');
+        }
+        return current;
+    }
+    /**
+     * Gets the current theme name from the document element.
+     *
+     * @public
+     * @returns The current theme name or `null` if not set.
+     */
+    getDocumentTheme() {
+        return document.documentElement.getAttribute('theme');
+    }
+    /**
+     * Gets the current theme mode from the document element.
+     *
+     * @public
+     * @returns The current theme mode or `null` if not set.
+     */
+    getDocumentThemeMode() {
+        return document.documentElement.getAttribute('theme-mode');
+    }
+    /**
+     * Applies the specified theme.
+     *
+     * @public
+     * @param theme The theme to apply.
+     */
+    applyTheme(theme) {
+        Theme._themeElements.forEach((element) => {
+            element.applyTheme(theme);
+        });
+        this._themeChanged.emit({ theme: theme });
+    }
+    /**
+     * Applies the specified scheme.
+     *
+     * @public
+     * @param scheme The scheme to apply.
+     */
+    applyScheme(scheme) {
+        Theme._themeElements.forEach((element) => {
+            element.applyScheme(scheme);
+        });
+        this._schemeChanged.emit({ scheme: scheme });
+    }
+    /**
+     * Applies the specified palette.
+     *
+     * @public
+     * @param palette The palette to apply.
+     */
+    applyPalette(palette) {
+        Theme._themeElements.forEach((element) => {
+            element.applyPalette(palette);
+        });
+        this._paletteChanged.emit({ palette: palette });
+    }
+    /**
+     * Applies the specified font family.
+     *
+     * @public
+     * @param fontFamily The font family to apply.
+     */
+    applyFontFamily(fontFamily) {
+        Theme._themeElements.forEach((element) => {
+            element.applyFontFamily(fontFamily);
+        });
+    }
+    /**
+     * Applies the specified typography.
+     *
+     * @public
+     * @param typography The typography to apply.
+     */
+    applyTypography(typography) {
+        Theme._themeElements.forEach((element) => {
+            element.applyTypography(typography);
+        });
+    }
+    /**
+     * Applies the specified layout.
+     *
+     * @public
+     * @param layout The layout to apply.
+     */
+    applyLayout(layout) {
+        Theme._themeElements.forEach((element) => {
+            element.applyLayout(layout);
+        });
+    }
+    /**
+     * Applies the specified elevation.
+     *
+     * @public
+     * @param elevation The elevation to apply.
+     */
+    applyElevation(elevation) {
+        Theme._themeElements.forEach((element) => {
+            element.applyElevation(elevation);
+        });
+    }
+    /**
+     * Replaces the scheme with the specified key.
+     * This is useful when you want to replace a specific scheme in the theme.
+     *
+     * @public
+     * @param mode The theme mode to replace.
+     * @param scheme The scheme color roles to replace.
+     */
+    replaceScheme(mode, scheme) {
+        Theme._themeElements.forEach((element) => {
+            if (!element.theme?.scheme) {
+                return;
+            }
+            const currentScheme = element.theme.scheme;
+            const currentMode = currentScheme[mode];
+            const mergedMode = Object.assign({}, currentMode, scheme);
+            const updatedScheme = Object.assign({}, currentScheme, { [mode]: mergedMode });
+            element.applyScheme(updatedScheme);
+        });
+        this._schemeChanged.emit({
+            mode,
+            scheme
+        });
+    }
+    /**
+     * Replaces the palette with the specified key.
+     * This is useful when you want to replace a specific palette in the theme.
+     *
+     * @public
+     * @param mode The theme mode to replace.
+     * @param semantic The semantic color roles to replace.
+     */
+    replacePalette(mode, semantic) {
+        Theme._themeElements.forEach((element) => {
+            if (!element.theme?.palette) {
+                return;
+            }
+            const currentPalette = element.theme.palette;
+            const currentMode = currentPalette[mode];
+            const mergedMode = Object.assign({}, currentMode, semantic);
+            const updatedPalette = Object.assign({}, currentPalette, { [mode]: mergedMode });
+            element.applyPalette(updatedPalette);
+        });
+        this._paletteChanged.emit({
+            mode,
+            semantic
+        });
+    }
+}
+/**
+ * @public
+ */
+export class ThemeServiceLocator {
+    // #region Fields
+    static _current = null;
+    // #endregion
+    // #region Properties
+    static get current() {
+        if (!ThemeServiceLocator.isSet()) {
+            throw new Error('\'Theme\' not set.');
+        }
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        return ThemeServiceLocator._current;
+    }
+    // #endregion
+    // #region Methods
+    static isSet() {
+        return ThemeServiceLocator._current !== null;
+    }
+    static set(current) {
+        ThemeServiceLocator._current = current;
+    }
+}
+ThemeServiceLocator.set(new Theme());
+//# sourceMappingURL=Theme.js.map

package/Theming/Theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../src/Theming/Theme.ts"],"names":[],"mappings":"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"}

package/Theming/Theme2.d.ts

@@ -1,4 +1,4 @@
-import type { CssColor, ITheme, IThemePalette, ThemeMode } from '@breadstone/mosaik-themes';
+import type { ITheme, ThemeMode, ThemeScheme, ThemeSemantic } from '@breadstone/mosaik-themes';
 import type { Theme2Element } from './Theme2Element';
 import { type IEventEmitter, type IEventDetail } from '@breadstone/mosaik-elements';
 /**
@@ -49,68 +49,87 @@ export declare class Theme2 {
      * @public
      */
     getTheme(): ITheme;
-    getDocumentTheme(): string | null;
-    getDocumentThemeMode(): ThemeMode | null;
     /**
-     * Applies the specified scheme.
+     * Gets the current theme name from the document element.
      *
      * @public
+     * @returns The current theme name or `null` if not set.
      */
-    applyScheme(scheme: ITheme['scheme']): void;
+    getDocumentTheme(): string | null;
     /**
-     * Replaces the scheme with the specified key.
-     * This is useful when you want to replace a specific scheme in the theme.
+     * Gets the current theme mode from the document element.
      *
      * @public
+     * @returns The current theme mode or `null` if not set.
      */
-    replaceScheme(key: string, scheme: Record<string, CssColor>): void;
+    getDocumentThemeMode(): ThemeMode | null;
     /**
-     * Applies the specified palette.
+     * Applies the specified theme.
      *
      * @public
+     * @param theme The theme to apply.
      */
-    applyPalette(palette: ITheme['palette']): void;
+    applyTheme(theme: ITheme): void;
     /**
-     * Replaces the palette with the specified key.
-     * This is useful when you want to replace a specific palette in the theme.
+     * Applies the specified scheme.
      *
      * @public
+     * @param scheme The scheme to apply.
      */
-    replacePalette(key: string, palette: Record<string, IThemePalette | CssColor>): void;
+    applyScheme(scheme: ITheme['scheme']): void;
     /**
-     * Applies the specified font family.
+     * Applies the specified palette.
      *
      * @public
+     * @param palette The palette to apply.
      */
-    applyFontFamily(fontFamily: ITheme['fontFamily']): void;
+    applyPalette(palette: ITheme['palette']): void;
     /**
-     * Replaces the font family with the specified value.
-     * This is useful when you want to replace the font family in the theme.
+     * Applies the specified font family.
      *
      * @public
+     * @param fontFamily The font family to apply.
      */
-    replaceFontFamily(fontFamily: string): void;
+    applyFontFamily(fontFamily: ITheme['fontFamily']): void;
     /**
+     * Applies the specified typography.
+     *
      * @public
+     * @param typography The typography to apply.
      */
     applyTypography(typography: ITheme['typography']): void;
     /**
      * Applies the specified layout.
      *
      * @public
+     * @param layout The layout to apply.
      */
     applyLayout(layout: ITheme['layout']): void;
     /**
-     * Replaces the layout with the specified value.
-     * This is useful when you want to replace the layout in the theme.
+     * Applies the specified elevation.
+     *
+     * @public
+     * @param elevation The elevation to apply.
+     */
+    applyElevation(elevation: ITheme['elevation']): void;
+    /**
+     * Replaces the scheme with the specified key.
+     * This is useful when you want to replace a specific scheme in the theme.
      *
      * @public
+     * @param mode The theme mode to replace.
+     * @param scheme The scheme color roles to replace.
      */
-    replaceLayout(layout: ITheme['layout']): void;
+    replaceScheme(mode: ThemeMode, scheme: Partial<ThemeScheme>): void;
     /**
+     * Replaces the palette with the specified key.
+     * This is useful when you want to replace a specific palette in the theme.
+     *
      * @public
+     * @param mode The theme mode to replace.
+     * @param semantic The semantic color roles to replace.
      */
-    applyElevation(elevation: ITheme['elevation']): void;
+    replacePalette(mode: ThemeMode, semantic: Partial<ThemeSemantic>): void;
 }
 /**
  * @public

package/Theming/Theme2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Theme2.d.ts","sourceRoot":"","sources":["../../src/Theming/Theme2.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC5F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,YAAY,EAAoB,MAAM,6BAA6B,CAAC;AAItG;;;;GAIG;AACH,qBAAa,MAAM;IAIf,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAA4B;IAClE,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA8B;IAC5D,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA8B;IAC7D,OAAO,CAAC,QAAQ,CAAC,eAAe,CAA8B;IAM9D;;;;OAIG;;IAWH;;;;OAIG;IACH,IAAW,YAAY,IAAI,aAAa,CAAC,YAAY,CAAC,CAErD;IAED;;;;OAIG;IACH,IAAW,aAAa,IAAI,aAAa,CAAC,YAAY,CAAC,CAEtD;IAED;;;;OAIG;IACH,IAAW,cAAc,IAAI,aAAa,CAAC,YAAY,CAAC,CAEvD;IAMD;;;OAGG;WACW,QAAQ,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAIpD;;;OAGG;WACW,UAAU,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAOtD;;OAEG;IACI,QAAQ,IAAI,MAAM;IAUlB,gBAAgB,IAAI,MAAM,GAAG,IAAI;IAIjC,oBAAoB,IAAI,SAAS,GAAG,IAAI;IAI/C;;;;OAIG;IACI,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAI;IAQlD;;;;;OAKG;IACI,aAAa,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,IAAI;IASzE;;;;OAIG;IACI,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG,IAAI;IAQrD;;;;;OAKG;IACI,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,GAAG,QAAQ,CAAC,GAAG,IAAI;IAY3F;;;;OAIG;IACI,eAAe,CAAC,UAAU,EAAE,MAAM,CAAC,YAAY,CAAC,GAAG,IAAI;IAM9D;;;;;OAKG;IACI,iBAAiB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAMlD;;OAEG;IACI,eAAe,CAAC,UAAU,EAAE,MAAM,CAAC,YAAY,CAAC,GAAG,IAAI;IAM9D;;;;OAIG;IACI,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAI;IAMlD;;;;;OAKG;IACI,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAI;IAMpD;;OAEG;IACI,cAAc,CAAC,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,GAAG,IAAI;CAQ9D;AAED;;GAEG;AACH,qBAAa,oBAAoB;IAI7B,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAuB;IAM9C,WAAkB,OAAO,IAAI,MAAM,CAKlC;WAMa,KAAK,IAAI,OAAO;WAIhB,GAAG,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;CAM3C"}
+{"version":3,"file":"Theme2.d.ts","sourceRoot":"","sources":["../../src/Theming/Theme2.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC/F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,YAAY,EAAoB,MAAM,6BAA6B,CAAC;AAItG;;;;GAIG;AACH,qBAAa,MAAM;IAIf,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAA4B;IAClE,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA8B;IAC5D,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA8B;IAC7D,OAAO,CAAC,QAAQ,CAAC,eAAe,CAA8B;IAM9D;;;;OAIG;;IAWH;;;;OAIG;IACH,IAAW,YAAY,IAAI,aAAa,CAAC,YAAY,CAAC,CAErD;IAED;;;;OAIG;IACH,IAAW,aAAa,IAAI,aAAa,CAAC,YAAY,CAAC,CAEtD;IAED;;;;OAIG;IACH,IAAW,cAAc,IAAI,aAAa,CAAC,YAAY,CAAC,CAEvD;IAMD;;;OAGG;WACW,QAAQ,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAIpD;;;OAGG;WACW,UAAU,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAOtD;;OAEG;IACI,QAAQ,IAAI,MAAM;IAUzB;;;;;OAKG;IACI,gBAAgB,IAAI,MAAM,GAAG,IAAI;IAIxC;;;;;OAKG;IACI,oBAAoB,IAAI,SAAS,GAAG,IAAI;IAI/C;;;;;OAKG;IACI,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAQtC;;;;;OAKG;IACI,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAI;IAQlD;;;;;OAKG;IACI,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG,IAAI;IAQrD;;;;;OAKG;IACI,eAAe,CAAC,UAAU,EAAE,MAAM,CAAC,YAAY,CAAC,GAAG,IAAI;IAM9D;;;;;OAKG;IACI,eAAe,CAAC,UAAU,EAAE,MAAM,CAAC,YAAY,CAAC,GAAG,IAAI;IAM9D;;;;;OAKG;IACI,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAI;IAMlD;;;;;OAKG;IACI,cAAc,CAAC,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,GAAG,IAAI;IAM3D;;;;;;;OAOG;IACI,aAAa,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,IAAI;IAoBzE;;;;;;;OAOG;IACI,cAAc,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,IAAI;CAsBjF;AAED;;GAEG;AACH,qBAAa,oBAAoB;IAI7B,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAuB;IAM9C,WAAkB,OAAO,IAAI,MAAM,CAKlC;WAMa,KAAK,IAAI,OAAO;WAIhB,GAAG,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;CAM3C"}

package/Theming/Theme2.js

@@ -79,41 +79,53 @@ export class Theme2 {
         }
         return current;
     }
+    /**
+     * Gets the current theme name from the document element.
+     *
+     * @public
+     * @returns The current theme name or `null` if not set.
+     */
     getDocumentTheme() {
         return document.documentElement.getAttribute('theme');
     }
+    /**
+     * Gets the current theme mode from the document element.
+     *
+     * @public
+     * @returns The current theme mode or `null` if not set.
+     */
     getDocumentThemeMode() {
         return document.documentElement.getAttribute('theme-mode');
     }
     /**
-     * Applies the specified scheme.
+     * Applies the specified theme.
      *
      * @public
+     * @param theme The theme to apply.
      */
-    applyScheme(scheme) {
+    applyTheme(theme) {
         Theme2._themeElements.forEach((element) => {
-            element.applyScheme(scheme);
+            element.applyTheme(theme);
         });
-        this._schemeChanged.emit({ scheme: scheme });
+        this._themeChanged.emit({ theme: theme });
     }
     /**
-     * Replaces the scheme with the specified key.
-     * This is useful when you want to replace a specific scheme in the theme.
+     * Applies the specified scheme.
      *
      * @public
+     * @param scheme The scheme to apply.
      */
-    replaceScheme(key, scheme) {
+    applyScheme(scheme) {
         Theme2._themeElements.forEach((element) => {
-            element.applyScheme({
-                ...element.theme?.scheme,
-                [key]: scheme
-            });
+            element.applyScheme(scheme);
         });
+        this._schemeChanged.emit({ scheme: scheme });
     }
     /**
      * Applies the specified palette.
      *
      * @public
+     * @param palette The palette to apply.
      */
     applyPalette(palette) {
         Theme2._themeElements.forEach((element) => {
@@ -121,26 +133,11 @@ export class Theme2 {
         });
         this._paletteChanged.emit({ palette: palette });
     }
-    /**
-     * Replaces the palette with the specified key.
-     * This is useful when you want to replace a specific palette in the theme.
-     *
-     * @public
-     */
-    replacePalette(key, palette) {
-        Theme2._themeElements.forEach((element) => {
-            // element.theme.palette[key] = palette;
-            element.applyPalette({
-                ...element.theme?.palette,
-                [key]: palette
-            });
-        });
-        this._paletteChanged.emit({ palette: palette });
-    }
     /**
      * Applies the specified font family.
      *
      * @public
+     * @param fontFamily The font family to apply.
      */
     applyFontFamily(fontFamily) {
         Theme2._themeElements.forEach((element) => {
@@ -148,51 +145,84 @@ export class Theme2 {
         });
     }
     /**
-     * Replaces the font family with the specified value.
-     * This is useful when you want to replace the font family in the theme.
+     * Applies the specified typography.
      *
      * @public
+     * @param typography The typography to apply.
      */
-    replaceFontFamily(fontFamily) {
+    applyTypography(typography) {
         Theme2._themeElements.forEach((element) => {
-            element.applyFontFamily(fontFamily);
+            element.applyTypography(typography);
         });
     }
     /**
+     * Applies the specified layout.
+     *
      * @public
+     * @param layout The layout to apply.
      */
-    applyTypography(typography) {
+    applyLayout(layout) {
         Theme2._themeElements.forEach((element) => {
-            element.applyTypography(typography);
+            element.applyLayout(layout);
         });
     }
     /**
-     * Applies the specified layout.
+     * Applies the specified elevation.
      *
      * @public
+     * @param elevation The elevation to apply.
      */
-    applyLayout(layout) {
+    applyElevation(elevation) {
         Theme2._themeElements.forEach((element) => {
-            element.applyLayout(layout);
+            element.applyElevation(elevation);
         });
     }
     /**
-     * Replaces the layout with the specified value.
-     * This is useful when you want to replace the layout in the theme.
+     * Replaces the scheme with the specified key.
+     * This is useful when you want to replace a specific scheme in the theme.
      *
      * @public
+     * @param mode The theme mode to replace.
+     * @param scheme The scheme color roles to replace.
      */
-    replaceLayout(layout) {
+    replaceScheme(mode, scheme) {
         Theme2._themeElements.forEach((element) => {
-            element.applyLayout(layout);
+            if (!element.theme?.scheme) {
+                return;
+            }
+            const currentScheme = element.theme.scheme;
+            const currentMode = currentScheme[mode];
+            const mergedMode = Object.assign({}, currentMode, scheme);
+            const updatedScheme = Object.assign({}, currentScheme, { [mode]: mergedMode });
+            element.applyScheme(updatedScheme);
+        });
+        this._schemeChanged.emit({
+            mode,
+            scheme
         });
     }
     /**
+     * Replaces the palette with the specified key.
+     * This is useful when you want to replace a specific palette in the theme.
+     *
      * @public
+     * @param mode The theme mode to replace.
+     * @param semantic The semantic color roles to replace.
      */
-    applyElevation(elevation) {
+    replacePalette(mode, semantic) {
         Theme2._themeElements.forEach((element) => {
-            element.applyElevation(elevation);
+            if (!element.theme?.palette) {
+                return;
+            }
+            const currentPalette = element.theme.palette;
+            const currentMode = currentPalette[mode];
+            const mergedMode = Object.assign({}, currentMode, semantic);
+            const updatedPalette = Object.assign({}, currentPalette, { [mode]: mergedMode });
+            element.applyPalette(updatedPalette);
+        });
+        this._paletteChanged.emit({
+            mode,
+            semantic
         });
     }
 }

package/Theming/Theme2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Theme2.js","sourceRoot":"","sources":["../../src/Theming/Theme2.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Theme2.js","sourceRoot":"","sources":["../../src/Theming/Theme2.ts"],"names":[],"mappings":"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"}

package/Theming/Theme2Element.d.ts

@@ -1,12 +1,12 @@
 import { ITheme } from '@breadstone/mosaik-themes';
 import { CustomElement } from '../Controls/Components/Abstracts/CustomElement';
-import { ITheme2ElementProps } from './ITheme2ElementProps';
+import { IThemeElementProps } from './IThemeElementProps';
 /**
  * The `{@link Theme2Element}` element.
  *
  * @public
  */
-export declare class Theme2Element extends CustomElement implements ITheme2ElementProps {
+export declare class Theme2Element extends CustomElement implements IThemeElementProps {
     private _theme;
     private _isInline;
     private readonly _globalStyleSheet;
@@ -52,16 +52,32 @@ export declare class Theme2Element extends CustomElement implements ITheme2Eleme
      */
     protected onThemePropertyChanged(prev?: ITheme, next?: ITheme): void;
     /**
+     * Converts a camelCase string to kebab-case.
+     *
+     * @private
+     */
+    private toKebabCase;
+    /**
+     * Gets the current theme name or empty string.
+     *
      * @private
      */
-    private setGlobalVariable;
+    private getThemeName;
     /**
+     * Sets a CSS variable both locally on this element and globally.
+     *
+     * @private
+     */
+    private setCssVariable;
+    /**
+     * Normalizes a CssLength value to a px string.
+     *
      * @private
      */
-    private applyTheme;
+    private normalizeCssLength;
 }
 export declare namespace Theme2Element {
-    type Props = ITheme2ElementProps;
+    type Props = IThemeElementProps;
 }
 /**
  * @public

package/Theming/Theme2Element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Theme2Element.d.ts","sourceRoot":"","sources":["../../src/Theming/Theme2Element.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,MAAM,EAA2C,MAAM,2BAA2B,CAAC;AAEvG,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAQ/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAK5D;;;;GAIG;AACH,qBAMa,aACT,SAAQ,aACR,YAAW,mBAAmB;IAI9B,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAmB;IAMrD;;OAEG;;IAeH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAMD;;;;OAIG;IACH,IACW,KAAK,IAAI,MAAM,GAAG,IAAI,CAEhC;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAWpC;IAED;;;;OAIG;IACH,IACW,QAAQ,IAAI,OAAO,CAE7B;IACD,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAKjC;IAMD;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAOzC;;;OAGG;IACa,oBAAoB,IAAI,IAAI;IAyI5C;;OAEG;IAEH,SAAS,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI;IAMpE;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAKzB;;OAEG;IACH,OAAO,CAAC,UAAU;CAerB;AAED,yBAAiB,aAAa,CAAC;IAC3B,KAAY,KAAK,GAAG,mBAAmB,CAAC;CAC3C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,aAAa,CAAC;KAClC;CACJ"}
+{"version":3,"file":"Theme2Element.d.ts","sourceRoot":"","sources":["../../src/Theming/Theme2Element.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,MAAM,EAAgB,MAAM,2BAA2B,CAAC;AAE5E,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAQ/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAK1D;;;;GAIG;AACH,qBAMa,aACT,SAAQ,aACR,YAAW,kBAAkB;IAI7B,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAmB;IAMrD;;OAEG;;IAeH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,KAAK,IAAI,MAAM,GAAG,IAAI,CAEhC;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAKpC;IAED;;;;OAIG;IACH,IACW,QAAQ,IAAI,OAAO,CAE7B;IACD,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAKjC;IAMD;;;OAGG;IACa,iBAAiB,IAAI,IAAI;IAOzC;;;OAGG;IACa,oBAAoB,IAAI,IAAI;IAgJ5C;;OAEG;IAEH,SAAS,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI;IAMpE;;;;OAIG;IACH,OAAO,CAAC,WAAW;IAOnB;;;;OAIG;IACH,OAAO,CAAC,YAAY;IAIpB;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAMtB;;;;OAIG;IACH,OAAO,CAAC,kBAAkB;CAkB7B;AAED,yBAAiB,aAAa,CAAC;IAC3B,KAAY,KAAK,GAAG,kBAAkB,CAAC;CAC1C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,aAAa,CAAC;KAClC;CACJ"}