@openui5/sap.ui.webc.common 1.94.0 → 1.97.0

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,31 +1,28 @@
-sap.ui.define(['exports', 'sap/ui/webc/common/thirdparty/lit-html/lit-html', './scopeHTML', '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/unsafe-html'], function (exports, litHtml, scopeHTML, repeat, classMap, styleMap, 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';
 
-	let tags;
-	let	suffix;
-	const setTags = t => {
-		tags = t;
-	};
-	const setSuffix = s => {
-		suffix = s;
-	};
-	const litRender = (templateResult, domNode, styles, { eventContext } = {}) => {
-		if (styles) {
-			templateResult = litHtml.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}`;
 		}
-		litHtml.render(templateResult, domNode, { eventContext });
+		styleMap.A(templateResult, domNode, { host });
+	};
+	const scopeTag = (tag, tags, suffix) => {
+		const resultTag = suffix && (tags || []).includes(tag) ? `${tag}-${suffix}` : tag;
+		return _static.unsafeStatic(resultTag);
 	};
-	const scopedHtml = (strings, ...values) => litHtml.html(scopeHTML(strings, tags, suffix), ...values);
-	const scopedSvg = (strings, ...values) => litHtml.svg(scopeHTML(strings, tags, suffix), ...values);
 
+	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;
-	exports.html = scopedHtml;
-	exports.setSuffix = setSuffix;
-	exports.setTags = setTags;
-	exports.svg = scopedSvg;
+	exports.scopeTag = scopeTag;
 
 	Object.defineProperty(exports, '__esModule', { value: true });
 

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

@@ -0,0 +1,245 @@
+sap.ui.define(['./util/now'], function (now) { 'use strict';
+
+    var Log = {};
+    Log.Level = {
+        NONE: -1,
+        FATAL: 0,
+        ERROR: 1,
+        WARNING: 2,
+        INFO: 3,
+        DEBUG: 4,
+        TRACE: 5,
+        ALL: 5 + 1
+    };
+    var sDefaultComponent, aLog = [], mMaxLevel = { '': Log.Level.ERROR }, iLogEntriesLimit = 3000, oListener = null, bLogSupportInfo = false;
+    function pad0(i, w) {
+        return ('000' + String(i)).slice(-w);
+    }
+    function level(sComponent) {
+        return !sComponent || isNaN(mMaxLevel[sComponent]) ? mMaxLevel[''] : mMaxLevel[sComponent];
+    }
+    function discardLogEntries() {
+        var iLogLength = aLog.length;
+        if (iLogLength) {
+            var iEntriesToKeep = Math.min(iLogLength, Math.floor(iLogEntriesLimit * 0.7));
+            if (oListener) {
+                oListener.onDiscardLogEntries(aLog.slice(0, iLogLength - iEntriesToKeep));
+            }
+            if (iEntriesToKeep) {
+                aLog = aLog.slice(-iEntriesToKeep, iLogLength);
+            } else {
+                aLog = [];
+            }
+        }
+    }
+    function getLogEntryListenerInstance() {
+        if (!oListener) {
+            oListener = {
+                listeners: [],
+                onLogEntry: function (oLogEntry) {
+                    for (var i = 0; i < oListener.listeners.length; i++) {
+                        if (oListener.listeners[i].onLogEntry) {
+                            oListener.listeners[i].onLogEntry(oLogEntry);
+                        }
+                    }
+                },
+                onDiscardLogEntries: function (aDiscardedLogEntries) {
+                    for (var i = 0; i < oListener.listeners.length; i++) {
+                        if (oListener.listeners[i].onDiscardLogEntries) {
+                            oListener.listeners[i].onDiscardLogEntries(aDiscardedLogEntries);
+                        }
+                    }
+                },
+                attach: function (oLog, oLstnr) {
+                    if (oLstnr) {
+                        oListener.listeners.push(oLstnr);
+                        if (oLstnr.onAttachToLog) {
+                            oLstnr.onAttachToLog(oLog);
+                        }
+                    }
+                },
+                detach: function (oLog, oLstnr) {
+                    for (var i = 0; i < oListener.listeners.length; i++) {
+                        if (oListener.listeners[i] === oLstnr) {
+                            if (oLstnr.onDetachFromLog) {
+                                oLstnr.onDetachFromLog(oLog);
+                            }
+                            oListener.listeners.splice(i, 1);
+                            return;
+                        }
+                    }
+                }
+            };
+        }
+        return oListener;
+    }
+    Log.fatal = function (sMessage, sDetails, sComponent, fnSupportInfo) {
+        log(Log.Level.FATAL, sMessage, sDetails, sComponent, fnSupportInfo);
+    };
+    Log.error = function (sMessage, sDetails, sComponent, fnSupportInfo) {
+        log(Log.Level.ERROR, sMessage, sDetails, sComponent, fnSupportInfo);
+    };
+    Log.warning = function (sMessage, sDetails, sComponent, fnSupportInfo) {
+        log(Log.Level.WARNING, sMessage, sDetails, sComponent, fnSupportInfo);
+    };
+    Log.info = function (sMessage, sDetails, sComponent, fnSupportInfo) {
+        log(Log.Level.INFO, sMessage, sDetails, sComponent, fnSupportInfo);
+    };
+    Log.debug = function (sMessage, sDetails, sComponent, fnSupportInfo) {
+        log(Log.Level.DEBUG, sMessage, sDetails, sComponent, fnSupportInfo);
+    };
+    Log.trace = function (sMessage, sDetails, sComponent, fnSupportInfo) {
+        log(Log.Level.TRACE, sMessage, sDetails, sComponent, fnSupportInfo);
+    };
+    Log.setLevel = function (iLogLevel, sComponent, _bDefault) {
+        sComponent = sComponent || sDefaultComponent || '';
+        if (!_bDefault || mMaxLevel[sComponent] == null) {
+            mMaxLevel[sComponent] = iLogLevel;
+            var sLogLevel;
+            Object.keys(Log.Level).forEach(function (sLevel) {
+                if (Log.Level[sLevel] === iLogLevel) {
+                    sLogLevel = sLevel;
+                }
+            });
+            log(Log.Level.INFO, 'Changing log level ' + (sComponent ? 'for \'' + sComponent + '\' ' : '') + 'to ' + sLogLevel, '', 'sap.base.log');
+        }
+    };
+    Log.getLevel = function (sComponent) {
+        return level(sComponent || sDefaultComponent);
+    };
+    Log.isLoggable = function (iLevel, sComponent) {
+        return (iLevel == null ? Log.Level.DEBUG : iLevel) <= level(sComponent || sDefaultComponent);
+    };
+    Log.logSupportInfo = function (bEnabled) {
+        bLogSupportInfo = bEnabled;
+    };
+    function log(iLevel, sMessage, sDetails, sComponent, fnSupportInfo) {
+        if (!fnSupportInfo && !sComponent && typeof sDetails === 'function') {
+            fnSupportInfo = sDetails;
+            sDetails = '';
+        }
+        if (!fnSupportInfo && typeof sComponent === 'function') {
+            fnSupportInfo = sComponent;
+            sComponent = '';
+        }
+        sComponent = sComponent || sDefaultComponent;
+        if (iLevel <= level(sComponent)) {
+            var fNow = now(), oNow = new Date(fNow), iMicroSeconds = Math.floor((fNow - Math.floor(fNow)) * 1000), oLogEntry = {
+                    time: pad0(oNow.getHours(), 2) + ':' + pad0(oNow.getMinutes(), 2) + ':' + pad0(oNow.getSeconds(), 2) + '.' + pad0(oNow.getMilliseconds(), 3) + pad0(iMicroSeconds, 3),
+                    date: pad0(oNow.getFullYear(), 4) + '-' + pad0(oNow.getMonth() + 1, 2) + '-' + pad0(oNow.getDate(), 2),
+                    timestamp: fNow,
+                    level: iLevel,
+                    message: String(sMessage || ''),
+                    details: String(sDetails || ''),
+                    component: String(sComponent || '')
+                };
+            if (bLogSupportInfo && typeof fnSupportInfo === 'function') {
+                oLogEntry.supportInfo = fnSupportInfo();
+            }
+            if (iLogEntriesLimit) {
+                if (aLog.length >= iLogEntriesLimit) {
+                    discardLogEntries();
+                }
+                aLog.push(oLogEntry);
+            }
+            if (oListener) {
+                oListener.onLogEntry(oLogEntry);
+            }
+            if (console) {
+                var isDetailsError = sDetails instanceof Error, logText = oLogEntry.date + ' ' + oLogEntry.time + ' ' + oLogEntry.message + ' - ' + oLogEntry.details + ' ' + oLogEntry.component;
+                switch (iLevel) {
+                case Log.Level.FATAL:
+                case Log.Level.ERROR:
+                    isDetailsError ? console.error(logText, '\n', sDetails) : console.error(logText);
+                    break;
+                case Log.Level.WARNING:
+                    isDetailsError ? console.warn(logText, '\n', sDetails) : console.warn(logText);
+                    break;
+                case Log.Level.INFO:
+                    if (console.info) {
+                        isDetailsError ? console.info(logText, '\n', sDetails) : console.info(logText);
+                    } else {
+                        isDetailsError ? console.log(logText, '\n', sDetails) : console.log(logText);
+                    }
+                    break;
+                case Log.Level.DEBUG:
+                    isDetailsError ? console.debug(logText, '\n', sDetails) : console.debug(logText);
+                    break;
+                case Log.Level.TRACE:
+                    isDetailsError ? console.trace(logText, '\n', sDetails) : console.trace(logText);
+                    break;
+                }
+                if (console.info && oLogEntry.supportInfo) {
+                    console.info(oLogEntry.supportInfo);
+                }
+            }
+            return oLogEntry;
+        }
+    }
+    Log.getLogEntries = function () {
+        return aLog.slice();
+    };
+    Log.getLogEntriesLimit = function () {
+        return iLogEntriesLimit;
+    };
+    Log.setLogEntriesLimit = function (iLimit) {
+        if (iLimit < 0) {
+            throw new Error('The log entries limit needs to be greater than or equal to 0!');
+        }
+        iLogEntriesLimit = iLimit;
+        if (aLog.length >= iLogEntriesLimit) {
+            discardLogEntries();
+        }
+    };
+    Log.addLogListener = function (oListener) {
+        getLogEntryListenerInstance().attach(this, oListener);
+    };
+    Log.removeLogListener = function (oListener) {
+        getLogEntryListenerInstance().detach(this, oListener);
+    };
+    function Logger(sComponent) {
+        this.fatal = function (msg, detail, comp, support) {
+            Log.fatal(msg, detail, comp || sComponent, support);
+            return this;
+        };
+        this.error = function (msg, detail, comp, support) {
+            Log.error(msg, detail, comp || sComponent, support);
+            return this;
+        };
+        this.warning = function (msg, detail, comp, support) {
+            Log.warning(msg, detail, comp || sComponent, support);
+            return this;
+        };
+        this.info = function (msg, detail, comp, support) {
+            Log.info(msg, detail, comp || sComponent, support);
+            return this;
+        };
+        this.debug = function (msg, detail, comp, support) {
+            Log.debug(msg, detail, comp || sComponent, support);
+            return this;
+        };
+        this.trace = function (msg, detail, comp, support) {
+            Log.trace(msg, detail, comp || sComponent, support);
+            return this;
+        };
+        this.setLevel = function (level, comp) {
+            Log.setLevel(level, comp || sComponent);
+            return this;
+        };
+        this.getLevel = function (comp) {
+            return Log.getLevel(comp || sComponent);
+        };
+        this.isLoggable = function (level, comp) {
+            return Log.isLoggable(level, comp || sComponent);
+        };
+    }
+    Log.getLogger = function (sComponent, iDefaultLogLevel) {
+        if (!isNaN(iDefaultLogLevel) && mMaxLevel[sComponent] == null) {
+            mMaxLevel[sComponent] = iDefaultLogLevel;
+        }
+        return new Logger(sComponent);
+    };
+
+    return Log;
+
+});

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

@@ -0,0 +1,12 @@
+sap.ui.define(['./Log'], function (Log) { 'use strict';
+
+    var fnAssert = function (bResult, vMessage) {
+        if (!bResult) {
+            var sMessage = typeof vMessage === 'function' ? vMessage() : vMessage;
+            console.assert(bResult, sMessage);
+        }
+    };
+
+    return fnAssert;
+
+});

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

@@ -0,0 +1,12 @@
+sap.ui.define(function () { 'use strict';
+
+  var fnNow = !(typeof window != "undefined" && window.performance && performance.now && performance.timing) ? Date.now : (function () {
+    var iNavigationStart = performance.timing.navigationStart;
+    return function perfnow() {
+      return iNavigationStart + performance.now();
+    };
+  })();
+
+  return fnNow;
+
+});

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/types/DataType.js

@@ -3,6 +3,15 @@ sap.ui.define(function () { 'use strict';
 	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, {

package/src/sap/ui/webc/common/thirdparty/base/types/Float.js

@@ -4,6 +4,9 @@ sap.ui.define(['./DataType'], function (DataType) { 'use strict';
 		static isValid(value) {
 			return Number(value) === value;
 		}
+		static attributeToProperty(attributeValue) {
+			return parseFloat(attributeValue);
+		}
 	}
 
 	return Float;

package/src/sap/ui/webc/common/thirdparty/base/types/Integer.js

@@ -4,6 +4,9 @@ sap.ui.define(['./DataType'], function (DataType) { 'use strict';
 		static isValid(value) {
 			return Number.isInteger(value);
 		}
+		static attributeToProperty(attributeValue) {
+			return parseInt(attributeValue);
+		}
 	}
 
 	return Integer;