@ui5/webcomponents-base - npm Package Compare versions

Comparing version 0.0.0-9195c41b9 to 0.0.0-934b4df24

dist/asset-registries/Themes.js

@@ -34,4 +34,4 @@ import { fetchJsonOnce, fetchTextOnce } from "../util/FetchHelper.js";
 		themeStyles.set(`${packageName}_${themeName}`, style._);
-	} else if (style.includes(":root")) {
-		// pure string
+	} else if (style.includes(":root") || style === "") {
+		// pure string, including empty string
 		themeStyles.set(`${packageName}_${themeName}`, style);
@@ -48,3 +48,3 @@ } else {
 	const style = themeStyles.get(`${packageName}_${themeName}`);
-	if (style) {
+	if (style !== undefined) { // it's valid for style to be an empty string
 		return style;
@@ -51,0 +51,0 @@ }

dist/AssetRegistry.js

 import { registerI18nBundle } from "./asset-registries/i18n.js";
-import { registerCldr } from "./asset-registries/LocaleData.js";
+import { registerCldr, _registerMappingFunction as registerCldrMappingFunction } from "./asset-registries/LocaleData.js";
 import { registerThemeProperties } from "./asset-registries/Themes.js";
@@ -7,4 +7,5 @@
 	registerCldr,
+	registerCldrMappingFunction,
 	registerThemeProperties,
 	registerI18nBundle,
 };

dist/resources/bundle.esm.js

@@ -1,2 +0,2 @@
-const t={default:"sap_fiori_3",all:["sap_fiori_3","sap_fiori_3_dark","sap_belize","sap_belize_hcb","sap_belize_hcw"]}.default,e={default:"en",all:["ar","bg","ca","cs","da","de","el","en","es","et","fi","fr","hi","hr","hu","it","iw","ja","kk","ko","lt","lv","ms","nl","no","pl","pt","ro","ru","sh","sk","sl","sv","th","tr","uk","vi","zh_CN","zh_TW"]}.default;var s={},n=s.hasOwnProperty,i=s.toString,o=n.toString,r=o.call(Object),a=function(t){var e,s;return!(!t||"[object Object]"!==i.call(t))&&(!(e=Object.getPrototypeOf(t))||"function"==typeof(s=n.call(e,"constructor")&&e.constructor)&&o.call(s)===r)},l=Object.create(null),c=function(){var t,e,s,n,i,o,r=arguments[2]||{},d=3,u=arguments.length,h=arguments[0]||!1,p=arguments[1]?void 0:l;for("object"!=typeof r&&"function"!=typeof r&&(r={});d<u;d++)if(null!=(i=arguments[d]))for(n in i)t=r[n],s=i[n],"__proto__"!==n&&r!==s&&(h&&s&&(a(s)||(e=Array.isArray(s)))?(e?(e=!1,o=t&&Array.isArray(t)?t:[]):o=t&&a(t)?t:{},r[n]=c(h,arguments[1],o,s)):s!==p&&(r[n]=s));return r},d=function(){var t=[!0,!1];return t.push.apply(t,arguments),c.apply(null,t)};const u=new Map,h=t=>u.get(t);let p=!1,m={animationMode:"full",theme:t,rtl:null,language:null,calendarType:null,noConflict:!1,formatSettings:{}};const f=new Map;f.set("true",!0),f.set("false",!1);const g=()=>{p||((()=>{const t=document.querySelector("[data-ui5-config]")||document.querySelector("[data-id='sap-ui-config']");let e;if(t){try{e=JSON.parse(t.innerHTML)}catch(t){console.warn("Incorrect data-sap-ui-config format. Please use JSON")}e&&(m=d(m,e))}})(),new URLSearchParams(window.location.search).forEach((t,e)=>{if(!e.startsWith("sap-ui"))return;const s=t.toLowerCase(),n=e.split("sap-ui-")[1];f.has(t)&&(t=f.get(s)),m[n]=t}),(()=>{const t=h("OpenUI5Support");if(!t||!t.isLoaded())return;const e=t.getConfigurationSettingsObject();m=d(m,e)})(),p=!0)};let w;const y=()=>(void 0===w&&(w=(()=>(g(),m.language))()),w),_=new Map,v=new Map,b=new Map,S=new Map,A=new Map,E=new Set,C=new Set,x=(t,e,s)=>{s._?A.set(`${t}_${e}`,s._):s.includes(":root")?A.set(`${t}_${e}`,s):S.set(`${t}_${e}`,s),E.add(t),C.add(e)},O=async(e,s)=>{const n=A.get(`${e}_${s}`);if(n)return n;if(!C.has(s)){const s=[...C.values()].join(", ");return console.warn(`You have requested a non-registered theme - falling back to ${t}. Registered themes are: ${s}`),A.get(`${e}_${t}`)}const i=await M(e,s),o=i._||i;return A.set(`${e}_${s}`,o),o},M=async(t,e)=>{const s=S.get(`${t}_${e}`);if(!s)throw new Error(`You have to import the ${t}/dist/Assets.js module to switch to additional themes`);return".css"===(t=>{const e=t.lastIndexOf(".");return e<1?"":t.slice(e)})(s)?(async t=>{_.get(t)||_.set(t,fetch(t));const e=await _.get(t);return b.get(t)||b.set(t,e.text()),b.get(t)})(s):(async t=>{_.get(t)||_.set(t,fetch(t));const e=await _.get(t);return v.get(t)||v.set(t,e.json()),v.get(t)})(s)},P=()=>E;
+const t={default:"sap_fiori_3",all:["sap_fiori_3","sap_fiori_3_dark","sap_belize","sap_belize_hcb","sap_belize_hcw"]}.default,e={default:"en",all:["ar","bg","ca","cs","da","de","el","en","es","et","fi","fr","hi","hr","hu","it","iw","ja","kk","ko","lt","lv","ms","nl","no","pl","pt","ro","ru","sh","sk","sl","sv","th","tr","uk","vi","zh_CN","zh_TW"]}.default;var s={},n=s.hasOwnProperty,i=s.toString,o=n.toString,r=o.call(Object),a=function(t){var e,s;return!(!t||"[object Object]"!==i.call(t))&&(!(e=Object.getPrototypeOf(t))||"function"==typeof(s=n.call(e,"constructor")&&e.constructor)&&o.call(s)===r)},l=Object.create(null),c=function(){var t,e,s,n,i,o,r=arguments[2]||{},d=3,u=arguments.length,h=arguments[0]||!1,p=arguments[1]?void 0:l;for("object"!=typeof r&&"function"!=typeof r&&(r={});d<u;d++)if(null!=(i=arguments[d]))for(n in i)t=r[n],s=i[n],"__proto__"!==n&&r!==s&&(h&&s&&(a(s)||(e=Array.isArray(s)))?(e?(e=!1,o=t&&Array.isArray(t)?t:[]):o=t&&a(t)?t:{},r[n]=c(h,arguments[1],o,s)):s!==p&&(r[n]=s));return r},d=function(){var t=[!0,!1];return t.push.apply(t,arguments),c.apply(null,t)};const u=new Map,h=t=>u.get(t);let p=!1,m={animationMode:"full",theme:t,rtl:null,language:null,calendarType:null,noConflict:!1,formatSettings:{}};const f=new Map;f.set("true",!0),f.set("false",!1);const g=()=>{p||((()=>{const t=document.querySelector("[data-ui5-config]")||document.querySelector("[data-id='sap-ui-config']");let e;if(t){try{e=JSON.parse(t.innerHTML)}catch(t){console.warn("Incorrect data-sap-ui-config format. Please use JSON")}e&&(m=d(m,e))}})(),new URLSearchParams(window.location.search).forEach((t,e)=>{if(!e.startsWith("sap-ui"))return;const s=t.toLowerCase(),n=e.split("sap-ui-")[1];f.has(t)&&(t=f.get(s)),m[n]=t}),(()=>{const t=h("OpenUI5Support");if(!t||!t.isLoaded())return;const e=t.getConfigurationSettingsObject();m=d(m,e)})(),p=!0)};let w;const y=()=>(void 0===w&&(w=(()=>(g(),m.language))()),w),_=new Map,v=new Map,b=new Map,S=new Map,A=new Map,E=new Set,C=new Set,O=(t,e,s)=>{s._?A.set(`${t}_${e}`,s._):s.includes(":root")||""===s?A.set(`${t}_${e}`,s):S.set(`${t}_${e}`,s),E.add(t),C.add(e)},x=async(e,s)=>{const n=A.get(`${e}_${s}`);if(void 0!==n)return n;if(!C.has(s)){const s=[...C.values()].join(", ");return console.warn(`You have requested a non-registered theme - falling back to ${t}. Registered themes are: ${s}`),A.get(`${e}_${t}`)}const i=await M(e,s),o=i._||i;return A.set(`${e}_${s}`,o),o},M=async(t,e)=>{const s=S.get(`${t}_${e}`);if(!s)throw new Error(`You have to import the ${t}/dist/Assets.js module to switch to additional themes`);return".css"===(t=>{const e=t.lastIndexOf(".");return e<1?"":t.slice(e)})(s)?(async t=>{_.get(t)||_.set(t,fetch(t));const e=await _.get(t);return b.get(t)||b.set(t,e.text()),b.get(t)})(s):(async t=>{_.get(t)||_.set(t,fetch(t));const e=await _.get(t);return v.get(t)||v.set(t,e.json()),v.get(t)})(s)},P=()=>E;
 /**
@@ -9,3 +9,3 @@ *
  */
-!function(t){var e,s=t.URLSearchParams&&t.URLSearchParams.prototype.get?t.URLSearchParams:null,n=s&&"a=1"===new s({a:1}).toString(),i=s&&"+"===new s("s=%2B").get("s"),o="__URLSearchParams__",r=!s||((e=new s).append("s"," &"),"s=+%26"===e.toString()),a=u.prototype,l=!(!t.Symbol||!t.Symbol.iterator);if(!(s&&n&&i&&r)){a.append=function(t,e){g(this[o],t,e)},a.delete=function(t){delete this[o][t]},a.get=function(t){var e=this[o];return t in e?e[t][0]:null},a.getAll=function(t){var e=this[o];return t in e?e[t].slice(0):[]},a.has=function(t){return t in this[o]},a.set=function(t,e){this[o][t]=[""+e]},a.toString=function(){var t,e,s,n,i=this[o],r=[];for(e in i)for(s=h(e),t=0,n=i[e];t<n.length;t++)r.push(s+"="+h(n[t]));return r.join("&")};var c=!!i&&s&&!n&&t.Proxy;Object.defineProperty(t,"URLSearchParams",{value:c?new Proxy(s,{construct:function(t,e){return new t(new u(e[0]).toString())}}):u});var d=t.URLSearchParams.prototype;d.polyfill=!0,d.forEach=d.forEach||function(t,e){var s=f(this.toString());Object.getOwnPropertyNames(s).forEach((function(n){s[n].forEach((function(s){t.call(e,s,n,this)}),this)}),this)},d.sort=d.sort||function(){var t,e,s,n=f(this.toString()),i=[];for(t in n)i.push(t);for(i.sort(),e=0;e<i.length;e++)this.delete(i[e]);for(e=0;e<i.length;e++){var o=i[e],r=n[o];for(s=0;s<r.length;s++)this.append(o,r[s])}},d.keys=d.keys||function(){var t=[];return this.forEach((function(e,s){t.push(s)})),m(t)},d.values=d.values||function(){var t=[];return this.forEach((function(e){t.push(e)})),m(t)},d.entries=d.entries||function(){var t=[];return this.forEach((function(e,s){t.push([s,e])})),m(t)},l&&(d[t.Symbol.iterator]=d[t.Symbol.iterator]||d.entries)}function u(t){((t=t||"")instanceof URLSearchParams||t instanceof u)&&(t=t.toString()),this[o]=f(t)}function h(t){var e={"!":"%21","'":"%27","(":"%28",")":"%29","~":"%7E","%20":"+","%00":"\0"};return encodeURIComponent(t).replace(/[!'\(\)~]|%20|%00/g,(function(t){return e[t]}))}function p(t){return decodeURIComponent(t.replace(/\+/g," "))}function m(e){var s={next:function(){var t=e.shift();return{done:void 0===t,value:t}}};return l&&(s[t.Symbol.iterator]=function(){return s}),s}function f(t){var e={};if("object"==typeof t)for(var s in t)t.hasOwnProperty(s)&&g(e,s,t[s]);else{0===t.indexOf("?")&&(t=t.slice(1));for(var n=t.split("&"),i=0;i<n.length;i++){var o=n[i],r=o.indexOf("=");-1<r?g(e,p(o.slice(0,r)),p(o.slice(r+1))):o&&g(e,p(o),"")}}return e}function g(t,e,s){var n="string"==typeof s?s:null!=s&&"function"==typeof s.toString?s.toString():JSON.stringify(s);e in t?t[e].push(n):t[e]=[n]}}("undefined"!=typeof global?global:window);(()=>{if(!window.ShadyDOM)return;const t=Object.getOwnPropertyDescriptor(Node.prototype,"nodeValue");Object.defineProperty(Node.prototype,"nodeValue",{get(){return t.get.apply(this)},set(e){t.set.apply(this,arguments);const s=this.parentNode;s instanceof HTMLElement&&s.isUI5Element&&s._processChildren()}})})();const R=(t,e={})=>{const s=document.createElement("style");return s.type="text/css",Object.entries(e).forEach(t=>s.setAttribute(...t)),s.textContent=t,document.head.appendChild(s),s},N=(t,e)=>{const s=document.head.querySelector(`style[data-ui5-theme-properties="${e}"]`);if(s)s.textContent=t||"";else{R(t,{"data-ui5-theme-properties":e})}},D=()=>{const t=(()=>{let t=document.querySelector(".sapThemeMetaData-Base-baseLib");if(t)return getComputedStyle(t).backgroundImage;t=document.createElement("span"),t.style.display="none",t.classList.add("sapThemeMetaData-Base-baseLib"),document.body.appendChild(t);const e=getComputedStyle(t).backgroundImage;return document.body.removeChild(t),e})();if(t&&"none"!==t)return(t=>{let e,s;try{e=t.Path.match(/\.([^.]+)\.css_variables$/)[1],s=t.Extends[0]}catch(e){return void console.warn("Malformed theme metadata Object",t)}return{themeName:e,baseThemeName:s}})((t=>{const e=/\(["']?data:text\/plain;utf-8,(.*?)['"]?\)$/i.exec(t);if(e&&e.length>=2){let t=e[1];if(t=t.replace(/\\"/g,'"'),"{"!==t.charAt(0)&&"}"!==t.charAt(t.length-1))try{t=decodeURIComponent(t)}catch(t){return void console.warn("Malformed theme metadata string, unable to decodeURIComponent")}try{return JSON.parse(t)}catch(t){console.warn("Malformed theme metadata string, unable to parse JSON")}}})(t))};let T;const L=()=>!!window.CSSVarsPonyfill,I=()=>{T=void 0,window.CSSVarsPonyfill.cssVars({rootElement:document.head,silent:!0})},V="@ui5/webcomponents-theme-base",$=async t=>{if(!P().has(V))return;const e=await O(V,t);N(e,V)},k=async t=>{const e=(()=>{const t=D();if(t)return t;const e=h("OpenUI5Support");if(e){if(e.cssVariablesLoaded())return{themeName:e.getConfigurationSettingsObject().theme}}})();e&&t===e.themeName?(()=>{const t=document.head.querySelector(`style[data-ui5-theme-properties="${V}"]`);t&&t.parentElement.removeChild(t)})():await $(t);const s=(t=>C.has(t))(t)?t:e&&e.baseThemeName;await(async t=>{P().forEach(async e=>{if(e===V)return;const s=await O(e,t);N(s,e)})})(s),L()&&I()};let j;const F=()=>(void 0===j&&(j=(()=>(g(),m.theme))()),j),U=async t=>{j!==t&&(j=t,await k(j))},B=window.sap,H=B&&B.ui&&"function"==typeof B.ui.getCore&&B.ui.getCore();var W,z;W="OpenUI5Support",z={isLoaded:()=>!!H,init:()=>H?new Promise(t=>{H.attachInit(()=>{B.ui.require(["sap/ui/core/LocaleData"],t)})}):Promise.resolve(),getConfigurationSettingsObject:()=>{if(!H)return;const t=H.getConfiguration(),e=B.ui.require("sap/ui/core/LocaleData");return{animationMode:t.getAnimationMode(),language:t.getLanguage(),theme:t.getTheme(),rtl:t.getRTL(),calendarType:t.getCalendarType(),formatSettings:{firstDayOfWeek:e?e.getInstance(t.getLocale()).getFirstDayOfWeek():void 0}}},getLocaleDataObject:()=>{if(!H)return;const t=H.getConfiguration();return B.ui.require("sap/ui/core/LocaleData").getInstance(t.getLocale())._get()},attachListeners:()=>{H&&(()=>{const t=H.getConfiguration();H.attachThemeChanged(async()=>{await U(t.getTheme())})})()},cssVariablesLoaded:()=>{if(!H)return;const t=[...document.head.children].find(t=>"sap-ui-theme-sap.ui.core"===t.id);return t?!!t.href.match(/\/css-variables\.css/):void 0}},u.set(W,z);let q;let J;const G=()=>J||(J=new Promise(async t=>{const e=h("OpenUI5Support");e&&await e.init(),await(()=>new Promise(t=>{document.body?t():document.addEventListener("DOMContentLoaded",()=>{t()})}))(),await k(F()),e&&e.attachListeners(),(()=>{if(document.querySelector("head>style[data-ui5-font-face]"))return;const t=h("OpenUI5Support");t&&t.isLoaded()||R('\n\t@font-face {\n\t\tfont-family: "72";\n\t\tfont-style: normal;\n\t\tfont-weight: 400;\n\t\tsrc: local("72"),\n\t\t\turl(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular.woff2?ui5-webcomponents) format("woff2"),\n\t\t\turl(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular.woff?ui5-webcomponents) format("woff");\n\t}\n\t\n\t@font-face {\n\t\tfont-family: "72full";\n\t\tfont-style: normal;\n\t\tfont-weight: 400;\n\t\tsrc: local(\'72-full\'),\n\t\t\turl(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular-full.woff2?ui5-webcomponents) format("woff2"),\n\t\t\turl(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular-full.woff?ui5-webcomponents) format("woff");\n\t\t\n\t}\n\t\n\t@font-face {\n\t\tfont-family: "72";\n\t\tfont-style: normal;\n\t\tfont-weight: 700;\n\t\tsrc: local(\'72-Bold\'),\n\t\t\turl(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff2?ui5-webcomponents) format("woff2"),\n\t\t\turl(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff?ui5-webcomponents) format("woff");\n\t}\n\t\n\t@font-face {\n\t\tfont-family: "72full";\n\t\tfont-style: normal;\n\t\tfont-weight: 700;\n\t\tsrc: local(\'72-Bold-full\'),\n\t\t\turl(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff2?ui5-webcomponents) format("woff2"),\n\t\t\turl(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff?ui5-webcomponents) format("woff");\n\t}\n',{"data-ui5-font-face":""})})(),await(()=>q||(q=new Promise(t=>{window.WebComponents&&!window.WebComponents.ready&&window.WebComponents.waitFor?window.WebComponents.waitFor(()=>{t()}):t()}),q))(),t()}),J);class X{static isValid(t){}static generataTypeAcessors(t){Object.keys(t).forEach(e=>{Object.defineProperty(this,e,{get:()=>t[e]})})}}const Z=new Map,Y=new Map,K=t=>{if(!Z.has(t)){const e=tt(t.split("-"));Z.set(t,e)}return Z.get(t)},Q=t=>{if(!Y.has(t)){const e=t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();Y.set(t,e)}return Y.get(t)},tt=t=>t.map((t,e)=>0===e?t.toLowerCase():t.charAt(0).toUpperCase()+t.slice(1).toLowerCase()).join("");class et{constructor(t){this.metadata=t}static validatePropertyValue(t,e){return e.multiple?t.map(t=>st(t,e)):st(t,e)}static validateSlotValue(t,e){return nt(t,e)}getTag(){return this.metadata.tag}hasAttribute(t){const e=this.getProperties()[t];return e.type!==Object&&!e.noAttribute}getPropertiesList(){return Object.keys(this.getProperties())}getAttributesList(){return this.getPropertiesList().filter(this.hasAttribute,this).map(Q)}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,e])=>e.individualSlots)}slotsAreManaged(){return!!this.metadata.managedSlots}getProperties(){return this.metadata.properties||{}}getEvents(){return this.metadata.events||{}}}const st=(t,e)=>{const s=e.type;return s===Boolean?"boolean"==typeof t&&t:s===String?"string"==typeof t||null==t?t:t.toString():s===Object?"object"==typeof t?t:e.defaultValue:((t,e,s=!1)=>{if("function"!=typeof t||"function"!=typeof e)return!1;if(s&&t===e)return!0;let n=t;do{n=Object.getPrototypeOf(n)}while(null!==n&&n!==e);return n===e})(s,X)?s.isValid(t)?t:e.defaultValue:void 0},nt=(t,e)=>{if(null===t)return t;return(t=>{return t instanceof HTMLElement&&"slot"===t.localName?t.assignedNodes({flatten:!0}).filter(t=>t instanceof HTMLElement):[t]})(t).forEach(t=>{if(!(t instanceof e.type))throw new Error(`${t} is not of type ${e.type}`)}),t},it=()=>{let t=document.querySelector("ui5-static-area");if(t)return t;const e=document.body;return t=document.createElement("ui5-static-area"),e.insertBefore(t,e.firstChild)},ot=()=>{it().destroy()};class rt extends HTMLElement{constructor(){super()}get isUI5Element(){return!0}destroy(){const t=document.querySelector(this.tagName.toLowerCase());t.parentElement.removeChild(t)}}customElements.get("ui5-static-area")||customElements.define("ui5-static-area",rt);const at=new Set,lt=t=>{at.add(t)},ct=t=>at.has(t),dt=()=>{const t=[];return at.forEach(e=>{t.push(e)}),t},ut=10;let ht;const pt=new class{constructor(){this.list=[],this.promises=new Map}add(t){if(this.promises.has(t))return this.promises.get(t);let e;const s=new Promise(t=>{e=t});return s._deferredResolve=e,this.list.push(t),this.promises.set(t,s),s}shift(){const t=this.list.shift();if(t){const e=this.promises.get(t);return this.promises.delete(t),{webComponent:t,promise:e}}}getList(){return this.list}isAdded(t){return this.promises.has(t)}};let mt,ft,gt,wt;class yt{constructor(){throw new Error("Static class")}static renderDeferred(t){const e=pt.add(t);return yt.scheduleRenderTask(),e}static renderImmediately(t){const e=pt.add(t);return yt.runRenderTask(),e}static scheduleRenderTask(){ht||(ht=window.requestAnimationFrame(yt.renderWebComponents))}static runRenderTask(){ht||(ht=1,yt.renderWebComponents())}static renderWebComponents(){let t,e,s;const n=new Map;for(;t=pt.shift();){e=t.webComponent,s=t.promise;const i=n.get(e)||0;if(i>ut)throw new Error(`Web component re-rendered too many times this task, max allowed is: ${ut}`);e._render(),s._deferredResolve(),n.set(e,i+1)}wt||(wt=setTimeout(()=>{wt=void 0,0===pt.getList().length&&yt._resolveTaskPromise()},200)),ht=void 0}static whenDOMUpdated(){return mt||(mt=new Promise(t=>{ft=t,window.requestAnimationFrame(()=>{0===pt.getList().length&&(mt=void 0,t())})}),mt)}static whenAllCustomElementsAreDefined(){const t=dt().map(t=>customElements.whenDefined(t));return Promise.all(t)}static async whenFinished(){await yt.whenAllCustomElementsAreDefined(),await yt.whenDOMUpdated()}static _resolveTaskPromise(){pt.getList().length>0||ft&&(ft.call(this,gt),ft=void 0,mt=void 0)}}class _t{constructor(t){this.ui5ElementContext=t,this._rendered=!1}isRendered(){return this._rendered}_updateFragment(){const t=this.ui5ElementContext.constructor.staticAreaTemplate(this.ui5ElementContext),e=!window.ShadyDOM&&this.ui5ElementContext.constructor.staticAreaStyles;this.staticAreaItemDomRef||(this.staticAreaItemDomRef=document.createElement("ui5-static-area-item"),this.staticAreaItemDomRef.attachShadow({mode:"open"}),this.staticAreaItemDomRef.classList.add(this.ui5ElementContext._id),it().appendChild(this.staticAreaItemDomRef),this._rendered=!0),this.ui5ElementContext.constructor.render(t,this.staticAreaItemDomRef.shadowRoot,e,{eventContext:this.ui5ElementContext})}_removeFragmentFromStaticArea(){if(!this.staticAreaItemDomRef)return;const t=it();t.removeChild(this.staticAreaItemDomRef),this.staticAreaItemDomRef=null,t.childElementCount<1&&ot()}_updateContentDensity(t){this.staticAreaItemDomRef&&(t?(this.staticAreaItemDomRef.classList.add("sapUiSizeCompact"),this.staticAreaItemDomRef.classList.add("ui5-content-density-compact")):(this.staticAreaItemDomRef.classList.remove("sapUiSizeCompact"),this.staticAreaItemDomRef.classList.remove("ui5-content-density-compact")))}async getDomRef(){return this._rendered&&this.staticAreaItemDomRef||this._updateFragment(),await yt.whenDOMUpdated(),this.staticAreaItemDomRef.shadowRoot}}class vt extends HTMLElement{constructor(){super()}get isUI5Element(){return!0}}customElements.get("ui5-static-area-item")||customElements.define("ui5-static-area-item",vt);const bt=window,St=new WeakMap;class At{constructor(){throw new Error("Static class")}static observeDOMNode(t,e,s){let n=St.get(t);if(n)throw new Error("A mutation/ShadyDOM observer is already assigned to this node.");bt.ShadyDOM?n=bt.ShadyDOM.observeChildren(t,e):(n=new MutationObserver(e),n.observe(t,s)),St.set(t,n)}static unobserveDOMNode(t){const e=St.get(t);e&&(e instanceof MutationObserver?e.disconnect():bt.ShadyDOM.unobserveChildren(e),St.delete(t))}}const Et=["value-changed"];let Ct;const xt=()=>(void 0===Ct&&(Ct=(()=>(g(),m.noConflict))()),Ct),Ot=t=>{const e=xt();return!(t=>Et.includes(t))(t)&&(!0===e||!(t=>{const e=xt();return!(e.events&&e.events.includes&&e.events.includes(t))})(t))},Mt={},Pt=t=>{const e=(t=>Mt[t]?Mt[t].join(""):"")(t.getMetadata().getTag())||"";let s=t.styles;return Array.isArray(s)&&(s=s.join(" ")),`${s} ${e}`},Rt=new Map,Nt=t=>{const e=t.getMetadata().getTag(),s=Pt(t);if(Rt.has(e))return Rt.get(e);const n=new CSSStyleSheet;return n.replaceSync(s),Rt.set(e,n),n},Dt=(t,e,s,n)=>{const i=s+e.length,o=t.charAt(i),r=t.substring(0,s)+n;if("("===o){const e=((t,e)=>{let s=1;for(let n=e+1;n<t.length;n++){const e=t.charAt(n);if("("===e?s++:")"===e&&s--,0===s)return n}})(t,i);return r+t.substring(i+1,e)+t.substring(e+1)}return r+t.substring(i)},Tt=(t,e)=>(t=((t,e,s)=>{let n=t.indexOf(e);for(;-1!==n;)n=(t=Dt(t,e,n,s)).indexOf(e);return t})(t=t.trim(),"::slotted","")).startsWith(":host")?Dt(t,":host",0,e):t.match(/^[@0-9]/)||"to"===t||"to{"===t?t:t.match(new RegExp(`^${e}[^a-zA-Z0-9-]`))?t:`${e} ${t}`,Lt=(t,e)=>{t=(t=t.replace(/\n/g," ")).replace(/([{}])/g,"$1\n");let s="";return t.split("\n").forEach(t=>{if(t.match(/{$/)){const s=t.split(",");t=s.map(t=>Tt(t,e)).join(",")}s=`${s}${t}`}),s},It=new Set,Vt=t=>{const e=t.getMetadata().getTag();if(It.has(e))return;let s=Pt(t);s=Lt(s,e);let n=(t=>{let e=t.staticAreaStyles;return Array.isArray(e)&&(e=e.join(" ")),e})(t);n&&(n=Lt(n,"ui5-static-area-item"),s=`${s} ${n}`),R(s,{"data-ui5-element-styles":e,disabled:"disabled"}),L()&&(T||(T=window.setTimeout(I,0))),It.add(e)};class $t extends X{static isValid(t){return Number.isInteger(t)}}const kt=["disabled","ariaLabel"],jt=t=>{if(kt.includes(t))return!0;return![HTMLElement,Element,Node].some(e=>e.prototype.hasOwnProperty(t))},Ft={events:{_propertyChange:{}}};let Ut=0;const Bt=new Map,Ht="--_ui5_content_density";class Wt extends HTMLElement{constructor(){let t;super(),this._generateId(),this._initializeState(),this._upgradeAllProperties(),this._initializeContainers(),this._upToDate=!1,this._domRefReadyPromise=new Promise(e=>{t=e}),this._domRefReadyPromise._deferredResolve=t,this._monitoredChildProps=new Map,this._firePropertyChange=!1}_generateId(){this._id=`ui5wc_${++Ut}`}_initializeContainers(){const t=this.constructor._needsShadowDOM(),e=this.constructor._needsStaticArea();if(t&&(this.attachShadow({mode:"open"}),window.ShadyDOM&&Vt(this.constructor),document.adoptedStyleSheets)){const t=Nt(this.constructor);this.shadowRoot.adoptedStyleSheets=[t]}e&&(this.staticAreaItem=new _t(this))}async connectedCallback(){const t=this.constructor._needsShadowDOM(),e=this.constructor.getMetadata().slotsAreManaged();t&&(e&&(this._startObservingDOMChildren(),await this._processChildren()),this.shadowRoot||await Promise.resolve(),await yt.renderImmediately(this),this._domRefReadyPromise._deferredResolve(),"function"==typeof this.onEnterDOM&&this.onEnterDOM())}disconnectedCallback(){const t=this.constructor._needsShadowDOM(),e=this.constructor._needsStaticArea(),s=this.constructor.getMetadata().slotsAreManaged();t&&(s&&this._stopObservingDOMChildren(),"function"==typeof this.onExitDOM&&this.onExitDOM()),e&&this.staticAreaItem._removeFragmentFromStaticArea()}_startObservingDOMChildren(){if(!this.constructor.getMetadata().hasSlots())return;const t={childList:!0,subtree:this.constructor.getMetadata().canSlotText(),characterData:!0};At.observeDOMNode(this,this._processChildren.bind(this),t)}_stopObservingDOMChildren(){At.unobserveDOMNode(this)}async _processChildren(){this.constructor.getMetadata().hasSlots()&&await this._updateSlots()}async _updateSlots(){const t=this.constructor.getMetadata().getSlots(),e=this.constructor.getMetadata().canSlotText(),s=Array.from(e?this.childNodes:this.children);for(const[e,s]of Object.entries(t))this._clearSlot(e,s);const n=new Map,i=new Map,o=s.map(async(e,s)=>{const o=this.constructor._getSlotName(e),r=t[o];if(void 0===r){const s=Object.keys(t).join(", ");return void console.warn(`Unknown slotName: ${o}, ignoring`,e,`Valid values are: ${s}`)}if(r.individualSlots){const t=(n.get(o)||0)+1;n.set(o,t),e._individualSlot=`${o}-${t}`}if(e instanceof HTMLElement){const t=e.localName;if(t.includes("-")){if(!window.customElements.get(t)){const e=window.customElements.whenDefined(t);let s=Bt.get(t);s||(s=new Promise(t=>setTimeout(t,1e3)),Bt.set(t,s)),await Promise.race([e,s])}window.customElements.upgrade(e)}}(e=this.constructor.getMetadata().constructor.validateSlotValue(e,r)).isUI5Element&&r.listenFor&&this._attachChildPropertyUpdated(e,r.listenFor);const a=r.propertyName||o;i.has(a)?i.get(a).push({child:e,idx:s}):i.set(a,[{child:e,idx:s}])});await Promise.all(o),i.forEach((t,e)=>{this._state[e]=t.sort((t,e)=>t.idx-e.idx).map(t=>t.child)}),this._invalidate("slots")}_clearSlot(t,e){const s=e.propertyName||t;let n=this._state[s];Array.isArray(n)||(n=[n]),n.forEach(t=>{t&&t.isUI5Element&&this._detachChildPropertyUpdated(t)}),this._state[s]=[],this._invalidate(s,[])}attributeChangedCallback(t,e,s){const n=this.constructor.getMetadata().getProperties(),i=t.replace(/^ui5-/,""),o=K(i);if(n.hasOwnProperty(o)){const t=n[o].type;t===Boolean&&(s=null!==s),t===$t&&(s=parseInt(s)),this[o]=s}}_updateAttribute(t,e){if(!this.constructor.getMetadata().hasAttribute(t))return;if("object"==typeof e)return;const s=Q(t),n=this.getAttribute(s);"boolean"==typeof e?!0===e&&null===n?this.setAttribute(s,""):!1===e&&null!==n&&this.removeAttribute(s):n!==e&&this.setAttribute(s,e)}_upgradeProperty(t){if(this.hasOwnProperty(t)){const e=this[t];delete this[t],this[t]=e}}_upgradeAllProperties(){this.constructor.getMetadata().getPropertiesList().forEach(this._upgradeProperty,this)}_initializeState(){const t=this.constructor._getDefaultState();this._state=Object.assign({},t)}_attachChildPropertyUpdated(t,e){const s=t.constructor.getMetadata(),n=this.constructor._getSlotName(t),i=s.getProperties();let o=[],r=[];Array.isArray(e)?o=e:(o=Array.isArray(e.props)?e.props:Object.keys(i),r=Array.isArray(e.exclude)?e.exclude:[]),this._monitoredChildProps.has(n)||this._monitoredChildProps.set(n,{observedProps:o,notObservedProps:r}),t.addEventListener("_propertyChange",this._invalidateParentOnPropertyUpdate),t._firePropertyChange=!0}_detachChildPropertyUpdated(t){t.removeEventListener("_propertyChange",this._invalidateParentOnPropertyUpdate),t._firePropertyChange=!1}_propertyChange(t,e){this._updateAttribute(t,e),this._firePropertyChange&&this.dispatchEvent(new CustomEvent("_propertyChange",{detail:{name:t,newValue:e},composed:!1,bubbles:!0}))}_invalidateParentOnPropertyUpdate(t){const e=this.parentNode;if(!e)return;const s=e.constructor._getSlotName(this),n=e._monitoredChildProps.get(s);if(!n)return;const{observedProps:i,notObservedProps:o}=n;i.includes(t.detail.name)&&!o.includes(t.detail.name)&&e._invalidate("_parent_",this)}_invalidate(){this._upToDate&&this.getDomRef()&&!this._suppressInvalidation&&(this._upToDate=!1,yt.renderDeferred(this))}_render(){const t=this.constructor.getMetadata().hasIndividualSlots();this._suppressInvalidation=!0,"function"==typeof this.onBeforeRendering&&this.onBeforeRendering(),this._onComponentStateFinalized&&this._onComponentStateFinalized(),delete this._suppressInvalidation,this._upToDate=!0,this._updateShadowRoot(),this._shouldUpdateFragment()&&this.staticAreaItem._updateFragment(this),t&&this._assignIndividualSlotsToChildren(),"function"==typeof this.onAfterRendering&&this.onAfterRendering()}_updateShadowRoot(){if(!this.constructor._needsShadowDOM())return;let t;const e=this.constructor.template(this);document.adoptedStyleSheets||window.ShadyDOM||(t=Pt(this.constructor)),this.constructor.render(e,this.shadowRoot,t,{eventContext:this})}_assignIndividualSlotsToChildren(){Array.from(this.children).forEach(t=>{t._individualSlot&&t.setAttribute("slot",t._individualSlot)})}_waitForDomRef(){return this._domRefReadyPromise}getDomRef(){if(this.shadowRoot&&0!==this.shadowRoot.children.length)return 1===this.shadowRoot.children.length?this.shadowRoot.children[0]:this.shadowRoot.children[1]}getFocusDomRef(){const t=this.getDomRef();if(t){return t.querySelector("[data-sap-focus-ref]")||t}}async focus(){await this._waitForDomRef();const t=this.getFocusDomRef();t&&"function"==typeof t.focus&&t.focus()}fireEvent(t,e,s){let n=!0;const i=new CustomEvent(`ui5-${t}`,{detail:e,composed:!1,bubbles:!0,cancelable:s});if(n=this.dispatchEvent(i),Ot(t))return n;const o=new CustomEvent(t,{detail:e,composed:!1,bubbles:!0,cancelable:s});return this.dispatchEvent(o)&&n}getSlottedNodes(t){return this[t].reduce((t,e)=>"slot"!==e.localName?t.concat([e]):t.concat(e.assignedNodes({flatten:!0}).filter(t=>t instanceof HTMLElement)),[])}get isCompact(){return"compact"===getComputedStyle(this).getPropertyValue(Ht)}updateStaticAreaItemContentDensity(){this.staticAreaItem&&this.staticAreaItem._updateContentDensity(this.isCompact)}get isUI5Element(){return!0}static get observedAttributes(){return this.getMetadata().getAttributesList()}static _getSlotName(t){if(!(t instanceof HTMLElement))return"default";const e=t.getAttribute("slot");if(e){const t=e.match(/^(.+?)-\d+$/);return t?t[1]:e}return"default"}static _needsShadowDOM(){return!!this.template}_shouldUpdateFragment(){return this.constructor._needsStaticArea()&&this.staticAreaItem.isRendered()}static _needsStaticArea(){return"function"==typeof this.staticAreaTemplate}getStaticAreaItemDomRef(){return this.staticAreaItem.getDomRef()}static _getDefaultState(){if(this._defaultState)return this._defaultState;const t=this.getMetadata(),e={},s=t.slotsAreManaged(),n=t.getProperties();for(const t in n){const s=n[t].type,i=n[t].defaultValue;s===Boolean?(e[t]=!1,void 0!==i&&console.warn("The 'defaultValue' metadata key is ignored for all booleans properties, they would be initialized with 'false' by default")):n[t].multiple?e[t]=[]:e[t]=s===Object?"defaultValue"in n[t]?n[t].defaultValue:{}:s===String?"defaultValue"in n[t]?n[t].defaultValue:"":i}if(s){const s=t.getSlots();for(const[t,n]of Object.entries(s)){e[n.propertyName||t]=[]}}return this._defaultState=e,e}static _generateAccessors(){const t=this.prototype,e=this.getMetadata().slotsAreManaged(),s=this.getMetadata().getProperties();for(const[e,n]of Object.entries(s)){if(!jt(e))throw new Error(`"${e}" is not a valid property name. Use a name that does not collide with DOM APIs`);if(n.type===Boolean&&n.defaultValue)throw new Error(`Cannot set a default value for property "${e}". All booleans are false by default.`);if(n.type===Array)throw new Error(`Wrong type for property "${e}". Properties cannot be of type Array - use "multiple: true" and set "type" to the single value type, such as "String", "Object", etc...`);if(n.type===Object&&n.defaultValue)throw new Error(`Cannot set a default value for property "${e}". All properties of type "Object" are empty objects by default.`);if(n.multiple&&n.defaultValue)throw new Error(`Cannot set a default value for property "${e}". All multiple properties are empty arrays by default.`);Object.defineProperty(t,e,{get(){if(void 0!==this._state[e])return this._state[e];const t=n.defaultValue;return n.type!==Boolean&&(n.type===String?t:n.multiple?[]:t)},set(t){t=this.constructor.getMetadata().constructor.validatePropertyValue(t,n),this._state[e]!==t&&(this._state[e]=t,this._invalidate(e,t),this._propertyChange(e,t))}})}if(e){const e=this.getMetadata().getSlots();for(const[s,n]of Object.entries(e)){if(!jt(s))throw new Error(`"${s}" is not a valid property name. Use a name that does not collide with DOM APIs`);const e=n.propertyName||s;Object.defineProperty(t,e,{get(){return void 0!==this._state[e]?this._state[e]:[]},set(){throw new Error("Cannot set slots directly, use the DOM APIs")}})}}}static get metadata(){return Ft}static get styles(){return""}static get staticAreaStyles(){return""}static async define(){await G(),this.onDefine&&await this.onDefine();const t=this.getMetadata().getTag(),e=ct(t),s=customElements.get(t);return s&&!e?console.warn(`Skipping definition of tag ${t}, because it was already defined by another instance of ui5-webcomponents.`):s||(this._generateAccessors(),lt(t),window.customElements.define(t,this)),this}static getMetadata(){if(this.hasOwnProperty("_metadata"))return this._metadata;const t=[this.metadata];let e=this;for(;e!==Wt;)e=Object.getPrototypeOf(e),t.unshift(e.metadata);const s=d({},...t);return this._metadata=new et(s),this._metadata}}
+!function(t){var e,s=t.URLSearchParams&&t.URLSearchParams.prototype.get?t.URLSearchParams:null,n=s&&"a=1"===new s({a:1}).toString(),i=s&&"+"===new s("s=%2B").get("s"),o="__URLSearchParams__",r=!s||((e=new s).append("s"," &"),"s=+%26"===e.toString()),a=u.prototype,l=!(!t.Symbol||!t.Symbol.iterator);if(!(s&&n&&i&&r)){a.append=function(t,e){g(this[o],t,e)},a.delete=function(t){delete this[o][t]},a.get=function(t){var e=this[o];return t in e?e[t][0]:null},a.getAll=function(t){var e=this[o];return t in e?e[t].slice(0):[]},a.has=function(t){return t in this[o]},a.set=function(t,e){this[o][t]=[""+e]},a.toString=function(){var t,e,s,n,i=this[o],r=[];for(e in i)for(s=h(e),t=0,n=i[e];t<n.length;t++)r.push(s+"="+h(n[t]));return r.join("&")};var c=!!i&&s&&!n&&t.Proxy;Object.defineProperty(t,"URLSearchParams",{value:c?new Proxy(s,{construct:function(t,e){return new t(new u(e[0]).toString())}}):u});var d=t.URLSearchParams.prototype;d.polyfill=!0,d.forEach=d.forEach||function(t,e){var s=f(this.toString());Object.getOwnPropertyNames(s).forEach((function(n){s[n].forEach((function(s){t.call(e,s,n,this)}),this)}),this)},d.sort=d.sort||function(){var t,e,s,n=f(this.toString()),i=[];for(t in n)i.push(t);for(i.sort(),e=0;e<i.length;e++)this.delete(i[e]);for(e=0;e<i.length;e++){var o=i[e],r=n[o];for(s=0;s<r.length;s++)this.append(o,r[s])}},d.keys=d.keys||function(){var t=[];return this.forEach((function(e,s){t.push(s)})),m(t)},d.values=d.values||function(){var t=[];return this.forEach((function(e){t.push(e)})),m(t)},d.entries=d.entries||function(){var t=[];return this.forEach((function(e,s){t.push([s,e])})),m(t)},l&&(d[t.Symbol.iterator]=d[t.Symbol.iterator]||d.entries)}function u(t){((t=t||"")instanceof URLSearchParams||t instanceof u)&&(t=t.toString()),this[o]=f(t)}function h(t){var e={"!":"%21","'":"%27","(":"%28",")":"%29","~":"%7E","%20":"+","%00":"\0"};return encodeURIComponent(t).replace(/[!'\(\)~]|%20|%00/g,(function(t){return e[t]}))}function p(t){return decodeURIComponent(t.replace(/\+/g," "))}function m(e){var s={next:function(){var t=e.shift();return{done:void 0===t,value:t}}};return l&&(s[t.Symbol.iterator]=function(){return s}),s}function f(t){var e={};if("object"==typeof t)for(var s in t)t.hasOwnProperty(s)&&g(e,s,t[s]);else{0===t.indexOf("?")&&(t=t.slice(1));for(var n=t.split("&"),i=0;i<n.length;i++){var o=n[i],r=o.indexOf("=");-1<r?g(e,p(o.slice(0,r)),p(o.slice(r+1))):o&&g(e,p(o),"")}}return e}function g(t,e,s){var n="string"==typeof s?s:null!=s&&"function"==typeof s.toString?s.toString():JSON.stringify(s);e in t?t[e].push(n):t[e]=[n]}}("undefined"!=typeof global?global:window);(()=>{if(!window.ShadyDOM)return;const t=Object.getOwnPropertyDescriptor(Node.prototype,"nodeValue");Object.defineProperty(Node.prototype,"nodeValue",{get(){return t.get.apply(this)},set(e){t.set.apply(this,arguments);const s=this.parentNode;s instanceof HTMLElement&&s.isUI5Element&&s._processChildren()}})})();const R=(t,e={})=>{const s=document.createElement("style");return s.type="text/css",Object.entries(e).forEach(t=>s.setAttribute(...t)),s.textContent=t,document.head.appendChild(s),s},N=(t,e)=>{const s=document.head.querySelector(`style[data-ui5-theme-properties="${e}"]`);if(s)s.textContent=t||"";else{R(t,{"data-ui5-theme-properties":e})}},D=()=>{const t=(()=>{let t=document.querySelector(".sapThemeMetaData-Base-baseLib");if(t)return getComputedStyle(t).backgroundImage;t=document.createElement("span"),t.style.display="none",t.classList.add("sapThemeMetaData-Base-baseLib"),document.body.appendChild(t);const e=getComputedStyle(t).backgroundImage;return document.body.removeChild(t),e})();if(t&&"none"!==t)return(t=>{let e,s;try{e=t.Path.match(/\.([^.]+)\.css_variables$/)[1],s=t.Extends[0]}catch(e){return void console.warn("Malformed theme metadata Object",t)}return{themeName:e,baseThemeName:s}})((t=>{const e=/\(["']?data:text\/plain;utf-8,(.*?)['"]?\)$/i.exec(t);if(e&&e.length>=2){let t=e[1];if(t=t.replace(/\\"/g,'"'),"{"!==t.charAt(0)&&"}"!==t.charAt(t.length-1))try{t=decodeURIComponent(t)}catch(t){return void console.warn("Malformed theme metadata string, unable to decodeURIComponent")}try{return JSON.parse(t)}catch(t){console.warn("Malformed theme metadata string, unable to parse JSON")}}})(t))};let T;const L=()=>!!window.CSSVarsPonyfill,I=()=>{T=void 0,window.CSSVarsPonyfill.cssVars({rootElement:document.head,silent:!0})},V="@ui5/webcomponents-theme-base",$=async t=>{if(!P().has(V))return;const e=await x(V,t);N(e,V)},k=async t=>{const e=(()=>{const t=D();if(t)return t;const e=h("OpenUI5Support");if(e){if(e.cssVariablesLoaded())return{themeName:e.getConfigurationSettingsObject().theme}}})();e&&t===e.themeName?(()=>{const t=document.head.querySelector(`style[data-ui5-theme-properties="${V}"]`);t&&t.parentElement.removeChild(t)})():await $(t);const s=(t=>C.has(t))(t)?t:e&&e.baseThemeName;await(async t=>{P().forEach(async e=>{if(e===V)return;const s=await x(e,t);N(s,e)})})(s),L()&&I()};let j;const F=()=>(void 0===j&&(j=(()=>(g(),m.theme))()),j),U=async t=>{j!==t&&(j=t,await k(j))},B=window.sap,H=B&&B.ui&&"function"==typeof B.ui.getCore&&B.ui.getCore();var W,z;W="OpenUI5Support",z={isLoaded:()=>!!H,init:()=>H?new Promise(t=>{H.attachInit(()=>{B.ui.require(["sap/ui/core/LocaleData"],t)})}):Promise.resolve(),getConfigurationSettingsObject:()=>{if(!H)return;const t=H.getConfiguration(),e=B.ui.require("sap/ui/core/LocaleData");return{animationMode:t.getAnimationMode(),language:t.getLanguage(),theme:t.getTheme(),rtl:t.getRTL(),calendarType:t.getCalendarType(),formatSettings:{firstDayOfWeek:e?e.getInstance(t.getLocale()).getFirstDayOfWeek():void 0}}},getLocaleDataObject:()=>{if(!H)return;const t=H.getConfiguration();return B.ui.require("sap/ui/core/LocaleData").getInstance(t.getLocale())._get()},attachListeners:()=>{H&&(()=>{const t=H.getConfiguration();H.attachThemeChanged(async()=>{await U(t.getTheme())})})()},cssVariablesLoaded:()=>{if(!H)return;const t=[...document.head.children].find(t=>"sap-ui-theme-sap.ui.core"===t.id);return t?!!t.href.match(/\/css-variables\.css/):void 0}},u.set(W,z);let q;let J;const G=()=>J||(J=new Promise(async t=>{const e=h("OpenUI5Support");e&&await e.init(),await(()=>new Promise(t=>{document.body?t():document.addEventListener("DOMContentLoaded",()=>{t()})}))(),await k(F()),e&&e.attachListeners(),(()=>{if(document.querySelector("head>style[data-ui5-font-face]"))return;const t=h("OpenUI5Support");t&&t.isLoaded()||R('\n\t@font-face {\n\t\tfont-family: "72";\n\t\tfont-style: normal;\n\t\tfont-weight: 400;\n\t\tsrc: local("72"),\n\t\t\turl(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular.woff2?ui5-webcomponents) format("woff2"),\n\t\t\turl(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular.woff?ui5-webcomponents) format("woff");\n\t}\n\t\n\t@font-face {\n\t\tfont-family: "72full";\n\t\tfont-style: normal;\n\t\tfont-weight: 400;\n\t\tsrc: local(\'72-full\'),\n\t\t\turl(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular-full.woff2?ui5-webcomponents) format("woff2"),\n\t\t\turl(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Regular-full.woff?ui5-webcomponents) format("woff");\n\t\t\n\t}\n\t\n\t@font-face {\n\t\tfont-family: "72";\n\t\tfont-style: normal;\n\t\tfont-weight: 700;\n\t\tsrc: local(\'72-Bold\'),\n\t\t\turl(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff2?ui5-webcomponents) format("woff2"),\n\t\t\turl(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff?ui5-webcomponents) format("woff");\n\t}\n\t\n\t@font-face {\n\t\tfont-family: "72full";\n\t\tfont-style: normal;\n\t\tfont-weight: 700;\n\t\tsrc: local(\'72-Bold-full\'),\n\t\t\turl(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff2?ui5-webcomponents) format("woff2"),\n\t\t\turl(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff?ui5-webcomponents) format("woff");\n\t}\n',{"data-ui5-font-face":""})})(),await(()=>q||(q=new Promise(t=>{window.WebComponents&&!window.WebComponents.ready&&window.WebComponents.waitFor?window.WebComponents.waitFor(()=>{t()}):t()}),q))(),t()}),J);class X{static isValid(t){}static generataTypeAcessors(t){Object.keys(t).forEach(e=>{Object.defineProperty(this,e,{get:()=>t[e]})})}}const Z=new Map,Y=new Map,K=t=>{if(!Z.has(t)){const e=tt(t.split("-"));Z.set(t,e)}return Z.get(t)},Q=t=>{if(!Y.has(t)){const e=t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();Y.set(t,e)}return Y.get(t)},tt=t=>t.map((t,e)=>0===e?t.toLowerCase():t.charAt(0).toUpperCase()+t.slice(1).toLowerCase()).join(""),et=t=>t&&t instanceof HTMLElement&&"slot"===t.localName;class st{constructor(t){this.metadata=t}static validatePropertyValue(t,e){return e.multiple?t.map(t=>nt(t,e)):nt(t,e)}static validateSlotValue(t,e){return it(t,e)}getTag(){return this.metadata.tag}hasAttribute(t){const e=this.getProperties()[t];return e.type!==Object&&!e.noAttribute}getPropertiesList(){return Object.keys(this.getProperties())}getAttributesList(){return this.getPropertiesList().filter(this.hasAttribute,this).map(Q)}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,e])=>e.individualSlots)}slotsAreManaged(){return!!this.metadata.managedSlots}getProperties(){return this.metadata.properties||{}}getEvents(){return this.metadata.events||{}}}const nt=(t,e)=>{const s=e.type;return s===Boolean?"boolean"==typeof t&&t:s===String?"string"==typeof t||null==t?t:t.toString():s===Object?"object"==typeof t?t:e.defaultValue:((t,e,s=!1)=>{if("function"!=typeof t||"function"!=typeof e)return!1;if(s&&t===e)return!0;let n=t;do{n=Object.getPrototypeOf(n)}while(null!==n&&n!==e);return n===e})(s,X)?s.isValid(t)?t:e.defaultValue:void 0},it=(t,e)=>{if(null===t)return t;return(t=>et(t)?t.assignedNodes({flatten:!0}).filter(t=>t instanceof HTMLElement):[t])(t).forEach(t=>{if(!(t instanceof e.type))throw new Error(`${t} is not of type ${e.type}`)}),t},ot=()=>{let t=document.querySelector("ui5-static-area");if(t)return t;const e=document.body;return t=document.createElement("ui5-static-area"),e.insertBefore(t,e.firstChild)},rt=()=>{ot().destroy()};class at extends HTMLElement{constructor(){super()}get isUI5Element(){return!0}destroy(){const t=document.querySelector(this.tagName.toLowerCase());t.parentElement.removeChild(t)}}customElements.get("ui5-static-area")||customElements.define("ui5-static-area",at);const lt=new Set,ct=t=>{lt.add(t)},dt=t=>lt.has(t),ut=()=>{const t=[];return lt.forEach(e=>{t.push(e)}),t},ht=10;let pt;const mt=new class{constructor(){this.list=[],this.promises=new Map}add(t){if(this.promises.has(t))return this.promises.get(t);let e;const s=new Promise(t=>{e=t});return s._deferredResolve=e,this.list.push(t),this.promises.set(t,s),s}shift(){const t=this.list.shift();if(t){const e=this.promises.get(t);return this.promises.delete(t),{webComponent:t,promise:e}}}getList(){return this.list}isAdded(t){return this.promises.has(t)}};let ft,gt,wt,yt;class _t{constructor(){throw new Error("Static class")}static renderDeferred(t){const e=mt.add(t);return _t.scheduleRenderTask(),e}static renderImmediately(t){const e=mt.add(t);return _t.runRenderTask(),e}static scheduleRenderTask(){pt||(pt=window.requestAnimationFrame(_t.renderWebComponents))}static runRenderTask(){pt||(pt=1,_t.renderWebComponents())}static renderWebComponents(){let t,e,s;const n=new Map;for(;t=mt.shift();){e=t.webComponent,s=t.promise;const i=n.get(e)||0;if(i>ht)throw new Error(`Web component re-rendered too many times this task, max allowed is: ${ht}`);e._render(),s._deferredResolve(),n.set(e,i+1)}yt||(yt=setTimeout(()=>{yt=void 0,0===mt.getList().length&&_t._resolveTaskPromise()},200)),pt=void 0}static whenDOMUpdated(){return ft||(ft=new Promise(t=>{gt=t,window.requestAnimationFrame(()=>{0===mt.getList().length&&(ft=void 0,t())})}),ft)}static whenAllCustomElementsAreDefined(){const t=ut().map(t=>customElements.whenDefined(t));return Promise.all(t)}static async whenFinished(){await _t.whenAllCustomElementsAreDefined(),await _t.whenDOMUpdated()}static _resolveTaskPromise(){mt.getList().length>0||gt&&(gt.call(this,wt),gt=void 0,ft=void 0)}}class vt{constructor(t){this.ui5ElementContext=t,this._rendered=!1}isRendered(){return this._rendered}_updateFragment(){const t=this.ui5ElementContext.constructor.staticAreaTemplate(this.ui5ElementContext),e=!window.ShadyDOM&&this.ui5ElementContext.constructor.staticAreaStyles;this.staticAreaItemDomRef||(this.staticAreaItemDomRef=document.createElement("ui5-static-area-item"),this.staticAreaItemDomRef.attachShadow({mode:"open"}),this.staticAreaItemDomRef.classList.add(this.ui5ElementContext._id),ot().appendChild(this.staticAreaItemDomRef),this._rendered=!0),this.ui5ElementContext.constructor.render(t,this.staticAreaItemDomRef.shadowRoot,e,{eventContext:this.ui5ElementContext})}_removeFragmentFromStaticArea(){if(!this.staticAreaItemDomRef)return;const t=ot();t.removeChild(this.staticAreaItemDomRef),this.staticAreaItemDomRef=null,t.childElementCount<1&&rt()}_updateContentDensity(t){this.staticAreaItemDomRef&&(t?(this.staticAreaItemDomRef.classList.add("sapUiSizeCompact"),this.staticAreaItemDomRef.classList.add("ui5-content-density-compact")):(this.staticAreaItemDomRef.classList.remove("sapUiSizeCompact"),this.staticAreaItemDomRef.classList.remove("ui5-content-density-compact")))}async getDomRef(){return this._rendered&&this.staticAreaItemDomRef||this._updateFragment(),await _t.whenDOMUpdated(),this.staticAreaItemDomRef.shadowRoot}}class bt extends HTMLElement{constructor(){super()}get isUI5Element(){return!0}}customElements.get("ui5-static-area-item")||customElements.define("ui5-static-area-item",bt);const St=window,At=new WeakMap;class Et{constructor(){throw new Error("Static class")}static observeDOMNode(t,e,s){let n=At.get(t);if(n)throw new Error("A mutation/ShadyDOM observer is already assigned to this node.");St.ShadyDOM?n=St.ShadyDOM.observeChildren(t,e):(n=new MutationObserver(e),n.observe(t,s)),At.set(t,n)}static unobserveDOMNode(t){const e=At.get(t);e&&(e instanceof MutationObserver?e.disconnect():St.ShadyDOM.unobserveChildren(e),At.delete(t))}}const Ct=["value-changed"];let Ot;const xt=()=>(void 0===Ot&&(Ot=(()=>(g(),m.noConflict))()),Ot),Mt=t=>{const e=xt();return!(t=>Ct.includes(t))(t)&&(!0===e||!(t=>{const e=xt();return!(e.events&&e.events.includes&&e.events.includes(t))})(t))},Pt={},Rt=t=>{const e=(t=>Pt[t]?Pt[t].join(""):"")(t.getMetadata().getTag())||"";let s=t.styles;return Array.isArray(s)&&(s=s.join(" ")),`${s} ${e}`},Nt=new Map,Dt=t=>{const e=t.getMetadata().getTag(),s=Rt(t);if(Nt.has(e))return Nt.get(e);const n=new CSSStyleSheet;return n.replaceSync(s),Nt.set(e,n),n},Tt=(t,e,s,n)=>{const i=s+e.length,o=t.charAt(i),r=t.substring(0,s)+n;if("("===o){const e=((t,e)=>{let s=1;for(let n=e+1;n<t.length;n++){const e=t.charAt(n);if("("===e?s++:")"===e&&s--,0===s)return n}})(t,i);return r+t.substring(i+1,e)+t.substring(e+1)}return r+t.substring(i)},Lt=(t,e)=>(t=((t,e,s)=>{let n=t.indexOf(e);for(;-1!==n;)n=(t=Tt(t,e,n,s)).indexOf(e);return t})(t=t.trim(),"::slotted","")).startsWith(":host")?Tt(t,":host",0,e):t.match(/^[@0-9]/)||"to"===t||"to{"===t?t:t.match(new RegExp(`^${e}[^a-zA-Z0-9-]`))?t:`${e} ${t}`,It=(t,e)=>{t=(t=t.replace(/\n/g," ")).replace(/([{}])/g,"$1\n");let s="";return t.split("\n").forEach(t=>{if(t.match(/{$/)){const s=t.split(",");t=s.map(t=>Lt(t,e)).join(",")}s=`${s}${t}`}),s},Vt=new Set,$t=t=>{const e=t.getMetadata().getTag();if(Vt.has(e))return;let s=Rt(t);s=It(s,e);let n=(t=>{let e=t.staticAreaStyles;return Array.isArray(e)&&(e=e.join(" ")),e})(t);n&&(n=It(n,"ui5-static-area-item"),s=`${s} ${n}`),R(s,{"data-ui5-element-styles":e,disabled:"disabled"}),L()&&(T||(T=window.setTimeout(I,0))),Vt.add(e)};class kt extends X{static isValid(t){return Number.isInteger(t)}}const jt=["disabled","ariaLabel"],Ft=t=>{if(jt.includes(t))return!0;return![HTMLElement,Element,Node].some(e=>e.prototype.hasOwnProperty(t))},Ut={events:{_propertyChange:{}}};let Bt=0;const Ht=new Map,Wt="--_ui5_content_density";class zt extends HTMLElement{constructor(){let t;super(),this._generateId(),this._initializeState(),this._upgradeAllProperties(),this._initializeContainers(),this._upToDate=!1,this._domRefReadyPromise=new Promise(e=>{t=e}),this._domRefReadyPromise._deferredResolve=t,this._monitoredChildProps=new Map,this._firePropertyChange=!1}_generateId(){this._id=`ui5wc_${++Bt}`}_initializeContainers(){const t=this.constructor._needsShadowDOM(),e=this.constructor._needsStaticArea();if(t&&(this.attachShadow({mode:"open"}),window.ShadyDOM&&$t(this.constructor),document.adoptedStyleSheets)){const t=Dt(this.constructor);this.shadowRoot.adoptedStyleSheets=[t]}e&&(this.staticAreaItem=new vt(this))}async connectedCallback(){const t=this.constructor._needsShadowDOM(),e=this.constructor.getMetadata().slotsAreManaged();t&&(e&&(this._startObservingDOMChildren(),await this._processChildren()),this.shadowRoot||await Promise.resolve(),await _t.renderImmediately(this),this._domRefReadyPromise._deferredResolve(),"function"==typeof this.onEnterDOM&&this.onEnterDOM())}disconnectedCallback(){const t=this.constructor._needsShadowDOM(),e=this.constructor._needsStaticArea(),s=this.constructor.getMetadata().slotsAreManaged();t&&(s&&this._stopObservingDOMChildren(),"function"==typeof this.onExitDOM&&this.onExitDOM()),e&&this.staticAreaItem._removeFragmentFromStaticArea()}_startObservingDOMChildren(){if(!this.constructor.getMetadata().hasSlots())return;const t={childList:!0,subtree:this.constructor.getMetadata().canSlotText(),characterData:!0};Et.observeDOMNode(this,this._processChildren.bind(this),t)}_stopObservingDOMChildren(){Et.unobserveDOMNode(this)}async _processChildren(){this.constructor.getMetadata().hasSlots()&&await this._updateSlots()}async _updateSlots(){const t=this.constructor.getMetadata().getSlots(),e=this.constructor.getMetadata().canSlotText(),s=Array.from(e?this.childNodes:this.children);for(const[e,s]of Object.entries(t))this._clearSlot(e,s);const n=new Map,i=new Map,o=s.map(async(e,s)=>{const o=this.constructor._getSlotName(e),r=t[o];if(void 0===r){const s=Object.keys(t).join(", ");return void console.warn(`Unknown slotName: ${o}, ignoring`,e,`Valid values are: ${s}`)}if(r.individualSlots){const t=(n.get(o)||0)+1;n.set(o,t),e._individualSlot=`${o}-${t}`}if(e instanceof HTMLElement){const t=e.localName;if(t.includes("-")){if(!window.customElements.get(t)){const e=window.customElements.whenDefined(t);let s=Ht.get(t);s||(s=new Promise(t=>setTimeout(t,1e3)),Ht.set(t,s)),await Promise.race([e,s])}window.customElements.upgrade(e)}}(e=this.constructor.getMetadata().constructor.validateSlotValue(e,r)).isUI5Element&&r.listenFor&&this._attachChildPropertyUpdated(e,r.listenFor),et(e)&&this._attachSlotChange(e);const a=r.propertyName||o;i.has(a)?i.get(a).push({child:e,idx:s}):i.set(a,[{child:e,idx:s}])});await Promise.all(o),i.forEach((t,e)=>{this._state[e]=t.sort((t,e)=>t.idx-e.idx).map(t=>t.child)}),this._invalidate("slots")}_clearSlot(t,e){const s=e.propertyName||t;let n=this._state[s];Array.isArray(n)||(n=[n]),n.forEach(t=>{t&&t.isUI5Element&&this._detachChildPropertyUpdated(t),et(t)&&this._detachSlotChange(t)}),this._state[s]=[],this._invalidate(s,[])}attributeChangedCallback(t,e,s){const n=this.constructor.getMetadata().getProperties(),i=t.replace(/^ui5-/,""),o=K(i);if(n.hasOwnProperty(o)){const t=n[o].type;t===Boolean&&(s=null!==s),t===kt&&(s=parseInt(s)),this[o]=s}}_updateAttribute(t,e){if(!this.constructor.getMetadata().hasAttribute(t))return;if("object"==typeof e)return;const s=Q(t),n=this.getAttribute(s);"boolean"==typeof e?!0===e&&null===n?this.setAttribute(s,""):!1===e&&null!==n&&this.removeAttribute(s):n!==e&&this.setAttribute(s,e)}_upgradeProperty(t){if(this.hasOwnProperty(t)){const e=this[t];delete this[t],this[t]=e}}_upgradeAllProperties(){this.constructor.getMetadata().getPropertiesList().forEach(this._upgradeProperty,this)}_initializeState(){const t=this.constructor._getDefaultState();this._state=Object.assign({},t)}_attachChildPropertyUpdated(t,e){const s=t.constructor.getMetadata(),n=this.constructor._getSlotName(t),i=s.getProperties();let o=[],r=[];Array.isArray(e)?o=e:(o=Array.isArray(e.props)?e.props:Object.keys(i),r=Array.isArray(e.exclude)?e.exclude:[]),this._monitoredChildProps.has(n)||this._monitoredChildProps.set(n,{observedProps:o,notObservedProps:r}),t.addEventListener("_propertyChange",this._invalidateParentOnPropertyUpdate),t._firePropertyChange=!0}_detachChildPropertyUpdated(t){t.removeEventListener("_propertyChange",this._invalidateParentOnPropertyUpdate),t._firePropertyChange=!1}_propertyChange(t,e){this._updateAttribute(t,e),this._firePropertyChange&&this.dispatchEvent(new CustomEvent("_propertyChange",{detail:{name:t,newValue:e},composed:!1,bubbles:!0}))}_invalidateParentOnPropertyUpdate(t){const e=this.parentNode;if(!e)return;const s=e.constructor._getSlotName(this),n=e._monitoredChildProps.get(s);if(!n)return;const{observedProps:i,notObservedProps:o}=n;i.includes(t.detail.name)&&!o.includes(t.detail.name)&&e._invalidate("_parent_",this)}_attachSlotChange(t){this._invalidateOnSlotChange||(this._invalidateOnSlotChange=()=>{this._invalidate("slotchange")}),t.addEventListener("slotchange",this._invalidateOnSlotChange)}_detachSlotChange(t){t.removeEventListener("slotchange",this._invalidateOnSlotChange)}_invalidate(){this._upToDate&&this.getDomRef()&&!this._suppressInvalidation&&(this._upToDate=!1,_t.renderDeferred(this))}_render(){const t=this.constructor.getMetadata().hasIndividualSlots();this._suppressInvalidation=!0,"function"==typeof this.onBeforeRendering&&this.onBeforeRendering(),this._onComponentStateFinalized&&this._onComponentStateFinalized(),delete this._suppressInvalidation,this._upToDate=!0,this._updateShadowRoot(),this._shouldUpdateFragment()&&this.staticAreaItem._updateFragment(this),t&&this._assignIndividualSlotsToChildren(),"function"==typeof this.onAfterRendering&&this.onAfterRendering()}_updateShadowRoot(){if(!this.constructor._needsShadowDOM())return;let t;const e=this.constructor.template(this);document.adoptedStyleSheets||window.ShadyDOM||(t=Rt(this.constructor)),this.constructor.render(e,this.shadowRoot,t,{eventContext:this})}_assignIndividualSlotsToChildren(){Array.from(this.children).forEach(t=>{t._individualSlot&&t.setAttribute("slot",t._individualSlot)})}_waitForDomRef(){return this._domRefReadyPromise}getDomRef(){if(this.shadowRoot&&0!==this.shadowRoot.children.length)return 1===this.shadowRoot.children.length?this.shadowRoot.children[0]:this.shadowRoot.children[1]}getFocusDomRef(){const t=this.getDomRef();if(t){return t.querySelector("[data-sap-focus-ref]")||t}}async focus(){await this._waitForDomRef();const t=this.getFocusDomRef();t&&"function"==typeof t.focus&&t.focus()}fireEvent(t,e,s){let n=!0;const i=new CustomEvent(`ui5-${t}`,{detail:e,composed:!1,bubbles:!0,cancelable:s});if(n=this.dispatchEvent(i),Mt(t))return n;const o=new CustomEvent(t,{detail:e,composed:!1,bubbles:!0,cancelable:s});return this.dispatchEvent(o)&&n}getSlottedNodes(t){return this[t].reduce((t,e)=>et(e)?t.concat(e.assignedNodes({flatten:!0}).filter(t=>t instanceof HTMLElement)):t.concat([e]),[])}get isCompact(){return"compact"===getComputedStyle(this).getPropertyValue(Wt)}updateStaticAreaItemContentDensity(){this.staticAreaItem&&this.staticAreaItem._updateContentDensity(this.isCompact)}get isUI5Element(){return!0}static get observedAttributes(){return this.getMetadata().getAttributesList()}static _getSlotName(t){if(!(t instanceof HTMLElement))return"default";const e=t.getAttribute("slot");if(e){const t=e.match(/^(.+?)-\d+$/);return t?t[1]:e}return"default"}static _needsShadowDOM(){return!!this.template}_shouldUpdateFragment(){return this.constructor._needsStaticArea()&&this.staticAreaItem.isRendered()}static _needsStaticArea(){return"function"==typeof this.staticAreaTemplate}getStaticAreaItemDomRef(){return this.staticAreaItem.getDomRef()}static _getDefaultState(){if(this._defaultState)return this._defaultState;const t=this.getMetadata(),e={},s=t.slotsAreManaged(),n=t.getProperties();for(const t in n){const s=n[t].type,i=n[t].defaultValue;s===Boolean?(e[t]=!1,void 0!==i&&console.warn("The 'defaultValue' metadata key is ignored for all booleans properties, they would be initialized with 'false' by default")):n[t].multiple?e[t]=[]:e[t]=s===Object?"defaultValue"in n[t]?n[t].defaultValue:{}:s===String?"defaultValue"in n[t]?n[t].defaultValue:"":i}if(s){const s=t.getSlots();for(const[t,n]of Object.entries(s)){e[n.propertyName||t]=[]}}return this._defaultState=e,e}static _generateAccessors(){const t=this.prototype,e=this.getMetadata().slotsAreManaged(),s=this.getMetadata().getProperties();for(const[e,n]of Object.entries(s)){if(!Ft(e))throw new Error(`"${e}" is not a valid property name. Use a name that does not collide with DOM APIs`);if(n.type===Boolean&&n.defaultValue)throw new Error(`Cannot set a default value for property "${e}". All booleans are false by default.`);if(n.type===Array)throw new Error(`Wrong type for property "${e}". Properties cannot be of type Array - use "multiple: true" and set "type" to the single value type, such as "String", "Object", etc...`);if(n.type===Object&&n.defaultValue)throw new Error(`Cannot set a default value for property "${e}". All properties of type "Object" are empty objects by default.`);if(n.multiple&&n.defaultValue)throw new Error(`Cannot set a default value for property "${e}". All multiple properties are empty arrays by default.`);Object.defineProperty(t,e,{get(){if(void 0!==this._state[e])return this._state[e];const t=n.defaultValue;return n.type!==Boolean&&(n.type===String?t:n.multiple?[]:t)},set(t){t=this.constructor.getMetadata().constructor.validatePropertyValue(t,n),this._state[e]!==t&&(this._state[e]=t,this._invalidate(e,t),this._propertyChange(e,t))}})}if(e){const e=this.getMetadata().getSlots();for(const[s,n]of Object.entries(e)){if(!Ft(s))throw new Error(`"${s}" is not a valid property name. Use a name that does not collide with DOM APIs`);const e=n.propertyName||s;Object.defineProperty(t,e,{get(){return void 0!==this._state[e]?this._state[e]:[]},set(){throw new Error("Cannot set slots directly, use the DOM APIs")}})}}}static get metadata(){return Ut}static get styles(){return""}static get staticAreaStyles(){return""}static async define(){await G(),this.onDefine&&await this.onDefine();const t=this.getMetadata().getTag(),e=dt(t),s=customElements.get(t);return s&&!e?console.warn(`Skipping definition of tag ${t}, because it was already defined by another instance of ui5-webcomponents.`):s||(this._generateAccessors(),ct(t),window.customElements.define(t,this)),this}static getMetadata(){if(this.hasOwnProperty("_metadata"))return this._metadata;const t=[this.metadata];let e=this;for(;e!==zt;)e=Object.getPrototypeOf(e),t.unshift(e.metadata);const s=d({},...t);return this._metadata=new st(s),this._metadata}}
 /**
@@ -23,3 +23,3 @@ * @license
  * http://polymer.github.io/PATENTS.txt
- */const zt=new WeakMap,qt=t=>"function"==typeof t&&zt.has(t),Jt=void 0!==window.customElements&&void 0!==window.customElements.polyfillWrapFlushCallback,Gt=(t,e,s=null)=>{for(;e!==s;){const s=e.nextSibling;t.removeChild(e),e=s}},Xt={},Zt={},Yt=`{{lit-${String(Math.random()).slice(2)}}}`,Kt=`\x3c!--${Yt}--\x3e`,Qt=new RegExp(`${Yt}|${Kt}`),te="$lit$";class ee{constructor(t,e){this.parts=[],this.element=e;const s=[],n=[],i=document.createTreeWalker(e.content,133,null,!1);let o=0,r=-1,a=0;const{strings:l,values:{length:c}}=t;for(;a<c;){const t=i.nextNode();if(null!==t){if(r++,1===t.nodeType){if(t.hasAttributes()){const e=t.attributes,{length:s}=e;let n=0;for(let t=0;t<s;t++)se(e[t].name,te)&&n++;for(;n-- >0;){const e=l[a],s=oe.exec(e)[2],n=s.toLowerCase()+te,i=t.getAttribute(n);t.removeAttribute(n);const o=i.split(Qt);this.parts.push({type:"attribute",index:r,name:s,strings:o}),a+=o.length-1}}"TEMPLATE"===t.tagName&&(n.push(t),i.currentNode=t.content)}else if(3===t.nodeType){const e=t.data;if(e.indexOf(Yt)>=0){const n=t.parentNode,i=e.split(Qt),o=i.length-1;for(let e=0;e<o;e++){let s,o=i[e];if(""===o)s=ie();else{const t=oe.exec(o);null!==t&&se(t[2],te)&&(o=o.slice(0,t.index)+t[1]+t[2].slice(0,-te.length)+t[3]),s=document.createTextNode(o)}n.insertBefore(s,t),this.parts.push({type:"node",index:++r})}""===i[o]?(n.insertBefore(ie(),t),s.push(t)):t.data=i[o],a+=o}}else if(8===t.nodeType)if(t.data===Yt){const e=t.parentNode;null!==t.previousSibling&&r!==o||(r++,e.insertBefore(ie(),t)),o=r,this.parts.push({type:"node",index:r}),null===t.nextSibling?t.data="":(s.push(t),r--),a++}else{let e=-1;for(;-1!==(e=t.data.indexOf(Yt,e+1));)this.parts.push({type:"node",index:-1}),a++}}else i.currentNode=n.pop()}for(const t of s)t.parentNode.removeChild(t)}}const se=(t,e)=>{const s=t.length-e.length;return s>=0&&t.slice(s)===e},ne=t=>-1!==t.index,ie=()=>document.createComment(""),oe=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/;
+ */const qt=new WeakMap,Jt=t=>"function"==typeof t&&qt.has(t),Gt=void 0!==window.customElements&&void 0!==window.customElements.polyfillWrapFlushCallback,Xt=(t,e,s=null)=>{for(;e!==s;){const s=e.nextSibling;t.removeChild(e),e=s}},Zt={},Yt={},Kt=`{{lit-${String(Math.random()).slice(2)}}}`,Qt=`\x3c!--${Kt}--\x3e`,te=new RegExp(`${Kt}|${Qt}`),ee="$lit$";class se{constructor(t,e){this.parts=[],this.element=e;const s=[],n=[],i=document.createTreeWalker(e.content,133,null,!1);let o=0,r=-1,a=0;const{strings:l,values:{length:c}}=t;for(;a<c;){const t=i.nextNode();if(null!==t){if(r++,1===t.nodeType){if(t.hasAttributes()){const e=t.attributes,{length:s}=e;let n=0;for(let t=0;t<s;t++)ne(e[t].name,ee)&&n++;for(;n-- >0;){const e=l[a],s=re.exec(e)[2],n=s.toLowerCase()+ee,i=t.getAttribute(n);t.removeAttribute(n);const o=i.split(te);this.parts.push({type:"attribute",index:r,name:s,strings:o}),a+=o.length-1}}"TEMPLATE"===t.tagName&&(n.push(t),i.currentNode=t.content)}else if(3===t.nodeType){const e=t.data;if(e.indexOf(Kt)>=0){const n=t.parentNode,i=e.split(te),o=i.length-1;for(let e=0;e<o;e++){let s,o=i[e];if(""===o)s=oe();else{const t=re.exec(o);null!==t&&ne(t[2],ee)&&(o=o.slice(0,t.index)+t[1]+t[2].slice(0,-ee.length)+t[3]),s=document.createTextNode(o)}n.insertBefore(s,t),this.parts.push({type:"node",index:++r})}""===i[o]?(n.insertBefore(oe(),t),s.push(t)):t.data=i[o],a+=o}}else if(8===t.nodeType)if(t.data===Kt){const e=t.parentNode;null!==t.previousSibling&&r!==o||(r++,e.insertBefore(oe(),t)),o=r,this.parts.push({type:"node",index:r}),null===t.nextSibling?t.data="":(s.push(t),r--),a++}else{let e=-1;for(;-1!==(e=t.data.indexOf(Kt,e+1));)this.parts.push({type:"node",index:-1}),a++}}else i.currentNode=n.pop()}for(const t of s)t.parentNode.removeChild(t)}}const ne=(t,e)=>{const s=t.length-e.length;return s>=0&&t.slice(s)===e},ie=t=>-1!==t.index,oe=()=>document.createComment(""),re=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/;
 /**
@@ -38,3 +38,3 @@ * @license
  */
-class re{constructor(t,e,s){this.__parts=[],this.template=t,this.processor=e,this.options=s}update(t){let e=0;for(const s of this.__parts)void 0!==s&&s.setValue(t[e]),e++;for(const t of this.__parts)void 0!==t&&t.commit()}_clone(){const t=Jt?this.template.element.content.cloneNode(!0):document.importNode(this.template.element.content,!0),e=[],s=this.template.parts,n=document.createTreeWalker(t,133,null,!1);let i,o=0,r=0,a=n.nextNode();for(;o<s.length;)if(i=s[o],ne(i)){for(;r<i.index;)r++,"TEMPLATE"===a.nodeName&&(e.push(a),n.currentNode=a.content),null===(a=n.nextNode())&&(n.currentNode=e.pop(),a=n.nextNode());if("node"===i.type){const t=this.processor.handleTextExpression(this.options);t.insertAfterNode(a.previousSibling),this.__parts.push(t)}else this.__parts.push(...this.processor.handleAttributeExpressions(a,i.name,i.strings,this.options));o++}else this.__parts.push(void 0),o++;return Jt&&(document.adoptNode(t),customElements.upgrade(t)),t}}
+class ae{constructor(t,e,s){this.__parts=[],this.template=t,this.processor=e,this.options=s}update(t){let e=0;for(const s of this.__parts)void 0!==s&&s.setValue(t[e]),e++;for(const t of this.__parts)void 0!==t&&t.commit()}_clone(){const t=Gt?this.template.element.content.cloneNode(!0):document.importNode(this.template.element.content,!0),e=[],s=this.template.parts,n=document.createTreeWalker(t,133,null,!1);let i,o=0,r=0,a=n.nextNode();for(;o<s.length;)if(i=s[o],ie(i)){for(;r<i.index;)r++,"TEMPLATE"===a.nodeName&&(e.push(a),n.currentNode=a.content),null===(a=n.nextNode())&&(n.currentNode=e.pop(),a=n.nextNode());if("node"===i.type){const t=this.processor.handleTextExpression(this.options);t.insertAfterNode(a.previousSibling),this.__parts.push(t)}else this.__parts.push(...this.processor.handleAttributeExpressions(a,i.name,i.strings,this.options));o++}else this.__parts.push(void 0),o++;return Gt&&(document.adoptNode(t),customElements.upgrade(t)),t}}
 /**
@@ -52,3 +52,3 @@ * @license
  * http://polymer.github.io/PATENTS.txt
- */const ae=` ${Yt} `;class le{constructor(t,e,s,n){this.strings=t,this.values=e,this.type=s,this.processor=n}getHTML(){const t=this.strings.length-1;let e="",s=!1;for(let n=0;n<t;n++){const t=this.strings[n],i=t.lastIndexOf("\x3c!--");s=(i>-1||s)&&-1===t.indexOf("--\x3e",i+1);const o=oe.exec(t);e+=null===o?t+(s?ae:Kt):t.substr(0,o.index)+o[1]+o[2]+te+o[3]+Yt}return e+=this.strings[t],e}getTemplateElement(){const t=document.createElement("template");return t.innerHTML=this.getHTML(),t}}
+ */const le=` ${Kt} `;class ce{constructor(t,e,s,n){this.strings=t,this.values=e,this.type=s,this.processor=n}getHTML(){const t=this.strings.length-1;let e="",s=!1;for(let n=0;n<t;n++){const t=this.strings[n],i=t.lastIndexOf("\x3c!--");s=(i>-1||s)&&-1===t.indexOf("--\x3e",i+1);const o=re.exec(t);e+=null===o?t+(s?le:Qt):t.substr(0,o.index)+o[1]+o[2]+ee+o[3]+Kt}return e+=this.strings[t],e}getTemplateElement(){const t=document.createElement("template");return t.innerHTML=this.getHTML(),t}}
 /**
@@ -66,3 +66,3 @@ * @license
  * http://polymer.github.io/PATENTS.txt
- */const ce=t=>null===t||!("object"==typeof t||"function"==typeof t),de=t=>Array.isArray(t)||!(!t||!t[Symbol.iterator]);class ue{constructor(t,e,s){this.dirty=!0,this.element=t,this.name=e,this.strings=s,this.parts=[];for(let t=0;t<s.length-1;t++)this.parts[t]=this._createPart()}_createPart(){return new he(this)}_getValue(){const t=this.strings,e=t.length-1;let s="";for(let n=0;n<e;n++){s+=t[n];const e=this.parts[n];if(void 0!==e){const t=e.value;if(ce(t)||!de(t))s+="string"==typeof t?t:String(t);else for(const e of t)s+="string"==typeof e?e:String(e)}}return s+=t[e],s}commit(){this.dirty&&(this.dirty=!1,this.element.setAttribute(this.name,this._getValue()))}}class he{constructor(t){this.value=void 0,this.committer=t}setValue(t){t===Xt||ce(t)&&t===this.value||(this.value=t,qt(t)||(this.committer.dirty=!0))}commit(){for(;qt(this.value);){const t=this.value;this.value=Xt,t(this)}this.value!==Xt&&this.committer.commit()}}class pe{constructor(t){this.value=void 0,this.__pendingValue=void 0,this.options=t}appendInto(t){this.startNode=t.appendChild(ie()),this.endNode=t.appendChild(ie())}insertAfterNode(t){this.startNode=t,this.endNode=t.nextSibling}appendIntoPart(t){t.__insert(this.startNode=ie()),t.__insert(this.endNode=ie())}insertAfterPart(t){t.__insert(this.startNode=ie()),this.endNode=t.endNode,t.endNode=this.startNode}setValue(t){this.__pendingValue=t}commit(){for(;qt(this.__pendingValue);){const t=this.__pendingValue;this.__pendingValue=Xt,t(this)}const t=this.__pendingValue;t!==Xt&&(ce(t)?t!==this.value&&this.__commitText(t):t instanceof le?this.__commitTemplateResult(t):t instanceof Node?this.__commitNode(t):de(t)?this.__commitIterable(t):t===Zt?(this.value=Zt,this.clear()):this.__commitText(t))}__insert(t){this.endNode.parentNode.insertBefore(t,this.endNode)}__commitNode(t){this.value!==t&&(this.clear(),this.__insert(t),this.value=t)}__commitText(t){const e=this.startNode.nextSibling,s="string"==typeof(t=null==t?"":t)?t:String(t);e===this.endNode.previousSibling&&3===e.nodeType?e.data=s:this.__commitNode(document.createTextNode(s)),this.value=t}__commitTemplateResult(t){const e=this.options.templateFactory(t);if(this.value instanceof re&&this.value.template===e)this.value.update(t.values);else{const s=new re(e,t.processor,this.options),n=s._clone();s.update(t.values),this.__commitNode(n),this.value=s}}__commitIterable(t){Array.isArray(this.value)||(this.value=[],this.clear());const e=this.value;let s,n=0;for(const i of t)s=e[n],void 0===s&&(s=new pe(this.options),e.push(s),0===n?s.appendIntoPart(this):s.insertAfterPart(e[n-1])),s.setValue(i),s.commit(),n++;n<e.length&&(e.length=n,this.clear(s&&s.endNode))}clear(t=this.startNode){Gt(this.startNode.parentNode,t.nextSibling,this.endNode)}}class me{constructor(t,e,s){if(this.value=void 0,this.__pendingValue=void 0,2!==s.length||""!==s[0]||""!==s[1])throw new Error("Boolean attributes can only contain a single expression");this.element=t,this.name=e,this.strings=s}setValue(t){this.__pendingValue=t}commit(){for(;qt(this.__pendingValue);){const t=this.__pendingValue;this.__pendingValue=Xt,t(this)}if(this.__pendingValue===Xt)return;const t=!!this.__pendingValue;this.value!==t&&(t?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name),this.value=t),this.__pendingValue=Xt}}class fe extends ue{constructor(t,e,s){super(t,e,s),this.single=2===s.length&&""===s[0]&&""===s[1]}_createPart(){return new ge(this)}_getValue(){return this.single?this.parts[0].value:super._getValue()}commit(){this.dirty&&(this.dirty=!1,this.element[this.name]=this._getValue())}}class ge extends he{}let we=!1;try{const t={get capture(){return we=!0,!1}};window.addEventListener("test",t,t),window.removeEventListener("test",t,t)}catch(t){}class ye{constructor(t,e,s){this.value=void 0,this.__pendingValue=void 0,this.element=t,this.eventName=e,this.eventContext=s,this.__boundHandleEvent=t=>this.handleEvent(t)}setValue(t){this.__pendingValue=t}commit(){for(;qt(this.__pendingValue);){const t=this.__pendingValue;this.__pendingValue=Xt,t(this)}if(this.__pendingValue===Xt)return;const t=this.__pendingValue,e=this.value,s=null==t||null!=e&&(t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive),n=null!=t&&(null==e||s);s&&this.element.removeEventListener(this.eventName,this.__boundHandleEvent,this.__options),n&&(this.__options=_e(t),this.element.addEventListener(this.eventName,this.__boundHandleEvent,this.__options)),this.value=t,this.__pendingValue=Xt}handleEvent(t){"function"==typeof this.value?this.value.call(this.eventContext||this.element,t):this.value.handleEvent(t)}}const _e=t=>t&&(we?{capture:t.capture,passive:t.passive,once:t.once}:t.capture);
+ */const de=t=>null===t||!("object"==typeof t||"function"==typeof t),ue=t=>Array.isArray(t)||!(!t||!t[Symbol.iterator]);class he{constructor(t,e,s){this.dirty=!0,this.element=t,this.name=e,this.strings=s,this.parts=[];for(let t=0;t<s.length-1;t++)this.parts[t]=this._createPart()}_createPart(){return new pe(this)}_getValue(){const t=this.strings,e=t.length-1;let s="";for(let n=0;n<e;n++){s+=t[n];const e=this.parts[n];if(void 0!==e){const t=e.value;if(de(t)||!ue(t))s+="string"==typeof t?t:String(t);else for(const e of t)s+="string"==typeof e?e:String(e)}}return s+=t[e],s}commit(){this.dirty&&(this.dirty=!1,this.element.setAttribute(this.name,this._getValue()))}}class pe{constructor(t){this.value=void 0,this.committer=t}setValue(t){t===Zt||de(t)&&t===this.value||(this.value=t,Jt(t)||(this.committer.dirty=!0))}commit(){for(;Jt(this.value);){const t=this.value;this.value=Zt,t(this)}this.value!==Zt&&this.committer.commit()}}class me{constructor(t){this.value=void 0,this.__pendingValue=void 0,this.options=t}appendInto(t){this.startNode=t.appendChild(oe()),this.endNode=t.appendChild(oe())}insertAfterNode(t){this.startNode=t,this.endNode=t.nextSibling}appendIntoPart(t){t.__insert(this.startNode=oe()),t.__insert(this.endNode=oe())}insertAfterPart(t){t.__insert(this.startNode=oe()),this.endNode=t.endNode,t.endNode=this.startNode}setValue(t){this.__pendingValue=t}commit(){for(;Jt(this.__pendingValue);){const t=this.__pendingValue;this.__pendingValue=Zt,t(this)}const t=this.__pendingValue;t!==Zt&&(de(t)?t!==this.value&&this.__commitText(t):t instanceof ce?this.__commitTemplateResult(t):t instanceof Node?this.__commitNode(t):ue(t)?this.__commitIterable(t):t===Yt?(this.value=Yt,this.clear()):this.__commitText(t))}__insert(t){this.endNode.parentNode.insertBefore(t,this.endNode)}__commitNode(t){this.value!==t&&(this.clear(),this.__insert(t),this.value=t)}__commitText(t){const e=this.startNode.nextSibling,s="string"==typeof(t=null==t?"":t)?t:String(t);e===this.endNode.previousSibling&&3===e.nodeType?e.data=s:this.__commitNode(document.createTextNode(s)),this.value=t}__commitTemplateResult(t){const e=this.options.templateFactory(t);if(this.value instanceof ae&&this.value.template===e)this.value.update(t.values);else{const s=new ae(e,t.processor,this.options),n=s._clone();s.update(t.values),this.__commitNode(n),this.value=s}}__commitIterable(t){Array.isArray(this.value)||(this.value=[],this.clear());const e=this.value;let s,n=0;for(const i of t)s=e[n],void 0===s&&(s=new me(this.options),e.push(s),0===n?s.appendIntoPart(this):s.insertAfterPart(e[n-1])),s.setValue(i),s.commit(),n++;n<e.length&&(e.length=n,this.clear(s&&s.endNode))}clear(t=this.startNode){Xt(this.startNode.parentNode,t.nextSibling,this.endNode)}}class fe{constructor(t,e,s){if(this.value=void 0,this.__pendingValue=void 0,2!==s.length||""!==s[0]||""!==s[1])throw new Error("Boolean attributes can only contain a single expression");this.element=t,this.name=e,this.strings=s}setValue(t){this.__pendingValue=t}commit(){for(;Jt(this.__pendingValue);){const t=this.__pendingValue;this.__pendingValue=Zt,t(this)}if(this.__pendingValue===Zt)return;const t=!!this.__pendingValue;this.value!==t&&(t?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name),this.value=t),this.__pendingValue=Zt}}class ge extends he{constructor(t,e,s){super(t,e,s),this.single=2===s.length&&""===s[0]&&""===s[1]}_createPart(){return new we(this)}_getValue(){return this.single?this.parts[0].value:super._getValue()}commit(){this.dirty&&(this.dirty=!1,this.element[this.name]=this._getValue())}}class we extends pe{}let ye=!1;try{const t={get capture(){return ye=!0,!1}};window.addEventListener("test",t,t),window.removeEventListener("test",t,t)}catch(t){}class _e{constructor(t,e,s){this.value=void 0,this.__pendingValue=void 0,this.element=t,this.eventName=e,this.eventContext=s,this.__boundHandleEvent=t=>this.handleEvent(t)}setValue(t){this.__pendingValue=t}commit(){for(;Jt(this.__pendingValue);){const t=this.__pendingValue;this.__pendingValue=Zt,t(this)}if(this.__pendingValue===Zt)return;const t=this.__pendingValue,e=this.value,s=null==t||null!=e&&(t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive),n=null!=t&&(null==e||s);s&&this.element.removeEventListener(this.eventName,this.__boundHandleEvent,this.__options),n&&(this.__options=ve(t),this.element.addEventListener(this.eventName,this.__boundHandleEvent,this.__options)),this.value=t,this.__pendingValue=Zt}handleEvent(t){"function"==typeof this.value?this.value.call(this.eventContext||this.element,t):this.value.handleEvent(t)}}const ve=t=>t&&(ye?{capture:t.capture,passive:t.passive,once:t.once}:t.capture);
 /**
@@ -80,3 +80,3 @@ * @license
  * http://polymer.github.io/PATENTS.txt
- */const ve=new class{handleAttributeExpressions(t,e,s,n){const i=e[0];if("."===i){return new fe(t,e.slice(1),s).parts}return"@"===i?[new ye(t,e.slice(1),n.eventContext)]:"?"===i?[new me(t,e.slice(1),s)]:new ue(t,e,s).parts}handleTextExpression(t){return new pe(t)}};
+ */const be=new class{handleAttributeExpressions(t,e,s,n){const i=e[0];if("."===i){return new ge(t,e.slice(1),s).parts}return"@"===i?[new _e(t,e.slice(1),n.eventContext)]:"?"===i?[new fe(t,e.slice(1),s)]:new he(t,e,s).parts}handleTextExpression(t){return new me(t)}};
 /**
@@ -94,3 +94,3 @@ * @license
  * http://polymer.github.io/PATENTS.txt
- */function be(t){let e=Se.get(t.type);void 0===e&&(e={stringsArray:new WeakMap,keyString:new Map},Se.set(t.type,e));let s=e.stringsArray.get(t.strings);if(void 0!==s)return s;const n=t.strings.join(Yt);return s=e.keyString.get(n),void 0===s&&(s=new ee(t,t.getTemplateElement()),e.keyString.set(n,s)),e.stringsArray.set(t.strings,s),s}const Se=new Map,Ae=new WeakMap;
+ */function Se(t){let e=Ae.get(t.type);void 0===e&&(e={stringsArray:new WeakMap,keyString:new Map},Ae.set(t.type,e));let s=e.stringsArray.get(t.strings);if(void 0!==s)return s;const n=t.strings.join(Kt);return s=e.keyString.get(n),void 0===s&&(s=new se(t,t.getTemplateElement()),e.keyString.set(n,s)),e.stringsArray.set(t.strings,s),s}const Ae=new Map,Ee=new WeakMap;
 /**
@@ -122,3 +122,3 @@ * @license
  */
-(window.litHtmlVersions||(window.litHtmlVersions=[])).push("1.1.2");const Ee=(t,...e)=>new le(t,e,"html",ve),Ce=(t,e,s,{eventContext:n}={})=>{s&&(t=Ee`<style>${s}</style>${t}`),((t,e,s)=>{let n=Ae.get(e);void 0===n&&(Gt(e,e.firstChild),Ae.set(e,n=new pe(Object.assign({templateFactory:be},s))),n.appendInto(e)),n.setValue(t),n.commit()})(t,e,{eventContext:n})},xe={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 Oe extends Wt{static get metadata(){return xe}static get render(){return Ce}static get template(){return t=>Ee`<div><p>
+(window.litHtmlVersions||(window.litHtmlVersions=[])).push("1.1.2");const Ce=(t,...e)=>new ce(t,e,"html",be),Oe=(t,e,s,{eventContext:n}={})=>{s&&(t=Ce`<style>${s}</style>${t}`),((t,e,s)=>{let n=Ee.get(e);void 0===n&&(Xt(e,e.firstChild),Ee.set(e,n=new me(Object.assign({templateFactory:Se},s))),n.appendInto(e)),n.setValue(t),n.commit()})(t,e,{eventContext:n})},xe={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 Me extends zt{static get metadata(){return xe}static get render(){return Oe}static get template(){return t=>Ce`<div><p>
 				<slot></slot>
@@ -128,11 +128,11 @@ <slot name="other"></slot>
 				<slot name="individual-2"></slot>
-			</p></div>`}static get styles(){return":host {\n                    display: inline-block;\n                    border: 1px solid black;\n                    color: var(--var1);\n                }"}onBeforeRendering(){}onAfterRendering(){}onEnterDOM(){}onExitDOM(){}}Oe.define();const Me={tag:"ui5-test-no-shadow"};(class extends Wt{static get metadata(){return Me}}).define();const Pe={tag:"ui5-test-parent",managedSlots:!0,slots:{default:{type:Node,listenFor:["prop1"]},items:{type:HTMLElement,listenFor:{include:["*"],exclude:["prop3"]}}}};(class extends Wt{static get metadata(){return Pe}static get render(){return Ce}static get template(){return t=>Ee`<div>
+			</p></div>`}static get styles(){return":host {\n                    display: inline-block;\n                    border: 1px solid black;\n                    color: var(--var1);\n                }"}onBeforeRendering(){}onAfterRendering(){}onEnterDOM(){}onExitDOM(){}}Me.define();const Pe={tag:"ui5-test-no-shadow"};(class extends zt{static get metadata(){return Pe}}).define();const Re={tag:"ui5-test-parent",managedSlots:!0,slots:{default:{type:Node,listenFor:["prop1"]},items:{type:HTMLElement,listenFor:{include:["*"],exclude:["prop3"]}}}};(class extends zt{static get metadata(){return Re}static get render(){return Oe}static get template(){return t=>Ce`<div>
 				<slot></slot>
-			</div>`}}).define();const Re={tag:"ui5-test-child",properties:{prop1:{type:String},prop2:{type:String},prop3:{type:String}}};(class extends Wt{static get metadata(){return Re}static get render(){return Ce}static get template(){return t=>Ee`<div></div>`}}).define();const Ne={tag:"ui5-with-static-area",properties:{staticContent:{type:Boolean}},slots:{}};(class extends Wt{static get metadata(){return Ne}static get render(){return Ce}static get template(){return t=>Ee`
+			</div>`}}).define();const Ne={tag:"ui5-test-child",properties:{prop1:{type:String},prop2:{type:String},prop3:{type:String}}};(class extends zt{static get metadata(){return Ne}static get render(){return Oe}static get template(){return t=>Ce`<div></div>`}}).define();const De={tag:"ui5-with-static-area",properties:{staticContent:{type:Boolean}},slots:{}};(class extends zt{static get metadata(){return De}static get render(){return Oe}static get template(){return t=>Ce`
 				<div>
 					WithStaticArea works!
-				</div>`}static get staticAreaTemplate(){return t=>Ee`
+				</div>`}static get staticAreaTemplate(){return t=>Ce`
 				<div class="ui5-with-static-area-content">
 					Static area content.
-				</div>`}static get styles(){return"\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tborder: 1px solid black;\n\t\t\t\tcolor: red;\n\t\t\t}"}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(){}}).define();const De={tag:"ui5-test-generic-ext",properties:{extProp:{type:String},strProp:{defaultValue:"Ext"}},slots:{extSlot:{type:HTMLElement}}};(class extends Oe{static get metadata(){return De}}).define();x("@ui5/webcomponents-base-test","sap_fiori_3",":root{ --var1: red; }"),x("@ui5/webcomponents-base-test","sap_fiori_3_dark",":root{ --var1: green; }"),x("@ui5/webcomponents-base-test","sap_belize",":root{ --var1: blue; }"),x("@ui5/webcomponents-base-test","sap_belize_hcb",":root{ --var1: orange; }"),x("@ui5/webcomponents-base-test","sap_belize_hcw",":root{ --var1: orange; }");const Te={},Le={INTERNET_EXPLORER:"ie",EDGE:"ed",FIREFOX:"ff",CHROME:"cr",SAFARI:"sf",ANDROID:"an"},Ie=()=>{const t=(()=>{const t=navigator.userAgent.toLowerCase(),e=/(edge)[ /]([\w.]+)/.exec(t)||/(trident)\/[\w.]+;.*rv:([\w.]+)/.exec(t)||/(webkit)[ /]([\w.]+)/.exec(t)||/(msie) ([\w.]+)/.exec(t)||t.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+))?/.exec(t)||[],s={browser:e[1]||"",version:e[2]||"0"};return s[s.browser]=!0,s})(),e=navigator.userAgent,s=window.navigator;let n,i,o;if(t.mozilla)n=/Mobile/,e.match(/Firefox\/(\d+\.\d+)/)?(o=parseFloat(RegExp.$1),i={name:Le.FIREFOX,versionStr:`${o}`,version:o,mozilla:!0,mobile:n.test(e)}):i={mobile:n.test(e),mozilla:!0,version:-1};else if(t.webkit){const t=e.toLowerCase().match(/webkit[/]([\d.]+)/);let r;t&&(r=t[1]),n=/Mobile/;const a=e.match(/(Chrome|CriOS)\/(\d+\.\d+).\d+/),l=e.match(/FxiOS\/(\d+\.\d+)/),c=e.match(/Android .+ Version\/(\d+\.\d+)/);if(a||l||c){let t,s,o;a?(t=Le.CHROME,o=n.test(e),s=parseFloat(a[2])):l?(t=Le.FIREFOX,o=!0,s=parseFloat(l[1])):c&&(t=Le.ANDROID,o=n.test(e),s=parseFloat(c[1])),i={name:t,mobile:o,versionStr:`${s}`,version:s,webkit:!0,webkitVersion:r}}else{const t=/(Version|PhantomJS)\/(\d+\.\d+).*Safari/,a=s.standalone;if(t.test(e)){const s=t.exec(e);o=parseFloat(s[2]),i={name:Le.SAFARI,versionStr:`${o}`,fullscreen:!1,webview:!1,version:o,mobile:n.test(e),webkit:!0,webkitVersion:r,phantomJS:"PhantomJS"===s[1]}}else i=!/iPhone|iPad|iPod/.test(e)||/CriOS/.test(e)||/FxiOS/.test(e)||!0!==a&&!1!==a?{mobile:n.test(e),webkit:!0,webkitVersion:r,version:-1}:{name:Le.SAFARI,version:-1,fullscreen:a,webview:!a,mobile:n.test(e),webkit:!0,webkitVersion:r}}}else t.msie||t.trident?(o=parseFloat(t.version),i={name:Le.INTERNET_EXPLORER,versionStr:`${o}`,version:o,msie:!0,mobile:!1}):t.edge?(o=parseFloat(t.version),i={name:Le.EDGE,versionStr:`${o}`,version:o,edge:!0}):i={name:"",versionStr:"",version:-1,mobile:!1};return i};let Ve;const $e={Gregorian:"Gregorian",Islamic:"Islamic",Japanese:"Japanese",Buddhist:"Buddhist",Persian:"Persian"};class ke extends X{static isValid(t){return!!$e[t]}}let je;ke.generataTypeAcessors($e);const Fe={iw:"he",ji:"yi",in:"id",sh:"sr"},Ue=(t=>{const e=/\$([-a-z0-9A-Z._]+)(?::([^$]*))?\$/.exec(t);return e&&e[2]?e[2].split(/,/):null})("$cldr-rtl-locales:ar,fa,he$")||[];let Be;const He=new Map,We=new Map;window.RenderScheduler=yt,window.isIE=()=>(Te.browser||(Te.browser=Ie(),Te.browser.BROWSER=Le,Te.browser.name&&Object.keys(Le).forEach(t=>{Le[t]===Te.browser.name&&(Te.browser[t.toLowerCase()]=!0)})),!!Te.browser.msie),window.registerThemeProperties=x,window["sap-ui-webcomponents-bundle"]={configuration:{getAnimationMode:()=>(void 0===Ve&&(Ve=(()=>(g(),m.animationMode))()),Ve),getLanguage:y,getTheme:F,setTheme:U,getNoConflict:xt,setNoConflict:t=>{Ct=t},getCalendarType:()=>(void 0===je&&(je=(()=>(g(),m.calendarType))()),ke.isValid(je)?je:ke.Gregorian),getRTL:()=>{const t=(()=>(g(),m.rtl))();return null!==t?!!t:(t=>(t=t&&Fe[t]||t,Ue.indexOf(t)>=0))(y()||(()=>{const t=navigator.languages;return t&&t[0]||(()=>navigator.language)()||navigator.userLanguage||navigator.browserLanguage||e})())},getFirstDayOfWeek:()=>(void 0===Be&&(Be=(()=>(g(),m.formatSettings))()),Be.firstDayOfWeek)},getIconNames:async()=>(We.has("SAP-icons")&&await We.get("SAP-icons"),Array.from(He.keys()).map(t=>t.split(":")[1]))};
+				</div>`}static get styles(){return"\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tborder: 1px solid black;\n\t\t\t\tcolor: red;\n\t\t\t}"}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(){}}).define();const Te={tag:"ui5-test-generic-ext",properties:{extProp:{type:String},strProp:{defaultValue:"Ext"}},slots:{extSlot:{type:HTMLElement}}};(class extends Me{static get metadata(){return Te}}).define();O("@ui5/webcomponents-base-test","sap_fiori_3",":root{ --var1: red; }"),O("@ui5/webcomponents-base-test","sap_fiori_3_dark",":root{ --var1: green; }"),O("@ui5/webcomponents-base-test","sap_belize",":root{ --var1: blue; }"),O("@ui5/webcomponents-base-test","sap_belize_hcb",":root{ --var1: orange; }"),O("@ui5/webcomponents-base-test","sap_belize_hcw",":root{ --var1: orange; }");const Le={},Ie={INTERNET_EXPLORER:"ie",EDGE:"ed",FIREFOX:"ff",CHROME:"cr",SAFARI:"sf",ANDROID:"an"},Ve=()=>{const t=(()=>{const t=navigator.userAgent.toLowerCase(),e=/(edge)[ /]([\w.]+)/.exec(t)||/(trident)\/[\w.]+;.*rv:([\w.]+)/.exec(t)||/(webkit)[ /]([\w.]+)/.exec(t)||/(msie) ([\w.]+)/.exec(t)||t.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+))?/.exec(t)||[],s={browser:e[1]||"",version:e[2]||"0"};return s[s.browser]=!0,s})(),e=navigator.userAgent,s=window.navigator;let n,i,o;if(t.mozilla)n=/Mobile/,e.match(/Firefox\/(\d+\.\d+)/)?(o=parseFloat(RegExp.$1),i={name:Ie.FIREFOX,versionStr:`${o}`,version:o,mozilla:!0,mobile:n.test(e)}):i={mobile:n.test(e),mozilla:!0,version:-1};else if(t.webkit){const t=e.toLowerCase().match(/webkit[/]([\d.]+)/);let r;t&&(r=t[1]),n=/Mobile/;const a=e.match(/(Chrome|CriOS)\/(\d+\.\d+).\d+/),l=e.match(/FxiOS\/(\d+\.\d+)/),c=e.match(/Android .+ Version\/(\d+\.\d+)/);if(a||l||c){let t,s,o;a?(t=Ie.CHROME,o=n.test(e),s=parseFloat(a[2])):l?(t=Ie.FIREFOX,o=!0,s=parseFloat(l[1])):c&&(t=Ie.ANDROID,o=n.test(e),s=parseFloat(c[1])),i={name:t,mobile:o,versionStr:`${s}`,version:s,webkit:!0,webkitVersion:r}}else{const t=/(Version|PhantomJS)\/(\d+\.\d+).*Safari/,a=s.standalone;if(t.test(e)){const s=t.exec(e);o=parseFloat(s[2]),i={name:Ie.SAFARI,versionStr:`${o}`,fullscreen:!1,webview:!1,version:o,mobile:n.test(e),webkit:!0,webkitVersion:r,phantomJS:"PhantomJS"===s[1]}}else i=!/iPhone|iPad|iPod/.test(e)||/CriOS/.test(e)||/FxiOS/.test(e)||!0!==a&&!1!==a?{mobile:n.test(e),webkit:!0,webkitVersion:r,version:-1}:{name:Ie.SAFARI,version:-1,fullscreen:a,webview:!a,mobile:n.test(e),webkit:!0,webkitVersion:r}}}else t.msie||t.trident?(o=parseFloat(t.version),i={name:Ie.INTERNET_EXPLORER,versionStr:`${o}`,version:o,msie:!0,mobile:!1}):t.edge?(o=parseFloat(t.version),i={name:Ie.EDGE,versionStr:`${o}`,version:o,edge:!0}):i={name:"",versionStr:"",version:-1,mobile:!1};return i};let $e;const ke={Gregorian:"Gregorian",Islamic:"Islamic",Japanese:"Japanese",Buddhist:"Buddhist",Persian:"Persian"};class je extends X{static isValid(t){return!!ke[t]}}let Fe;je.generataTypeAcessors(ke);const Ue={iw:"he",ji:"yi",in:"id",sh:"sr"},Be=(t=>{const e=/\$([-a-z0-9A-Z._]+)(?::([^$]*))?\$/.exec(t);return e&&e[2]?e[2].split(/,/):null})("$cldr-rtl-locales:ar,fa,he$")||[];let He;const We=new Map,ze=new Map;window.RenderScheduler=_t,window.isIE=()=>(Le.browser||(Le.browser=Ve(),Le.browser.BROWSER=Ie,Le.browser.name&&Object.keys(Ie).forEach(t=>{Ie[t]===Le.browser.name&&(Le.browser[t.toLowerCase()]=!0)})),!!Le.browser.msie),window.registerThemeProperties=O,window["sap-ui-webcomponents-bundle"]={configuration:{getAnimationMode:()=>(void 0===$e&&($e=(()=>(g(),m.animationMode))()),$e),getLanguage:y,getTheme:F,setTheme:U,getNoConflict:xt,setNoConflict:t=>{Ot=t},getCalendarType:()=>(void 0===Fe&&(Fe=(()=>(g(),m.calendarType))()),je.isValid(Fe)?Fe:je.Gregorian),getRTL:()=>{const t=(()=>(g(),m.rtl))();return null!==t?!!t:(t=>(t=t&&Ue[t]||t,Be.indexOf(t)>=0))(y()||(()=>{const t=navigator.languages;return t&&t[0]||(()=>navigator.language)()||navigator.userLanguage||navigator.browserLanguage||e})())},getFirstDayOfWeek:()=>(void 0===He&&(He=(()=>(g(),m.formatSettings))()),He.firstDayOfWeek)},getIconNames:async()=>(ze.has("SAP-icons")&&await ze.get("SAP-icons"),Array.from(We.keys()).map(t=>t.split(":")[1]))};
 //# sourceMappingURL=bundle.esm.js.map

dist/UI5Element.js

@@ -15,2 +15,3 @@ import merge from "./thirdparty/merge.js";
 import isValidPropertyName from "./util/isValidPropertyName.js";
+import isSlot from "./util/isSlot.js";
 
@@ -241,2 +242,6 @@ const metadata = {
 
+			if (isSlot(child)) {
+				this._attachSlotChange(child);
+			}
+
 			const propertyName = slotData.propertyName || slotName;
@@ -277,2 +282,6 @@
 			}
+
+			if (isSlot(child)) {
+				this._detachSlotChange(child);
+			}
 		});
@@ -429,2 +438,21 @@
 	/**
+	 * @private
+	 */
+	_attachSlotChange(child) {
+		if (!this._invalidateOnSlotChange) {
+			this._invalidateOnSlotChange = () => {
+				this._invalidate("slotchange");
+			};
+		}
+		child.addEventListener("slotchange", this._invalidateOnSlotChange);
+	}
+
+	/**
+	 * @private
+	 */
+	_detachSlotChange(child) {
+		child.removeEventListener("slotchange", this._invalidateOnSlotChange);
+	}
+
+	/**
 	 * Asynchronously re-renders an already rendered web component
@@ -612,3 +640,3 @@ * @private
 		const reducer = (acc, curr) => {
-			if (curr.localName !== "slot") {
+			if (!isSlot(curr)) {
 				return acc.concat([curr]);
@@ -615,0 +643,0 @@ }

dist/UI5ElementMetadata.js

 import DataType from "./types/DataType.js";
 import isDescendantOf from "./util/isDescendantOf.js";
 import { camelToKebabCase } from "./util/StringHelper.js";
+import isSlot from "./util/isSlot.js";
 
@@ -153,6 +154,3 @@ /**
 	const getSlottedNodes = el => {
-		const isTag = el instanceof HTMLElement;
-		const isSlot = isTag && el.localName === "slot";
-
-		if (isSlot) {
+		if (isSlot(el)) {
 			return el.assignedNodes({ flatten: true }).filter(item => item instanceof HTMLElement);
@@ -159,0 +157,0 @@ }

package.json

 {
   "name": "@ui5/webcomponents-base",
-  "version": "0.0.0-9195c41b9",
+  "version": "0.0.0-934b4df24",
   "description": "UI5 Web Components: webcomponents.base",
@@ -33,3 +33,4 @@ "author": "SAP SE (https://www.sap.com)",
   "devDependencies": {
-    "@ui5/webcomponents-tools": "0.0.0-9195c41b9",
+    "@ui5/webcomponents-tools": "0.0.0-934b4df24",
+    "chromedriver": "latest",
     "array-uniq": "^2.0.0",
@@ -36,0 +37,0 @@ "copy-and-watch": "^0.1.4",

src/asset-registries/Themes.js

@@ -34,4 +34,4 @@ import { fetchJsonOnce, fetchTextOnce } from "../util/FetchHelper.js";
 		themeStyles.set(`${packageName}_${themeName}`, style._);
-	} else if (style.includes(":root")) {
-		// pure string
+	} else if (style.includes(":root") || style === "") {
+		// pure string, including empty string
 		themeStyles.set(`${packageName}_${themeName}`, style);
@@ -48,3 +48,3 @@ } else {
 	const style = themeStyles.get(`${packageName}_${themeName}`);
-	if (style) {
+	if (style !== undefined) { // it's valid for style to be an empty string
 		return style;
@@ -51,0 +51,0 @@ }

src/AssetRegistry.js

 import { registerI18nBundle } from "./asset-registries/i18n.js";
-import { registerCldr } from "./asset-registries/LocaleData.js";
+import { registerCldr, _registerMappingFunction as registerCldrMappingFunction } from "./asset-registries/LocaleData.js";
 import { registerThemeProperties } from "./asset-registries/Themes.js";
@@ -7,4 +7,5 @@
 	registerCldr,
+	registerCldrMappingFunction,
 	registerThemeProperties,
 	registerI18nBundle,
 };

src/UI5Element.js

@@ -15,2 +15,3 @@ import merge from "./thirdparty/merge.js";
 import isValidPropertyName from "./util/isValidPropertyName.js";
+import isSlot from "./util/isSlot.js";
 
@@ -241,2 +242,6 @@ const metadata = {
 
+			if (isSlot(child)) {
+				this._attachSlotChange(child);
+			}
+
 			const propertyName = slotData.propertyName || slotName;
@@ -277,2 +282,6 @@
 			}
+
+			if (isSlot(child)) {
+				this._detachSlotChange(child);
+			}
 		});
@@ -429,2 +438,21 @@
 	/**
+	 * @private
+	 */
+	_attachSlotChange(child) {
+		if (!this._invalidateOnSlotChange) {
+			this._invalidateOnSlotChange = () => {
+				this._invalidate("slotchange");
+			};
+		}
+		child.addEventListener("slotchange", this._invalidateOnSlotChange);
+	}
+
+	/**
+	 * @private
+	 */
+	_detachSlotChange(child) {
+		child.removeEventListener("slotchange", this._invalidateOnSlotChange);
+	}
+
+	/**
 	 * Asynchronously re-renders an already rendered web component
@@ -612,3 +640,3 @@ * @private
 		const reducer = (acc, curr) => {
-			if (curr.localName !== "slot") {
+			if (!isSlot(curr)) {
 				return acc.concat([curr]);
@@ -615,0 +643,0 @@ }

src/UI5ElementMetadata.js

 import DataType from "./types/DataType.js";
 import isDescendantOf from "./util/isDescendantOf.js";
 import { camelToKebabCase } from "./util/StringHelper.js";
+import isSlot from "./util/isSlot.js";
 
@@ -153,6 +154,3 @@ /**
 	const getSlottedNodes = el => {
-		const isTag = el instanceof HTMLElement;
-		const isSlot = isTag && el.localName === "slot";
-
-		if (isSlot) {
+		if (isSlot(el)) {
 			return el.assignedNodes({ flatten: true }).filter(item => item instanceof HTMLElement);
@@ -159,0 +157,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

4378902

increased by0.11%

Number of package files

282

increased by0.71%

Lines of code

17006

increased by0.32%

Worsened metrics

Dev dependency count

8

increased by14.29%

No dependency changes