@ui5/webcomponents-base 0.0.0-a3eca7ade → 0.0.0-a8a75c830

package/dist/theming/applyTheme.js

@@ -3,77 +3,89 @@ import { removeStyle, createOrUpdateStyle } from "../ManagedStyles.js";
 import getThemeDesignerTheme from "./getThemeDesignerTheme.js";
 import { fireThemeLoaded } from "./ThemeLoaded.js";
 import { getFeature } from "../FeaturesRegistry.js";
-
-const BASE_THEME_PACKAGE = "@ui5/webcomponents-theming";
-
+import { attachCustomThemeStylesToHead, getThemeRoot } from "../config/ThemeRoot.js";
+import { setBaseTheme } from "../config/Theme.js";
+import { DEFAULT_THEME } from "../generated/AssetParameters.js";
+import { getCurrentRuntimeIndex } from "../Runtimes.js";
+import { updateComponentStyles } from "./componentStyles.js";
+// eslint-disable-next-line
+export let _lib = "ui5";
+// eslint-disable-next-line
+export let _package = "webcomponents-theming";
+// eslint-disable-next-line
+const BASE_THEME_PACKAGE = "@" + _lib + "/" + _package;
 const isThemeBaseRegistered = () => {
-	const registeredPackages = getRegisteredPackages();
-	return registeredPackages.has(BASE_THEME_PACKAGE);
+    const registeredPackages = getRegisteredPackages();
+    return registeredPackages.has(BASE_THEME_PACKAGE);
 };
-
-const loadThemeBase = async theme => {
-	if (!isThemeBaseRegistered()) {
-		return;
-	}
-
-	const cssData = await getThemeProperties(BASE_THEME_PACKAGE, theme);
-	if (cssData) {
-		createOrUpdateStyle(cssData, "data-ui5-theme-properties", BASE_THEME_PACKAGE);
-	}
+const loadThemeBase = async (theme) => {
+    if (!isThemeBaseRegistered()) {
+        return;
+    }
+    const cssData = await getThemeProperties(BASE_THEME_PACKAGE, theme);
+    if (cssData) {
+        createOrUpdateStyle(cssData, "data-ui5-theme-properties", BASE_THEME_PACKAGE, theme);
+    }
 };
-
 const deleteThemeBase = () => {
-	removeStyle("data-ui5-theme-properties", BASE_THEME_PACKAGE);
+    removeStyle("data-ui5-theme-properties", BASE_THEME_PACKAGE);
 };
-
-const loadComponentPackages = async theme => {
-	const registeredPackages = getRegisteredPackages();
-	registeredPackages.forEach(async packageName => {
-		if (packageName === BASE_THEME_PACKAGE) {
-			return;
-		}
-
-		const cssData = await getThemeProperties(packageName, theme);
-		if (cssData) {
-			createOrUpdateStyle(cssData, "data-ui5-theme-properties", packageName);
-		}
-	});
+const loadComponentPackages = async (theme, externalThemeName) => {
+    const registeredPackages = getRegisteredPackages();
+    const packagesStylesPromises = [...registeredPackages.entries()].map(async ([packageName, { cssVariablesTarget }]) => {
+        if (packageName === BASE_THEME_PACKAGE) {
+            return;
+        }
+        const cssData = await getThemeProperties(packageName, theme, externalThemeName);
+        if (cssData) {
+            if (cssVariablesTarget === "root") {
+                createOrUpdateStyle(cssData, `data-ui5-component-properties-${getCurrentRuntimeIndex()}`, packageName);
+            }
+            else if (cssVariablesTarget === "host") {
+                updateComponentStyles(packageName, cssData);
+            }
+        }
+    });
+    return Promise.all(packagesStylesPromises);
 };
-
-const detectExternalTheme = () => {
-	// If theme designer theme is detected, use this
-	const extTheme = getThemeDesignerTheme();
-	if (extTheme) {
-		return extTheme;
-	}
-
-	// If OpenUI5Support is enabled, try to find out if it loaded variables
-	const OpenUI5Support = getFeature("OpenUI5Support");
-	if (OpenUI5Support) {
-		const varsLoaded = OpenUI5Support.cssVariablesLoaded();
-		if (varsLoaded) {
-			return {
-				themeName: OpenUI5Support.getConfigurationSettingsObject().theme, // just themeName, baseThemeName is only relevant for custom themes
-			};
-		}
-	}
+const detectExternalTheme = async (theme) => {
+    // If theme designer theme is detected, use this
+    const extTheme = getThemeDesignerTheme();
+    if (extTheme) {
+        return extTheme;
+    }
+    // If OpenUI5Support is enabled, try to find out if it loaded variables
+    const openUI5Support = getFeature("OpenUI5Support");
+    if (openUI5Support && openUI5Support.isOpenUI5Detected()) {
+        const varsLoaded = openUI5Support.cssVariablesLoaded();
+        if (varsLoaded) {
+            return {
+                themeName: openUI5Support.getConfigurationSettingsObject()?.theme, // just themeName
+                baseThemeName: "", // baseThemeName is only relevant for custom themes
+            };
+        }
+    }
+    else if (getThemeRoot()) {
+        await attachCustomThemeStylesToHead(theme);
+        return getThemeDesignerTheme();
+    }
 };
-
-const applyTheme = async theme => {
-	const extTheme = detectExternalTheme();
-
-	// Only load theme_base properties if there is no externally loaded theme, or there is, but it is not being loaded
-	if (!extTheme || theme !== extTheme.themeName) {
-		await loadThemeBase(theme);
-	} else {
-		deleteThemeBase();
-	}
-
-	// Always load component packages properties. For non-registered themes, try with the base theme, if any
-	const packagesTheme = isThemeRegistered(theme) ? theme : extTheme && extTheme.baseThemeName;
-	await loadComponentPackages(packagesTheme);
-
-	fireThemeLoaded(theme);
+const applyTheme = async (theme) => {
+    const extTheme = await detectExternalTheme(theme);
+    // Only load theme_base properties if there is no externally loaded theme, or there is, but it is not being loaded
+    if (!extTheme || theme !== extTheme.themeName) {
+        await loadThemeBase(theme);
+    }
+    else {
+        deleteThemeBase();
+    }
+    // Always load component packages properties. For non-registered themes, try with the base theme, if any
+    const externalThemeName = extTheme && extTheme.themeName === theme ? theme : undefined;
+    const baseThemeName = extTheme && extTheme.baseThemeName;
+    const effectiveThemeName = isThemeRegistered(theme) ? theme : (baseThemeName || DEFAULT_THEME);
+    await loadComponentPackages(effectiveThemeName, externalThemeName);
+    setBaseTheme(baseThemeName);
+    fireThemeLoaded(theme);
 };
-
 export default applyTheme;
+//# sourceMappingURL=applyTheme.js.map

package/dist/theming/applyTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyTheme.js","sourceRoot":"","sources":["../../src/theming/applyTheme.ts"],"names":[],"mappings":"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","sourcesContent":["import { getThemeProperties, getRegisteredPackages, isThemeRegistered } from \"../asset-registries/Themes.js\";\nimport { removeStyle, createOrUpdateStyle } from \"../ManagedStyles.js\";\nimport getThemeDesignerTheme from \"./getThemeDesignerTheme.js\";\nimport { fireThemeLoaded } from \"./ThemeLoaded.js\";\nimport { getFeature } from \"../FeaturesRegistry.js\";\nimport { attachCustomThemeStylesToHead, getThemeRoot } from \"../config/ThemeRoot.js\";\nimport { setBaseTheme } from \"../config/Theme.js\";\nimport type OpenUI5Support from \"../features/OpenUI5Support.js\";\nimport { DEFAULT_THEME } from \"../generated/AssetParameters.js\";\nimport { getCurrentRuntimeIndex } from \"../Runtimes.js\";\nimport { updateComponentStyles } from \"./componentStyles.js\";\n\n// eslint-disable-next-line\nexport let _lib = \"ui5\";\n// eslint-disable-next-line\nexport let _package = \"webcomponents-theming\";\n// eslint-disable-next-line\nconst BASE_THEME_PACKAGE = \"@\" + _lib + \"/\" + _package;\n\nconst isThemeBaseRegistered = () => {\n\tconst registeredPackages = getRegisteredPackages();\n\treturn registeredPackages.has(BASE_THEME_PACKAGE);\n};\n\nconst loadThemeBase = async (theme: string) => {\n\tif (!isThemeBaseRegistered()) {\n\t\treturn;\n\t}\n\n\tconst cssData = await getThemeProperties(BASE_THEME_PACKAGE, theme);\n\tif (cssData) {\n\t\tcreateOrUpdateStyle(cssData, \"data-ui5-theme-properties\", BASE_THEME_PACKAGE, theme);\n\t}\n};\n\nconst deleteThemeBase = () => {\n\tremoveStyle(\"data-ui5-theme-properties\", BASE_THEME_PACKAGE);\n};\n\nconst loadComponentPackages = async (theme: string, externalThemeName?: string) => {\n\tconst registeredPackages = getRegisteredPackages();\n\n\tconst packagesStylesPromises = [...registeredPackages.entries()].map(async ([packageName, { cssVariablesTarget }]) => {\n\t\tif (packageName === BASE_THEME_PACKAGE) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst cssData = await getThemeProperties(packageName, theme, externalThemeName);\n\t\tif (cssData) {\n\t\t\tif (cssVariablesTarget === \"root\") {\n\t\t\t\tcreateOrUpdateStyle(cssData, `data-ui5-component-properties-${getCurrentRuntimeIndex()}`, packageName);\n\t\t\t} else if (cssVariablesTarget === \"host\") {\n\t\t\t\tupdateComponentStyles(packageName, cssData);\n\t\t\t}\n\t\t}\n\t});\n\n\treturn Promise.all(packagesStylesPromises);\n};\n\nconst detectExternalTheme = async (theme: string) => {\n\t// If theme designer theme is detected, use this\n\tconst extTheme = getThemeDesignerTheme();\n\tif (extTheme) {\n\t\treturn extTheme;\n\t}\n\n\t// If OpenUI5Support is enabled, try to find out if it loaded variables\n\tconst openUI5Support = getFeature<typeof OpenUI5Support>(\"OpenUI5Support\");\n\tif (openUI5Support && openUI5Support.isOpenUI5Detected()) {\n\t\tconst varsLoaded = openUI5Support.cssVariablesLoaded();\n\t\tif (varsLoaded) {\n\t\t\treturn {\n\t\t\t\tthemeName: openUI5Support.getConfigurationSettingsObject()?.theme, // just themeName\n\t\t\t\tbaseThemeName: \"\", // baseThemeName is only relevant for custom themes\n\t\t\t};\n\t\t}\n\t} else if (getThemeRoot()) {\n\t\tawait attachCustomThemeStylesToHead(theme);\n\n\t\treturn getThemeDesignerTheme();\n\t}\n};\n\nconst applyTheme = async (theme: string) => {\n\tconst extTheme = await detectExternalTheme(theme);\n\n\t// Only load theme_base properties if there is no externally loaded theme, or there is, but it is not being loaded\n\tif (!extTheme || theme !== extTheme.themeName) {\n\t\tawait loadThemeBase(theme);\n\t} else {\n\t\tdeleteThemeBase();\n\t}\n\n\t// Always load component packages properties. For non-registered themes, try with the base theme, if any\n\tconst externalThemeName = extTheme && extTheme.themeName === theme ? theme : undefined;\n\tconst baseThemeName = extTheme && extTheme.baseThemeName;\n\tconst effectiveThemeName = isThemeRegistered(theme) ? theme : (baseThemeName || DEFAULT_THEME);\n\n\tawait loadComponentPackages(effectiveThemeName, externalThemeName);\n\n\tsetBaseTheme(baseThemeName);\n\tfireThemeLoaded(theme);\n};\n\nexport default applyTheme;\n"]}

package/dist/theming/componentStyles.d.ts

@@ -0,0 +1,3 @@
+declare const getComponentStyles: () => CSSStyleSheet;
+declare const updateComponentStyles: (packageName: string, content: string) => void;
+export { getComponentStyles, updateComponentStyles, };

package/dist/theming/componentStyles.js

@@ -0,0 +1,15 @@
+const packageMap = new Map();
+let componentsStyleSheet;
+const getComponentStyles = () => {
+    if (!componentsStyleSheet) {
+        componentsStyleSheet = new CSSStyleSheet();
+    }
+    return componentsStyleSheet;
+};
+const updateComponentStyles = (packageName, content) => {
+    packageMap.set(packageName, content);
+    const combinedStyles = Array.from(packageMap.values()).join("\n");
+    getComponentStyles().replaceSync(combinedStyles);
+};
+export { getComponentStyles, updateComponentStyles, };
+//# sourceMappingURL=componentStyles.js.map

package/dist/theming/componentStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentStyles.js","sourceRoot":"","sources":["../../src/theming/componentStyles.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,GAAG,IAAI,GAAG,EAAkB,CAAC;AAC7C,IAAI,oBAAmC,CAAC;AAExC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC/B,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC3B,oBAAoB,GAAG,IAAI,aAAa,EAAE,CAAC;IAC5C,CAAC;IAED,OAAO,oBAAoB,CAAC;AAC7B,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAAG,CAAC,WAAmB,EAAE,OAAe,EAAE,EAAE;IACtE,UAAU,CAAC,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IAErC,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAClE,kBAAkB,EAAE,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;AAClD,CAAC,CAAC;AAEF,OAAO,EACN,kBAAkB,EAClB,qBAAqB,GACrB,CAAC","sourcesContent":["const packageMap = new Map<string, string>();\nlet componentsStyleSheet: CSSStyleSheet;\n\nconst getComponentStyles = () => {\n\tif (!componentsStyleSheet) {\n\t\tcomponentsStyleSheet = new CSSStyleSheet();\n\t}\n\n\treturn componentsStyleSheet;\n};\n\nconst updateComponentStyles = (packageName: string, content: string) => {\n\tpackageMap.set(packageName, content);\n\n\tconst combinedStyles = Array.from(packageMap.values()).join(\"\\n\");\n\tgetComponentStyles().replaceSync(combinedStyles);\n};\n\nexport {\n\tgetComponentStyles,\n\tupdateComponentStyles,\n};\n"]}

package/dist/theming/getConstructableStyle.d.ts

@@ -0,0 +1,9 @@
+import type UI5Element from "../UI5Element.js";
+/**
+ * Returns (and caches) a constructable style sheet for a web component class
+ * Note: Chrome
+ * @param ElementClass
+ * @returns {*}
+ */
+declare const getConstructableStyle: (ElementClass: typeof UI5Element) => CSSStyleSheet[];
+export default getConstructableStyle;

package/dist/theming/getConstructableStyle.js

@@ -1,30 +1,25 @@
 import getEffectiveStyle from "./getEffectiveStyle.js";
 import { attachCustomCSSChange } from "./CustomStyle.js";
-
 const constructableStyleMap = new Map();
-
-attachCustomCSSChange(tag => {
-	constructableStyleMap.delete(`${tag}_normal`); // there is custom CSS only for the component itself, not for its static area part
+attachCustomCSSChange((tag) => {
+    constructableStyleMap.delete(`${tag}_normal`); // there is custom CSS only for the component itself, not for its static area part
 });
-
 /**
  * Returns (and caches) a constructable style sheet for a web component class
  * Note: Chrome
  * @param ElementClass
  * @returns {*}
  */
-const getConstructableStyle = (ElementClass, forStaticArea = false) => {
-	const tag = ElementClass.getMetadata().getTag();
-	const key = `${tag}_${forStaticArea ? "static" : "normal"}`;
-
-	if (!constructableStyleMap.has(key)) {
-		const styleContent = getEffectiveStyle(ElementClass, forStaticArea);
-		const style = new CSSStyleSheet();
-		style.replaceSync(styleContent);
-		constructableStyleMap.set(key, [style]);
-	}
-
-	return constructableStyleMap.get(key);
+const getConstructableStyle = (ElementClass) => {
+    const tag = ElementClass.getMetadata().getTag();
+    const key = `${tag}_normal`;
+    if (!constructableStyleMap.has(key)) {
+        const styleContent = getEffectiveStyle(ElementClass);
+        const style = new CSSStyleSheet();
+        style.replaceSync(styleContent);
+        constructableStyleMap.set(key, [style]);
+    }
+    return constructableStyleMap.get(key);
 };
-
 export default getConstructableStyle;
+//# sourceMappingURL=getConstructableStyle.js.map

package/dist/theming/getConstructableStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getConstructableStyle.js","sourceRoot":"","sources":["../../src/theming/getConstructableStyle.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAGzD,MAAM,qBAAqB,GAAG,IAAI,GAAG,EAAgC,CAAC;AAEtE,qBAAqB,CAAC,CAAC,GAAW,EAAE,EAAE;IACrC,qBAAqB,CAAC,MAAM,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,kFAAkF;AAClI,CAAC,CAAC,CAAC;AAEH;;;;;GAKG;AACH,MAAM,qBAAqB,GAAG,CAAC,YAA+B,EAAE,EAAE;IACjE,MAAM,GAAG,GAAG,YAAY,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC;IAChD,MAAM,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC;IAE5B,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;QACrC,MAAM,YAAY,GAAG,iBAAiB,CAAC,YAAY,CAAC,CAAC;QACrD,MAAM,KAAK,GAAG,IAAI,aAAa,EAAE,CAAC;QAClC,KAAK,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QAChC,qBAAqB,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACzC,CAAC;IAED,OAAO,qBAAqB,CAAC,GAAG,CAAC,GAAG,CAAE,CAAC;AACxC,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import getEffectiveStyle from \"./getEffectiveStyle.js\";\nimport { attachCustomCSSChange } from \"./CustomStyle.js\";\nimport type UI5Element from \"../UI5Element.js\";\n\nconst constructableStyleMap = new Map<string, Array<CSSStyleSheet>>();\n\nattachCustomCSSChange((tag: string) => {\n\tconstructableStyleMap.delete(`${tag}_normal`); // there is custom CSS only for the component itself, not for its static area part\n});\n\n/**\n * Returns (and caches) a constructable style sheet for a web component class\n * Note: Chrome\n * @param ElementClass\n * @returns {*}\n */\nconst getConstructableStyle = (ElementClass: typeof UI5Element) => {\n\tconst tag = ElementClass.getMetadata().getTag();\n\tconst key = `${tag}_normal`;\n\n\tif (!constructableStyleMap.has(key)) {\n\t\tconst styleContent = getEffectiveStyle(ElementClass);\n\t\tconst style = new CSSStyleSheet();\n\t\tstyle.replaceSync(styleContent);\n\t\tconstructableStyleMap.set(key, [style]);\n\t}\n\n\treturn constructableStyleMap.get(key)!;\n};\n\nexport default getConstructableStyle;\n"]}

package/dist/theming/getEffectiveStyle.d.ts

@@ -0,0 +1,3 @@
+import type UI5Element from "../UI5Element.js";
+declare const getEffectiveStyle: (ElementClass: typeof UI5Element) => string;
+export default getEffectiveStyle;

package/dist/theming/getEffectiveStyle.js

@@ -1,30 +1,25 @@
 import { getCustomCSS, attachCustomCSSChange } from "./CustomStyle.js";
 import getStylesString from "./getStylesString.js";
-
+import { getFeature } from "../FeaturesRegistry.js";
 const effectiveStyleMap = new Map();
-
-attachCustomCSSChange(tag => {
-	effectiveStyleMap.delete(`${tag}_normal`); // there is custom CSS only for the component itself, not for its static area part
+attachCustomCSSChange((tag) => {
+    effectiveStyleMap.delete(`${tag}_normal`); // there is custom CSS only for the component itself, not for its static area part
 });
-
-const getEffectiveStyle = (ElementClass, forStaticArea = false) => {
-	const tag = ElementClass.getMetadata().getTag();
-	const key = `${tag}_${forStaticArea ? "static" : "normal"}`;
-
-	if (!effectiveStyleMap.has(key)) {
-		let effectiveStyle;
-
-		if (forStaticArea) {
-			effectiveStyle = getStylesString(ElementClass.staticAreaStyles);
-		} else {
-			const customStyle = getCustomCSS(tag) || "";
-			const builtInStyles = getStylesString(ElementClass.styles);
-			effectiveStyle = `${builtInStyles} ${customStyle}`;
-		}
-		effectiveStyleMap.set(key, effectiveStyle);
-	}
-
-	return effectiveStyleMap.get(key);
+const getEffectiveStyle = (ElementClass) => {
+    const tag = ElementClass.getMetadata().getTag();
+    const key = `${tag}_normal`;
+    const openUI5Enablement = getFeature("OpenUI5Enablement");
+    if (!effectiveStyleMap.has(key)) {
+        let busyIndicatorStyles = "";
+        if (openUI5Enablement) {
+            busyIndicatorStyles = getStylesString(openUI5Enablement.getBusyIndicatorStyles());
+        }
+        const customStyle = getCustomCSS(tag) || "";
+        const builtInStyles = getStylesString(ElementClass.styles);
+        const effectiveStyle = `${builtInStyles} ${customStyle} ${busyIndicatorStyles}`;
+        effectiveStyleMap.set(key, effectiveStyle);
+    }
+    return effectiveStyleMap.get(key); // The key is guaranteed to exist
 };
-
 export default getEffectiveStyle;
+//# sourceMappingURL=getEffectiveStyle.js.map

package/dist/theming/getEffectiveStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getEffectiveStyle.js","sourceRoot":"","sources":["../../src/theming/getEffectiveStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACvE,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAIpD,MAAM,iBAAiB,GAAG,IAAI,GAAG,EAAkB,CAAC;AAEpD,qBAAqB,CAAC,CAAC,GAAW,EAAE,EAAE;IACrC,iBAAiB,CAAC,MAAM,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,kFAAkF;AAC9H,CAAC,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,CAAC,YAA+B,EAAE,EAAE;IAC7D,MAAM,GAAG,GAAG,YAAY,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC;IAChD,MAAM,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC;IAC5B,MAAM,iBAAiB,GAAG,UAAU,CAA2B,mBAAmB,CAAC,CAAC;IAEpF,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;QACjC,IAAI,mBAAmB,GAAG,EAAE,CAAC;QAE7B,IAAI,iBAAiB,EAAE,CAAC;YACvB,mBAAmB,GAAG,eAAe,CAAC,iBAAiB,CAAC,sBAAsB,EAAE,CAAC,CAAC;QACnF,CAAC;QAED,MAAM,WAAW,GAAG,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;QAC5C,MAAM,aAAa,GAAG,eAAe,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;QAE3D,MAAM,cAAc,GAAG,GAAG,aAAa,IAAI,WAAW,IAAI,mBAAmB,EAAE,CAAC;QAChF,iBAAiB,CAAC,GAAG,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC;IAC5C,CAAC;IAED,OAAO,iBAAiB,CAAC,GAAG,CAAC,GAAG,CAAE,CAAC,CAAC,iCAAiC;AACtE,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import { getCustomCSS, attachCustomCSSChange } from \"./CustomStyle.js\";\nimport getStylesString from \"./getStylesString.js\";\nimport { getFeature } from \"../FeaturesRegistry.js\";\nimport type UI5Element from \"../UI5Element.js\";\nimport type OpenUI5Enablement from \"../features/OpenUI5Enablement.js\";\n\nconst effectiveStyleMap = new Map<string, string>();\n\nattachCustomCSSChange((tag: string) => {\n\teffectiveStyleMap.delete(`${tag}_normal`); // there is custom CSS only for the component itself, not for its static area part\n});\n\nconst getEffectiveStyle = (ElementClass: typeof UI5Element) => {\n\tconst tag = ElementClass.getMetadata().getTag();\n\tconst key = `${tag}_normal`;\n\tconst openUI5Enablement = getFeature<typeof OpenUI5Enablement>(\"OpenUI5Enablement\");\n\n\tif (!effectiveStyleMap.has(key)) {\n\t\tlet busyIndicatorStyles = \"\";\n\n\t\tif (openUI5Enablement) {\n\t\t\tbusyIndicatorStyles = getStylesString(openUI5Enablement.getBusyIndicatorStyles());\n\t\t}\n\n\t\tconst customStyle = getCustomCSS(tag) || \"\";\n\t\tconst builtInStyles = getStylesString(ElementClass.styles);\n\n\t\tconst effectiveStyle = `${builtInStyles} ${customStyle} ${busyIndicatorStyles}`;\n\t\teffectiveStyleMap.set(key, effectiveStyle);\n\t}\n\n\treturn effectiveStyleMap.get(key)!; // The key is guaranteed to exist\n};\n\nexport default getEffectiveStyle;\n"]}

package/dist/theming/getStylesString.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentStylesData } from "../types.js";
+declare const getStylesString: (styles: ComponentStylesData) => string;
+export default getStylesString;

package/dist/theming/getStylesString.js

@@ -1,15 +1,9 @@
-const getStylesString = styles => {
-	if (Array.isArray(styles)) {
-		return flatten(styles.filter(style => !!style)).map(style => {
-			return typeof style === "string" ? style : style.content;
-		}).join(" ");
-	}
-
-	return typeof styles === "string" ? styles : styles.content;
+const MAX_DEPTH_INHERITED_CLASSES = 10; // TypeScript complains about Infinity and big numbers
+const getStylesString = (styles) => {
+    if (Array.isArray(styles)) {
+        return styles.filter(style => !!style).flat(MAX_DEPTH_INHERITED_CLASSES).join(" ");
+    }
+    return styles;
 };
-
-const flatten = arr => {
-	return arr.reduce((acc, val) => acc.concat(Array.isArray(val) ? flatten(val) : val), []);
-};
-
 export default getStylesString;
+//# sourceMappingURL=getStylesString.js.map

package/dist/theming/getStylesString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getStylesString.js","sourceRoot":"","sources":["../../src/theming/getStylesString.ts"],"names":[],"mappings":"AAEA,MAAM,2BAA2B,GAAG,EAAE,CAAC,CAAC,sDAAsD;AAE9F,MAAM,eAAe,GAAG,CAAC,MAA2B,EAAE,EAAE;IACvD,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QAC3B,OAAQ,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,2BAA2B,CAAmB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACvG,CAAC;IAED,OAAO,MAAM,CAAC;AACf,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import type { ComponentStylesData } from \"../types.js\";\n\nconst MAX_DEPTH_INHERITED_CLASSES = 10; // TypeScript complains about Infinity and big numbers\n\nconst getStylesString = (styles: ComponentStylesData) => {\n\tif (Array.isArray(styles)) {\n\t\treturn (styles.filter(style => !!style).flat(MAX_DEPTH_INHERITED_CLASSES) as Array<string>).join(\" \");\n\t}\n\n\treturn styles;\n};\n\nexport default getStylesString;\n"]}

package/dist/theming/getThemeDesignerTheme.d.ts

@@ -0,0 +1,7 @@
+type ThemeDescriptor = {
+    themeName: string;
+    baseThemeName?: string;
+};
+declare const getThemeDesignerTheme: () => ThemeDescriptor | undefined;
+export default getThemeDesignerTheme;
+export type { ThemeDescriptor };

package/dist/theming/getThemeDesignerTheme.js

@@ -1,87 +1,81 @@
 const warnings = new Set();
-
 const getThemeMetadata = () => {
-	// Check if the class was already applied, most commonly to the link/style tag with the CSS Variables
-	let el = document.querySelector(".sapThemeMetaData-Base-baseLib") || document.querySelector(".sapThemeMetaData-UI5-sap-ui-core");
-	if (el) {
-		return getComputedStyle(el).backgroundImage;
-	}
-
-	el = document.createElement("span");
-	el.style.display = "none";
-
-	// Try with sapThemeMetaData-Base-baseLib first
-	el.classList.add("sapThemeMetaData-Base-baseLib");
-	document.body.appendChild(el);
-	let metadata = getComputedStyle(el).backgroundImage;
-
-	// Try with sapThemeMetaData-UI5-sap-ui-core only if the previous selector was not found
-	if (metadata === "none") {
-		el.classList.add("sapThemeMetaData-UI5-sap-ui-core");
-		metadata = getComputedStyle(el).backgroundImage;
-	}
-
-	document.body.removeChild(el);
-
-	return metadata;
+    // Check if the class was already applied, most commonly to the link/style tag with the CSS Variables
+    let el = document.querySelector(".sapThemeMetaData-Base-baseLib") || document.querySelector(".sapThemeMetaData-UI5-sap-ui-core");
+    if (el) {
+        return getComputedStyle(el).backgroundImage;
+    }
+    el = document.createElement("span");
+    el.style.display = "none";
+    // Try with sapThemeMetaData-Base-baseLib first
+    el.classList.add("sapThemeMetaData-Base-baseLib");
+    document.body.appendChild(el);
+    let metadata = getComputedStyle(el).backgroundImage;
+    // Try with sapThemeMetaData-UI5-sap-ui-core only if the previous selector was not found
+    if (metadata === "none") {
+        el.classList.add("sapThemeMetaData-UI5-sap-ui-core");
+        metadata = getComputedStyle(el).backgroundImage;
+    }
+    document.body.removeChild(el);
+    return metadata;
 };
-
-const parseThemeMetadata = metadataString => {
-	const params = /\(["']?data:text\/plain;utf-8,(.*?)['"]?\)$/i.exec(metadataString);
-	if (params && params.length >= 2) {
-		let paramsString = params[1];
-		paramsString = paramsString.replace(/\\"/g, `"`);
-		if (paramsString.charAt(0) !== "{" && paramsString.charAt(paramsString.length - 1) !== "}") {
-			try {
-				paramsString = decodeURIComponent(paramsString);
-			} catch (ex) {
-				if (!warnings.has("decode")) {
-					console.warn("Malformed theme metadata string, unable to decodeURIComponent"); // eslint-disable-line
-					warnings.add("decode");
-				}
-				return;
-			}
-		}
-		try {
-			return JSON.parse(paramsString);
-		} catch (ex) {
-			if (!warnings.has("parse")) {
-				console.warn("Malformed theme metadata string, unable to parse JSON"); // eslint-disable-line
-				warnings.add("parse");
-			}
-		}
-	}
+const parseThemeMetadata = (metadataString) => {
+    const params = /\(["']?data:text\/plain;utf-8,(.*?)['"]?\)$/i.exec(metadataString);
+    if (params && params.length >= 2) {
+        let paramsString = params[1];
+        paramsString = paramsString.replace(/\\"/g, `"`);
+        if (paramsString.charAt(0) !== "{" && paramsString.charAt(paramsString.length - 1) !== "}") {
+            try {
+                paramsString = decodeURIComponent(paramsString);
+            }
+            catch (ex) {
+                if (!warnings.has("decode")) {
+                    console.warn("Malformed theme metadata string, unable to decodeURIComponent"); // eslint-disable-line
+                    warnings.add("decode");
+                }
+                return;
+            }
+        }
+        try {
+            return JSON.parse(paramsString);
+        }
+        catch (ex) {
+            if (!warnings.has("parse")) {
+                console.warn("Malformed theme metadata string, unable to parse JSON"); // eslint-disable-line
+                warnings.add("parse");
+            }
+        }
+    }
 };
-
-const processThemeMetadata = metadata => {
-	let themeName;
-	let baseThemeName;
-
-	try {
-		themeName = metadata.Path.match(/\.([^.]+)\.css_variables$/)[1];
-		baseThemeName = metadata.Extends[0];
-	} catch (ex) {
-		if (!warnings.has("object")) {
-			console.warn("Malformed theme metadata Object", metadata); // eslint-disable-line
-			warnings.add("object");
-		}
-		return;
-	}
-
-	return {
-		themeName,
-		baseThemeName,
-	};
+const processThemeMetadata = (metadata) => {
+    let themeName;
+    let baseThemeName;
+    try {
+        const pathParts = metadata.Path.split(".");
+        themeName = pathParts.length === 4 ? pathParts[2] : getComputedStyle(document.body).getPropertyValue("--sapSapThemeId");
+        baseThemeName = metadata.Extends[0];
+    }
+    catch (ex) {
+        if (!warnings.has("object")) {
+            console.warn("Malformed theme metadata Object", metadata); // eslint-disable-line
+            warnings.add("object");
+        }
+        return;
+    }
+    return {
+        themeName,
+        baseThemeName,
+    };
 };
-
 const getThemeDesignerTheme = () => {
-	const metadataString = getThemeMetadata();
-	if (!metadataString || metadataString === "none") {
-		return;
-	}
-
-	const metadata = parseThemeMetadata(metadataString);
-	return processThemeMetadata(metadata);
+    const metadataString = getThemeMetadata();
+    if (!metadataString || metadataString === "none") {
+        return;
+    }
+    const metadata = parseThemeMetadata(metadataString);
+    if (metadata) {
+        return processThemeMetadata(metadata);
+    }
 };
-
 export default getThemeDesignerTheme;
+//# sourceMappingURL=getThemeDesignerTheme.js.map

package/dist/theming/getThemeDesignerTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getThemeDesignerTheme.js","sourceRoot":"","sources":["../../src/theming/getThemeDesignerTheme.ts"],"names":[],"mappings":"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","sourcesContent":["type ThemeDescriptor = {\n\tthemeName: string,\n\tbaseThemeName?: string,\n};\n\ntype ThemeMetadata = {\n\tPath: string,\n\tExtends: Array<string>,\n};\n\nconst warnings = new Set<string>();\n\nconst getThemeMetadata = () => {\n\t// Check if the class was already applied, most commonly to the link/style tag with the CSS Variables\n\tlet el = document.querySelector(\".sapThemeMetaData-Base-baseLib\") || document.querySelector(\".sapThemeMetaData-UI5-sap-ui-core\");\n\tif (el) {\n\t\treturn getComputedStyle(el).backgroundImage;\n\t}\n\n\tel = document.createElement(\"span\");\n\t(el as HTMLSpanElement).style.display = \"none\";\n\n\t// Try with sapThemeMetaData-Base-baseLib first\n\tel.classList.add(\"sapThemeMetaData-Base-baseLib\");\n\tdocument.body.appendChild(el);\n\tlet metadata = getComputedStyle(el).backgroundImage;\n\n\t// Try with sapThemeMetaData-UI5-sap-ui-core only if the previous selector was not found\n\tif (metadata === \"none\") {\n\t\tel.classList.add(\"sapThemeMetaData-UI5-sap-ui-core\");\n\t\tmetadata = getComputedStyle(el).backgroundImage;\n\t}\n\n\tdocument.body.removeChild(el);\n\n\treturn metadata;\n};\n\nconst parseThemeMetadata = (metadataString: string) => {\n\tconst params = /\\([\"']?data:text\\/plain;utf-8,(.*?)['\"]?\\)$/i.exec(metadataString);\n\tif (params && params.length >= 2) {\n\t\tlet paramsString = params[1];\n\t\tparamsString = paramsString.replace(/\\\\\"/g, `\"`);\n\t\tif (paramsString.charAt(0) !== \"{\" && paramsString.charAt(paramsString.length - 1) !== \"}\") {\n\t\t\ttry {\n\t\t\t\tparamsString = decodeURIComponent(paramsString);\n\t\t\t} catch (ex) {\n\t\t\t\tif (!warnings.has(\"decode\")) {\n\t\t\t\t\tconsole.warn(\"Malformed theme metadata string, unable to decodeURIComponent\"); // eslint-disable-line\n\t\t\t\t\twarnings.add(\"decode\");\n\t\t\t\t}\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\t\ttry {\n\t\t\treturn JSON.parse(paramsString) as ThemeMetadata;\n\t\t} catch (ex) {\n\t\t\tif (!warnings.has(\"parse\")) {\n\t\t\t\tconsole.warn(\"Malformed theme metadata string, unable to parse JSON\"); // eslint-disable-line\n\t\t\t\twarnings.add(\"parse\");\n\t\t\t}\n\t\t}\n\t}\n};\n\nconst processThemeMetadata = (metadata: ThemeMetadata): ThemeDescriptor | undefined => {\n\tlet themeName;\n\tlet baseThemeName;\n\n\ttry {\n\t\tconst pathParts = metadata.Path.split(\".\");\n\t\tthemeName = pathParts.length === 4 ? pathParts[2] : getComputedStyle(document.body).getPropertyValue(\"--sapSapThemeId\");\n\t\tbaseThemeName = metadata.Extends[0];\n\t} catch (ex) {\n\t\tif (!warnings.has(\"object\")) {\n\t\t\tconsole.warn(\"Malformed theme metadata Object\", metadata); // eslint-disable-line\n\t\t\twarnings.add(\"object\");\n\t\t}\n\t\treturn;\n\t}\n\n\treturn {\n\t\tthemeName,\n\t\tbaseThemeName,\n\t};\n};\n\nconst getThemeDesignerTheme = (): ThemeDescriptor | undefined => {\n\tconst metadataString = getThemeMetadata();\n\tif (!metadataString || metadataString === \"none\") {\n\t\treturn;\n\t}\n\n\tconst metadata = parseThemeMetadata(metadataString);\n\n\tif (metadata) {\n\t\treturn processThemeMetadata(metadata);\n\t}\n};\n\nexport default getThemeDesignerTheme;\nexport type { ThemeDescriptor };\n"]}

package/dist/thirdparty/_merge.d.ts

@@ -0,0 +1,2 @@
+declare var fnMerge: (arg1?: any, arg2?: any, arg3?: any, arg4?: any) => any;
+export default fnMerge;

package/dist/thirdparty/_merge.js

@@ -1,6 +1,6 @@
 import isPlainObject from './isPlainObject.js';
 var oToken = Object.create(null);
-var fnMerge = function () {
+var fnMerge = function (arg1, arg2, arg3, arg4) {
     var src, copyIsArray, copy, name, options, clone, target = arguments[2] || {}, i = 3, length = arguments.length, deep = arguments[0] || false, skipToken = arguments[1] ? undefined : oToken;
     if (typeof target !== 'object' && typeof target !== 'function') {
         target = {};
@@ -17,11 +17,13 @@ var fnMerge = function () {
                     if (copyIsArray) {
                         copyIsArray = false;
                         clone = src && Array.isArray(src) ? src : [];
-                    } else {
+                    }
+                    else {
                         clone = src && isPlainObject(src) ? src : {};
                     }
                     target[name] = fnMerge(deep, arguments[1], clone, copy);
-                } else if (copy !== skipToken) {
+                }
+                else if (copy !== skipToken) {
                     target[name] = copy;
                 }
             }
@@ -29,4 +31,5 @@ var fnMerge = function () {
     }
     return target;
 };
-export default fnMerge;
+export default fnMerge;
+//# sourceMappingURL=_merge.js.map

package/dist/thirdparty/_merge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_merge.js","sourceRoot":"","sources":["../../src/thirdparty/_merge.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAC/C,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AACjC,IAAI,OAAO,GAAG,UAAU,IAAU,EAAE,IAAU,EAAE,IAAU,EAAE,IAAU;IAClE,IAAI,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IAC7L,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,OAAO,MAAM,KAAK,UAAU,EAAE,CAAC;QAC7D,MAAM,GAAG,EAAE,CAAC;IAChB,CAAC;IACD,OAAO,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC;YACnC,KAAK,IAAI,IAAI,OAAO,EAAE,CAAC;gBACnB,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;gBACnB,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;gBACrB,IAAI,IAAI,KAAK,WAAW,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;oBAC1C,SAAS;gBACb,CAAC;gBACD,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;oBAC/E,IAAI,WAAW,EAAE,CAAC;wBACd,WAAW,GAAG,KAAK,CAAC;wBACpB,KAAK,GAAG,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;oBACjD,CAAC;yBAAM,CAAC;wBACJ,KAAK,GAAG,GAAG,IAAI,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;oBACjD,CAAC;oBACD,MAAM,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;gBAC5D,CAAC;qBAAM,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;oBAC5B,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;gBACxB,CAAC;YACL,CAAC;QACL,CAAC;IACL,CAAC;IACD,OAAO,MAAM,CAAC;AAClB,CAAC,CAAC;AACF,eAAe,OAAO,CAAC","sourcesContent":["import isPlainObject from './isPlainObject.js';\nvar oToken = Object.create(null);\nvar fnMerge = function (arg1?: any, arg2?: any, arg3?: any, arg4?: any) {\n    var src, copyIsArray, copy, name, options, clone, target = arguments[2] || {}, i = 3, length = arguments.length, deep = arguments[0] || false, skipToken = arguments[1] ? undefined : oToken;\n    if (typeof target !== 'object' && typeof target !== 'function') {\n        target = {};\n    }\n    for (; i < length; i++) {\n        if ((options = arguments[i]) != null) {\n            for (name in options) {\n                src = target[name];\n                copy = options[name];\n                if (name === '__proto__' || target === copy) {\n                    continue;\n                }\n                if (deep && copy && (isPlainObject(copy) || (copyIsArray = Array.isArray(copy)))) {\n                    if (copyIsArray) {\n                        copyIsArray = false;\n                        clone = src && Array.isArray(src) ? src : [];\n                    } else {\n                        clone = src && isPlainObject(src) ? src : {};\n                    }\n                    target[name] = fnMerge(deep, arguments[1], clone, copy);\n                } else if (copy !== skipToken) {\n                    target[name] = copy;\n                }\n            }\n        }\n    }\n    return target;\n};\nexport default fnMerge;\n"]}

package/dist/thirdparty/isPlainObject.d.ts

@@ -0,0 +1,2 @@
+declare var fnIsPlainObject: (obj: object) => boolean;
+export default fnIsPlainObject;