@openui5/sap.ui.webc.common 1.96.1 → 1.97.1

package/src/sap/ui/webc/common/thirdparty/base/css/FontFace.css

@@ -0,0 +1,45 @@
+@font-face {
+    font-family: "72";
+    font-style: normal;
+    font-weight: 400;
+    src: local("72"),
+    url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular.woff?ui5-webcomponents) format("woff2"),
+    url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular.woff2?ui5-webcomponents) format("woff");
+}
+
+@font-face {
+    font-family: "72full";
+    font-style: normal;
+    font-weight: 400;
+    src: local('72-full'),
+    url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular-full.woff?ui5-webcomponents) format("woff2"),
+    url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular-full.woff2?ui5-webcomponents) format("woff");
+
+}
+
+@font-face {
+    font-family: "72";
+    font-style: normal;
+    font-weight: 700;
+    src: local('72-Bold'),
+    url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff?ui5-webcomponents) format("woff2"),
+    url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff2?ui5-webcomponents) format("woff");
+}
+
+@font-face {
+    font-family: "72full";
+    font-style: normal;
+    font-weight: 700;
+    src: local('72-Bold-full'),
+    url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff?ui5-webcomponents) format("woff2"),
+    url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff2?ui5-webcomponents) format("woff");
+}
+
+@font-face {
+    font-family: "72Black";
+    font-style: bold;
+    font-weight: 900;
+    src: local('72Black'),
+    url(https://openui5nightly.hana.ondemand.com/resources/sap/ui/core/themes/sap_horizon/fonts/72-Black.woff?ui5-webcomponents) format("woff2"),
+    url(https://openui5nightly.hana.ondemand.com/resources/sap/ui/core/themes/sap_horizon/fonts/72-Black.woff2?ui5-webcomponents) format("woff");
+}

package/src/sap/ui/webc/common/thirdparty/base/css/OverrideFontFace.css

@@ -0,0 +1,32 @@
+/**
+ * Some diacritics are supported by the 72 font:
+ *  * Grave
+ *  * Acute
+ *  * Circumflex
+ *  * Tilde
+ *
+ * However, the following diacritics and the combination of multiple diacritics (including the supported ones) are not supported:
+ *  * Breve
+ *  * Horn
+ *  * Dot below
+ *  * Hook above
+ *
+ *
+ * Override for the characters that aren't covered by the '72' font to other system fonts
+ *
+ * U+0102-0103: A and a with Breve
+ * U+01A0-01A1: O and o with Horn
+ * U+01AF-01B0: U and u with Horn
+ * U+1EA0-1EB7: A and a with diacritics that are not supported by the font and combination of multiple diacritics
+ * U+1EB8-1EC7: E and e with diacritics that are not supported by the font and combination of multiple diacritics
+ * U+1EC8-1ECB: I and i with diacritics that are not supported by the font and combination of multiple diacritics
+ * U+1ECC-1EE3: O and o with diacritics that are not supported by the font and combination of multiple diacritics
+ * U+1EE4-1EF1: U and u with diacritics that are not supported by the font and combination of multiple diacritics
+ * U+1EF4-1EF7: Y and y with diacritics that are not supported by the font and combination of multiple diacritics
+ *
+ */
+@font-face {
+    font-family: '72override';
+    unicode-range: U+0102-0103, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
+    src: local('Arial'), local('Helvetica'), local('sans-serif');
+}

package/src/sap/ui/webc/common/thirdparty/base/css/SystemCSSVars.css

@@ -0,0 +1,17 @@
+:root {
+    --_ui5_content_density:cozy;
+}
+
+[data-ui5-compact-size],
+.ui5-content-density-compact,
+.sapUiSizeCompact {
+    --_ui5_content_density:compact;
+}
+
+[dir="rtl"] {
+    --_ui5_dir:rtl;
+}
+
+[dir="ltr"] {
+    --_ui5_dir:ltr;
+}

package/src/sap/ui/webc/common/thirdparty/base/generated/AssetParameters.js

@@ -1,6 +1,6 @@
 sap.ui.define(['exports'], function (exports) { 'use strict';
 
-	const assetParameters = {"themes":{"default":"sap_fiori_3","all":["sap_fiori_3","sap_fiori_3_dark","sap_belize","sap_belize_hcb","sap_belize_hcw","sap_fiori_3_hcb","sap_fiori_3_hcw"]},"languages":{"default":"en","all":["ar","bg","ca","cs","cy","da","de","el","en","en_GB","en_US_sappsd","en_US_saprigi","en_US_saptrc","es","es_MX","et","fi","fr","fr_CA","hi","hr","hu","in","it","iw","ja","kk","ko","lt","lv","ms","nl","no","pl","pt_PT","pt","ro","ru","sh","sk","sl","sv","th","tr","uk","vi","zh_CN","zh_TW"]},"locales":{"default":"en","all":["ar","ar_EG","ar_SA","bg","ca","cs","da","de","de_AT","de_CH","el","el_CY","en","en_AU","en_GB","en_HK","en_IE","en_IN","en_NZ","en_PG","en_SG","en_ZA","es","es_AR","es_BO","es_CL","es_CO","es_MX","es_PE","es_UY","es_VE","et","fa","fi","fr","fr_BE","fr_CA","fr_CH","fr_LU","he","hi","hr","hu","id","it","it_CH","ja","kk","ko","lt","lv","ms","nb","nl","nl_BE","pl","pt","pt_PT","ro","ru","ru_UA","sk","sl","sr","sv","th","tr","uk","vi","zh_CN","zh_HK","zh_SG","zh_TW"]}};
+	const assetParameters = {"themes":{"default":"sap_fiori_3","all":["sap_fiori_3","sap_fiori_3_dark","sap_belize","sap_belize_hcb","sap_belize_hcw","sap_fiori_3_hcb","sap_fiori_3_hcw","sap_horizon","sap_horizon_exp"]},"languages":{"default":"en","all":["ar","bg","ca","cs","cy","da","de","el","en","en_GB","en_US_sappsd","en_US_saprigi","en_US_saptrc","es","es_MX","et","fi","fr","fr_CA","hi","hr","hu","in","it","iw","ja","kk","ko","lt","lv","ms","nl","no","pl","pt_PT","pt","ro","ru","sh","sk","sl","sv","th","tr","uk","vi","zh_CN","zh_TW"]},"locales":{"default":"en","all":["ar","ar_EG","ar_SA","bg","ca","cs","da","de","de_AT","de_CH","el","el_CY","en","en_AU","en_GB","en_HK","en_IE","en_IN","en_NZ","en_PG","en_SG","en_ZA","es","es_AR","es_BO","es_CL","es_CO","es_MX","es_PE","es_UY","es_VE","et","fa","fi","fr","fr_BE","fr_CA","fr_CH","fr_LU","he","hi","hr","hu","id","it","it_CH","ja","kk","ko","lt","lv","ms","nb","nl","nl_BE","pl","pt","pt_PT","ro","ru","ru_UA","sk","sl","sr","sv","th","tr","uk","vi","zh_CN","zh_HK","zh_SG","zh_TW"]}};
 	const DEFAULT_THEME = assetParameters.themes.default;
 	const DEFAULT_LANGUAGE = assetParameters.languages.default;
 	const DEFAULT_LOCALE = assetParameters.locales.default;

package/src/sap/ui/webc/common/thirdparty/base/generated/css/FontFace.css.js

@@ -0,0 +1,11 @@
+sap.ui.define(function () { 'use strict';
+
+	var fontFaceCSS = {
+		packageName: "@ui5/webcomponents-base",
+		fileName: "FontFace.css",
+		content: `@font-face{font-family:"72";font-style:normal;font-weight:400;src:local("72"),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular.woff?ui5-webcomponents) format("woff2"),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular.woff2?ui5-webcomponents) format("woff")}@font-face{font-family:"72full";font-style:normal;font-weight:400;src:local('72-full'),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular-full.woff?ui5-webcomponents) format("woff2"),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular-full.woff2?ui5-webcomponents) format("woff")}@font-face{font-family:"72";font-style:normal;font-weight:700;src:local('72-Bold'),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff?ui5-webcomponents) format("woff2"),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff2?ui5-webcomponents) format("woff")}@font-face{font-family:"72full";font-style:normal;font-weight:700;src:local('72-Bold-full'),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff?ui5-webcomponents) format("woff2"),url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff2?ui5-webcomponents) format("woff")}@font-face{font-family:"72Black";font-style:bold;font-weight:900;src:local('72Black'),url(https://openui5nightly.hana.ondemand.com/resources/sap/ui/core/themes/sap_horizon/fonts/72-Black.woff?ui5-webcomponents) format("woff2"),url(https://openui5nightly.hana.ondemand.com/resources/sap/ui/core/themes/sap_horizon/fonts/72-Black.woff2?ui5-webcomponents) format("woff")}`
+	};
+
+	return fontFaceCSS;
+
+});

package/src/sap/ui/webc/common/thirdparty/base/generated/css/OverrideFontFace.css.js

@@ -0,0 +1,11 @@
+sap.ui.define(function () { 'use strict';
+
+	var overrideFontFaceCSS = {
+		packageName: "@ui5/webcomponents-base",
+		fileName: "OverrideFontFace.css",
+		content: `@font-face{font-family:'72override';unicode-range:U+0102-0103,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EB7,U+1EB8-1EC7,U+1EC8-1ECB,U+1ECC-1EE3,U+1EE4-1EF1,U+1EF4-1EF7;src:local('Arial'),local('Helvetica'),local('sans-serif')}`
+	};
+
+	return overrideFontFaceCSS;
+
+});

package/src/sap/ui/webc/common/thirdparty/base/generated/css/SystemCSSVars.css.js

@@ -0,0 +1,11 @@
+sap.ui.define(function () { 'use strict';
+
+	var systemCSSVars = {
+		packageName: "@ui5/webcomponents-base",
+		fileName: "SystemCSSVars.css",
+		content: `:root{--_ui5_content_density:cozy}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_content_density:compact}[dir=rtl]{--_ui5_dir:rtl}[dir=ltr]{--_ui5_dir:ltr}`
+	};
+
+	return systemCSSVars;
+
+});

package/src/sap/ui/webc/common/thirdparty/base/i18nBundle.js

@@ -1,6 +1,7 @@
 sap.ui.define(['exports', './asset-registries/i18n', './util/formatMessage'], function (exports, i18n, formatMessage) { 'use strict';
 
 	const I18nBundleInstances = new Map();
+	let customGetI18nBundle;
 	class I18nBundle {
 		constructor(packageName) {
 			this.packageName = packageName;
@@ -20,7 +21,7 @@ sap.ui.define(['exports', './asset-registries/i18n', './util/formatMessage'], fu
 			return formatMessage(messageText, params);
 		}
 	}
-	const getI18nBundle = packageName => {
+	const getI18nBundleSync = packageName => {
 		if (I18nBundleInstances.has(packageName)) {
 			return I18nBundleInstances.get(packageName);
 		}
@@ -28,10 +29,20 @@ sap.ui.define(['exports', './asset-registries/i18n', './util/formatMessage'], fu
 		I18nBundleInstances.set(packageName, i18nBundle);
 		return i18nBundle;
 	};
+	const registerCustomI18nBundleGetter = customGet => {
+		customGetI18nBundle = customGet;
+	};
+	const getI18nBundle = async packageName => {
+		if (customGetI18nBundle) {
+			return customGetI18nBundle(packageName);
+		}
+		await i18n.fetchI18nBundle(packageName);
+		return getI18nBundleSync(packageName);
+	};
 
-	exports.fetchI18nBundle = i18n.fetchI18nBundle;
 	exports.registerI18nLoader = i18n.registerI18nLoader;
 	exports.getI18nBundle = getI18nBundle;
+	exports.registerCustomI18nBundleGetter = registerCustomI18nBundleGetter;
 
 	Object.defineProperty(exports, '__esModule', { value: true });
 

package/src/sap/ui/webc/common/thirdparty/base/renderer/LitRenderer.js

@@ -1,29 +1,24 @@
-sap.ui.define(['exports', 'sap/ui/webc/common/thirdparty/lit-html/static', 'sap/ui/webc/common/thirdparty/lit-html/directives/repeat', 'sap/ui/webc/common/thirdparty/lit-html/directives/class-map', 'sap/ui/webc/common/thirdparty/lit-html/directives/style-map', 'sap/ui/webc/common/thirdparty/lit-html/directives/if-defined', 'sap/ui/webc/common/thirdparty/lit-html/directives/unsafe-html'], function (exports, _static, repeat, classMap, styleMap, ifDefined, unsafeHtml) { 'use strict';
+sap.ui.define(['exports', '../style-map-40b1b123', 'sap/ui/webc/common/thirdparty/lit-html/static', 'sap/ui/webc/common/thirdparty/lit-html/directives/repeat', 'sap/ui/webc/common/thirdparty/lit-html/directives/class-map', 'sap/ui/webc/common/thirdparty/lit-html/directives/if-defined', 'sap/ui/webc/common/thirdparty/lit-html/directives/unsafe-html'], function (exports, styleMap, _static, repeat, classMap, ifDefined, unsafeHtml) { 'use strict';
 
-	/**
-	 * @license
-	 * Copyright 2017 Google LLC
-	 * SPDX-License-Identifier: BSD-3-Clause
-	 */
-	var t,i,s,e;const o=globalThis.trustedTypes,l=o?o.createPolicy("lit-html",{createHTML:t=>t}):void 0,n=`lit$${(Math.random()+"").slice(9)}$`,h="?"+n,r=`<${h}>`,u=document,c=(t="")=>u.createComment(t),d=t=>null===t||"object"!=typeof t&&"function"!=typeof t,v=Array.isArray,a=t=>{var i;return v(t)||"function"==typeof(null===(i=t)||void 0===i?void 0:i[Symbol.iterator])},f=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_=/-->/g,m=/>/g,p=/>|[ 	\n\r](?:([^\s"'>=/]+)([ 	\n\r]*=[ 	\n\r]*(?:[^ 	\n\r"'`<>=]|("|')|))|$)/g,$=/'/g,g=/"/g,y=/^(?:script|style|textarea)$/i,w=Symbol.for("lit-noChange"),A=Symbol.for("lit-nothing"),P=new WeakMap,V=(t,i,s)=>{var e,o;const l=null!==(e=null==s?void 0:s.renderBefore)&&void 0!==e?e:i;let n=l._$litPart$;if(void 0===n){const t=null!==(o=null==s?void 0:s.renderBefore)&&void 0!==o?o:null;l._$litPart$=n=new C(i.insertBefore(c(),t),t,void 0,s);}return n.I(t),n},E=u.createTreeWalker(u,129,null,!1),M=(t,i)=>{const s=t.length-1,e=[];let o,h=2===i?"<svg>":"",u=f;for(let i=0;i<s;i++){const s=t[i];let l,c,d=-1,v=0;for(;v<s.length&&(u.lastIndex=v,c=u.exec(s),null!==c);)v=u.lastIndex,u===f?"!--"===c[1]?u=_:void 0!==c[1]?u=m:void 0!==c[2]?(y.test(c[2])&&(o=RegExp("</"+c[2],"g")),u=p):void 0!==c[3]&&(u=p):u===p?">"===c[0]?(u=null!=o?o:f,d=-1):void 0===c[1]?d=-2:(d=u.lastIndex-c[2].length,l=c[1],u=void 0===c[3]?p:'"'===c[3]?g:$):u===g||u===$?u=p:u===_||u===m?u=f:(u=p,o=void 0);const a=u===p&&t[i+1].startsWith("/>")?" ":"";h+=u===f?s+r:d>=0?(e.push(l),s.slice(0,d)+"$lit$"+s.slice(d)+n+a):s+n+(-2===d?(e.push(void 0),i):a);}const c=h+(t[s]||"<?>")+(2===i?"</svg>":"");return [void 0!==l?l.createHTML(c):c,e]};class N{constructor({strings:t,_$litType$:i},s){let e;this.parts=[];let l=0,r=0;const u=t.length-1,d=this.parts,[v,a]=M(t,i);if(this.el=N.createElement(v,s),E.currentNode=this.el.content,2===i){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes);}for(;null!==(e=E.nextNode())&&d.length<u;){if(1===e.nodeType){if(e.hasAttributes()){const t=[];for(const i of e.getAttributeNames())if(i.endsWith("$lit$")||i.startsWith(n)){const s=a[r++];if(t.push(i),void 0!==s){const t=e.getAttribute(s.toLowerCase()+"$lit$").split(n),i=/([.?@])?(.*)/.exec(s);d.push({type:1,index:l,name:i[2],strings:t,ctor:"."===i[1]?I:"?"===i[1]?L:"@"===i[1]?R:H});}else d.push({type:6,index:l});}for(const i of t)e.removeAttribute(i);}if(y.test(e.tagName)){const t=e.textContent.split(n),i=t.length-1;if(i>0){e.textContent=o?o.emptyScript:"";for(let s=0;s<i;s++)e.append(t[s],c()),E.nextNode(),d.push({type:2,index:++l});e.append(t[i],c());}}}else if(8===e.nodeType)if(e.data===h)d.push({type:2,index:l});else {let t=-1;for(;-1!==(t=e.data.indexOf(n,t+1));)d.push({type:7,index:l}),t+=n.length-1;}l++;}}static createElement(t,i){const s=u.createElement("template");return s.innerHTML=t,s}}function S(t,i,s=t,e){var o,l,n,h;if(i===w)return i;let r=void 0!==e?null===(o=s.Σi)||void 0===o?void 0:o[e]:s.Σo;const u=d(i)?void 0:i._$litDirective$;return (null==r?void 0:r.constructor)!==u&&(null===(l=null==r?void 0:r.O)||void 0===l||l.call(r,!1),void 0===u?r=void 0:(r=new u(t),r.T(t,s,e)),void 0!==e?(null!==(n=(h=s).Σi)&&void 0!==n?n:h.Σi=[])[e]=r:s.Σo=r),void 0!==r&&(i=S(t,r.S(t,i.values),r,e)),i}class k{constructor(t,i){this.l=[],this.N=void 0,this.D=t,this.M=i;}u(t){var i;const{el:{content:s},parts:e}=this.D,o=(null!==(i=null==t?void 0:t.creationScope)&&void 0!==i?i:u).importNode(s,!0);E.currentNode=o;let l=E.nextNode(),n=0,h=0,r=e[0];for(;void 0!==r;){if(n===r.index){let i;2===r.type?i=new C(l,l.nextSibling,this,t):1===r.type?i=new r.ctor(l,r.name,r.strings,this,t):6===r.type&&(i=new z(l,this,t)),this.l.push(i),r=e[++h];}n!==(null==r?void 0:r.index)&&(l=E.nextNode(),n++);}return o}v(t){let i=0;for(const s of this.l)void 0!==s&&(void 0!==s.strings?(s.I(t,s,i),i+=s.strings.length-2):s.I(t[i])),i++;}}class C{constructor(t,i,s,e){this.type=2,this.N=void 0,this.A=t,this.B=i,this.M=s,this.options=e;}setConnected(t){var i;null===(i=this.P)||void 0===i||i.call(this,t);}get parentNode(){return this.A.parentNode}get startNode(){return this.A}get endNode(){return this.B}I(t,i=this){t=S(this,t,i),d(t)?t===A||null==t||""===t?(this.H!==A&&this.R(),this.H=A):t!==this.H&&t!==w&&this.m(t):void 0!==t._$litType$?this._(t):void 0!==t.nodeType?this.$(t):a(t)?this.g(t):this.m(t);}k(t,i=this.B){return this.A.parentNode.insertBefore(t,i)}$(t){this.H!==t&&(this.R(),this.H=this.k(t));}m(t){const i=this.A.nextSibling;null!==i&&3===i.nodeType&&(null===this.B?null===i.nextSibling:i===this.B.previousSibling)?i.data=t:this.$(u.createTextNode(t)),this.H=t;}_(t){var i;const{values:s,_$litType$:e}=t,o="number"==typeof e?this.C(t):(void 0===e.el&&(e.el=N.createElement(e.h,this.options)),e);if((null===(i=this.H)||void 0===i?void 0:i.D)===o)this.H.v(s);else {const t=new k(o,this),i=t.u(this.options);t.v(s),this.$(i),this.H=t;}}C(t){let i=P.get(t.strings);return void 0===i&&P.set(t.strings,i=new N(t)),i}g(t){v(this.H)||(this.H=[],this.R());const i=this.H;let s,e=0;for(const o of t)e===i.length?i.push(s=new C(this.k(c()),this.k(c()),this,this.options)):s=i[e],s.I(o),e++;e<i.length&&(this.R(s&&s.B.nextSibling,e),i.length=e);}R(t=this.A.nextSibling,i){var s;for(null===(s=this.P)||void 0===s||s.call(this,!1,!0,i);t&&t!==this.B;){const i=t.nextSibling;t.remove(),t=i;}}}class H{constructor(t,i,s,e,o){this.type=1,this.H=A,this.N=void 0,this.V=void 0,this.element=t,this.name=i,this.M=e,this.options=o,s.length>2||""!==s[0]||""!==s[1]?(this.H=Array(s.length-1).fill(A),this.strings=s):this.H=A;}get tagName(){return this.element.tagName}I(t,i=this,s,e){const o=this.strings;let l=!1;if(void 0===o)t=S(this,t,i,0),l=!d(t)||t!==this.H&&t!==w,l&&(this.H=t);else {const e=t;let n,h;for(t=o[0],n=0;n<o.length-1;n++)h=S(this,e[s+n],i,n),h===w&&(h=this.H[n]),l||(l=!d(h)||h!==this.H[n]),h===A?t=A:t!==A&&(t+=(null!=h?h:"")+o[n+1]),this.H[n]=h;}l&&!e&&this.W(t);}W(t){t===A?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"");}}class I extends H{constructor(){super(...arguments),this.type=3;}W(t){this.element[this.name]=t===A?void 0:t;}}class L extends H{constructor(){super(...arguments),this.type=4;}W(t){t&&t!==A?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name);}}class R extends H{constructor(){super(...arguments),this.type=5;}I(t,i=this){var s;if((t=null!==(s=S(this,t,i,0))&&void 0!==s?s:A)===w)return;const e=this.H,o=t===A&&e!==A||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,l=t!==A&&(e===A||o);o&&this.element.removeEventListener(this.name,this,e),l&&this.element.addEventListener(this.name,this,t),this.H=t;}handleEvent(t){var i,s;"function"==typeof this.H?this.H.call(null!==(s=null===(i=this.options)||void 0===i?void 0:i.host)&&void 0!==s?s:this.element,t):this.H.handleEvent(t);}}class z{constructor(t,i,s){this.element=t,this.type=6,this.N=void 0,this.V=void 0,this.M=i,this.options=s;}I(t){S(this,t);}}null===(i=(t=globalThis).litHtmlPlatformSupport)||void 0===i||i.call(t,N,C),(null!==(s=(e=globalThis).litHtmlVersions)&&void 0!==s?s:e.litHtmlVersions=[]).push("2.0.0-rc.3");
-
-	const litRender = (templateResult, domNode, styles, { host } = {}) => {
-		if (styles) {
-			templateResult = _static.html`<style>${styles}</style>${templateResult}`;
+	const litRender = (templateResult, domNode, styleStrOrHrefsArr, { host } = {}) => {
+		if (typeof styleStrOrHrefsArr === "string") {
+			templateResult = _static.html`<style>${styleStrOrHrefsArr}</style>${templateResult}`;
+		} else if (Array.isArray(styleStrOrHrefsArr) && styleStrOrHrefsArr.length) {
+			templateResult = _static.html`${styleStrOrHrefsArr.map(href => _static.html`<link type="text/css" rel="stylesheet" href="${href}">`)}${templateResult}`;
 		}
-		V(templateResult, domNode, { host });
+		styleMap.A(templateResult, domNode, { host });
 	};
 	const scopeTag = (tag, tags, suffix) => {
 		const resultTag = suffix && (tags || []).includes(tag) ? `${tag}-${suffix}` : tag;
 		return _static.unsafeStatic(resultTag);
 	};
 
+	exports.styleMap = styleMap.styleMap;
 	exports.html = _static.html;
 	exports.svg = _static.svg;
 	exports.unsafeStatic = _static.unsafeStatic;
 	exports.repeat = repeat.repeat;
 	exports.classMap = classMap.classMap;
-	exports.styleMap = styleMap.styleMap;
 	exports.ifDefined = ifDefined.ifDefined;
 	exports.unsafeHTML = unsafeHtml.unsafeHTML;
 	exports.default = litRender;

package/src/sap/ui/webc/common/thirdparty/base/renderer/directives/style-map.js

@@ -0,0 +1,9 @@
+sap.ui.define(['exports', '../../style-map-40b1b123', 'sap/ui/webc/common/thirdparty/lit-html/directive'], function (exports, styleMap, directive) { 'use strict';
+
+
+
+	exports.styleMap = styleMap.styleMap;
+
+	Object.defineProperty(exports, '__esModule', { value: true });
+
+});

package/src/sap/ui/webc/common/thirdparty/base/sap/base/Log.js

@@ -163,18 +163,10 @@ sap.ui.define(['./util/now'], function (now) { 'use strict';
                     }
                     break;
                 case Log.Level.DEBUG:
-                    if (console.debug) {
-                        isDetailsError ? console.debug(logText, '\n', sDetails) : console.debug(logText);
-                    } else {
-                        isDetailsError ? console.log(logText, '\n', sDetails) : console.log(logText);
-                    }
+                    isDetailsError ? console.debug(logText, '\n', sDetails) : console.debug(logText);
                     break;
                 case Log.Level.TRACE:
-                    if (console.trace) {
-                        isDetailsError ? console.trace(logText, '\n', sDetails) : console.trace(logText);
-                    } else {
-                        isDetailsError ? console.log(logText, '\n', sDetails) : console.log(logText);
-                    }
+                    isDetailsError ? console.trace(logText, '\n', sDetails) : console.trace(logText);
                     break;
                 }
                 if (console.info && oLogEntry.supportInfo) {

package/src/sap/ui/webc/common/thirdparty/base/sap/base/assert.js

@@ -3,11 +3,7 @@ sap.ui.define(['./Log'], function (Log) { 'use strict';
     var fnAssert = function (bResult, vMessage) {
         if (!bResult) {
             var sMessage = typeof vMessage === 'function' ? vMessage() : vMessage;
-            if (console && console.assert) {
-                console.assert(bResult, sMessage);
-            } else {
-                Log.debug('[Assertions] ' + sMessage);
-            }
+            console.assert(bResult, sMessage);
         }
     };
 

package/src/sap/ui/webc/common/thirdparty/base/style-map-40b1b123.js

@@ -0,0 +1,68 @@
+sap.ui.define(['exports', 'sap/ui/webc/common/thirdparty/lit-html/directive'], function (exports, directive) { 'use strict';
+
+	/**
+	 * @license
+	 * Copyright 2017 Google LLC
+	 * SPDX-License-Identifier: BSD-3-Clause
+	 */
+	var t,i;const s=globalThis.trustedTypes,e=s?s.createPolicy("lit-html",{createHTML:t=>t}):void 0,o=`lit$${(Math.random()+"").slice(9)}$`,n="?"+o,l=`<${n}>`,h=document,r=(t="")=>h.createComment(t),d=t=>null===t||"object"!=typeof t&&"function"!=typeof t,u=Array.isArray,v=t=>{var i;return u(t)||"function"==typeof(null===(i=t)||void 0===i?void 0:i[Symbol.iterator])},c=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,a=/-->/g,f=/>/g,_=/>|[ 	\n\r](?:([^\s"'>=/]+)([ 	\n\r]*=[ 	\n\r]*(?:[^ 	\n\r"'`<>=]|("|')|))|$)/g,g=/'/g,m=/"/g,$=/^(?:script|style|textarea)$/i,T=Symbol.for("lit-noChange"),x=Symbol.for("lit-nothing"),w=new WeakMap,A=(t,i,s)=>{var e,o;const n=null!==(e=null==s?void 0:s.renderBefore)&&void 0!==e?e:i;let l=n._$litPart$;if(void 0===l){const t=null!==(o=null==s?void 0:s.renderBefore)&&void 0!==o?o:null;n._$litPart$=l=new S(i.insertBefore(r(),t),t,void 0,null!=s?s:{});}return l._$AI(t),l},C=h.createTreeWalker(h,129,null,!1),P=(t,i)=>{const s=t.length-1,n=[];let h,r=2===i?"<svg>":"",d=c;for(let i=0;i<s;i++){const s=t[i];let e,u,v=-1,p=0;for(;p<s.length&&(d.lastIndex=p,u=d.exec(s),null!==u);)p=d.lastIndex,d===c?"!--"===u[1]?d=a:void 0!==u[1]?d=f:void 0!==u[2]?($.test(u[2])&&(h=RegExp("</"+u[2],"g")),d=_):void 0!==u[3]&&(d=_):d===_?">"===u[0]?(d=null!=h?h:c,v=-1):void 0===u[1]?v=-2:(v=d.lastIndex-u[2].length,e=u[1],d=void 0===u[3]?_:'"'===u[3]?m:g):d===m||d===g?d=_:d===a||d===f?d=c:(d=_,h=void 0);const y=d===_&&t[i+1].startsWith("/>")?" ":"";r+=d===c?s+l:v>=0?(n.push(e),s.slice(0,v)+"$lit$"+s.slice(v)+o+y):s+o+(-2===v?(n.push(void 0),i):y);}const u=r+(t[s]||"<?>")+(2===i?"</svg>":"");return [void 0!==e?e.createHTML(u):u,n]};class V{constructor({strings:t,_$litType$:i},e){let l;this.parts=[];let h=0,d=0;const u=t.length-1,v=this.parts,[c,a]=P(t,i);if(this.el=V.createElement(c,e),C.currentNode=this.el.content,2===i){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes);}for(;null!==(l=C.nextNode())&&v.length<u;){if(1===l.nodeType){if(l.hasAttributes()){const t=[];for(const i of l.getAttributeNames())if(i.endsWith("$lit$")||i.startsWith(o)){const s=a[d++];if(t.push(i),void 0!==s){const t=l.getAttribute(s.toLowerCase()+"$lit$").split(o),i=/([.?@])?(.*)/.exec(s);v.push({type:1,index:h,name:i[2],strings:t,ctor:"."===i[1]?k:"?"===i[1]?H:"@"===i[1]?I:M});}else v.push({type:6,index:h});}for(const i of t)l.removeAttribute(i);}if($.test(l.tagName)){const t=l.textContent.split(o),i=t.length-1;if(i>0){l.textContent=s?s.emptyScript:"";for(let s=0;s<i;s++)l.append(t[s],r()),C.nextNode(),v.push({type:2,index:++h});l.append(t[i],r());}}}else if(8===l.nodeType)if(l.data===n)v.push({type:2,index:h});else {let t=-1;for(;-1!==(t=l.data.indexOf(o,t+1));)v.push({type:7,index:h}),t+=o.length-1;}h++;}}static createElement(t,i){const s=h.createElement("template");return s.innerHTML=t,s}}function E(t,i,s=t,e){var o,n,l,h;if(i===T)return i;let r=void 0!==e?null===(o=s._$Cl)||void 0===o?void 0:o[e]:s._$Cu;const u=d(i)?void 0:i._$litDirective$;return (null==r?void 0:r.constructor)!==u&&(null===(n=null==r?void 0:r._$AO)||void 0===n||n.call(r,!1),void 0===u?r=void 0:(r=new u(t),r._$AT(t,s,e)),void 0!==e?(null!==(l=(h=s)._$Cl)&&void 0!==l?l:h._$Cl=[])[e]=r:s._$Cu=r),void 0!==r&&(i=E(t,r._$AS(t,i.values),r,e)),i}class N{constructor(t,i){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var i;const{el:{content:s},parts:e}=this._$AD,o=(null!==(i=null==t?void 0:t.creationScope)&&void 0!==i?i:h).importNode(s,!0);C.currentNode=o;let n=C.nextNode(),l=0,r=0,d=e[0];for(;void 0!==d;){if(l===d.index){let i;2===d.type?i=new S(n,n.nextSibling,this,t):1===d.type?i=new d.ctor(n,d.name,d.strings,this,t):6===d.type&&(i=new L(n,this,t)),this.v.push(i),d=e[++r];}l!==(null==d?void 0:d.index)&&(n=C.nextNode(),l++);}return o}m(t){let i=0;for(const s of this.v)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class S{constructor(t,i,s,e){var o;this.type=2,this._$AH=x,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cg=null===(o=null==e?void 0:e.isConnected)||void 0===o||o;}get _$AU(){var t,i;return null!==(i=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==i?i:this._$Cg}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=E(this,t,i),d(t)?t===x||null==t||""===t?(this._$AH!==x&&this._$AR(),this._$AH=x):t!==this._$AH&&t!==T&&this.$(t):void 0!==t._$litType$?this.T(t):void 0!==t.nodeType?this.S(t):v(t)?this.M(t):this.$(t);}A(t,i=this._$AB){return this._$AA.parentNode.insertBefore(t,i)}S(t){this._$AH!==t&&(this._$AR(),this._$AH=this.A(t));}$(t){this._$AH!==x&&d(this._$AH)?this._$AA.nextSibling.data=t:this.S(h.createTextNode(t)),this._$AH=t;}T(t){var i;const{values:s,_$litType$:e}=t,o="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=V.createElement(e.h,this.options)),e);if((null===(i=this._$AH)||void 0===i?void 0:i._$AD)===o)this._$AH.m(s);else {const t=new N(o,this),i=t.p(this.options);t.m(s),this.S(i),this._$AH=t;}}_$AC(t){let i=w.get(t.strings);return void 0===i&&w.set(t.strings,i=new V(t)),i}M(t){u(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const o of t)e===i.length?i.push(s=new S(this.A(r()),this.A(r()),this,this.options)):s=i[e],s._$AI(o),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){var s;for(null===(s=this._$AP)||void 0===s||s.call(this,!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){var i;void 0===this._$AM&&(this._$Cg=t,null===(i=this._$AP)||void 0===i||i.call(this,t));}}class M{constructor(t,i,s,e,o){this.type=1,this._$AH=x,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=o,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=x;}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,i=this,s,e){const o=this.strings;let n=!1;if(void 0===o)t=E(this,t,i,0),n=!d(t)||t!==this._$AH&&t!==T,n&&(this._$AH=t);else {const e=t;let l,h;for(t=o[0],l=0;l<o.length-1;l++)h=E(this,e[s+l],i,l),h===T&&(h=this._$AH[l]),n||(n=!d(h)||h!==this._$AH[l]),h===x?t=x:t!==x&&(t+=(null!=h?h:"")+o[l+1]),this._$AH[l]=h;}n&&!e&&this.k(t);}k(t){t===x?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"");}}class k extends M{constructor(){super(...arguments),this.type=3;}k(t){this.element[this.name]=t===x?void 0:t;}}class H extends M{constructor(){super(...arguments),this.type=4;}k(t){t&&t!==x?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name);}}class I extends M{constructor(t,i,s,e,o){super(t,i,s,e,o),this.type=5;}_$AI(t,i=this){var s;if((t=null!==(s=E(this,t,i,0))&&void 0!==s?s:x)===T)return;const e=this._$AH,o=t===x&&e!==x||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,n=t!==x&&(e===x||o);o&&this.element.removeEventListener(this.name,this,e),n&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){var i,s;"function"==typeof this._$AH?this._$AH.call(null!==(s=null===(i=this.options)||void 0===i?void 0:i.host)&&void 0!==s?s:this.element,t):this._$AH.handleEvent(t);}}class L{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){E(this,t);}}null===(t=globalThis.litHtmlPolyfillSupport)||void 0===t||t.call(globalThis,V,S),(null!==(i=globalThis.litHtmlVersions)&&void 0!==i?i:globalThis.litHtmlVersions=[]).push("2.0.0");
+
+	/**
+	 * @license
+	 * Copyright 2018 Google LLC
+	 * SPDX-License-Identifier: BSD-3-Clause
+	 */
+	class StyleMapDirective extends directive.Directive {
+		constructor(partInfo) {
+			var _a;
+			super(partInfo);
+			if (partInfo.type !== directive.PartType.ATTRIBUTE ||
+				partInfo.name !== 'style' ||
+				((_a = partInfo.strings) === null || _a === void 0 ? void 0 : _a.length) > 2) {
+				throw new Error('The `styleMap` directive must be used in the `style` attribute ' +
+					'and must be the only part in the attribute.');
+			}
+		}
+		render(styleInfo) {
+			return "";
+		}
+		update(part, [styleInfo]) {
+			const { style } = part.element;
+			if (this._previousStyleProperties === undefined) {
+				this._previousStyleProperties = new Set();
+				for (const name in styleInfo) {
+					this._previousStyleProperties.add(name);
+				}
+			}
+			this._previousStyleProperties.forEach((name) => {
+				if (styleInfo[name] == null) {
+					this._previousStyleProperties.delete(name);
+					if (name.includes('-')) {
+						style.removeProperty(name);
+					}
+					else {
+						style[name] = '';
+					}
+				}
+			});
+			for (const name in styleInfo) {
+				const value = styleInfo[name];
+				if (value != null) {
+					this._previousStyleProperties.add(name);
+					if (name.includes('-')) {
+						style.setProperty(name, value);
+					}
+					else {
+						style[name] = value;
+					}
+				}
+			}
+			return T;
+		}
+	}
+	const styleMap = directive.directive(StyleMapDirective);
+
+	exports.A = A;
+	exports.styleMap = styleMap;
+
+});

package/src/sap/ui/webc/common/thirdparty/base/theming/applyTheme.js

@@ -1,6 +1,6 @@
-sap.ui.define(['../asset-registries/Themes', './createThemePropertiesStyleTag', './getThemeDesignerTheme', './ThemeLoaded', '../FeaturesRegistry'], function (Themes, createThemePropertiesStyleTag, getThemeDesignerTheme, ThemeLoaded, FeaturesRegistry) { 'use strict';
+sap.ui.define(['../asset-registries/Themes', '../ManagedStyles', './getThemeDesignerTheme', './ThemeLoaded', '../FeaturesRegistry'], function (Themes, ManagedStyles, getThemeDesignerTheme, ThemeLoaded, FeaturesRegistry) { 'use strict';
 
-	const BASE_THEME_PACKAGE = "@ui5/webcomponents-theme-base";
+	const BASE_THEME_PACKAGE = "@ui5/webcomponents-theming";
 	const isThemeBaseRegistered = () => {
 		const registeredPackages = Themes.getRegisteredPackages();
 		return registeredPackages.has(BASE_THEME_PACKAGE);
@@ -10,13 +10,10 @@ sap.ui.define(['../asset-registries/Themes', './createThemePropertiesStyleTag',
 			return;
 		}
 		const cssText = await Themes.getThemeProperties(BASE_THEME_PACKAGE, theme);
-		createThemePropertiesStyleTag(cssText, BASE_THEME_PACKAGE);
+		ManagedStyles.createOrUpdateStyle(cssText, "data-ui5-theme-properties", BASE_THEME_PACKAGE);
 	};
 	const deleteThemeBase = () => {
-		const styleElement = document.head.querySelector(`style[data-ui5-theme-properties="${BASE_THEME_PACKAGE}"]`);
-		if (styleElement) {
-			styleElement.parentElement.removeChild(styleElement);
-		}
+		ManagedStyles.removeStyle("data-ui5-theme-properties", BASE_THEME_PACKAGE);
 	};
 	const loadComponentPackages = async theme => {
 		const registeredPackages = Themes.getRegisteredPackages();
@@ -25,7 +22,7 @@ sap.ui.define(['../asset-registries/Themes', './createThemePropertiesStyleTag',
 				return;
 			}
 			const cssText = await Themes.getThemeProperties(packageName, theme);
-			createThemePropertiesStyleTag(cssText, packageName);
+			ManagedStyles.createOrUpdateStyle(cssText, "data-ui5-theme-properties", packageName);
 		});
 	};
 	const detectExternalTheme = () => {

package/src/sap/ui/webc/common/thirdparty/base/theming/getEffectiveLinksHrefs.js

@@ -0,0 +1,19 @@
+sap.ui.define(['../CSP'], function (CSP) { 'use strict';
+
+	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"];
+		if (!stylesData) {
+			return;
+		}
+		if (!Array.isArray(stylesData)) {
+			stylesData = [stylesData];
+		}
+		return flatten(stylesData).filter(data => !!data).map(data => CSP.getUrl(data.packageName, data.fileName));
+	};
+
+	return getEffectiveLinksHrefs;
+
+});

package/src/sap/ui/webc/common/thirdparty/base/theming/getStylesString.js

@@ -2,9 +2,11 @@ sap.ui.define(function () { 'use strict';
 
 	const getStylesString = styles => {
 		if (Array.isArray(styles)) {
-			return flatten(styles.filter(style => !!style)).join(" ");
+			return flatten(styles.filter(style => !!style)).map(style => {
+				return typeof style === "string" ? style : style.content;
+			}).join(" ");
 		}
-		return styles;
+		return typeof styles === "string" ? styles : styles.content;
 	};
 	const flatten = arr => {
 		return arr.reduce((acc, val) => acc.concat(Array.isArray(val) ? flatten(val) : val), []);

package/src/sap/ui/webc/common/thirdparty/base/theming/getThemeDesignerTheme.js

@@ -1,13 +1,14 @@
 sap.ui.define(function () { 'use strict';
 
 	const getThemeMetadata = () => {
-		let el = document.querySelector(".sapThemeMetaData-Base-baseLib");
+		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";
 		el.classList.add("sapThemeMetaData-Base-baseLib");
+		el.classList.add("sapThemeMetaData-UI5-sap-ui-core");
 		document.body.appendChild(el);
 		const metadata = getComputedStyle(el).backgroundImage;
 		document.body.removeChild(el);

package/src/sap/ui/webc/common/thirdparty/base/theming/preloadLinks.js

@@ -0,0 +1,20 @@
+sap.ui.define(['./getEffectiveLinksHrefs', '../util/createLinkInHead', '../CSP'], function (getEffectiveLinksHrefs, createLinkInHead, CSP) { 'use strict';
+
+	const preloaded = new Set();
+	const preloadLinks = ElementClass => {
+		if (!CSP.shouldUseLinks() || !CSP.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);
+			}
+		});
+	};
+
+	return preloadLinks;
+
+});

package/src/sap/ui/webc/common/thirdparty/base/updateShadowRoot.js

@@ -1,16 +1,18 @@
-sap.ui.define(['./renderer/executeTemplate', './theming/getConstructableStyle', './theming/getEffectiveStyle', './isLegacyBrowser'], function (executeTemplate, getConstructableStyle, getEffectiveStyle, isLegacyBrowser) { 'use strict';
+sap.ui.define(['./renderer/executeTemplate', './theming/getConstructableStyle', './theming/getEffectiveStyle', './theming/getEffectiveLinksHrefs', './isLegacyBrowser', './CSP'], function (executeTemplate, getConstructableStyle, getEffectiveStyle, getEffectiveLinksHrefs, isLegacyBrowser, CSP) { 'use strict';
 
 	const updateShadowRoot = (element, forStaticArea = false) => {
-		let styleToPrepend;
+		let styleStrOrHrefsArr;
 		const template = forStaticArea ? "staticAreaTemplate" : "template";
 		const shadowRoot = forStaticArea ? element.staticAreaItem.shadowRoot : element.shadowRoot;
 		const renderResult = executeTemplate(element.constructor[template], element);
-		if (document.adoptedStyleSheets) {
+		if (CSP.shouldUseLinks()) {
+			styleStrOrHrefsArr = getEffectiveLinksHrefs(element.constructor, forStaticArea);
+		} else if (document.adoptedStyleSheets) {
 			shadowRoot.adoptedStyleSheets = getConstructableStyle(element.constructor, forStaticArea);
 		} else if (!isLegacyBrowser()) {
-			styleToPrepend = getEffectiveStyle(element.constructor, forStaticArea);
+			styleStrOrHrefsArr = getEffectiveStyle(element.constructor, forStaticArea);
 		}
-		element.constructor.render(renderResult, shadowRoot, styleToPrepend, { host: element });
+		element.constructor.render(renderResult, shadowRoot, styleStrOrHrefsArr, { host: element });
 	};
 
 	return updateShadowRoot;

package/src/sap/ui/webc/common/thirdparty/base/util/createLinkInHead.js

@@ -0,0 +1,15 @@
+sap.ui.define(function () { 'use strict';
+
+	const createLinkInHead = (href, attributes = {}) => {
+		const link = document.createElement("link");
+		link.type = "text/css";
+		link.rel = "stylesheet";
+		Object.entries(attributes).forEach(pair => link.setAttribute(...pair));
+		link.href = href;
+		document.head.appendChild(link);
+		return link;
+	};
+
+	return createLinkInHead;
+
+});

package/src/sap/ui/webc/common/thirdparty/icons-business-suite/1x2-grid-layout.js

@@ -0,0 +1,13 @@
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/asset-registries/Icons'], function (Icons) { 'use strict';
+
+	const name = "1x2-grid-layout";
+	const pathData = "M0 0h512v512H0V0zm480 480V32H272v448h208zm-448 0h208V32H32v448z";
+	const ltr = false;
+	const collection = "business-suite";
+	const packageName = "@ui5/webcomponents-icons-business-suite";
+	Icons.registerIcon(name, { pathData, ltr, collection, packageName });
+	var _1x2GridLayout = { pathData };
+
+	return _1x2GridLayout;
+
+});

package/src/sap/ui/webc/common/thirdparty/icons-business-suite/2x1-grid-layout.js

@@ -0,0 +1,13 @@
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/asset-registries/Icons'], function (Icons) { 'use strict';
+
+	const name = "2x1-grid-layout";
+	const pathData = "M0 512V0h512v512H0zM32 32v208h448V32H32zm0 448h448V272H32v208z";
+	const ltr = false;
+	const collection = "business-suite";
+	const packageName = "@ui5/webcomponents-icons-business-suite";
+	Icons.registerIcon(name, { pathData, ltr, collection, packageName });
+	var _2x1GridLayout = { pathData };
+
+	return _2x1GridLayout;
+
+});

package/src/sap/ui/webc/common/thirdparty/icons-business-suite/2x2-grid-layout.js

@@ -0,0 +1,13 @@
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/asset-registries/Icons'], function (Icons) { 'use strict';
+
+	const name = "2x2-grid-layout";
+	const pathData = "M0 512V0h512v512H0zM272 32v208h208V32H272zM32 240h208V32H32v208zm448 240V272H272v208h208zm-448 0h208V272H32v208z";
+	const ltr = false;
+	const collection = "business-suite";
+	const packageName = "@ui5/webcomponents-icons-business-suite";
+	Icons.registerIcon(name, { pathData, ltr, collection, packageName });
+	var _2x2GridLayout = { pathData };
+
+	return _2x2GridLayout;
+
+});

package/src/sap/ui/webc/common/thirdparty/icons-business-suite/3d.js

@@ -0,0 +1,13 @@
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/asset-registries/Icons'], function (Icons) { 'use strict';
+
+	const name = "3d";
+	const pathData = "M255 218L47 112l208-97 210 97zM47 151l187 99v230L47 369V151zm418 0v218L276 480V250z";
+	const ltr = false;
+	const collection = "business-suite";
+	const packageName = "@ui5/webcomponents-icons-business-suite";
+	Icons.registerIcon(name, { pathData, ltr, collection, packageName });
+	var _3d = { pathData };
+
+	return _3d;
+
+});

package/src/sap/ui/webc/common/thirdparty/icons-business-suite/4x4-grid-layout.js

@@ -0,0 +1,13 @@
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/asset-registries/Icons'], function (Icons) { 'use strict';
+
+	const name = "4x4-grid-layout";
+	const pathData = "M0 0h512v512H0V0zm480 120V32h-88v88h88zm-120 0V32h-88v88h88zm-328 0h88V32H32v88zm120-88v88h88V32h-88zm120 208h88v-88h-88v88zm120-88v88h88v-88h-88zm-240 0v88h88v-88h-88zm-32 88v-88H32v88h88zm152 120h88v-88h-88v88zm208 0v-88h-88v88h88zM32 272v88h88v-88H32zm120 88h88v-88h-88v88zm240 32v88h88v-88h-88zm-240 88h88v-88h-88v88zM32 392v88h88v-88H32zm240 88h88v-88h-88v88z";
+	const ltr = false;
+	const collection = "business-suite";
+	const packageName = "@ui5/webcomponents-icons-business-suite";
+	Icons.registerIcon(name, { pathData, ltr, collection, packageName });
+	var _4x4GridLayout = { pathData };
+
+	return _4x4GridLayout;
+
+});

package/src/sap/ui/webc/common/thirdparty/icons-business-suite/AllIcons.js

@@ -0,0 +1,5 @@
+sap.ui.define(['./json-imports/Icons'], function (Icons) { 'use strict';
+
+
+
+});

package/src/sap/ui/webc/common/thirdparty/icons-business-suite/Assets.js

@@ -0,0 +1,5 @@
+sap.ui.define(function () { 'use strict';
+
+
+
+});