@ui5/webcomponents-base 0.0.0-78035f8e7 → 0.0.0-7e7d9ea6f

package/dist/asset-registries/Themes.js

@@ -1,9 +1,7 @@
-import { fetchJsonOnce, fetchTextOnce } from "../util/FetchHelper.js";
 import { DEFAULT_THEME } from "../generated/AssetParameters.js";
-import getFileExtension from "../util/getFileExtension.js";
 
-const themeURLs = new Map();
 const themeStyles = new Map();
+const loaders = new Map();
 const registeredPackages = new Set();
 const registeredThemes = new Set();
 
@@ -15,29 +13,19 @@ const registeredThemes = new Set();
  * Example usage:
  *  1) Pass the CSS Vars as a string directly.
  *  registerThemeProperties("my-package", "my_theme", ":root{--var1: red;}");
- *  2) Pass the CSS Vars as an object directly
- *  registerThemeProperties("my-package", "my_theme", {"_": ":root{--var1: red;}"});
- *  3) Pass a URL to a CSS file, containing the CSS Vars. Will be fetched on demand, not upon registration.
- *  registerThemeProperties("my-package", "my_theme", "http://url/to/my/theme.css");
- *  4) Pass a URL to a JSON file, containing the CSS Vars in its "_" property. Will be fetched on demand, not upon registration.
- *  registerThemeProperties("my-package", "my_theme", "http://url/to/my/theme.json");
  *
  * @public
  * @param packageName - the NPM package for which CSS Vars are registered
  * @param themeName - the theme which the CSS Vars implement
- * @param style - can be one of four options: a string, an object with a "_" property, URL to a CSS file, or URL to a JSON file with a "_" property
+ * @param style - the style content directly
+ * @deprecated
  */
-const registerThemeProperties = (packageName, themeName, style) => {
-	if (style._) {
-		// JSON object like ({"_": ":root"})
-		themeStyles.set(`${packageName}_${themeName}`, style._);
-	} else if (style.includes(":root") || style === "") {
-		// pure string, including empty string
-		themeStyles.set(`${packageName}_${themeName}`, style);
-	} else {
-		// url for fetching
-		themeURLs.set(`${packageName}_${themeName}`, style);
-	}
+const registerThemeProperties = (_packageName, _themeName, _style) => {
+	throw new Error("`registerThemeProperties` has been depracated. Use `registerThemePropertiesLoader` instead.");
+};
+
+const registerThemePropertiesLoader = (packageName, themeName, loader) => {
+	loaders.set(`${packageName}/${themeName}`, loader);
 	registeredPackages.add(packageName);
 	registeredThemes.add(themeName);
 };
@@ -50,25 +38,31 @@ const getThemeProperties = async (packageName, themeName) => {
 
 	if (!registeredThemes.has(themeName)) {
 		const regThemesStr = [...registeredThemes.values()].join(", ");
-		console.warn(`You have requested a non-registered theme - falling back to ${DEFAULT_THEME}. Registered themes are: ${regThemesStr}`); /* eslint-disable-line */
-		return themeStyles.get(`${packageName}_${DEFAULT_THEME}`);
+		console.warn(`You have requested a non-registered theme ${themeName} - falling back to ${DEFAULT_THEME}. Registered themes are: ${regThemesStr}`); /* eslint-disable-line */
+		return _getThemeProperties(packageName, DEFAULT_THEME);
 	}
 
-	const data = await fetchThemeProperties(packageName, themeName);
-	const themeProps = data._ || data;
-
-	themeStyles.set(`${packageName}_${themeName}`, themeProps);
-	return themeProps;
+	return _getThemeProperties(packageName, themeName);
 };
 
-const fetchThemeProperties = async (packageName, themeName) => {
-	const url = themeURLs.get(`${packageName}_${themeName}`);
-
-	if (!url) {
-		throw new Error(`You have to import the ${packageName}/dist/Assets.js module to switch to additional themes`);
+const _getThemeProperties = async (packageName, themeName) => {
+	const loader = loaders.get(`${packageName}/${themeName}`);
+	if (!loader) {
+		// no themes for package
+		console.error(`Theme [${themeName}] not registered for package [${packageName}]`); /* eslint-disable-line */
+		return;
+	}
+	let data;
+	try {
+		data = await loader(themeName);
+	} catch (e) {
+		console.error(packageName, e.message); /* eslint-disable-line */
+		return;
 	}
+	const themeProps = data._ || data;
 
-	return getFileExtension(url) === ".css" ? fetchTextOnce(url) : fetchJsonOnce(url);
+	themeStyles.set(`${packageName}_${themeName}`, themeProps);
+	return themeProps;
 };
 
 const getRegisteredPackages = () => {
@@ -80,6 +74,7 @@ const isThemeRegistered = theme => {
 };
 
 export {
+	registerThemePropertiesLoader,
 	registerThemeProperties,
 	getThemeProperties,
 	getRegisteredPackages,

package/dist/asset-registries/i18n.js

@@ -1,21 +1,33 @@
-import { getFeature } from "../FeaturesRegistry.js";
 import getLocale from "../locale/getLocale.js";
 import { attachLanguageChange } from "../locale/languageChange.js";
-import { fetchTextOnce } from "../util/FetchHelper.js";
 import normalizeLocale from "../locale/normalizeLocale.js";
 import nextFallbackLocale from "../locale/nextFallbackLocale.js";
 import { DEFAULT_LANGUAGE } from "../generated/AssetParameters.js";
+import { getFetchDefaultLanguage } from "../config/Language.js";
+
+// contains package names for which the warning has been shown
+const warningShown = new Set();
+const reportedErrors = new Set();
 
 const bundleData = new Map();
-const bundleURLs = new Map();
+const bundlePromises = new Map();
+const loaders = new Map();
 
 /**
- * Sets a map with texts and ID the are related to.
- * @param {string} packageName package ID that the i18n bundle will be related to
- * @param {Object} data an object with string locales as keys and text translataions as values
+ * Registers i18n loader function for given package and locale.
+ *
  * @public
+ * @param {string} packageName for which package this loader can fetch data
+ * @param {string} localeId locale that this loader can handle
+ * @param {function} loader async function that will be passed a localeId and should return a JSON object
  */
-const setI18nBundleData = (packageName, data) => {
+const registerI18nLoader = (packageName, localeId, loader) => {
+	// register loader by key
+	const bundleKey = `${packageName}/${localeId}`;
+	loaders.set(bundleKey, loader);
+};
+
+const _setI18nBundleData = (packageName, data) => {
 	bundleData.set(packageName, data);
 };
 
@@ -24,18 +36,36 @@ const getI18nBundleData = packageName => {
 };
 
 /**
- * Registers a map of locale/url information, to be used by the <code>fetchI18nBundle</code> method.
- * Note: In order to be able to register ".properties" files, you must import the following module:
- * import "@ui5/webcomponents-base/dist/features/PropertiesFormatSupport.js";
- *
- * @param {string} packageName package ID that the i18n bundle will be related to
- * @param {Object} bundle an object with string locales as keys and the URLs (in .json or .properties format - see the note above) where the corresponding locale can be fetched from, f.e {"en": "path/en.json", ...}
- *
  * @public
+ * @deprecated
  */
-const registerI18nBundle = (packageName, bundle) => {
-	const oldBundle = bundleURLs.get(packageName) || {};
-	bundleURLs.set(packageName, Object.assign({}, oldBundle, bundle));
+const registerI18nBundle = (_packageName, _bundle) => {
+	throw new Error("This method has been removed. Use `registerI18nLoader` instead.");
+};
+
+const _hasLoader = (packageName, localeId) => {
+	const bundleKey = `${packageName}/${localeId}`;
+	return loaders.has(bundleKey);
+};
+
+// load bundle over the network once
+const _loadMessageBundleOnce = (packageName, localeId) => {
+	const bundleKey = `${packageName}/${localeId}`;
+	const loadMessageBundle = loaders.get(bundleKey);
+
+	if (!bundlePromises.get(bundleKey)) {
+		bundlePromises.set(bundleKey, loadMessageBundle(localeId));
+	}
+
+	return bundlePromises.get(bundleKey);
+};
+
+const _showAssetsWarningOnce = packageName => {
+	if (!warningShown.has(packageName)) {
+		console.warn(`[${packageName}]: Message bundle assets are not configured. Falling back to English texts.`, /* eslint-disable-line */
+		` Add \`import "${packageName}/dist/Assets.js"\` in your bundle and make sure your build tool supports dynamic imports and JSON imports. See section "Assets" in the documentation for more information.`); /* eslint-disable-line */
+		warningShown.add(packageName);
+	}
 };
 
 /**
@@ -48,48 +78,35 @@ const registerI18nBundle = (packageName, bundle) => {
  * @public
  */
 const fetchI18nBundle = async packageName => {
-	const bundlesForPackage = bundleURLs.get(packageName);
-
-	if (!bundlesForPackage) {
-		console.warn(`Message bundle assets are not configured. Falling back to English texts.`, /* eslint-disable-line */
-		` You need to import ${packageName}/dist/Assets.js with a build tool that supports JSON imports.`); /* eslint-disable-line */
-		return;
-	}
-
 	const language = getLocale().getLanguage();
+	const region = getLocale().getRegion();
+	let localeId = normalizeLocale(language + (region ? `-${region}` : ``));
 
-	let localeId = normalizeLocale(language);
-	while (localeId !== DEFAULT_LANGUAGE && !bundlesForPackage[localeId]) {
+	while (localeId !== DEFAULT_LANGUAGE && !_hasLoader(packageName, localeId)) {
 		localeId = nextFallbackLocale(localeId);
 	}
 
-	if (!bundlesForPackage[localeId]) {
-		setI18nBundleData(packageName, null); // reset for the default language (if data was set for a previous language)
+	// use default language unless configured to always fetch it from the network
+	const fetchDefaultLanguage = getFetchDefaultLanguage();
+	if (localeId === DEFAULT_LANGUAGE && !fetchDefaultLanguage) {
+		_setI18nBundleData(packageName, null); // reset for the default language (if data was set for a previous language)
 		return;
 	}
 
-	const bundleURL = bundlesForPackage[localeId];
-
-	if (typeof bundleURL === "object") { // inlined from build
-		setI18nBundleData(packageName, bundleURL);
+	if (!_hasLoader(packageName, localeId)) {
+		_showAssetsWarningOnce(packageName);
 		return;
 	}
 
-	const content = await fetchTextOnce(bundleURL);
-	let parser;
-	if (content.startsWith("{")) {
-		parser = JSON.parse;
-	} else {
-		const PropertiesFormatSupport = getFeature("PropertiesFormatSupport");
-		if (!PropertiesFormatSupport) {
-			throw new Error(`In order to support .properties files, please: import "@ui5/webcomponents-base/dist/features/PropertiesFormatSupport.js";`);
+	try {
+		const data = await _loadMessageBundleOnce(packageName, localeId);
+		_setI18nBundleData(packageName, data);
+	} catch (e) {
+		if (!reportedErrors.has(e.message)) {
+			reportedErrors.add(e.message);
+			console.error(e.message); /* eslint-disable-line */
 		}
-		parser = PropertiesFormatSupport.parser;
 	}
-
-	const data = parser(content);
-
-	setI18nBundleData(packageName, data);
 };
 
 // When the language changes dynamically (the user calls setLanguage), re-fetch all previously fetched bundles
@@ -99,8 +116,8 @@ attachLanguageChange(() => {
 });
 
 export {
+	registerI18nLoader,
 	fetchI18nBundle,
 	registerI18nBundle,
-	setI18nBundleData,
 	getI18nBundleData,
 };

package/dist/assets/bundle.esm.691f93f5.js

@@ -0,0 +1,43 @@
+const Es=function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))n(r);new MutationObserver(r=>{for(const o of r)if(o.type==="childList")for(const i of o.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&n(i)}).observe(document,{childList:!0,subtree:!0});function s(r){const o={};return r.integrity&&(o.integrity=r.integrity),r.referrerpolicy&&(o.referrerPolicy=r.referrerpolicy),r.crossorigin==="use-credentials"?o.credentials="include":r.crossorigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function n(r){if(r.ep)return;r.ep=!0;const o=s(r);fetch(r.href,o)}};Es();const dt={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_dark","sap_horizon_hcb","sap_horizon_hcw","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","sr_Latn","sv","th","tr","uk","vi","zh_CN","zh_HK","zh_SG","zh_TW"]}},Nt=dt.themes.default,Ut=dt.languages.default,E=dt.locales.default,se=dt.locales.all;var Be=()=>{const e=navigator.languages,t=()=>navigator.language;return e&&e[0]||t()||navigator.userLanguage||navigator.browserLanguage||Ut},He={},je=He.hasOwnProperty,Ts=He.toString,Fe=je.toString,Ms=Fe.call(Object),ne=function(e){var t,s;return!e||Ts.call(e)!=="[object Object]"?!1:(t=Object.getPrototypeOf(e),t?(s=je.call(t,"constructor")&&t.constructor,typeof s=="function"&&Fe.call(s)===Ms):!0)},Ls=Object.create(null),Ve=function(){var e,t,s,n,r,o,i=arguments[2]||{},a=3,c=arguments.length,l=arguments[0]||!1,h=arguments[1]?void 0:Ls;for(typeof i!="object"&&typeof i!="function"&&(i={});a<c;a++)if((r=arguments[a])!=null)for(n in r)e=i[n],s=r[n],!(n==="__proto__"||i===s)&&(l&&s&&(ne(s)||(t=Array.isArray(s)))?(t?(t=!1,o=e&&Array.isArray(e)?e:[]):o=e&&ne(e)?e:{},i[n]=Ve(l,arguments[1],o,s)):s!==h&&(i[n]=s));return i},qt=function(){var e=[!0,!1];return e.push.apply(e,arguments),Ve.apply(null,e)};const ze=new Map,Os=(e,t)=>{ze.set(e,t)},_=e=>ze.get(e);let re=!1,m={animationMode:"full",theme:Nt,rtl:null,language:null,calendarType:null,noConflict:!1,formatSettings:{},fetchDefaultLanguage:!1};const Ps=()=>(A(),m.animationMode),Is=()=>(A(),m.theme),Ds=()=>(A(),m.rtl),Rs=()=>(A(),m.language),xs=()=>(A(),m.fetchDefaultLanguage),Ns=()=>(A(),m.noConflict),Us=()=>(A(),m.calendarType),ks=()=>(A(),m.formatSettings),it=new Map;it.set("true",!0);it.set("false",!1);const Bs=()=>{const e=document.querySelector("[data-ui5-config]")||document.querySelector("[data-id='sap-ui-config']");let t;if(e){try{t=JSON.parse(e.innerHTML)}catch{console.warn("Incorrect data-sap-ui-config format. Please use JSON")}t&&(m=qt(m,t))}},Hs=()=>{const e=new URLSearchParams(window.location.search);e.forEach((t,s)=>{const n=s.split("sap-").length;n===0||n===s.split("sap-ui-").length||oe(s,t,"sap")}),e.forEach((t,s)=>{!s.startsWith("sap-ui")||oe(s,t,"sap-ui")})},js=(e,t)=>e==="theme"&&t.includes("@")?t.split("@")[0]:t,oe=(e,t,s)=>{const n=t.toLowerCase(),r=e.split(`${s}-`)[1];it.has(t)&&(t=it.get(n)),t=js(r,t),m[r]=t},Fs=()=>{const e=_("OpenUI5Support");if(!e||!e.isLoaded())return;const t=e.getConfigurationSettingsObject();m=qt(m,t)},A=()=>{re||(Bs(),Hs(),Fs(),re=!0)};class T{constructor(){this._eventRegistry=new Map}attachEvent(t,s){const n=this._eventRegistry,r=n.get(t);if(!Array.isArray(r)){n.set(t,[s]);return}r.includes(s)||r.push(s)}detachEvent(t,s){const n=this._eventRegistry,r=n.get(t);if(!r)return;const o=r.indexOf(s);o!==-1&&r.splice(o,1),r.length===0&&n.delete(t)}fireEvent(t,s){const r=this._eventRegistry.get(t);return r?r.map(o=>o.call(this,s)):[]}fireEventAsync(t,s){return Promise.all(this.fireEvent(t,s))}isHandlerAttached(t,s){const r=this._eventRegistry.get(t);return r?r.includes(s):!1}hasListeners(t){return!!this._eventRegistry.get(t)}}const Vs=new T,zs="languageChange",We=e=>{Vs.attachEvent(zs,e)},ie=10;class Ws{constructor(){this.list=[],this.lookup=new Set}add(t){this.lookup.has(t)||(this.list.push(t),this.lookup.add(t))}remove(t){!this.lookup.has(t)||(this.list=this.list.filter(s=>s!==t),this.lookup.delete(t))}shift(){const t=this.list.shift();if(t)return this.lookup.delete(t),t}isEmpty(){return this.list.length===0}isAdded(t){return this.lookup.has(t)}process(t){let s;const n=new Map;for(s=this.shift();s;){const r=n.get(s)||0;if(r>ie)throw new Error(`Web component processed too many times this task, max allowed is: ${ie}`);t(s),n.set(s,r+1),s=this.shift()}}}const Ze=e=>{const t=[];return e.forEach(s=>{t.push(s)}),t},qe=(e,t=document.body)=>{let s=document.querySelector(e);return s||(s=document.createElement(e),t.insertBefore(s,t.firstChild))},Zs=()=>qe("ui5-shared-resources",document.head),M=(e,t)=>{const s=e.split(".");let n=Zs();for(let r=0;r<s.length;r++){const o=s[r],i=r===s.length-1;Object.prototype.hasOwnProperty.call(n,o)||(n[o]=i?t:{}),n=n[o]}return n},ae={version:"0.0.0-7e7d9ea6f",major:0,minor:0,patch:0,suffix:"-7e7d9ea6f",isNext:!0,buildTime:1658392235};let et,qs="";const _t=new Map,z=M("Runtimes",[]),Gs=()=>{et===void 0&&(et=z.length,z.push({...ae,alias:qs,description:`Runtime ${et} - ver ${ae.version}`}))},Ge=()=>et,Ks=(e,t)=>{const s=`${e},${t}`;if(_t.has(s))return _t.get(s);const n=z[e],r=z[t];if(!n||!r)throw new Error("Invalid runtime index supplied");if(n.isNext||r.isNext)return n.buildTime-r.buildTime;const o=n.major-r.major;if(o)return o;const i=n.minor-r.minor;if(i)return i;const a=n.patch-r.patch;if(a)return a;const l=new Intl.Collator(void 0,{numeric:!0,sensitivity:"base"}).compare(n.suffix,r.suffix);return _t.set(s,l),l},Js=()=>z,Ke=M("Tags",new Map),Gt=new Set;let C={},wt;const Je="unknown",ce=e=>{Gt.add(e),Ke.set(e,Ge())},Xs=e=>Gt.has(e),Ys=()=>Ze(Gt),Qs=e=>{let t=Ke.get(e);t===void 0&&(t=Je),C[t]=C[t]||new Set,C[t].add(e),wt||(wt=setTimeout(()=>{tn(),C={},wt=void 0},1e3))},tn=()=>{const e=Js(),t=Ge(),s=e[t];let n="Multiple UI5 Web Components instances detected.";e.length>1&&(n=`${n}
+Loading order (versions before 1.1.0 not listed): ${e.map(r=>`
+${r.description}`).join("")}`),Object.keys(C).forEach(r=>{let o,i;r===Je?(o=1,i={description:"Older unknown runtime"}):(o=Ks(t,r),i=e[r]);let a;o>0?a="an older":o<0?a="a newer":a="the same",n=`${n}
+
+"${s.description}" failed to define ${C[r].size} tag(s) as they were defined by a runtime of ${a} version "${i.description}": ${Ze(C[r]).sort().join(", ")}.`,o>0?n=`${n}
+WARNING! If your code uses features of the above web components, unavailable in ${i.description}, it might not work as expected!`:n=`${n}
+Since the above web components were defined by the same or newer version runtime, they should be compatible with your code.`}),n=`${n}
+
+To prevent other runtimes from defining tags that you use, consider using scoping or have third-party libraries use scoping: https://github.com/SAP/ui5-webcomponents/blob/main/docs/2-advanced/03-scoping.md.`,console.warn(n)},Xe=new Set,en=e=>{Xe.add(e)},sn=e=>Xe.has(e),Kt=new Set,nn=new T,x=new Ws;let O,st,vt,X;const Ye=async e=>{x.add(e),await on()},Qe=e=>{nn.fireEvent("beforeComponentRender",e),Kt.add(e),e._render()},rn=e=>{x.remove(e),Kt.delete(e)},on=async()=>{X||(X=new Promise(e=>{window.requestAnimationFrame(()=>{x.process(Qe),X=null,e(),vt||(vt=setTimeout(()=>{vt=void 0,x.isEmpty()&&ln()},200))})})),await X},an=()=>O||(O=new Promise(e=>{st=e,window.requestAnimationFrame(()=>{x.isEmpty()&&(O=void 0,e())})}),O),cn=()=>{const e=Ys().map(t=>customElements.whenDefined(t));return Promise.all(e)},Jt=async()=>{await cn(),await an()},ln=()=>{!x.isEmpty()||st&&(st(),st=void 0,O=void 0)},Xt=async e=>{Kt.forEach(t=>{const s=t.constructor.getMetadata().getTag(),n=sn(t.constructor),r=t.constructor.getMetadata().isLanguageAware(),o=t.constructor.getMetadata().isThemeAware();(!e||e.tag===s||e.rtlAware&&n||e.languageAware&&r||e.themeAware&&o)&&Ye(t)}),await Jt()};let St,kt;const at=()=>(St===void 0&&(St=Rs()),St),un=e=>{kt=e},dn=()=>(kt===void 0&&un(xs()),kt),hn=/^((?:[A-Z]{2,3}(?:-[A-Z]{3}){0,3})|[A-Z]{4}|[A-Z]{5,8})(?:-([A-Z]{4}))?(?:-([A-Z]{2}|[0-9]{3}))?((?:-[0-9A-Z]{5,8}|-[0-9][0-9A-Z]{3})*)((?:-[0-9A-WYZ](?:-[0-9A-Z]{2,8})+)*)(?:-(X(?:-[0-9A-Z]{1,8})+))?$/i;class fn{constructor(t){const s=hn.exec(t.replace(/_/g,"-"));if(s===null)throw new Error(`The given language ${t} does not adhere to BCP-47.`);this.sLocaleId=t,this.sLanguage=s[1]||null,this.sScript=s[2]||null,this.sRegion=s[3]||null,this.sVariant=s[4]&&s[4].slice(1)||null,this.sExtension=s[5]&&s[5].slice(1)||null,this.sPrivateUse=s[6]||null,this.sLanguage&&(this.sLanguage=this.sLanguage.toLowerCase()),this.sScript&&(this.sScript=this.sScript.toLowerCase().replace(/^[a-z]/,n=>n.toUpperCase())),this.sRegion&&(this.sRegion=this.sRegion.toUpperCase())}getLanguage(){return this.sLanguage}getScript(){return this.sScript}getRegion(){return this.sRegion}getVariant(){return this.sVariant}getVariantSubtags(){return this.sVariant?this.sVariant.split("-"):[]}getExtension(){return this.sExtension}getExtensionSubtags(){return this.sExtension?this.sExtension.slice(2).split("-"):[]}getPrivateUse(){return this.sPrivateUse}getPrivateUseSubtags(){return this.sPrivateUse?this.sPrivateUse.slice(2).split("-"):[]}hasPrivateUseSubtag(t){return this.getPrivateUseSubtags().indexOf(t)>=0}toString(){const t=[this.sLanguage];return this.sScript&&t.push(this.sScript),this.sRegion&&t.push(this.sRegion),this.sVariant&&t.push(this.sVariant),this.sExtension&&t.push(this.sExtension),this.sPrivateUse&&t.push(this.sPrivateUse),t.join("-")}}const At=new Map,ts=e=>(At.has(e)||At.set(e,new fn(e)),At.get(e)),le=e=>{try{if(e&&typeof e=="string")return ts(e)}catch{}},Bt=e=>e?le(e):at()?ts(at()):le(Be()),pn=/^((?:[A-Z]{2,3}(?:-[A-Z]{3}){0,3})|[A-Z]{4}|[A-Z]{5,8})(?:-([A-Z]{4}))?(?:-([A-Z]{2}|[0-9]{3}))?((?:-[0-9A-Z]{5,8}|-[0-9][0-9A-Z]{3})*)((?:-[0-9A-WYZ](?:-[0-9A-Z]{2,8})+)*)(?:-(X(?:-[0-9A-Z]{1,8})+))?$/i,ue=/(?:^|-)(saptrc|sappsd)(?:-|$)/i,gn={he:"iw",yi:"ji",id:"in",sr:"sh"},mn=e=>{let t;if(!e)return E;if(typeof e=="string"&&(t=pn.exec(e.replace(/_/g,"-")))){let s=t[1].toLowerCase(),n=t[3]?t[3].toUpperCase():void 0;const r=t[2]?t[2].toLowerCase():void 0,o=t[4]?t[4].slice(1):void 0,i=t[6];return s=gn[s]||s,i&&(t=ue.exec(i))||o&&(t=ue.exec(o))?`en_US_${t[1].toLowerCase()}`:(s==="zh"&&!n&&(r==="hans"?n="CN":r==="hant"&&(n="TW")),s+(n?"_"+n+(o?"_"+o.replace("-","_"):""):""))}},yn=e=>{if(!e)return E;if(e==="zh_HK")return"zh_TW";const t=e.lastIndexOf("_");return t>=0?e.slice(0,t):e!==E?E:""},de=new Set,he=new Set,Yt=new Map,bt=new Map,Qt=new Map,_n=(e,t,s)=>{const n=`${e}/${t}`;Qt.set(n,s)},fe=(e,t)=>{Yt.set(e,t)},wn=e=>Yt.get(e),pe=(e,t)=>{const s=`${e}/${t}`;return Qt.has(s)},vn=(e,t)=>{const s=`${e}/${t}`,n=Qt.get(s);return bt.get(s)||bt.set(s,n(t)),bt.get(s)},Sn=e=>{de.has(e)||(console.warn(`[${e}]: Message bundle assets are not configured. Falling back to English texts.`,` Add \`import "${e}/dist/Assets.js"\` in your bundle and make sure your build tool supports dynamic imports and JSON imports. See section "Assets" in the documentation for more information.`),de.add(e))},es=async e=>{const t=Bt().getLanguage(),s=Bt().getRegion();let n=mn(t+(s?`-${s}`:""));for(;n!==Ut&&!pe(e,n);)n=yn(n);const r=dn();if(n===Ut&&!r){fe(e,null);return}if(!pe(e,n)){Sn(e);return}try{const o=await vn(e,n);fe(e,o)}catch(o){he.has(o.message)||(he.add(o.message),console.error(o.message))}};We(()=>{const e=[...Yt.keys()];return Promise.all(e.map(es))});const An=new Map,ct=new Map,$t=new Map,ge=new Set;let me=!1;const bn={iw:"he",ji:"yi",in:"id"},ye=e=>{me||(console.warn(`[LocaleData] Supported locale "${e}" not configured, import the "Assets.js" module from the webcomponents package you are using.`),me=!0)},$n=(e,t,s)=>{e=e&&bn[e]||e,e==="no"&&(e="nb"),e==="zh"&&!t&&(s==="Hans"?t="CN":s==="Hant"&&(t="TW")),(e==="sh"||e==="sr"&&s==="Latn")&&(e="sr",t="Latn");let n=`${e}_${t}`;return se.includes(n)||(n=e,se.includes(n))?ct.has(n)?n:(ye(n),E):E},_e=(e,t)=>{An.set(e,t)},Cn=e=>{const t=ct.get(e);return $t.get(e)||$t.set(e,t(e)),$t.get(e)},En=async(e,t,s)=>{const n=$n(e,t,s),r=_("OpenUI5Support");if(r){const o=r.getLocaleDataObject();if(o){_e(n,o);return}}try{const o=await Cn(n);_e(n,o)}catch(o){ge.has(o.message)||(ge.add(o.message),console.error(o.message))}},Tn=(e,t)=>{ct.set(e,t)};Tn("en",async e=>(await fetch("https://ui5.sap.com/1.103.0/resources/sap/ui/core/cldr/en.json")).json());We(()=>{const e=Bt();return En(e.getLanguage(),e.getRegion(),e.getScript())});const ss=new Map,ns=new Map,rs=new Set,lt=new Set,b=(e,t,s)=>{ns.set(`${e}/${t}`,s),rs.add(e),lt.add(t)},os=async(e,t)=>{const s=ss.get(`${e}_${t}`);if(s!==void 0)return s;if(!lt.has(t)){const n=[...lt.values()].join(", ");return console.warn(`You have requested a non-registered theme ${t} - falling back to ${Nt}. Registered themes are: ${n}`),we(e,Nt)}return we(e,t)},we=async(e,t)=>{const s=ns.get(`${e}/${t}`);if(!s){console.error(`Theme [${t}] not registered for package [${e}]`);return}let n;try{n=await s(t)}catch(o){console.error(e,o.message);return}const r=n._||n;return ss.set(`${e}_${t}`,r),r},is=()=>rs,Mn=e=>lt.has(e),ve={"SAP-icons-TNT":"tnt",BusinessSuiteInAppSymbols:"business-suite",horizon:"SAP-icons-v5"},Ln=(e,t={})=>{const s=document.createElement("style");return s.type="text/css",Object.entries(t).forEach(n=>s.setAttribute(...n)),s.textContent=e,document.head.appendChild(s),s},ht=(e,t)=>t?`${e}|${t}`:e,ft=(e,t,s="")=>{const n=typeof e=="string"?e:e.content;if(document.adoptedStyleSheets){const r=new CSSStyleSheet;r.replaceSync(n),r._ui5StyleId=ht(t,s),document.adoptedStyleSheets=[...document.adoptedStyleSheets,r]}else{const r={};r[t]=s,Ln(n,r)}},On=(e,t,s="")=>{const n=typeof e=="string"?e:e.content;document.adoptedStyleSheets?document.adoptedStyleSheets.find(r=>r._ui5StyleId===ht(t,s)).replaceSync(n||""):document.querySelector(`head>style[${t}="${s}"]`).textContent=n||""},pt=(e,t="")=>document.adoptedStyleSheets?!!document.adoptedStyleSheets.find(s=>s._ui5StyleId===ht(e,t)):!!document.querySelector(`head>style[${e}="${t}"]`),Pn=(e,t="")=>{if(document.adoptedStyleSheets)document.adoptedStyleSheets=document.adoptedStyleSheets.filter(s=>s._ui5StyleId!==ht(e,t));else{const s=document.querySelector(`head > style[${e}="${t}"]`);s&&s.parentElement.removeChild(s)}},as=(e,t,s="")=>{pt(t,s)?On(e,t,s):ft(e,t,s)},P=new Set,In=()=>{let e=document.querySelector(".sapThemeMetaData-Base-baseLib")||document.querySelector(".sapThemeMetaData-UI5-sap-ui-core");if(e)return getComputedStyle(e).backgroundImage;e=document.createElement("span"),e.style.display="none",e.classList.add("sapThemeMetaData-Base-baseLib"),document.body.appendChild(e);let t=getComputedStyle(e).backgroundImage;return t==="none"&&(e.classList.add("sapThemeMetaData-UI5-sap-ui-core"),t=getComputedStyle(e).backgroundImage),document.body.removeChild(e),t},Dn=e=>{const t=/\(["']?data:text\/plain;utf-8,(.*?)['"]?\)$/i.exec(e);if(t&&t.length>=2){let s=t[1];if(s=s.replace(/\\"/g,'"'),s.charAt(0)!=="{"&&s.charAt(s.length-1)!=="}")try{s=decodeURIComponent(s)}catch{P.has("decode")||(console.warn("Malformed theme metadata string, unable to decodeURIComponent"),P.add("decode"));return}try{return JSON.parse(s)}catch{P.has("parse")||(console.warn("Malformed theme metadata string, unable to parse JSON"),P.add("parse"))}}},Rn=e=>{let t,s;try{t=e.Path.match(/\.([^.]+)\.css_variables$/)[1],s=e.Extends[0]}catch{P.has("object")||(console.warn("Malformed theme metadata Object",e),P.add("object"));return}return{themeName:t,baseThemeName:s}},xn=()=>{const e=In();if(!e||e==="none")return;const t=Dn(e);return Rn(t)},Nn=new T,Un="themeLoaded",kn=e=>Nn.fireEvent(Un,e),W="@ui5/webcomponents-theming",Bn=()=>is().has(W),Hn=async e=>{if(!Bn())return;const t=await os(W,e);t&&as(t,"data-ui5-theme-properties",W)},jn=()=>{Pn("data-ui5-theme-properties",W)},Fn=async e=>{is().forEach(async s=>{if(s===W)return;const n=await os(s,e);n&&as(n,"data-ui5-theme-properties",s)})},Vn=()=>{const e=xn();if(e)return e;const t=_("OpenUI5Support");if(t&&t.cssVariablesLoaded())return{themeName:t.getConfigurationSettingsObject().theme}},cs=async e=>{const t=Vn();!t||e!==t.themeName?await Hn(e):jn();const s=Mn(e)?e:t&&t.baseThemeName;await Fn(s),kn(e)};let I;const gt=()=>(I===void 0&&(I=Is()),I),ls=async e=>{I!==e&&(I=e,await cs(I),await Xt({themeAware:!0}))},zn=e=>gt().startsWith(e),Wn=new Map,us=()=>{const e=gt(),t=Wn.get(e);return t||(zn("sap_horizon")?"SAP-icons-v5":"SAP-icons")},Se=new Map,ut=M("SVGIcons.registry",new Map),Ct=M("SVGIcons.promises",new Map),Ae="ICON_NOT_FOUND",Zn=async e=>{if(!Ct.has(e)){if(!Se.has(e))throw new Error(`No loader registered for the ${e} icons collection. Probably you forgot to import the "AllIcons.js" module for the respective package.`);const t=Se.get(e);Ct.set(e,t(e))}return Ct.get(e)},qn=e=>{Object.keys(e.data).forEach(t=>{const s=e.data[t];Gn(t,{pathData:s.path,ltr:s.ltr,accData:s.acc,collection:e.collection,packageName:e.packageName})})},Gn=(e,{pathData:t,ltr:s,accData:n,collection:r,packageName:o}={})=>{r||(r=us());const i=`${r}/${e}`;ut.set(i,{pathData:t,ltr:s,accData:n,packageName:o})},Kn=e=>{e.startsWith("sap-icon://")&&(e=e.replace("sap-icon://",""));let t;[e,t]=e.split("/").reverse(),t=t||us(),t=Xn(t),e=e.replace("icon-","");const s=`${t}/${e}`;return{name:e,collection:t,registryKey:s}},Et=async e=>{const{collection:t,registryKey:s}=Kn(e);let n=Ae;try{n=await Zn(t)}catch(r){console.error(r.message)}return n===Ae?n:(ut.has(s)||qn(n),ut.get(s))},Jn=async()=>(await Et("edit"),await Et("tnt/arrow"),await Et("business-suite/3d"),Array.from(ut.keys())),Xn=e=>ve[e]?ve[e]:e,Ht=M("PopupUtilsData",{});Ht.currentZIndex=Ht.currentZIndex||100;const ds=()=>Ht.currentZIndex,w=()=>{const e=window.sap;return e&&e.ui&&typeof e.ui.getCore=="function"&&e.ui.getCore()},Yn=()=>!!w(),Qn=()=>{const e=w();return e?new Promise(t=>{e.attachInit(()=>{window.sap.ui.require(["sap/ui/core/LocaleData","sap/ui/core/Popup"],(s,n)=>{n.setInitialZIndex(ds()),t()})})}):Promise.resolve()},tr=()=>{const e=w();if(!e)return;const t=e.getConfiguration(),s=window.sap.ui.require("sap/ui/core/LocaleData");return{animationMode:t.getAnimationMode(),language:t.getLanguage(),theme:t.getTheme(),rtl:t.getRTL(),calendarType:t.getCalendarType(),formatSettings:{firstDayOfWeek:s?s.getInstance(t.getLocale()).getFirstDayOfWeek():void 0}}},er=()=>{const e=w();if(!e)return;const t=e.getConfiguration();return window.sap.ui.require("sap/ui/core/LocaleData").getInstance(t.getLocale())._get()},sr=()=>{const e=w(),t=e.getConfiguration();e.attachThemeChanged(async()=>{await ls(t.getTheme())})},nr=()=>{!w()||sr()},rr=()=>{if(!w())return;const t=[...document.head.children].find(s=>s.id==="sap-ui-theme-sap.ui.core");if(!!t)return!!t.href.match(/\/css(-|_)variables\.css/)},or=()=>w()?window.sap.ui.require("sap/ui/core/Popup").getNextZIndex():void 0,ir=()=>{if(!w())return;window.sap.ui.require("sap/ui/core/Popup").setInitialZIndex(ds())},ar={isLoaded:Yn,init:Qn,getConfigurationSettingsObject:tr,getLocaleDataObject:er,attachListeners:nr,cssVariablesLoaded:rr,getNextZIndex:or,setInitialZIndex:ir};Os("OpenUI5Support",ar);const cr=()=>new Promise(e=>{document.body?e():document.addEventListener("DOMContentLoaded",()=>{e()})});var lr={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/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular.woff2?ui5-webcomponents) format("woff2"),url(https://ui5.sap.com/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular.woff?ui5-webcomponents) format("woff")}@font-face{font-family:"72full";font-style:normal;font-weight:400;src:local('72-full'),url(https://ui5.sap.com/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular-full.woff2?ui5-webcomponents) format("woff2"),url(https://ui5.sap.com/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular-full.woff?ui5-webcomponents) format("woff")}@font-face{font-family:"72";font-style:normal;font-weight:700;src:local('72-Bold'),url(https://ui5.sap.com/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff2?ui5-webcomponents) format("woff2"),url(https://ui5.sap.com/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff?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/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff2?ui5-webcomponents) format("woff2"),url(https://ui5.sap.com/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff?ui5-webcomponents) format("woff")}@font-face{font-family:'72-Bold';font-style:normal;src:local('72-Bold'),url(https://ui5.sap.com/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff2?ui5-webcomponents) format("woff2"),url(https://ui5.sap.com/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff?ui5-webcomponents) format("woff")}@font-face{font-family:'72-Boldfull';font-style:normal;src:url(https://ui5.sap.com/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff2?ui5-webcomponents) format("woff2"),url(https://ui5.sap.com/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff?ui5-webcomponents) format("woff")}@font-face{font-family:'72-Light';font-style:normal;src:local('72-Light'),url(https://ui5.sap.com/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light.woff2?ui5-webcomponents) format("woff2"),url(https://ui5.sap.com/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light.woff?ui5-webcomponents) format("woff")}@font-face{font-family:'72-Lightfull';font-style:normal;src:url(https://ui5.sap.com/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light-full.woff2?ui5-webcomponents) format("woff2"),url(https://ui5.sap.com/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light-full.woff?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.woff2?ui5-webcomponents) format("woff2"),url(https://openui5nightly.hana.ondemand.com/resources/sap/ui/core/themes/sap_horizon/fonts/72-Black.woff?ui5-webcomponents) format("woff")}`},ur={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')}"};const dr=()=>{const e=_("OpenUI5Support");(!e||!e.isLoaded())&&hr(),fr()},hr=()=>{pt("data-ui5-font-face")||ft(lr,"data-ui5-font-face")},fr=()=>{pt("data-ui5-font-face-override")||ft(ur,"data-ui5-font-face-override")};var pr={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}"};const gr=()=>{pt("data-ui5-system-css-vars")||ft(pr,"data-ui5-system-css-vars")};let Y;const mr=async()=>Y||(Y=new Promise(async e=>{Gs();const t=_("OpenUI5Support"),s=_("F6Navigation");t?await t.init():s&&s.init(),await cr(),await cs(gt()),t&&t.attachListeners(),dr(),gr(),e()}),Y);class D{static isValid(t){}static attributeToProperty(t){return t}static propertyToAttribute(t){return`${t}`}static valuesAreEqual(t,s){return t===s}static generateTypeAccessors(t){Object.keys(t).forEach(s=>{Object.defineProperty(this,s,{get(){return t[s]}})})}}const F=(e,t,s=!1)=>{if(typeof e!="function"||typeof t!="function")return!1;if(s&&e===t)return!0;let n=e;do n=Object.getPrototypeOf(n);while(n!==null&&n!==t);return n===t},Tt=new Map,Mt=new Map,be=e=>{if(!Tt.has(e)){const t=yr(e.split("-"));Tt.set(e,t)}return Tt.get(e)},hs=e=>{if(!Mt.has(e)){const t=e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();Mt.set(e,t)}return Mt.get(e)},yr=e=>e.map((t,s)=>s===0?t.toLowerCase():t.charAt(0).toUpperCase()+t.slice(1).toLowerCase()).join(""),_r=e=>{if(!(e instanceof HTMLElement))return"default";const t=e.getAttribute("slot");if(t){const s=t.match(/^(.+?)-\d+$/);return s?s[1]:t}return"default"},jt=e=>e&&e instanceof HTMLElement&&e.localName==="slot",fs=e=>jt(e)?e.assignedNodes({flatten:!0}).filter(t=>t instanceof HTMLElement):[e],wr=e=>{const t=(s,n)=>s.concat(fs(n));return e.reduce(t,[])};let vr,$e={include:[/^ui5-/],exclude:[]};const Lt=new Map,ps=()=>vr,Ft=e=>{if(!Lt.has(e)){const t=$e.include.some(s=>e.match(s))&&!$e.exclude.some(s=>e.match(s));Lt.set(e,t)}return Lt.get(e)},Vt=e=>{if(Ft(e))return ps()};class Sr{constructor(t){this.metadata=t}getInitialState(){if(Object.prototype.hasOwnProperty.call(this,"_initialState"))return this._initialState;const t={},s=this.slotsAreManaged(),n=this.getProperties();for(const r in n){const o=n[r].type,i=n[r].defaultValue;o===Boolean?(t[r]=!1,i!==void 0&&console.warn("The 'defaultValue' metadata key is ignored for all booleans properties, they would be initialized with 'false' by default")):n[r].multiple?t[r]=[]:o===Object?t[r]="defaultValue"in n[r]?n[r].defaultValue:{}:o===String?t[r]="defaultValue"in n[r]?n[r].defaultValue:"":t[r]=i}if(s){const r=this.getSlots();for(const[o,i]of Object.entries(r)){const a=i.propertyName||o;t[a]=[]}}return this._initialState=t,t}static validatePropertyValue(t,s){return s.multiple?t.map(r=>Ce(r,s)):Ce(t,s)}static validateSlotValue(t,s){return Ar(t,s)}getPureTag(){return this.metadata.tag}getTag(){const t=this.metadata.tag,s=Vt(t);return s?`${t}-${s}`:t}getAltTag(){const t=this.metadata.altTag;if(!t)return;const s=Vt(t);return s?`${t}-${s}`:t}hasAttribute(t){const s=this.getProperties()[t];return s.type!==Object&&!s.noAttribute&&!s.multiple}getPropertiesList(){return Object.keys(this.getProperties())}getAttributesList(){return this.getPropertiesList().filter(this.hasAttribute,this).map(hs)}getSlots(){return this.metadata.slots||{}}canSlotText(){const t=this.getSlots().default;return t&&t.type===Node}hasSlots(){return!!Object.entries(this.getSlots()).length}hasIndividualSlots(){return this.slotsAreManaged()&&Object.entries(this.getSlots()).some(([t,s])=>s.individualSlots)}slotsAreManaged(){return!!this.metadata.managedSlots}supportsF6FastNavigation(){return!!this.metadata.fastNavigation}getProperties(){return this.metadata.properties||{}}getEvents(){return this.metadata.events||{}}isLanguageAware(){return!!this.metadata.languageAware}isThemeAware(){return!!this.metadata.themeAware}shouldInvalidateOnChildChange(t,s,n){const r=this.getSlots()[t].invalidateOnChildChange;if(r===void 0)return!1;if(typeof r=="boolean")return r;if(typeof r=="object"){if(s==="property"){if(r.properties===void 0)return!1;if(typeof r.properties=="boolean")return r.properties;if(Array.isArray(r.properties))return r.properties.includes(n);throw new Error("Wrong format for invalidateOnChildChange.properties: boolean or array is expected")}if(s==="slot"){if(r.slots===void 0)return!1;if(typeof r.slots=="boolean")return r.slots;if(Array.isArray(r.slots))return r.slots.includes(n);throw new Error("Wrong format for invalidateOnChildChange.slots: boolean or array is expected")}}throw new Error("Wrong format for invalidateOnChildChange: boolean or object is expected")}}const Q=(e,t,s)=>{let n=s;const r=t.altTypes||[];for(let o=0;o<r.length;o++){const i=r[o];if(i===Boolean&&typeof e=="boolean"){n=e;break}else if(i===String&&(typeof e=="string"||typeof e=="undefined"||e===null)){n=e;break}else if(i===Object&&typeof e=="object"){n=e;break}else if(F(i,D)&&i.isValid(e)){n=e;break}}return n},Ce=(e,t)=>{const s=t.type;if(s===Boolean)return typeof e=="boolean"?e:Q(e,t,!1);if(s===String)return typeof e=="string"||typeof e=="undefined"||e===null?e:Q(e,t,e.toString());if(s===Object)return typeof e=="object"?e:Q(e,t,t.defaultValue);if(F(s,D))return s.isValid(e)?e:Q(e,t,t.defaultValue)},Ar=(e,t)=>(e&&fs(e).forEach(s=>{if(!(s instanceof t.type))throw new Error(`${s} is not of type ${t.type}`)}),e);customElements.get("ui5-static-area")||customElements.define("ui5-static-area",class extends HTMLElement{});const br=(e,t)=>{const s=$r(t),n=ps();return e(t,s,n)},$r=e=>{const t=e.constructor.getMetadata().getPureTag(),s=e.constructor.getUniqueDependencies().map(n=>n.getMetadata().getPureTag()).filter(Ft);return Ft(t)&&s.push(t),s},Cr=M("CustomStyle.eventProvider",new T),Er="CustomCSSChange",te=e=>{Cr.attachEvent(Er,e)},Ee=M("CustomStyle.customCSSFor",{});te(e=>{Xt({tag:e})});const Tr=e=>Ee[e]?Ee[e].join(""):"",Ot=e=>Array.isArray(e)?gs(e.filter(t=>!!t)).map(t=>typeof t=="string"?t:t.content).join(" "):typeof e=="string"?e:e.content,gs=e=>e.reduce((t,s)=>t.concat(Array.isArray(s)?gs(s):s),[]),nt=new Map;te(e=>{nt.delete(`${e}_normal`)});const ms=(e,t=!1)=>{const s=e.getMetadata().getTag(),n=`${s}_${t?"static":"normal"}`,r=_("OpenUI5Enablement");if(!nt.has(n)){let o,i="";if(r&&(i=Ot(r.getBusyIndicatorStyles())),t)o=Ot(e.staticAreaStyles);else{const a=Tr(s)||"";o=`${Ot(e.styles)} ${a}`}o=`${o} ${i}`,nt.set(n,o)}return nt.get(n)},rt=new Map;te(e=>{rt.delete(`${e}_normal`)});const Mr=(e,t=!1)=>{const n=`${e.getMetadata().getTag()}_${t?"static":"normal"}`;if(!rt.has(n)){const r=ms(e,t),o=new CSSStyleSheet;o.replaceSync(r),rt.set(n,[o])}return rt.get(n)},zt=(e,t=!1)=>{let s;const n=t?"staticAreaTemplate":"template",r=t?e.staticAreaItem.shadowRoot:e.shadowRoot,o=br(e.constructor[n],e);document.adoptedStyleSheets?r.adoptedStyleSheets=Mr(e.constructor,t):s=ms(e.constructor,t),e.constructor.render(o,r,s,t,{host:e})},Lr="--_ui5_content_density",Or=e=>getComputedStyle(e).getPropertyValue(Lr);var Pr=e=>{const t=/\$([-a-z0-9A-Z._]+)(?::([^$]*))?\$/.exec(e);return t&&t[2]?t[2].split(/,/):null};const Ir={iw:"he",ji:"yi",in:"id",sh:"sr"},Dr=Pr("$cldr-rtl-locales:ar,fa,he$")||[],Rr=e=>(e=e&&Ir[e]||e,Dr.indexOf(e)>=0),ys=()=>{const e=Ds();return e!==null?!!e:Rr(at()||Be())},xr="--_ui5_dir",_s=e=>{const t=window.document,s=["ltr","rtl"],n=getComputedStyle(e).getPropertyValue(xr);return s.includes(n)?n:s.includes(e.dir)?e.dir:s.includes(t.documentElement.dir)?t.documentElement.dir:s.includes(t.body.dir)?t.body.dir:ys()?"rtl":void 0};class V extends HTMLElement{constructor(){super(),this._rendered=!1,this.attachShadow({mode:"open"})}setOwnerElement(t){this.ownerElement=t,this.classList.add(this.ownerElement._id),this.ownerElement.hasAttribute("data-ui5-static-stable")&&this.setAttribute("data-ui5-stable",this.ownerElement.getAttribute("data-ui5-static-stable"))}update(){this._rendered&&(this._updateContentDensity(),this._updateDirection(),zt(this.ownerElement,!0))}_updateContentDensity(){Or(this.ownerElement)==="compact"?(this.classList.add("sapUiSizeCompact"),this.classList.add("ui5-content-density-compact")):(this.classList.remove("sapUiSizeCompact"),this.classList.remove("ui5-content-density-compact"))}_updateDirection(){const t=_s(this.ownerElement);t?this.setAttribute("dir",t):this.removeAttribute("dir")}async getDomRef(){return this._updateContentDensity(),this._rendered||(this._rendered=!0,zt(this.ownerElement,!0)),await Jt(),this.shadowRoot}static getTag(){const t="ui5-static-area-item",s=Vt(t);return s?`${t}-${s}`:t}static createInstance(){return customElements.get(V.getTag())||customElements.define(V.getTag(),V),document.createElement(this.getTag())}}const Wt=new WeakMap;let Nr=(e,t,s)=>{const n=new MutationObserver(t);return n.observe(e,s),n},Ur=e=>{e.disconnect()};const kr=(e,t,s)=>{const n=Nr(e,t,s);Wt.set(e,n)},Br=e=>{const t=Wt.get(e);t&&(Ur(t),Wt.delete(e))},Hr=["value-changed"],jr=e=>Hr.includes(e);let ot;const Fr=e=>{const t=ee();return!(t.events&&t.events.includes&&t.events.includes(e))},ee=()=>(ot===void 0&&(ot=Ns()),ot),Vr=e=>{const t=ee();return jr(e)?!1:t===!0?!0:!Fr(e)},zr=e=>{ot=e},Wr=["disabled","title","hidden","role","draggable"],Te=e=>Wr.includes(e)||e.startsWith("aria")?!0:![HTMLElement,Element,Node].some(s=>s.prototype.hasOwnProperty(e)),Me=(e,t)=>{if(e.length!==t.length)return!1;for(let s=0;s<e.length;s++)if(e[s]!==t[s])return!1;return!0},Zr=(e,t)=>class extends e{constructor(){super(),t&&t()}};let qr=0;const Le=new Map,Pt=new Map;function H(e){this._suppressInvalidation||(this.onInvalidation(e),this._changedState.push(e),Ye(this),this._eventProvider.fireEvent("invalidate",{...e,target:this}))}let Oe={};class L extends HTMLElement{constructor(){super(),this._changedState=[],this._suppressInvalidation=!0,this._inDOM=!1,this._fullyConnected=!1,this._childChangeListeners=new Map,this._slotChangeListeners=new Map,this._eventProvider=new T;let t;this._domRefReadyPromise=new Promise(s=>{t=s}),this._domRefReadyPromise._deferredResolve=t,this._initializeState(),this._upgradeAllProperties(),this.constructor._needsShadowDOM()&&this.attachShadow({mode:"open"})}get _id(){return this.__id||(this.__id=`ui5wc_${++qr}`),this.__id}async connectedCallback(){this.setAttribute(this.constructor.getMetadata().getPureTag(),""),this.constructor.getMetadata().supportsF6FastNavigation()&&this.setAttribute("data-sap-ui-fastnavgroup","true");const t=this.constructor.getMetadata().slotsAreManaged();this._inDOM=!0,t&&(this._startObservingDOMChildren(),await this._processChildren()),this._inDOM&&(Qe(this),this._domRefReadyPromise._deferredResolve(),this._fullyConnected=!0,typeof this.onEnterDOM=="function"&&this.onEnterDOM())}disconnectedCallback(){const t=this.constructor.getMetadata().slotsAreManaged();this._inDOM=!1,t&&this._stopObservingDOMChildren(),this._fullyConnected&&(typeof this.onExitDOM=="function"&&this.onExitDOM(),this._fullyConnected=!1),this.staticAreaItem&&this.staticAreaItem.parentElement&&this.staticAreaItem.parentElement.removeChild(this.staticAreaItem),rn(this)}_startObservingDOMChildren(){if(!this.constructor.getMetadata().hasSlots())return;const s=this.constructor.getMetadata().canSlotText(),n={childList:!0,subtree:s,characterData:s};kr(this,this._processChildren.bind(this),n)}_stopObservingDOMChildren(){Br(this)}async _processChildren(){this.constructor.getMetadata().hasSlots()&&await this._updateSlots()}async _updateSlots(){const t=this.constructor.getMetadata().getSlots(),s=this.constructor.getMetadata().canSlotText(),n=Array.from(s?this.childNodes:this.children),r=new Map,o=new Map;for(const[h,d]of Object.entries(t)){const u=d.propertyName||h;o.set(u,h),r.set(u,[...this._state[u]]),this._clearSlot(h,d)}const i=new Map,a=new Map,c=n.map(async(h,d)=>{const u=_r(h),p=t[u];if(p===void 0){const g=Object.keys(t).join(", ");console.warn(`Unknown slotName: ${u}, ignoring`,h,`Valid values are: ${g}`);return}if(p.individualSlots){const g=(i.get(u)||0)+1;i.set(u,g),h._individualSlot=`${u}-${g}`}if(h instanceof HTMLElement){const g=h.localName;if(g.includes("-")){if(!window.customElements.get(g)){const $s=window.customElements.whenDefined(g);let J=Le.get(g);J||(J=new Promise(Cs=>setTimeout(Cs,1e3)),Le.set(g,J)),await Promise.race([$s,J])}window.customElements.upgrade(h)}}h=this.constructor.getMetadata().constructor.validateSlotValue(h,p),h.isUI5Element&&p.invalidateOnChildChange&&(h.attachInvalidate||h._attachChange).bind(h)(this._getChildChangeListener(u)),jt(h)&&this._attachSlotChange(h,u);const v=p.propertyName||u;a.has(v)?a.get(v).push({child:h,idx:d}):a.set(v,[{child:h,idx:d}])});await Promise.all(c),a.forEach((h,d)=>{this._state[d]=h.sort((u,p)=>u.idx-p.idx).map(u=>u.child)});let l=!1;for(const[h,d]of Object.entries(t)){const u=d.propertyName||h;Me(r.get(u),this._state[u])||(H.call(this,{type:"slot",name:o.get(u),reason:"children"}),l=!0)}l||H.call(this,{type:"slot",name:"default",reason:"textcontent"})}_clearSlot(t,s){const n=s.propertyName||t;this._state[n].forEach(o=>{o&&o.isUI5Element&&(o.detachInvalidate||o._detachChange).bind(o)(this._getChildChangeListener(t)),jt(o)&&this._detachSlotChange(o,t)}),this._state[n]=[]}attachInvalidate(t){this._eventProvider.attachEvent("invalidate",t)}detachInvalidate(t){this._eventProvider.detachEvent("invalidate",t)}_onChildChange(t,s){!this.constructor.getMetadata().shouldInvalidateOnChildChange(t,s.type,s.name)||H.call(this,{type:"slot",name:t,reason:"childchange",child:s.target})}attributeChangedCallback(t,s,n){const r=this.constructor.getMetadata().getProperties(),o=t.replace(/^ui5-/,""),i=be(o);if(r.hasOwnProperty(i)){const a=r[i].type;a===Boolean?n=n!==null:F(a,D)&&(n=a.attributeToProperty(n)),this[i]=n}}_updateAttribute(t,s){if(!this.constructor.getMetadata().hasAttribute(t))return;const r=this.constructor.getMetadata().getProperties()[t].type,o=hs(t),i=this.getAttribute(o);r===Boolean?s===!0&&i===null?this.setAttribute(o,""):s===!1&&i!==null&&this.removeAttribute(o):F(r,D)?this.setAttribute(o,r.propertyToAttribute(s)):typeof s!="object"&&i!==s&&this.setAttribute(o,s)}_upgradeProperty(t){if(this.hasOwnProperty(t)){const s=this[t];delete this[t],this[t]=s}}_upgradeAllProperties(){this.constructor.getMetadata().getPropertiesList().forEach(this._upgradeProperty,this)}_initializeState(){this._state={...this.constructor.getMetadata().getInitialState()}}_getChildChangeListener(t){return this._childChangeListeners.has(t)||this._childChangeListeners.set(t,this._onChildChange.bind(this,t)),this._childChangeListeners.get(t)}_getSlotChangeListener(t){return this._slotChangeListeners.has(t)||this._slotChangeListeners.set(t,this._onSlotChange.bind(this,t)),this._slotChangeListeners.get(t)}_attachSlotChange(t,s){t.addEventListener("slotchange",this._getSlotChangeListener(s))}_detachSlotChange(t,s){t.removeEventListener("slotchange",this._getSlotChangeListener(s))}_onSlotChange(t){H.call(this,{type:"slot",name:t,reason:"slotchange"})}onInvalidation(t){}_render(){const t=this.constructor.getMetadata().hasIndividualSlots();this._suppressInvalidation=!0,typeof this.onBeforeRendering=="function"&&this.onBeforeRendering(),this._onComponentStateFinalized&&this._onComponentStateFinalized(),this._suppressInvalidation=!1,this._changedState=[],this.constructor._needsShadowDOM()&&zt(this),this.staticAreaItem&&this.staticAreaItem.update(),t&&this._assignIndividualSlotsToChildren(),typeof this.onAfterRendering=="function"&&this.onAfterRendering()}_assignIndividualSlotsToChildren(){Array.from(this.children).forEach(s=>{s._individualSlot&&s.setAttribute("slot",s._individualSlot)})}_waitForDomRef(){return this._domRefReadyPromise}getDomRef(){if(typeof this._getRealDomRef=="function")return this._getRealDomRef();if(!this.shadowRoot||this.shadowRoot.children.length===0)return;const t=[...this.shadowRoot.children].filter(s=>!["link","style"].includes(s.localName));return t.length!==1&&console.warn(`The shadow DOM for ${this.constructor.getMetadata().getTag()} does not have a top level element, the getDomRef() method might not work as expected`),t[0]}getFocusDomRef(){const t=this.getDomRef();if(t)return t.querySelector("[data-sap-focus-ref]")||t}async getFocusDomRefAsync(){return await this._waitForDomRef(),this.getFocusDomRef()}async focus(){await this._waitForDomRef();const t=this.getFocusDomRef();t&&typeof t.focus=="function"&&t.focus()}fireEvent(t,s,n=!1,r=!0){const o=this._fireEvent(t,s,n,r),i=be(t);return i!==t?o&&this._fireEvent(i,s,n):o}_fireEvent(t,s,n=!1,r=!0){const o=new CustomEvent(`ui5-${t}`,{detail:s,composed:!1,bubbles:r,cancelable:n}),i=this.dispatchEvent(o);if(Vr(t))return i;const a=new CustomEvent(t,{detail:s,composed:!1,bubbles:r,cancelable:n});return this.dispatchEvent(a)&&i}getSlottedNodes(t){return wr(this[t])}get effectiveDir(){return en(this.constructor),_s(this)}get isUI5Element(){return!0}static get observedAttributes(){return this.getMetadata().getAttributesList()}static _needsShadowDOM(){return!!this.template}static _needsStaticArea(){return!!this.staticAreaTemplate}getStaticAreaItemDomRef(){if(!this.constructor._needsStaticArea())throw new Error("This component does not use the static area");return this.staticAreaItem||(this.staticAreaItem=V.createInstance(),this.staticAreaItem.setOwnerElement(this)),this.staticAreaItem.parentElement||qe("ui5-static-area").appendChild(this.staticAreaItem),this.staticAreaItem.getDomRef()}static _generateAccessors(){const t=this.prototype,s=this.getMetadata().slotsAreManaged(),n=this.getMetadata().getProperties();for(const[r,o]of Object.entries(n)){if(Te(r)||console.warn(`"${r}" is not a valid property name. Use a name that does not collide with DOM APIs`),o.type===Boolean&&o.defaultValue)throw new Error(`Cannot set a default value for property "${r}". All booleans are false by default.`);if(o.type===Array)throw new Error(`Wrong type for property "${r}". Properties cannot be of type Array - use "multiple: true" and set "type" to the single value type, such as "String", "Object", etc...`);if(o.type===Object&&o.defaultValue)throw new Error(`Cannot set a default value for property "${r}". All properties of type "Object" are empty objects by default.`);if(o.multiple&&o.defaultValue)throw new Error(`Cannot set a default value for property "${r}". All multiple properties are empty arrays by default.`);Object.defineProperty(t,r,{get(){if(this._state[r]!==void 0)return this._state[r];const i=o.defaultValue;return o.type===Boolean?!1:o.type===String?i:o.multiple?[]:i},set(i){let a;i=this.constructor.getMetadata().constructor.validatePropertyValue(i,o);const c=this._state[r];o.multiple&&o.compareValues?a=!Me(c,i):F(o.type,D)?a=!o.type.valuesAreEqual(c,i):a=c!==i,a&&(this._state[r]=i,H.call(this,{type:"property",name:r,newValue:i,oldValue:c}),this._updateAttribute(r,i))}})}if(s){const r=this.getMetadata().getSlots();for(const[o,i]of Object.entries(r)){Te(o)||console.warn(`"${o}" is not a valid property name. Use a name that does not collide with DOM APIs`);const a=i.propertyName||o;Object.defineProperty(t,a,{get(){return this._state[a]!==void 0?this._state[a]:[]},set(){throw new Error("Cannot set slot content directly, use the DOM APIs (appendChild, removeChild, etc...)")}})}}}static get metadata(){return Oe}static set metadata(t){Oe=t}static get styles(){return""}static get staticAreaStyles(){return""}static get dependencies(){return[]}static getUniqueDependencies(){if(!Pt.has(this)){const t=this.dependencies.filter((s,n,r)=>r.indexOf(s)===n);Pt.set(this,t)}return Pt.get(this)}static whenDependenciesDefined(){return Promise.all(this.getUniqueDependencies().map(t=>t.define()))}static async onDefine(){return Promise.resolve()}static async define(){await mr(),await Promise.all([this.whenDependenciesDefined(),this.onDefine()]);const t=this.getMetadata().getTag(),s=this.getMetadata().getAltTag(),n=Xs(t),r=customElements.get(t);return r&&!n?Qs(t):r||(this._generateAccessors(),ce(t),window.customElements.define(t,this),s&&!customElements.get(s)&&(ce(s),window.customElements.define(s,Zr(this,()=>{console.log(`The ${s} tag is deprecated and will be removed in the next release, please use ${t} instead.`)})))),this}static getMetadata(){if(this.hasOwnProperty("_metadata"))return this._metadata;const t=[this.metadata];let s=this;for(;s!==L;)s=Object.getPrototypeOf(s),t.unshift(s.metadata);const n=qt({},...t);return this._metadata=new Sr(n),this._metadata}}/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */var It;const N=globalThis.trustedTypes,Pe=N?N.createPolicy("lit-html",{createHTML:e=>e}):void 0,S=`lit$${(Math.random()+"").slice(9)}$`,ws="?"+S,Gr=`<${ws}>`,U=document,Z=(e="")=>U.createComment(e),q=e=>e===null||typeof e!="object"&&typeof e!="function",vs=Array.isArray,Kr=e=>{var t;return vs(e)||typeof((t=e)===null||t===void 0?void 0:t[Symbol.iterator])=="function"},j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Ie=/-->/g,De=/>/g,$=/>|[ 	\n\r](?:([^\s"'>=/]+)([ 	\n\r]*=[ 	\n\r]*(?:[^ 	\n\r"'`<>=]|("|')|))|$)/g,Re=/'/g,xe=/"/g,Ss=/^(?:script|style|textarea|title)$/i,Jr=e=>(t,...s)=>({_$litType$:e,strings:t,values:s}),Xr=Jr(1),k=Symbol.for("lit-noChange"),f=Symbol.for("lit-nothing"),Ne=new WeakMap,Yr=(e,t,s)=>{var n,r;const o=(n=s==null?void 0:s.renderBefore)!==null&&n!==void 0?n:t;let i=o._$litPart$;if(i===void 0){const a=(r=s==null?void 0:s.renderBefore)!==null&&r!==void 0?r:null;o._$litPart$=i=new K(t.insertBefore(Z(),a),a,void 0,s!=null?s:{})}return i._$AI(e),i},R=U.createTreeWalker(U,129,null,!1),Qr=(e,t)=>{const s=e.length-1,n=[];let r,o=t===2?"<svg>":"",i=j;for(let c=0;c<s;c++){const l=e[c];let h,d,u=-1,p=0;for(;p<l.length&&(i.lastIndex=p,d=i.exec(l),d!==null);)p=i.lastIndex,i===j?d[1]==="!--"?i=Ie:d[1]!==void 0?i=De:d[2]!==void 0?(Ss.test(d[2])&&(r=RegExp("</"+d[2],"g")),i=$):d[3]!==void 0&&(i=$):i===$?d[0]===">"?(i=r!=null?r:j,u=-1):d[1]===void 0?u=-2:(u=i.lastIndex-d[2].length,h=d[1],i=d[3]===void 0?$:d[3]==='"'?xe:Re):i===xe||i===Re?i=$:i===Ie||i===De?i=j:(i=$,r=void 0);const v=i===$&&e[c+1].startsWith("/>")?" ":"";o+=i===j?l+Gr:u>=0?(n.push(h),l.slice(0,u)+"$lit$"+l.slice(u)+S+v):l+S+(u===-2?(n.push(void 0),c):v)}const a=o+(e[s]||"<?>")+(t===2?"</svg>":"");if(!Array.isArray(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return[Pe!==void 0?Pe.createHTML(a):a,n]};class G{constructor({strings:t,_$litType$:s},n){let r;this.parts=[];let o=0,i=0;const a=t.length-1,c=this.parts,[l,h]=Qr(t,s);if(this.el=G.createElement(l,n),R.currentNode=this.el.content,s===2){const d=this.el.content,u=d.firstChild;u.remove(),d.append(...u.childNodes)}for(;(r=R.nextNode())!==null&&c.length<a;){if(r.nodeType===1){if(r.hasAttributes()){const d=[];for(const u of r.getAttributeNames())if(u.endsWith("$lit$")||u.startsWith(S)){const p=h[i++];if(d.push(u),p!==void 0){const v=r.getAttribute(p.toLowerCase()+"$lit$").split(S),g=/([.?@])?(.*)/.exec(p);c.push({type:1,index:o,name:g[2],strings:v,ctor:g[1]==="."?eo:g[1]==="?"?no:g[1]==="@"?ro:mt})}else c.push({type:6,index:o})}for(const u of d)r.removeAttribute(u)}if(Ss.test(r.tagName)){const d=r.textContent.split(S),u=d.length-1;if(u>0){r.textContent=N?N.emptyScript:"";for(let p=0;p<u;p++)r.append(d[p],Z()),R.nextNode(),c.push({type:2,index:++o});r.append(d[u],Z())}}}else if(r.nodeType===8)if(r.data===ws)c.push({type:2,index:o});else{let d=-1;for(;(d=r.data.indexOf(S,d+1))!==-1;)c.push({type:7,index:o}),d+=S.length-1}o++}}static createElement(t,s){const n=U.createElement("template");return n.innerHTML=t,n}}function B(e,t,s=e,n){var r,o,i,a;if(t===k)return t;let c=n!==void 0?(r=s._$Cl)===null||r===void 0?void 0:r[n]:s._$Cu;const l=q(t)?void 0:t._$litDirective$;return(c==null?void 0:c.constructor)!==l&&((o=c==null?void 0:c._$AO)===null||o===void 0||o.call(c,!1),l===void 0?c=void 0:(c=new l(e),c._$AT(e,s,n)),n!==void 0?((i=(a=s)._$Cl)!==null&&i!==void 0?i:a._$Cl=[])[n]=c:s._$Cu=c),c!==void 0&&(t=B(e,c._$AS(e,t.values),c,n)),t}class to{constructor(t,s){this.v=[],this._$AN=void 0,this._$AD=t,this._$AM=s}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}p(t){var s;const{el:{content:n},parts:r}=this._$AD,o=((s=t==null?void 0:t.creationScope)!==null&&s!==void 0?s:U).importNode(n,!0);R.currentNode=o;let i=R.nextNode(),a=0,c=0,l=r[0];for(;l!==void 0;){if(a===l.index){let h;l.type===2?h=new K(i,i.nextSibling,this,t):l.type===1?h=new l.ctor(i,l.name,l.strings,this,t):l.type===6&&(h=new oo(i,this,t)),this.v.push(h),l=r[++c]}a!==(l==null?void 0:l.index)&&(i=R.nextNode(),a++)}return o}m(t){let s=0;for(const n of this.v)n!==void 0&&(n.strings!==void 0?(n._$AI(t,n,s),s+=n.strings.length-2):n._$AI(t[s])),s++}}class K{constructor(t,s,n,r){var o;this.type=2,this._$AH=f,this._$AN=void 0,this._$AA=t,this._$AB=s,this._$AM=n,this.options=r,this._$Cg=(o=r==null?void 0:r.isConnected)===null||o===void 0||o}get _$AU(){var t,s;return(s=(t=this._$AM)===null||t===void 0?void 0:t._$AU)!==null&&s!==void 0?s:this._$Cg}get parentNode(){let t=this._$AA.parentNode;const s=this._$AM;return s!==void 0&&t.nodeType===11&&(t=s.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,s=this){t=B(this,t,s),q(t)?t===f||t==null||t===""?(this._$AH!==f&&this._$AR(),this._$AH=f):t!==this._$AH&&t!==k&&this.$(t):t._$litType$!==void 0?this.T(t):t.nodeType!==void 0?this.k(t):Kr(t)?this.S(t):this.$(t)}M(t,s=this._$AB){return this._$AA.parentNode.insertBefore(t,s)}k(t){this._$AH!==t&&(this._$AR(),this._$AH=this.M(t))}$(t){this._$AH!==f&&q(this._$AH)?this._$AA.nextSibling.data=t:this.k(U.createTextNode(t)),this._$AH=t}T(t){var s;const{values:n,_$litType$:r}=t,o=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=G.createElement(r.h,this.options)),r);if(((s=this._$AH)===null||s===void 0?void 0:s._$AD)===o)this._$AH.m(n);else{const i=new to(o,this),a=i.p(this.options);i.m(n),this.k(a),this._$AH=i}}_$AC(t){let s=Ne.get(t.strings);return s===void 0&&Ne.set(t.strings,s=new G(t)),s}S(t){vs(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let n,r=0;for(const o of t)r===s.length?s.push(n=new K(this.M(Z()),this.M(Z()),this,this.options)):n=s[r],n._$AI(o),r++;r<s.length&&(this._$AR(n&&n._$AB.nextSibling,r),s.length=r)}_$AR(t=this._$AA.nextSibling,s){var n;for((n=this._$AP)===null||n===void 0||n.call(this,!1,!0,s);t&&t!==this._$AB;){const r=t.nextSibling;t.remove(),t=r}}setConnected(t){var s;this._$AM===void 0&&(this._$Cg=t,(s=this._$AP)===null||s===void 0||s.call(this,t))}}class mt{constructor(t,s,n,r,o){this.type=1,this._$AH=f,this._$AN=void 0,this.element=t,this.name=s,this._$AM=r,this.options=o,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=f}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,s=this,n,r){const o=this.strings;let i=!1;if(o===void 0)t=B(this,t,s,0),i=!q(t)||t!==this._$AH&&t!==k,i&&(this._$AH=t);else{const a=t;let c,l;for(t=o[0],c=0;c<o.length-1;c++)l=B(this,a[n+c],s,c),l===k&&(l=this._$AH[c]),i||(i=!q(l)||l!==this._$AH[c]),l===f?t=f:t!==f&&(t+=(l!=null?l:"")+o[c+1]),this._$AH[c]=l}i&&!r&&this.C(t)}C(t){t===f?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t!=null?t:"")}}class eo extends mt{constructor(){super(...arguments),this.type=3}C(t){this.element[this.name]=t===f?void 0:t}}const so=N?N.emptyScript:"";class no extends mt{constructor(){super(...arguments),this.type=4}C(t){t&&t!==f?this.element.setAttribute(this.name,so):this.element.removeAttribute(this.name)}}class ro extends mt{constructor(t,s,n,r,o){super(t,s,n,r,o),this.type=5}_$AI(t,s=this){var n;if((t=(n=B(this,t,s,0))!==null&&n!==void 0?n:f)===k)return;const r=this._$AH,o=t===f&&r!==f||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,i=t!==f&&(r===f||o);o&&this.element.removeEventListener(this.name,this,r),i&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var s,n;typeof this._$AH=="function"?this._$AH.call((n=(s=this.options)===null||s===void 0?void 0:s.host)!==null&&n!==void 0?n:this.element,t):this._$AH.handleEvent(t)}}class oo{constructor(t,s,n){this.element=t,this.type=6,this._$AN=void 0,this._$AM=s,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(t){B(this,t)}}const Ue=window.litHtmlPolyfillSupport;Ue==null||Ue(G,K),((It=globalThis.litHtmlVersions)!==null&&It!==void 0?It:globalThis.litHtmlVersions=[]).push("2.2.2");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const io={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6};class ao{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,s,n){this._$Ct=t,this._$AM=s,this._$Ci=n}_$AS(t,s){return this.update(t,s)}update(t,s){return this.render(...s)}}/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */class ke extends ao{constructor(t){if(super(t),this.it=f,t.type!==io.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===f||t==null)return this.ft=void 0,this.it=t;if(t===k)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this.ft;this.it=t;const s=[t];return s.raw=s,this.ft={_$litType$:this.constructor.resultType,strings:s,values:[]}}}ke.directiveName="unsafeHTML",ke.resultType=1;const y=(...e)=>{const t=_("LitStatic");return(t?t.html:Xr)(...e)},yt=(e,t,s,n,{host:r}={})=>{const o=_("OpenUI5Enablement");o&&!n&&(e=o.wrapTemplateResultInBusyMarkup(y,r,e)),typeof s=="string"?e=y`<style>${s}</style>${e}`:Array.isArray(s)&&s.length&&(e=y`${s.map(i=>y`<link type="text/css" rel="stylesheet" href="${i}">`)}${e}`),Yr(e,t,{host:r})},co={tag:"ui5-test-generic",properties:{strProp:{type:String},boolProp:{type:Boolean},objectProp:{type:Object},noAttributeProp:{type:String,noAttribute:!0},multiProp:{type:String,multiple:!0},defaultValueProp:{type:String,defaultValue:"Hello"}},managedSlots:!0,slots:{default:{type:Node},other:{type:HTMLElement},individual:{type:HTMLElement,individualSlots:!0},named:{type:HTMLElement,propertyName:"items"}}};class As extends L{static get metadata(){return co}static get render(){return yt}static get template(){return t=>y`<div><p>
+				<slot></slot>
+				<slot name="other"></slot>
+				<slot name="individual-1"></slot>
+				<slot name="individual-2"></slot>
+			</p></div>`}static get styles(){return`:host {
+                    display: inline-block;
+                    border: 1px solid black;
+                    color: var(--var1);
+                }`}onBeforeRendering(){}onAfterRendering(){}onEnterDOM(){}onExitDOM(){}}As.define();const lo={tag:"ui5-test-no-shadow"};class uo extends L{static get metadata(){return lo}}uo.define();const ho={tag:"ui5-test-parent",managedSlots:!0,slots:{default:{type:Node,invalidateOnChildChange:{properties:["prop1"]}},items:{type:HTMLElement,invalidateOnChildChange:{properties:!0}}}};class fo extends L{static get metadata(){return ho}static get render(){return yt}static get template(){return t=>y`<div>
+				<slot></slot>
+			</div>`}}fo.define();const po={tag:"ui5-test-child",properties:{prop1:{type:String},prop2:{type:String},prop3:{type:String}}};class go extends L{static get metadata(){return po}static get render(){return yt}static get template(){return t=>y`<div></div>`}}go.define();const mo={tag:"ui5-with-static-area",properties:{staticContent:{type:Boolean}},slots:{}};class yo extends L{static get metadata(){return mo}static get render(){return yt}static get template(){return t=>y`
+				<div dir=${t.effectiveDir}>
+					WithStaticArea works!
+				</div>`}static get staticAreaTemplate(){return t=>y`
+				<div class="ui5-with-static-area-content">
+					Static area content.
+				</div>`}static get styles(){return`
+			:host {
+				display: inline-block;
+				border: 1px solid black;
+				color: red;
+			}`}async addStaticArea(){if(!this.staticContent)return;const t=await this.getStaticAreaItemDomRef();return this.responsivePopover=t.querySelector(".ui5-with-static-area-content"),this.responsivePopover}onBeforeRendering(){this.addStaticArea()}onAfterRendering(){}onEnterDOM(){}onExitDOM(){}}yo.define();const _o={tag:"ui5-test-generic-ext",properties:{extProp:{type:String},strProp:{defaultValue:"Ext"}},slots:{extSlot:{type:HTMLElement}}};class wo extends As{static get metadata(){return _o}}wo.define();const vo=":root{ --var1: red; }",So=":root{ --var1: green; }",Ao=":root{ --var1: blue; }",bo=":root{ --var1: orange; }",$o=":root{ --var1: orange; }",Co=":root{ --var1: yellow; }",Eo=":root{ --var1: yellow; }";b("@ui5/webcomponents-base-test","sap_fiori_3",()=>vo);b("@ui5/webcomponents-base-test","sap_fiori_3_dark",()=>So);b("@ui5/webcomponents-base-test","sap_belize",()=>Ao);b("@ui5/webcomponents-base-test","sap_belize_hcb",()=>bo);b("@ui5/webcomponents-base-test","sap_belize_hcw",()=>$o);b("@ui5/webcomponents-base-test","sap_fiori_3_hcb",()=>Co);b("@ui5/webcomponents-base-test","sap_fiori_3_hcw",()=>Eo);const To=/('')|'([^']+(?:''[^']*)*)(?:'|$)|\{([0-9]+(?:\s*,[^{}]*)?)\}|[{}]/g,Mo=(e,t)=>(t=t||[],e.replace(To,(s,n,r,o,i)=>{if(n)return"'";if(r)return r.replace(/''/g,"'");if(o)return String(t[parseInt(o)]);throw new Error(`[i18n]: pattern syntax error at pos ${i}`)})),Dt=new Map;class Lo{constructor(t){this.packageName=t}getText(t,...s){if(typeof t=="string"&&(t={key:t,defaultText:t}),!t||!t.key)return"";const n=wn(this.packageName);n&&!n[t.key]&&console.warn(`Key ${t.key} not found in the i18n bundle, the default text will be used`);const r=n&&n[t.key]?n[t.key]:t.defaultText||t.key;return Mo(r,s)}}const Oo=e=>{if(Dt.has(e))return Dt.get(e);const t=new Lo(e);return Dt.set(e,t),t},Po=async e=>(await es(e),Oo(e));let Rt;const Io=()=>(Rt===void 0&&(Rt=Ps()),Rt),bs={Gregorian:"Gregorian",Islamic:"Islamic",Japanese:"Japanese",Buddhist:"Buddhist",Persian:"Persian"};class Zt extends D{static isValid(t){return!!bs[t]}}Zt.generateTypeAccessors(bs);let tt;const Do=()=>(tt===void 0&&(tt=Us()),Zt.isValid(tt)?tt:Zt.Gregorian);let xt;const Ro=()=>(xt===void 0&&(xt=ks()),xt.firstDayOfWeek),xo=new T,No="directionChange",Uo=()=>xo.fireEvent(No),ko=async()=>{const e=Uo();await Promise.all(e),await Xt({rtlAware:!0})};window.registerThemePropertiesLoader=b;window["sap-ui-webcomponents-bundle"]={configuration:{getAnimationMode:Io,getLanguage:at,getTheme:gt,setTheme:ls,getNoConflict:ee,setNoConflict:zr,getCalendarType:Do,getRTL:ys,getFirstDayOfWeek:Ro},getIconNames:Jn,registerI18nLoader:_n,getI18nBundle:Po,renderFinished:Jt,applyDirection:ko,EventProvider:T};

package/dist/assets-meta/IconCollectionsAlias.js

@@ -0,0 +1,18 @@
+/**
+ * Supported icon collection names and aliases.
+ *
+ * Users might specify a collection, using both the key and the value in the following key-value pairs,
+ * e.g the following pairs are completely exchangeable:
+ * "SAP-icons-TNT/actor" and "tnt/actor", "BusinessSuiteInAppSymbols/3d" and "business-suite/3d",
+ * "SAP-icons-v5/accept" and "horizon/accept".
+ *
+ * Note: technically, in the code we maintain the collections under the "value" name - "tnt", "business-suite",
+ * SAP-icons-v5" and "SAP-icons"(which does not have an alias).
+ */
+const IconCollectionsAlias = {
+	"SAP-icons-TNT": "tnt",
+	"BusinessSuiteInAppSymbols": "business-suite",
+	"horizon": "SAP-icons-v5",
+};
+
+export default IconCollectionsAlias;

package/dist/config/AnimationMode.js

@@ -1,4 +1,5 @@
 import { getAnimationMode as getConfiguredAnimationMode } from "../InitialConfiguration.js";
+import AnimationMode from "../types/AnimationMode.js";
 
 let animationMode;
 
@@ -10,4 +11,13 @@ const getAnimationMode = () => {
 	return animationMode;
 };
 
-export { getAnimationMode }; // eslint-disable-line
+const setAnimationMode = newAnimationMode => {
+	if (Object.values(AnimationMode).includes(newAnimationMode)) {
+		animationMode = newAnimationMode;
+	}
+};
+
+export {
+	getAnimationMode,
+	setAnimationMode,
+};

package/dist/config/Icons.js

@@ -0,0 +1,52 @@
+import { getTheme, isThemeFamily } from "./Theme.js";
+
+const IconCollectionConfiguration = new Map();
+
+/**
+ * Sets the default icon collection (v4 or v5) per theme,
+ * which will be applied in case icon collection is not specified.
+ *
+ * Note: by default SAP-icons-v5 is used in SAP Horizon and  SAP-icons-v4 for all the rest.
+ * @param {String} theme
+ * @param {String} collectionName
+ */
+const setDefaultIconCollection = (theme, collectionName) => {
+	if (collectionName === "horizon") {
+		collectionName = "SAP-icons-v5";
+	}
+
+	IconCollectionConfiguration.set(theme, collectionName);
+};
+
+/**
+ * Returns the default icon collection (v4 or v5) for given theme,
+ * that is configured.
+ *
+ * @param {String} theme
+ * @returns {String}
+ */
+const getDefaultIconCollection = theme => {
+	return IconCollectionConfiguration.get(theme);
+};
+
+/**
+ * Returns the effective icon collection that will be applied for icon web components
+ * whenever namespace is not specified.
+ * @returns {String}
+ */
+const getEffectiveDefaultIconCollection = () => {
+	const currentTheme = getTheme();
+	const currentThemeConfiguration = IconCollectionConfiguration.get(currentTheme);
+
+	if (currentThemeConfiguration) {
+		return currentThemeConfiguration;
+	}
+
+	return isThemeFamily("sap_horizon") ? "SAP-icons-v5" : "SAP-icons";
+};
+
+export {
+	setDefaultIconCollection,
+	getDefaultIconCollection,
+	getEffectiveDefaultIconCollection,
+};

package/dist/config/Language.js

@@ -1,8 +1,12 @@
-import { getLanguage as getConfiguredLanguage } from "../InitialConfiguration.js";
+import {
+	getLanguage as getConfiguredLanguage,
+	getFetchDefaultLanguage as getConfiguredFetchDefaultLanguage,
+} from "../InitialConfiguration.js";
 import { fireLanguageChange } from "../locale/languageChange.js";
-import RenderScheduler from "../RenderScheduler.js";
+import { reRenderAllUI5Elements } from "../Render.js";
 
 let language;
+let fetchDefaultLanguage;
 
 /**
  * Returns the currently configured language, or the browser language as a fallback
@@ -29,13 +33,36 @@ const setLanguage = async newLanguage => {
 
 	language = newLanguage;
 
-	const listenersResults = fireLanguageChange(newLanguage);
-	await Promise.all(listenersResults);
-	RenderScheduler.reRenderAllUI5Elements({ languageAware: true });
-	return RenderScheduler.whenFinished();
+	await fireLanguageChange(newLanguage);
+	await reRenderAllUI5Elements({ languageAware: true });
+};
+
+/**
+ * Defines if the default language, that is inlined, should be
+ * fetched over the network instead of using the inlined one.
+ * <b>Note:</b> By default the language will not be fetched.
+ *
+ * @param {Boolean} fetchDefaultLanguage
+ */
+const setFetchDefaultLanguage = fetchDefaultLang => {
+	fetchDefaultLanguage = fetchDefaultLang;
+};
+
+/**
+ * Returns if the default language, that is inlined, should be fetched over the network.
+ * @returns {Boolean}
+ */
+const getFetchDefaultLanguage = () => {
+	if (fetchDefaultLanguage === undefined) {
+		setFetchDefaultLanguage(getConfiguredFetchDefaultLanguage());
+	}
+
+	return fetchDefaultLanguage;
 };
 
 export {
 	getLanguage,
 	setLanguage,
+	setFetchDefaultLanguage,
+	getFetchDefaultLanguage,
 };

package/dist/config/Theme.js

@@ -1,4 +1,5 @@
 import { getTheme as getConfiguredTheme } from "../InitialConfiguration.js";
+import { reRenderAllUI5Elements } from "../Render.js";
 import applyTheme from "../theming/applyTheme.js";
 
 let theme;
@@ -20,9 +21,33 @@ const setTheme = async newTheme => {
 
 	// Update CSS Custom Properties
 	await applyTheme(theme);
+	await reRenderAllUI5Elements({ themeAware: true });
+};
+
+/**
+ * Returns if the given theme name is the one currently applied.
+ * @private
+ * @param {String}
+ * @returns {boolean}
+ */
+const isTheme = _theme => {
+	const currentTheme = getTheme();
+	return currentTheme === _theme || currentTheme === `${_theme}_exp`;
+};
+
+/**
+ * Returns if the current theme is part of given theme family
+ * @private
+ * @param {String} the theme family
+ * @returns {boolean}
+ */
+const isThemeFamily = _theme => {
+	return getTheme().startsWith(_theme);
 };
 
 export {
 	getTheme,
 	setTheme,
+	isTheme,
+	isThemeFamily,
 };