@openui5/sap.ui.webc.common 1.99.1 → 1.102.0

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

@@ -108,6 +108,7 @@ sap.ui.define(['exports'], function (exports) { 'use strict';
 	const isEnterShift = event => (event.key ? event.key === "Enter" : event.keyCode === KeyCodes.ENTER) && checkModifierKeys(event, false, false, true);
 	const isSpace = event => (event.key ? (event.key === "Spacebar" || event.key === " ") : event.keyCode === KeyCodes.SPACE) && !hasModifierKeys(event);
 	const isSpaceShift = event => (event.key ? (event.key === "Spacebar" || event.key === " ") : event.keyCode === KeyCodes.SPACE) && checkModifierKeys(event, false, false, true);
+	const isSpaceCtrl = event => (event.key ? (event.key === "Spacebar" || event.key === " ") : event.keyCode === KeyCodes.SPACE) && checkModifierKeys(event, true, false, false);
 	const isLeft = event => (event.key ? (event.key === "ArrowLeft" || event.key === "Left") : event.keyCode === KeyCodes.ARROW_LEFT) && !hasModifierKeys(event);
 	const isRight = event => (event.key ? (event.key === "ArrowRight" || event.key === "Right") : event.keyCode === KeyCodes.ARROW_RIGHT) && !hasModifierKeys(event);
 	const isUp = event => (event.key ? (event.key === "ArrowUp" || event.key === "Up") : event.keyCode === KeyCodes.ARROW_UP) && !hasModifierKeys(event);
@@ -137,6 +138,9 @@ sap.ui.define(['exports'], function (exports) { 'use strict';
 	const isTabPrevious = event => (event.key ? event.key === "Tab" : event.keyCode === KeyCodes.TAB) && checkModifierKeys(event,  false,  false,  true);
 	const isBackSpace = event => (event.key ? event.key === "Backspace" : event.keyCode === KeyCodes.BACKSPACE) && !hasModifierKeys(event);
 	const isDelete = event => (event.key ? event.key === "Delete" : event.keyCode === KeyCodes.DELETE) && !hasModifierKeys(event);
+	const isDeleteShift = event => (event.key ? event.key === "Delete" : event.keyCode === KeyCodes.DELETE) && checkModifierKeys(event, false, false, true);
+	const isInsertShift = event => (event.key ? event.key === "Insert" : event.keyCode === KeyCodes.DELETE) && checkModifierKeys(event, false, false, true);
+	const isInsertCtrl = event => (event.key ? event.key === "Insert" : event.keyCode === KeyCodes.DELETE) && checkModifierKeys(event, true, false, false);
 	const isPageUp = event => (event.key ? event.key === "PageUp" : event.keyCode === KeyCodes.PAGE_UP) && !hasModifierKeys(event);
 	const isPageDown = event => (event.key ? event.key === "PageDown" : event.keyCode === KeyCodes.PAGE_DOWN) && !hasModifierKeys(event);
 	const isPageUpShift = event => (event.key ? event.key === "PageUp" : event.keyCode === KeyCodes.PAGE_UP) && checkModifierKeys(event, false, false, true);
@@ -167,13 +171,16 @@ sap.ui.define(['exports'], function (exports) { 'use strict';
 	};
 	const isShift = event => event.key === "Shift" || event.keyCode === KeyCodes.SHIFT;
 	const isCtrlA = event => ((event.key === "A" || event.key === "a") || event.which === KeyCodes.A) && checkModifierKeys(event, true, false, false);
+	const isCtrlV = event => ((event.key === "V" || event.key === "v") || event.which === KeyCodes.V) && checkModifierKeys(event, true, false, false);
 	const hasModifierKeys = event => event.shiftKey || event.altKey || getCtrlKey(event);
 	const getCtrlKey = event => !!(event.metaKey || event.ctrlKey);
 	const checkModifierKeys = (event, bCtrlKey, bAltKey, bShiftKey) => event.shiftKey === bShiftKey && event.altKey === bAltKey && getCtrlKey(event) === bCtrlKey;
 
 	exports.isBackSpace = isBackSpace;
 	exports.isCtrlA = isCtrlA;
+	exports.isCtrlV = isCtrlV;
 	exports.isDelete = isDelete;
+	exports.isDeleteShift = isDeleteShift;
 	exports.isDown = isDown;
 	exports.isDownAlt = isDownAlt;
 	exports.isDownCtrl = isDownCtrl;
@@ -193,6 +200,8 @@ sap.ui.define(['exports'], function (exports) { 'use strict';
 	exports.isHome = isHome;
 	exports.isHomeCtrl = isHomeCtrl;
 	exports.isHomeShift = isHomeShift;
+	exports.isInsertCtrl = isInsertCtrl;
+	exports.isInsertShift = isInsertShift;
 	exports.isLeft = isLeft;
 	exports.isLeftCtrl = isLeftCtrl;
 	exports.isLeftShift = isLeftShift;
@@ -214,6 +223,7 @@ sap.ui.define(['exports'], function (exports) { 'use strict';
 	exports.isShift = isShift;
 	exports.isShow = isShow;
 	exports.isSpace = isSpace;
+	exports.isSpaceCtrl = isSpaceCtrl;
 	exports.isSpaceShift = isSpaceShift;
 	exports.isTabNext = isTabNext;
 	exports.isTabPrevious = isTabPrevious;

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

@@ -1,4 +1,4 @@
-sap.ui.define(['./StaticArea', './updateShadowRoot', './Render', './util/getEffectiveContentDensity', './CustomElementsScope', './locale/getEffectiveDir'], function (StaticArea, updateShadowRoot, Render, getEffectiveContentDensity, CustomElementsScope, getEffectiveDir) { 'use strict';
+sap.ui.define(['./StaticArea', './updateShadowRoot', './Render', './util/getEffectiveContentDensity', './CustomElementsScopeUtils', './locale/getEffectiveDir'], function (StaticArea, updateShadowRoot, Render, getEffectiveContentDensity, CustomElementsScopeUtils, getEffectiveDir) { 'use strict';
 
 	class StaticAreaItem extends HTMLElement {
 		constructor() {
@@ -48,7 +48,7 @@ sap.ui.define(['./StaticArea', './updateShadowRoot', './Render', './util/getEffe
 		}
 		static getTag() {
 			const pureTag = "ui5-static-area-item";
-			const suffix = CustomElementsScope.getEffectiveScopingSuffixForTag(pureTag);
+			const suffix = CustomElementsScopeUtils.getEffectiveScopingSuffixForTag(pureTag);
 			if (!suffix) {
 				return pureTag;
 			}

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

@@ -12,6 +12,7 @@ sap.ui.define(['./thirdparty/merge', './Boot', './UI5ElementMetadata', './EventP
 		Render.renderDeferred(this);
 		this._eventProvider.fireEvent("invalidate", { ...changeInfo, target: this });
 	}
+	let metadata = {};
 	class UI5Element extends HTMLElement {
 		constructor() {
 			super();
@@ -497,7 +498,10 @@ sap.ui.define(['./thirdparty/merge', './Boot', './UI5ElementMetadata', './EventP
 			}
 		}
 		static get metadata() {
-			return {};
+			return metadata;
+		}
+		static set metadata(newMetadata) {
+			metadata = newMetadata;
 		}
 		static get styles() {
 			return "";

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

@@ -1,4 +1,4 @@
-sap.ui.define(['./types/DataType', './util/isDescendantOf', './util/StringHelper', './util/SlotsHelper', './CustomElementsScope'], function (DataType, isDescendantOf, StringHelper, SlotsHelper, CustomElementsScope) { 'use strict';
+sap.ui.define(['./types/DataType', './util/isDescendantOf', './util/StringHelper', './util/SlotsHelper', './CustomElementsScopeUtils'], function (DataType, isDescendantOf, StringHelper, SlotsHelper, CustomElementsScopeUtils) { 'use strict';
 
 	class UI5ElementMetadata {
 		constructor(metadata) {
@@ -54,7 +54,7 @@ sap.ui.define(['./types/DataType', './util/isDescendantOf', './util/StringHelper
 		}
 		getTag() {
 			const pureTag = this.metadata.tag;
-			const suffix = CustomElementsScope.getEffectiveScopingSuffixForTag(pureTag);
+			const suffix = CustomElementsScopeUtils.getEffectiveScopingSuffixForTag(pureTag);
 			if (!suffix) {
 				return pureTag;
 			}
@@ -65,7 +65,7 @@ sap.ui.define(['./types/DataType', './util/isDescendantOf', './util/StringHelper
 			if (!pureAltTag) {
 				return;
 			}
-			const suffix = CustomElementsScope.getEffectiveScopingSuffixForTag(pureAltTag);
+			const suffix = CustomElementsScopeUtils.getEffectiveScopingSuffixForTag(pureAltTag);
 			if (!suffix) {
 				return pureAltTag;
 			}

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

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

package/src/sap/ui/webc/common/thirdparty/base/asset-registries/Icons.js

@@ -1,4 +1,4 @@
-sap.ui.define(['exports', '../getSharedResource', '../assets-meta/IconCollectionsAlias', '../config/Theme'], function (exports, getSharedResource, IconCollectionsAlias, Theme) { 'use strict';
+sap.ui.define(['exports', '../getSharedResource', '../assets-meta/IconCollectionsAlias', '../config/Icons'], function (exports, getSharedResource, IconCollectionsAlias, Icons) { 'use strict';
 
 	const loaders = new Map();
 	const registry = getSharedResource("SVGIcons.registry", new Map());
@@ -34,7 +34,7 @@ sap.ui.define(['exports', '../getSharedResource', '../assets-meta/IconCollection
 	};
 	const registerIcon = (name, { pathData, ltr, accData, collection, packageName } = {}) => {
 		if (!collection) {
-			collection = _getDefaultCollection();
+			collection = Icons.getEffectiveDefaultIconCollection();
 		}
 		const key = `${collection}/${name}`;
 		registry.set(key, {
@@ -50,7 +50,7 @@ sap.ui.define(['exports', '../getSharedResource', '../assets-meta/IconCollection
 		}
 		let collection;
 		[name, collection] = name.split("/").reverse();
-		collection = collection || _getDefaultCollection();
+		collection = collection || Icons.getEffectiveDefaultIconCollection();
 		collection = _normalizeCollection(collection);
 		name = name.replace("icon-", "");
 		const registryKey = `${collection}/${name}`;
@@ -82,9 +82,6 @@ sap.ui.define(['exports', '../getSharedResource', '../assets-meta/IconCollection
 		await getIconData("business-suite/3d");
 		return Array.from(registry.keys());
 	};
-	const _getDefaultCollection = () => {
-		return Theme.isTheme("sap_horizon") ? "SAP-icons-v5" : "SAP-icons";
-	};
 	const _normalizeCollection = collectionName => {
 		if (IconCollectionsAlias[collectionName]) {
 			return IconCollectionsAlias[collectionName];

package/src/sap/ui/webc/common/thirdparty/base/asset-registries/LocaleData.js

@@ -9,7 +9,6 @@ sap.ui.define(['exports', '../locale/languageChange', '../locale/getLocale', '..
 		"iw": "he",
 		"ji": "yi",
 		"in": "id",
-		"sh": "sr",
 	};
 	const _showAssetsWarningOnce = localeId => {
 		if (warningShown) {
@@ -32,6 +31,10 @@ sap.ui.define(['exports', '../locale/languageChange', '../locale/getLocale', '..
 				region = "TW";
 			}
 		}
+		if (language === "sh" || (language === "sr" && script === "Latn")) {
+			language = "sr";
+			region = "Latn";
+		}
 		let localeId = `${language}_${region}`;
 		if (AssetParameters.SUPPORTED_LOCALES.includes(localeId)) {
 			if (loaders.has(localeId)) {

package/src/sap/ui/webc/common/thirdparty/base/config/Icons.js

@@ -0,0 +1,28 @@
+sap.ui.define(['exports', './Theme'], function (exports, Theme) { 'use strict';
+
+	const IconCollectionConfiguration = new Map();
+	const setDefaultIconCollection = (theme, collectionName) => {
+		if (collectionName === "horizon") {
+			collectionName = "SAP-icons-v5";
+		}
+		IconCollectionConfiguration.set(theme, collectionName);
+	};
+	const getDefaultIconCollection = theme => {
+		return IconCollectionConfiguration.get(theme);
+	};
+	const getEffectiveDefaultIconCollection = () => {
+		const currentTheme = Theme.getTheme();
+		const currentThemeConfiguration = IconCollectionConfiguration.get(currentTheme);
+		if (currentThemeConfiguration) {
+			return currentThemeConfiguration;
+		}
+		return Theme.isThemeFamily("sap_horizon") ? "SAP-icons-v5" : "SAP-icons";
+	};
+
+	exports.getDefaultIconCollection = getDefaultIconCollection;
+	exports.getEffectiveDefaultIconCollection = getEffectiveDefaultIconCollection;
+	exports.setDefaultIconCollection = setDefaultIconCollection;
+
+	Object.defineProperty(exports, '__esModule', { value: true });
+
+});

package/src/sap/ui/webc/common/thirdparty/base/config/Theme.js

@@ -19,9 +19,13 @@ sap.ui.define(['exports', '../InitialConfiguration', '../Render', '../theming/ap
 		const currentTheme = getTheme();
 		return currentTheme === _theme || currentTheme === `${_theme}_exp`;
 	};
+	const isThemeFamily = _theme => {
+		return getTheme().startsWith(_theme);
+	};
 
 	exports.getTheme = getTheme;
 	exports.isTheme = isTheme;
+	exports.isThemeFamily = isThemeFamily;
 	exports.setTheme = setTheme;
 
 	Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -0,0 +1,76 @@
+.busy-indicator-wrapper {
+    position: relative;
+    height: 100%;
+    width: 100%;
+}
+
+.busy-indicator-overlay {
+    display: var(--ui5_web_components_busy_indicator_display);
+    position: absolute;
+    inset: 0;
+    background: var(--ui5_web_components_busy_indicator_background-color);
+    z-index: 99;
+}
+
+.busy-indicator-busy-area {
+    display: var(--ui5_web_components_busy_indicator_display);
+    position: absolute;
+    z-index: 99;
+    inset: 0;
+    justify-content: center;
+    align-items: center;
+    background-color: inherit;
+    flex-direction: column;
+    color: var(--_ui5_busy_indicator_color);
+}
+
+:host([__is-busy]) .busy-indicator-wrapper > :not(.busy-indicator-busy-area):not(.busy-indicator-overlay):not([busy-indicator-before-span]) {
+    --ui5_web_components_busy_indicator_display: none;
+}
+
+.busy-indicator-busy-area:focus {
+    outline: var(--_ui5_busy_indicator_focus_outline);
+    outline-offset: -.125rem;
+}
+
+.busy-indicator-circle {
+    width: 1rem;
+    height: 1rem;
+    display: inline-block;
+    background-color: currentColor;
+    border-radius: 50%;
+}
+
+.circle-animation-0 {
+    animation: grow 1.6s infinite cubic-bezier(0.32, 0.06, 0.85, 1.11);
+}
+
+.circle-animation-1 {
+    animation: grow 1.6s infinite cubic-bezier(0.32, 0.06, 0.85, 1.11);
+    animation-delay: 200ms;
+}
+
+.circle-animation-2 {
+    animation: grow 1.6s infinite cubic-bezier(0.32, 0.06, 0.85, 1.11);
+    animation-delay: 400ms;
+}
+
+.sapUiLocalBusy {
+	--ui5_web_components_busy_indicator_display: none;
+}
+
+@keyframes grow {
+    0%, 50%, 100% {
+        -webkit-transform: scale(0.5);
+        -moz-transform: scale(0.5);
+        -ms-transform: scale(0.5);
+        transform: scale(0.5);
+    }
+
+    25% {
+        -webkit-transform: scale(1);
+        -moz-transform: scale(1);
+        -ms-transform: scale(1);
+        transform: scale(1);
+    }
+}

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

@@ -35,6 +35,36 @@
     url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff?ui5-webcomponents) format("woff");
 }
 
+@font-face {
+    font-family: '72-Bold';
+    font-style: normal;
+    src: local('72-Bold'),
+    url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff2?ui5-webcomponents) format("woff2"),
+    url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold.woff?ui5-webcomponents) format("woff");
+}
+
+@font-face {
+    font-family: '72-Boldfull';
+    font-style: normal;
+    src: url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff2?ui5-webcomponents) format("woff2"),
+         url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Bold-full.woff?ui5-webcomponents) format("woff");
+}
+
+@font-face {
+    font-family: '72-Light';
+    font-style: normal;
+    src: local('72-Light'),
+        url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light.woff2?ui5-webcomponents) format("woff2"),
+        url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light.woff?ui5-webcomponents) format("woff");
+}
+
+@font-face {
+    font-family: '72-Lightfull';
+    font-style: normal;
+    src: url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light-full.woff2?ui5-webcomponents) format("woff2"),
+    url(https://ui5.sap.com/sdk/resources/sap/ui/core/themes/sap_fiori_3/fonts/72-Light-full.woff?ui5-webcomponents) format("woff");
+}
+
 @font-face {
     font-family: "72Black";
     font-style: bold;

package/src/sap/ui/webc/common/thirdparty/base/features/F6Navigation.js

@@ -11,6 +11,7 @@ sap.ui.define(['../FeaturesRegistry', '../Keys', '../util/FocusableElements'], f
 			document.addEventListener("keydown", this.keydownHandler);
 		}
 		async _keydownHandler(event) {
+			event.preventDefault();
 			if (Keys.isF6Next(event)) {
 				this.updateGroups();
 				if (this.groups.length < 1) {

package/src/sap/ui/webc/common/thirdparty/base/features/OpenUI5Enablement.js

@@ -0,0 +1,99 @@
+sap.ui.define(['../FeaturesRegistry', '../generated/css/BusyIndicator.css', '../thirdparty/merge', '../Keys'], function (FeaturesRegistry, BusyIndicator_css, merge, Keys) { 'use strict';
+
+	const busyIndicatorMetadata = {
+		properties: {
+			__isBusy: {
+				type: Boolean,
+			},
+		},
+	};
+	const getBusyIndicatorStyles = () => {
+		return BusyIndicator_css;
+	};
+	const wrapTemplateResultInBusyMarkup = (html, host, templateResult) => {
+		if (host.isOpenUI5Component && host.__isBusy) {
+			templateResult = html`
+		<div class="busy-indicator-wrapper">
+			<span tabindex="0" busy-indicator-before-span @focusin=${host.__suppressFocusIn}></span>
+			${templateResult}
+			<div class="busy-indicator-overlay"></div>
+			<div busy-indicator
+				class="busy-indicator-busy-area"
+				tabindex="0"
+				role="progressbar"
+				@keydown=${host.__suppressFocusBack}
+				aria-valuemin="0"
+				aria-valuemax="100"
+				aria-valuetext="Busy">
+				<div>
+					<div class="busy-indicator-circle circle-animation-0"></div>
+					<div class="busy-indicator-circle circle-animation-1"></div>
+					<div class="busy-indicator-circle circle-animation-2"></div>
+				</div>
+			</div>
+		</div>`;
+		}
+		return templateResult;
+	};
+	const enrichBusyIndicatorMetadata = UI5Element => {
+		UI5Element.metadata = merge(UI5Element.metadata, busyIndicatorMetadata);
+	};
+	const enrichBusyIndicatorMethods = UI5ElementPrototype => {
+		Object.defineProperties(UI5ElementPrototype, {
+			"__redirectFocus": { value: true, writable: true },
+			"__suppressFocusBack": {
+				get() {
+					const that = this;
+					return {
+						handleEvent: e => {
+							if (Keys.isTabPrevious(e)) {
+								const beforeElem = that.shadowRoot.querySelector("[busy-indicator-before-span]");
+								that.__redirectFocus = false;
+								beforeElem.focus();
+								that.__redirectFocus = true;
+							}
+						},
+						capture: true,
+						passive: false,
+					};
+				},
+			},
+			"isOpenUI5Component": { get: () => { return true; } },
+		});
+		UI5ElementPrototype.__suppressFocusIn = function handleFocusIn() {
+			const busyIndicator = this.shadowRoot.querySelector("[busy-indicator]");
+			if (busyIndicator && this.__redirectFocus) {
+				busyIndicator.focus();
+			}
+		};
+		UI5ElementPrototype.getDomRef = function getDomRef() {
+			if (typeof this._getRealDomRef === "function") {
+				return this._getRealDomRef();
+			}
+			if (!this.shadowRoot || this.shadowRoot.children.length === 0) {
+				return;
+			}
+			const children = [...this.shadowRoot.children].filter(child => !["link", "style"].includes(child.localName));
+			if (children.length !== 1) {
+				console.warn(`The shadow DOM for ${this.constructor.getMetadata().getTag()} does not have a top level element, the getDomRef() method might not work as expected`);
+			}
+			if (this.__isBusy) {
+				return children[0].querySelector(".busy-indicator-wrapper > :not([busy-indicator-before-span]):not(.busy-indicator-overlay):not(.busy-indicator-busy-area)");
+			}
+			return children[0];
+		};
+	};
+	const enrichBusyIndicatorSettings = UI5Element => {
+		enrichBusyIndicatorMetadata(UI5Element);
+		enrichBusyIndicatorMethods(UI5Element.prototype);
+	};
+	const OpenUI5Enablement = {
+		enrichBusyIndicatorSettings,
+		wrapTemplateResultInBusyMarkup,
+		getBusyIndicatorStyles,
+	};
+	FeaturesRegistry.registerFeature("OpenUI5Enablement", OpenUI5Enablement);
+
+	return OpenUI5Enablement;
+
+});

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

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

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

@@ -1,13 +1,13 @@
 sap.ui.define(function () { 'use strict';
 
 	const VersionInfo = {
-		version: "1.1.2",
+		version: "1.3.1",
 		major: 1,
-		minor: 1,
-		patch: 2,
+		minor: 3,
+		patch: 1,
 		suffix: "",
 		isNext: false,
-		buildTime: 1644236777,
+		buildTime: 1651645333,
 	};
 
 	return VersionInfo;

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

@@ -0,0 +1,11 @@
+sap.ui.define(function () { 'use strict';
+
+	var BusyIndicatorStyles = {
+		packageName: "@ui5/webcomponents-base",
+		fileName: "BusyIndicator.css",
+		content: `.busy-indicator-wrapper{position:relative;height:100%;width:100%}.busy-indicator-overlay{display:var(--ui5_web_components_busy_indicator_display);position:absolute;inset:0;background:var(--ui5_web_components_busy_indicator_background-color);z-index:99}.busy-indicator-busy-area{display:var(--ui5_web_components_busy_indicator_display);position:absolute;z-index:99;inset:0;justify-content:center;align-items:center;background-color:inherit;flex-direction:column;color:var(--_ui5_busy_indicator_color)}:host([__is-busy]) .busy-indicator-wrapper>:not(.busy-indicator-busy-area):not(.busy-indicator-overlay):not([busy-indicator-before-span]){--ui5_web_components_busy_indicator_display:none}.busy-indicator-busy-area:focus{outline:var(--_ui5_busy_indicator_focus_outline);outline-offset:-.125rem}.busy-indicator-circle{width:1rem;height:1rem;display:inline-block;background-color:currentColor;border-radius:50%}.circle-animation-0{animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11)}.circle-animation-1{animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11);animation-delay:.2s}.circle-animation-2{animation:grow 1.6s infinite cubic-bezier(.32,.06,.85,1.11);animation-delay:.4s}.sapUiLocalBusy{--ui5_web_components_busy_indicator_display:none}@keyframes grow{0%,100%,50%{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}25%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}`
+	};
+
+	return BusyIndicatorStyles;
+
+});

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

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