@ui5/webcomponents-base 0.0.0-8393c7cdd → 0.0.0-896d5863e

package/src/theming/applyTheme.js

@@ -1,79 +0,0 @@
-import { getThemeProperties, getRegisteredPackages, isThemeRegistered } from "../asset-registries/Themes.js";
-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";
-
-const isThemeBaseRegistered = () => {
-	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 deleteThemeBase = () => {
-	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 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 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);
-};
-
-export default applyTheme;

package/src/theming/getConstructableStyle.js

@@ -1,30 +0,0 @@
-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
-});
-
-/**
- * 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);
-};
-
-export default getConstructableStyle;

package/src/theming/getEffectiveLinksHrefs.js

@@ -1,27 +0,0 @@
-import { getUrl } from "../CSP.js";
-import { getFeature } from "../FeaturesRegistry.js";
-
-const flatten = arr => {
-	return arr.reduce((acc, val) => acc.concat(Array.isArray(val) ? flatten(val) : val), []);
-};
-
-const getEffectiveLinksHrefs = (ElementClass, forStaticArea = false) => {
-	let stylesData = ElementClass[forStaticArea ? "staticAreaStyles" : "styles"];
-	const OpenUI5Enablement = getFeature("OpenUI5Enablement");
-
-	if (!stylesData) {
-		return;
-	}
-
-	if (!Array.isArray(stylesData)) {
-		stylesData = [stylesData];
-	}
-
-	if (OpenUI5Enablement) {
-		stylesData.push(OpenUI5Enablement.getBusyIndicatorStyles());
-	}
-
-	return flatten(stylesData).filter(data => !!data).map(data => getUrl(data.packageName, data.fileName));
-};
-
-export default getEffectiveLinksHrefs;

package/src/theming/getEffectiveStyle.js

@@ -1,39 +0,0 @@
-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
-});
-
-const getEffectiveStyle = (ElementClass, forStaticArea = false) => {
-	const tag = ElementClass.getMetadata().getTag();
-	const key = `${tag}_${forStaticArea ? "static" : "normal"}`;
-	const OpenUI5Enablement = getFeature("OpenUI5Enablement");
-
-	if (!effectiveStyleMap.has(key)) {
-		let effectiveStyle;
-		let busyIndicatorStyles = "";
-
-		if (OpenUI5Enablement) {
-			busyIndicatorStyles = getStylesString(OpenUI5Enablement.getBusyIndicatorStyles());
-		}
-
-		if (forStaticArea) {
-			effectiveStyle = getStylesString(ElementClass.staticAreaStyles);
-		} else {
-			const customStyle = getCustomCSS(tag) || "";
-			const builtInStyles = getStylesString(ElementClass.styles);
-			effectiveStyle = `${builtInStyles} ${customStyle}`;
-		}
-
-		effectiveStyle = `${effectiveStyle} ${busyIndicatorStyles}`;
-		effectiveStyleMap.set(key, effectiveStyle);
-	}
-
-	return effectiveStyleMap.get(key);
-};
-
-export default getEffectiveStyle;

package/src/theming/getStylesString.js

@@ -1,15 +0,0 @@
-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 flatten = arr => {
-	return arr.reduce((acc, val) => acc.concat(Array.isArray(val) ? flatten(val) : val), []);
-};
-
-export default getStylesString;

package/src/theming/getThemeDesignerTheme.js

@@ -1,87 +0,0 @@
-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;
-};
-
-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 getThemeDesignerTheme = () => {
-	const metadataString = getThemeMetadata();
-	if (!metadataString || metadataString === "none") {
-		return;
-	}
-
-	const metadata = parseThemeMetadata(metadataString);
-	return processThemeMetadata(metadata);
-};
-
-export default getThemeDesignerTheme;

package/src/theming/preloadLinks.js

@@ -1,23 +0,0 @@
-import getEffectiveLinksHrefs from "./getEffectiveLinksHrefs.js";
-import createLinkInHead from "../util/createLinkInHead.js";
-import { shouldUseLinks, shouldPreloadLinks } from "../CSP.js";
-
-const preloaded = new Set();
-
-const preloadLinks = ElementClass => {
-	if (!shouldUseLinks() || !shouldPreloadLinks()) {
-		return;
-	}
-
-	const linksHrefs = getEffectiveLinksHrefs(ElementClass, false) || [];
-	const staticAreaLinksHrefs = getEffectiveLinksHrefs(ElementClass, true) || [];
-
-	[...linksHrefs, ...staticAreaLinksHrefs].forEach(href => {
-		if (!preloaded.has(href)) {
-			createLinkInHead(href, { rel: "preload", as: "style" });
-			preloaded.add(href);
-		}
-	});
-};
-
-export default preloadLinks;

package/src/thirdparty/_merge.js

@@ -1,32 +0,0 @@
-import isPlainObject from './isPlainObject.js';
-var oToken = Object.create(null);
-var fnMerge = function () {
-    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 = {};
-    }
-    for (; i < length; i++) {
-        if ((options = arguments[i]) != null) {
-            for (name in options) {
-                src = target[name];
-                copy = options[name];
-                if (name === '__proto__' || target === copy) {
-                    continue;
-                }
-                if (deep && copy && (isPlainObject(copy) || (copyIsArray = Array.isArray(copy)))) {
-                    if (copyIsArray) {
-                        copyIsArray = false;
-                        clone = src && Array.isArray(src) ? src : [];
-                    } else {
-                        clone = src && isPlainObject(src) ? src : {};
-                    }
-                    target[name] = fnMerge(deep, arguments[1], clone, copy);
-                } else if (copy !== skipToken) {
-                    target[name] = copy;
-                }
-            }
-        }
-    }
-    return target;
-};
-export default fnMerge;

package/src/thirdparty/isPlainObject.js

@@ -1,18 +0,0 @@
-var class2type = {};
-var hasOwn = class2type.hasOwnProperty;
-var toString = class2type.toString;
-var fnToString = hasOwn.toString;
-var ObjectFunctionString = fnToString.call(Object);
-var fnIsPlainObject = function (obj) {
-  var proto, Ctor;
-  if (!obj || toString.call(obj) !== "[object Object]") {
-    return false;
-  }
-  proto = Object.getPrototypeOf(obj);
-  if (!proto) {
-    return true;
-  }
-  Ctor = hasOwn.call(proto, "constructor") && proto.constructor;
-  return typeof Ctor === "function" && fnToString.call(Ctor) === ObjectFunctionString;
-};
-export default fnIsPlainObject;

package/src/thirdparty/merge.js

@@ -1,10 +0,0 @@
-import _merge from './_merge.js';
-var fnMerge = function () {
-    var args = [
-        true,
-        false
-    ];
-    args.push.apply(args, arguments);
-    return _merge.apply(null, args);
-};
-export default fnMerge;

package/src/types/AnimationMode.js

@@ -1,7 +0,0 @@
-const AnimationMode = {
-	Full: "full",
-	Basic: "basic",
-	Minimal: "minimal",
-	None: "none",
-};
-export default AnimationMode;

package/src/types/CSSColor.js

@@ -1,9 +0,0 @@
-import DataType from "./DataType.js";
-
-class CSSColor extends DataType {
-	static isValid(value) {
-		return /^(#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})|rgb\(\s*((1?[0-9]?[0-9]|2([0-4][0-9]|5[0-5]))|([0-9]?[0-9](\.[0-9]+)?|100(\.0+)?)%)\s*(,\s*((1?[0-9]?[0-9]|2([0-4][0-9]|5[0-5]))|([0-9]?[0-9](\.[0-9]+)?|100(\.0+)?)%)\s*){2}\)|rgba\((\s*((1?[0-9]?[0-9]|2([0-4][0-9]|5[0-5]))|([0-9]?[0-9](\.[0-9]+)?|100(\.0+)?)%)\s*,){3}\s*(0(\.[0-9]+)?|1(\.0+)?)\s*\)|hsl\(\s*([0-2]?[0-9]?[0-9]|3([0-5][0-9]|60))\s*(,\s*(([0-9]?[0-9](\.[0-9]+)?|100(\.0+)?)%)\s*){2}\)|hsla\(\s*([0-2]?[0-9]?[0-9]|3([0-5][0-9]|60))\s*,(\s*(([0-9]?[0-9](\.[0-9]+)?|100(\.0+)?)%)\s*,){2}\s*(0(\.[0-9]+)?|1(\.0+)?)\s*\)|aliceblue|antiquewhite|aqua|aquamarine|azure|beige|bisque|black|blanchedalmond|blue|blueviolet|brown|burlywood|cadetblue|chartreuse|chocolate|coral|cornflowerblue|cornsilk|crimson|cyan|darkblue|darkcyan|darkgoldenrod|darkgray|darkgrey|darkgreen|darkkhaki|darkmagenta|darkolivegreen|darkorange|darkorchid|darkred|darksalmon|darkseagreen|darkslateblue|darkslategray|darkslategrey|darkturquoise|darkviolet|deeppink|deepskyblue|dimgray|dimgrey|dodgerblue|firebrick|floralwhite|forestgreen|fuchsia|gainsboro|ghostwhite|gold|goldenrod|gray|grey|green|greenyellow|honeydew|hotpink|indianred|indigo|ivory|khaki|lavender|lavenderblush|lawngreen|lemonchiffon|lightblue|lightcoral|lightcyan|lightgoldenrodyellow|lightgray|lightgrey|lightgreen|lightpink|lightsalmon|lightseagreen|lightskyblue|lightslategray|lightslategrey|lightsteelblue|lightyellow|lime|limegreen|linen|magenta|maroon|mediumaquamarine|mediumblue|mediumorchid|mediumpurple|mediumseagreen|mediumslateblue|mediumspringgreen|mediumturquoise|mediumvioletred|midnightblue|mintcream|mistyrose|moccasin|navajowhite|navy|oldlace|olive|olivedrab|orange|orangered|orchid|palegoldenrod|palegreen|paleturquoise|palevioletred|papayawhip|peachpuff|peru|pink|plum|powderblue|purple|red|rosybrown|royalblue|saddlebrown|salmon|sandybrown|seagreen|seashell|sienna|silverskyblue|slateblue|slategray|slategrey|snow|springgreen|steelblue|tan|teal|thistle|tomato|turquoise|violet|wheat|white|whitesmoke|yellow|yellowgreen|transparent|inherit|)$/.test(value ); // eslint-disable-line
-	}
-}
-
-export default CSSColor;

package/src/types/CSSSize.js

@@ -1,9 +0,0 @@
-import DataType from "./DataType.js";
-
-class CSSSize extends DataType {
-	static isValid(value) {
-		return /^(auto|inherit|[-+]?(0*|([0-9]+|[0-9]*\.[0-9]+)([rR][eE][mM]|[eE][mM]|[eE][xX]|[pP][xX]|[cC][mM]|[mM][mM]|[iI][nN]|[pP][tT]|[pP][cC]|%))|calc\(\s*(\(\s*)*[-+]?(([0-9]+|[0-9]*\.[0-9]+)([rR][eE][mM]|[eE][mM]|[eE][xX]|[pP][xX]|[cC][mM]|[mM][mM]|[iI][nN]|[pP][tT]|[pP][cC]|%)?)(\s*(\)\s*)*(\s[-+]\s|[*\/])\s*(\(\s*)*([-+]?(([0-9]+|[0-9]*\.[0-9]+)([rR][eE][mM]|[eE][mM]|[eE][xX]|[pP][xX]|[cC][mM]|[mM][mM]|[iI][nN]|[pP][tT]|[pP][cC]|%)?)))*\s*(\)\s*)*\))$/.test(value); // eslint-disable-line
-	}
-}
-
-export default CSSSize;

package/src/types/CalendarType.js

@@ -1,22 +0,0 @@
-import DataType from "./DataType.js";
-
-/**
- * Different calendar types.
- */
-const CalendarTypes = {
-	Gregorian: "Gregorian",
-	Islamic: "Islamic",
-	Japanese: "Japanese",
-	Buddhist: "Buddhist",
-	Persian: "Persian",
-};
-
-class CalendarType extends DataType {
-	static isValid(value) {
-		return !!CalendarTypes[value];
-	}
-}
-
-CalendarType.generateTypeAccessors(CalendarTypes);
-
-export default CalendarType;

package/src/types/DOMReference.js

@@ -1,24 +0,0 @@
-import DataType from "./DataType.js";
-
-/**
- * @class
- * DOM Element reference or ID.
- * <b>Note:</b> If an ID is passed, it is expected to be part of the same <code>document</code> element as the consuming component.
- *
- * @public
- */
-class DOMReference extends DataType {
-	static isValid(value) {
-		return (typeof value === "string" || value instanceof HTMLElement);
-	}
-
-	static propertyToAttribute(propertyValue) {
-		if (propertyValue instanceof HTMLElement) {
-			return null;
-		}
-
-		return propertyValue;
-	}
-}
-
-export default DOMReference;

package/src/types/DataType.js

@@ -1,37 +0,0 @@
-/**
- * Base class for all data types.
- *
- * @class
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.base.types.DataType
- * @public
- */
-class DataType {
-	static isValid(value) {
-	}
-
-	static attributeToProperty(attributeValue) {
-		return attributeValue;
-	}
-
-	static propertyToAttribute(propertyValue) {
-		return `${propertyValue}`;
-	}
-
-	static valuesAreEqual(value1, value2) {
-		return value1 === value2;
-	}
-
-	static generateTypeAccessors(types) {
-		Object.keys(types).forEach(type => {
-			Object.defineProperty(this, type, {
-				get() {
-					return types[type];
-				},
-			});
-		});
-	}
-}
-
-export default DataType;

package/src/types/Float.js

@@ -1,14 +0,0 @@
-import DataType from "./DataType.js";
-
-class Float extends DataType {
-	static isValid(value) {
-		// Assuming that integers are floats as well!
-		return Number(value) === value;
-	}
-
-	static attributeToProperty(attributeValue) {
-		return parseFloat(attributeValue);
-	}
-}
-
-export default Float;

package/src/types/Integer.js

@@ -1,13 +0,0 @@
-import DataType from "./DataType.js";
-
-class Integer extends DataType {
-	static isValid(value) {
-		return Number.isInteger(value);
-	}
-
-	static attributeToProperty(attributeValue) {
-		return parseInt(attributeValue);
-	}
-}
-
-export default Integer;

package/src/types/InvisibleMessageMode.js

@@ -1,30 +0,0 @@
-import DataType from "./DataType.js";
-
-/**
- * Enumeration for different mode behaviors of the <code>InvisibleMessage</code>.
- * @private
- */
-const InvisibleMessageModes = {
-
-	/**
-     * Indicates that updates to the region should be presented at the next graceful opportunity,
-     * such as at the end of reading the current sentence, or when the user pauses typing.
-     */
-	Polite: "Polite",
-
-	/**
-     * Indicates that updates to the region have the highest priority and should be presented to the user immediately.
-     */
-	Assertive: "Assertive",
-
-};
-
-class InvisibleMessageMode extends DataType {
-	static isValid(value) {
-		return !!InvisibleMessageModes[value];
-	}
-}
-
-InvisibleMessageMode.generateTypeAccessors(InvisibleMessageModes);
-
-export default InvisibleMessageModes;

package/src/types/ItemNavigationBehavior.js

@@ -1,16 +0,0 @@
-/**
- * @private
- * Different behavior for ItemNavigation.
- */
-const ItemNavigationBehavior = {
-	/**
-	* Static behavior: navigations stops at the first or last item.
- 	*/
-	Static: "Static",
-
-	/**
-	* Cycling behavior: navigating past the last item continues with the first and vice versa.
- 	*/
-	Cyclic: "Cyclic",
-};
-export default ItemNavigationBehavior;

package/src/types/NavigationMode.js

@@ -1,7 +0,0 @@
-const NavigationMode = {
-	Auto: "Auto",
-	Vertical: "Vertical",
-	Horizontal: "Horizontal",
-	Paging: "Paging",
-};
-export default NavigationMode;

package/src/types/PopupState.js

@@ -1,37 +0,0 @@
-import DataType from "./DataType.js";
-
-const PopupStates = {
-	/**
-	 * Open and currently not changing states.
-	 * @public
-	 */
-	OPEN: "OPEN",
-
-	/**
-	 * Closed and currently not changing states.
-	 * @public
-	 */
-	CLOSED: "CLOSED",
-
-	/**
-	 * Already left the CLOSED state, is not OPEN yet, but in the process of getting OPEN.
-	 * @public
-	 */
-	OPENING: "OPENING",
-
-	/**
-	 * Still open, but in the process of going to the CLOSED state.
-	 * @public
-	 */
-	CLOSING: "CLOSING",
-};
-
-class PopupState extends DataType {
-	static isValid(value) {
-		return !!PopupStates[value];
-	}
-}
-
-PopupState.generateTypeAccessors(PopupStates);
-
-export default PopupState;

package/src/types/ValueState.js

@@ -1,22 +0,0 @@
-import DataType from "./DataType.js";
-
-/**
- * Different states.
- */
-const ValueStates = {
-	None: "None",
-	Success: "Success",
-	Warning: "Warning",
-	Error: "Error",
-	Information: "Information",
-};
-
-class ValueState extends DataType {
-	static isValid(value) {
-		return !!ValueStates[value];
-	}
-}
-
-ValueState.generateTypeAccessors(ValueStates);
-
-export default ValueState;

package/src/updateShadowRoot.js

@@ -1,29 +0,0 @@
-import executeTemplate from "./renderer/executeTemplate.js";
-import getConstructableStyle from "./theming/getConstructableStyle.js";
-import getEffectiveStyle from "./theming/getEffectiveStyle.js";
-import getEffectiveLinksHrefs from "./theming/getEffectiveLinksHrefs.js";
-import { shouldUseLinks } from "./CSP.js";
-
-/**
- * Updates the shadow root of a UI5Element or its static area item
- * @param element
- * @param forStaticArea
- */
-const updateShadowRoot = (element, forStaticArea = false) => {
-	let styleStrOrHrefsArr;
-	const template = forStaticArea ? "staticAreaTemplate" : "template";
-	const shadowRoot = forStaticArea ? element.staticAreaItem.shadowRoot : element.shadowRoot;
-	const renderResult = executeTemplate(element.constructor[template], element);
-
-	if (shouldUseLinks()) {
-		styleStrOrHrefsArr = getEffectiveLinksHrefs(element.constructor, forStaticArea);
-	} else if (document.adoptedStyleSheets) { // Chrome
-		shadowRoot.adoptedStyleSheets = getConstructableStyle(element.constructor, forStaticArea);
-	} else { // FF, Safari
-		styleStrOrHrefsArr = getEffectiveStyle(element.constructor, forStaticArea);
-	}
-
-	element.constructor.render(renderResult, shadowRoot, styleStrOrHrefsArr, forStaticArea, { host: element });
-};
-
-export default updateShadowRoot;