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

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

@@ -1,4 +1,4 @@
-sap.ui.define(['./thirdparty/merge', './Boot', './UI5ElementMetadata', './EventProvider', './util/getSingletonElementInstance', './StaticAreaItem', './updateShadowRoot', './Render', './CustomElementsRegistry', './DOMObserver', './config/NoConflict', './locale/getEffectiveDir', './types/Integer', './types/Float', './util/StringHelper', './util/isValidPropertyName', './util/SlotsHelper', './util/arraysAreEqual', './util/getClassCopy', './locale/RTLAwareRegistry', './isLegacyBrowser'], function (merge, Boot, UI5ElementMetadata, EventProvider, getSingletonElementInstance, StaticAreaItem, updateShadowRoot, Render, CustomElementsRegistry, DOMObserver, NoConflict, getEffectiveDir, Integer, Float, StringHelper, isValidPropertyName, SlotsHelper, arraysAreEqual, getClassCopy, RTLAwareRegistry, isLegacyBrowser) { 'use strict';
+sap.ui.define(['./thirdparty/merge', './Boot', './UI5ElementMetadata', './EventProvider', './util/getSingletonElementInstance', './StaticAreaItem', './updateShadowRoot', './Render', './CustomElementsRegistry', './DOMObserver', './config/NoConflict', './locale/getEffectiveDir', './types/DataType', './util/StringHelper', './util/isValidPropertyName', './util/isDescendantOf', './util/SlotsHelper', './util/arraysAreEqual', './util/getClassCopy', './locale/RTLAwareRegistry', './isLegacyBrowser'], function (merge, Boot, UI5ElementMetadata, EventProvider, getSingletonElementInstance, StaticAreaItem, updateShadowRoot, Render, CustomElementsRegistry, DOMObserver, NoConflict, getEffectiveDir, DataType, StringHelper, isValidPropertyName, isDescendantOf, SlotsHelper, arraysAreEqual, getClassCopy, RTLAwareRegistry, isLegacyBrowser) { 'use strict';
 
 	let autoId = 0;
 	const elementTimeouts = new Map();
@@ -10,7 +10,7 @@ sap.ui.define(['./thirdparty/merge', './Boot', './UI5ElementMetadata', './EventP
 		this.onInvalidation(changeInfo);
 		this._changedState.push(changeInfo);
 		Render.renderDeferred(this);
-		this._eventProvider.fireEvent("change", { ...changeInfo, target: this });
+		this._eventProvider.fireEvent("invalidate", { ...changeInfo, target: this });
 	}
 	class UI5Element extends HTMLElement {
 		constructor() {
@@ -41,16 +41,12 @@ sap.ui.define(['./thirdparty/merge', './Boot', './UI5ElementMetadata', './EventP
 		}
 		async connectedCallback() {
 			this.setAttribute(this.constructor.getMetadata().getPureTag(), "");
-			const needsShadowDOM = this.constructor._needsShadowDOM();
 			const slotsAreManaged = this.constructor.getMetadata().slotsAreManaged();
 			this._inDOM = true;
 			if (slotsAreManaged) {
 				this._startObservingDOMChildren();
 				await this._processChildren();
 			}
-			if (needsShadowDOM && !this.shadowRoot) {
-				await Promise.resolve();
-			}
 			if (!this._inDOM) {
 				return;
 			}
@@ -62,19 +58,16 @@ sap.ui.define(['./thirdparty/merge', './Boot', './UI5ElementMetadata', './EventP
 			}
 		}
 		disconnectedCallback() {
-			const needsShadowDOM = this.constructor._needsShadowDOM();
 			const slotsAreManaged = this.constructor.getMetadata().slotsAreManaged();
 			this._inDOM = false;
 			if (slotsAreManaged) {
 				this._stopObservingDOMChildren();
 			}
-			if (needsShadowDOM) {
-				if (this._fullyConnected) {
-					if (typeof this.onExitDOM === "function") {
-						this.onExitDOM();
-					}
-					this._fullyConnected = false;
+			if (this._fullyConnected) {
+				if (typeof this.onExitDOM === "function") {
+					this.onExitDOM();
 				}
+				this._fullyConnected = false;
 			}
 			if (this.staticAreaItem && this.staticAreaItem.parentElement) {
 				this.staticAreaItem.parentElement.removeChild(this.staticAreaItem);
@@ -149,7 +142,7 @@ sap.ui.define(['./thirdparty/merge', './Boot', './UI5ElementMetadata', './EventP
 				}
 				child = this.constructor.getMetadata().constructor.validateSlotValue(child, slotData);
 				if (child.isUI5Element && slotData.invalidateOnChildChange) {
-					child._attachChange(this._getChildChangeListener(slotName));
+					child.attachInvalidate(this._getChildChangeListener(slotName));
 				}
 				if (SlotsHelper.isSlot(child)) {
 					this._attachSlotChange(child, slotName);
@@ -190,7 +183,7 @@ sap.ui.define(['./thirdparty/merge', './Boot', './UI5ElementMetadata', './EventP
 			const children = this._state[propertyName];
 			children.forEach(child => {
 				if (child && child.isUI5Element) {
-					child._detachChange(this._getChildChangeListener(slotName));
+					child.detachInvalidate(this._getChildChangeListener(slotName));
 				}
 				if (SlotsHelper.isSlot(child)) {
 					this._detachSlotChange(child, slotName);
@@ -198,11 +191,11 @@ sap.ui.define(['./thirdparty/merge', './Boot', './UI5ElementMetadata', './EventP
 			});
 			this._state[propertyName] = [];
 		}
-		_attachChange(callback) {
-			this._eventProvider.attachEvent("change", callback);
+		attachInvalidate(callback) {
+			this._eventProvider.attachEvent("invalidate", callback);
 		}
-		_detachChange(callback) {
-			this._eventProvider.detachEvent("change", callback);
+		detachInvalidate(callback) {
+			this._eventProvider.detachEvent("invalidate", callback);
 		}
 		_onChildChange(slotName, childChangeInfo) {
 			if (!this.constructor.getMetadata().shouldInvalidateOnChildChange(slotName, childChangeInfo.type, childChangeInfo.name)) {
@@ -223,12 +216,8 @@ sap.ui.define(['./thirdparty/merge', './Boot', './UI5ElementMetadata', './EventP
 				const propertyTypeClass = properties[nameInCamelCase].type;
 				if (propertyTypeClass === Boolean) {
 					newValue = newValue !== null;
-				}
-				if (propertyTypeClass === Integer) {
-					newValue = parseInt(newValue);
-				}
-				if (propertyTypeClass === Float) {
-					newValue = parseFloat(newValue);
+				} else if (isDescendantOf(propertyTypeClass, DataType)) {
+					newValue = propertyTypeClass.attributeToProperty(newValue);
 				}
 				this[nameInCamelCase] = newValue;
 			}
@@ -237,19 +226,22 @@ sap.ui.define(['./thirdparty/merge', './Boot', './UI5ElementMetadata', './EventP
 			if (!this.constructor.getMetadata().hasAttribute(name)) {
 				return;
 			}
-			if (typeof newValue === "object") {
-				return;
-			}
+			const properties = this.constructor.getMetadata().getProperties();
+			const propertyTypeClass = properties[name].type;
 			const attrName = StringHelper.camelToKebabCase(name);
 			const attrValue = this.getAttribute(attrName);
-			if (typeof newValue === "boolean") {
+			if (propertyTypeClass === Boolean) {
 				if (newValue === true && attrValue === null) {
 					this.setAttribute(attrName, "");
 				} else if (newValue === false && attrValue !== null) {
 					this.removeAttribute(attrName);
 				}
-			} else if (attrValue !== newValue) {
-				this.setAttribute(attrName, newValue);
+			} else if (isDescendantOf(propertyTypeClass, DataType)) {
+				this.setAttribute(attrName, propertyTypeClass.propertyToAttribute(newValue));
+			} else if (typeof newValue !== "object") {
+				if (attrValue !== newValue) {
+					this.setAttribute(attrName, newValue);
+				}
 			}
 		}
 		_upgradeProperty(prop) {
@@ -465,6 +457,8 @@ sap.ui.define(['./thirdparty/merge', './Boot', './UI5ElementMetadata', './EventP
 						const oldState = this._state[prop];
 						if (propData.multiple && propData.compareValues) {
 							isDifferent = !arraysAreEqual(oldState, value);
+						} else if (isDescendantOf(propData.type, DataType)) {
+							isDifferent = !propData.type.valuesAreEqual(oldState, value);
 						} else {
 							isDifferent = oldState !== value;
 						}

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

@@ -73,7 +73,7 @@ sap.ui.define(['./types/DataType', './util/isDescendantOf', './util/StringHelper
 		}
 		hasAttribute(propName) {
 			const propData = this.getProperties()[propName];
-			return propData.type !== Object && !propData.noAttribute;
+			return propData.type !== Object && !propData.noAttribute && !propData.multiple;
 		}
 		getPropertiesList() {
 			return Object.keys(this.getProperties());

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

@@ -55,6 +55,10 @@ sap.ui.define(['exports', '../getSharedResource'], function (exports, getSharedR
 		if (collection === "SAP-icons-TNT") {
 			collection = "tnt";
 		}
+		if (collection === "BusinessSuiteInAppSymbols") {
+			collection = "business-suite";
+			name = name.replace("icon-", "");
+		}
 		const registryKey = `${collection}/${name}`;
 		return { name, collection, registryKey };
 	};
@@ -81,6 +85,7 @@ sap.ui.define(['exports', '../getSharedResource'], function (exports, getSharedR
 	const _getRegisteredNames = async () => {
 		await getIconData("edit");
 		await getIconData("tnt/arrow");
+		await getIconData("business-suite/3d");
 		return Array.from(registry.keys());
 	};
 

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

@@ -0,0 +1,23 @@
+sap.ui.define(['exports', '../getSharedResource'], function (exports, getSharedResource) { 'use strict';
+
+	const registry = getSharedResource("SVGIllustration.registry", new Map());
+	const ILLUSTRATION_NOT_FOUND = "ILLUSTRATION_NOT_FOUND";
+	const registerIllustration = (name, { dialogSvg, sceneSvg, spotSvg, title, subtitle } = {}) => {
+		registry.set(name, {
+			dialogSvg,
+			sceneSvg,
+			spotSvg,
+			title,
+			subtitle,
+		});
+	};
+	const getIllustrationDataSync = nameProp => {
+		return registry.get(nameProp) || ILLUSTRATION_NOT_FOUND;
+	};
+
+	exports.getIllustrationDataSync = getIllustrationDataSync;
+	exports.registerIllustration = registerIllustration;
+
+	Object.defineProperty(exports, '__esModule', { value: true });
+
+});

package/src/sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation.js

@@ -25,6 +25,7 @@ sap.ui.define(['../Keys', '../util/getActiveElement', '../types/NavigationMode',
 			this._behavior = options.behavior || ItemNavigationBehavior.Static;
 			this._navigationMode = options.navigationMode || NavigationMode.Auto;
 			this._affectedPropertiesNames = options.affectedPropertiesNames || [];
+			this._skipItemsSize = options.skipItemsSize || null;
 		}
 		setCurrentItem(current) {
 			const currentItemIndex = this._getItems().indexOf(current);
@@ -61,6 +62,10 @@ sap.ui.define(['../Keys', '../util/getActiveElement', '../types/NavigationMode',
 				this._handleHome();
 			} else if (Keys.isEnd(event)) {
 				this._handleEnd();
+			} else if (Keys.isPageUp(event)) {
+				this._handlePageUp();
+			} else if (Keys.isPageDown(event)) {
+				this._handlePageDown();
 			} else {
 				return;
 			}
@@ -129,6 +134,39 @@ sap.ui.define(['../Keys', '../util/getActiveElement', '../types/NavigationMode',
 			const homeEndRange = this._rowSize > 1 ? this._rowSize : this._getItems().length;
 			this._currentIndex += (homeEndRange - 1 - this._currentIndex % homeEndRange);
 		}
+		_handlePageUp() {
+			if (this._rowSize > 1) {
+				return;
+			}
+			this._handlePageUpFlat();
+		}
+		_handlePageDown() {
+			if (this._rowSize > 1) {
+				return;
+			}
+			this._handlePageDownFlat();
+		}
+		_handlePageUpFlat() {
+			if (this._skipItemsSize === null) {
+				this._currentIndex -= this._currentIndex;
+			}
+			if (this._currentIndex + 1 > this._skipItemsSize) {
+				this._currentIndex -= this._skipItemsSize;
+			} else {
+				this._currentIndex -= this._currentIndex;
+			}
+		}
+		_handlePageDownFlat() {
+			if (this._skipItemsSize === null) {
+				this._currentIndex = this._getItems().length - 1;
+			}
+			const currentToEndRange = this._getItems().length - this._currentIndex - 1;
+			if (currentToEndRange > this._skipItemsSize) {
+				this._currentIndex += this._skipItemsSize;
+			} else {
+				this._currentIndex = this._getItems().length - 1;
+			}
+		}
 		_applyTabIndex() {
 			const items = this._getItems();
 			for (let i = 0; i < items.length; i++) {

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

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

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

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

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

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

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

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

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

@@ -3,6 +3,15 @@ sap.ui.define(function () { 'use strict';
 	class DataType {
 		static isValid(value) {
 		}
+		static attributeToProperty(attributeValue) {
+			return attributeValue;
+		}
+		static propertyToAttribute(propertyValue) {
+			return `${propertyValue}`;
+		}
+		static valuesAreEqual(value1, value2) {
+			return value1 === value2;
+		}
 		static generateTypeAccessors(types) {
 			Object.keys(types).forEach(type => {
 				Object.defineProperty(this, type, {

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

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

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

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

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

@@ -10,7 +10,7 @@ sap.ui.define(['./renderer/executeTemplate', './theming/getConstructableStyle',
 		} else if (!isLegacyBrowser()) {
 			styleToPrepend = getEffectiveStyle(element.constructor, forStaticArea);
 		}
-		element.constructor.render(renderResult, shadowRoot, styleToPrepend, { eventContext: element });
+		element.constructor.render(renderResult, shadowRoot, styleToPrepend, { host: element });
 	};
 
 	return updateShadowRoot;