@openui5/sap.ui.webc.common 1.99.0 → 1.100.0

package/THIRDPARTY.txt

@@ -197,7 +197,7 @@ License: BSD-3-Clause
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/sinon-qunit.js
 
-Component: URI.js, version: 1.19.7
+Component: URI.js, version: 1.19.10
 Copyright: Rodney Rehm
 License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
@@ -450,7 +450,7 @@ License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: lib/jsdoc/ui5/plugin.js
 
-Component: SAP Theming Base Content, version: 11.1.34
+Component: SAP Theming Base Content, version: 11.1.36-SNAPSHOT
 Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.ui.webc.common",
-  "version": "1.99.0",
+  "version": "1.100.0",
   "description": "OpenUI5 UI Library sap.ui.webc.common",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -16,6 +16,6 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.ui.core": "1.99.0"
+    "@openui5/sap.ui.core": "1.100.0"
   }
 }

package/src/sap/ui/webc/common/.library

@@ -3,7 +3,7 @@
 
 	<name>sap.ui.webc.common</name>
 	<vendor>SAP SE</vendor>
-	<version>1.99.0</version>
+	<version>1.100.0</version>
 	<copyright>OpenUI5
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>

package/src/sap/ui/webc/common/WebComponent.js

@@ -106,7 +106,7 @@ sap.ui.define([
 		 *
 		 * @extends sap.ui.core.Control
 		 * @author SAP SE
-		 * @version 1.99.0
+		 * @version 1.100.0
 		 * @public
 		 * @since 1.92.0
 		 * @alias sap.ui.webc.common.WebComponent
@@ -146,7 +146,8 @@ sap.ui.define([
 		 * @private
 		 */
 		WebComponent.prototype._setSlot = function(oElement, sAggregationName) {
-			if (oElement) {
+			var aDenyList = ["tooltip", "customData", "layoutData", "dependents", "dragDropConfig"];
+			if (oElement && !aDenyList.includes(sAggregationName)) {
 				var sSlot = this.getMetadata().getAggregationSlot(sAggregationName);
 				oElement.__slot = sSlot;
 			}
@@ -274,6 +275,10 @@ sap.ui.define([
 		WebComponent.prototype.__updateObjectProperties = function(oDomRef) {
 			var oAttrProperties = this.getMetadata().getPropertiesByMapping("attribute");
 			for (var sPropName in oAttrProperties) {
+				if (this.isPropertyInitial(sPropName)) {
+					continue; // do not set properties that were not explicitly set/bound
+				}
+
 				var oPropData = oAttrProperties[sPropName];
 				var vPropValue = oPropData.get(this);
 
@@ -381,6 +386,15 @@ sap.ui.define([
 			return Control.prototype.destroy.call(this, arguments);
 		};
 
+		/**
+		 * Maps the "enabled" property to the "disabled" attribute
+		 * @param bEnabled
+		 * @returns {boolean}
+		 * @private
+		 */
+		WebComponent.prototype._mapEnabled = function(bEnabled) {
+			return !bEnabled;
+		};
 
 		/**
 		 * Maps the "textDirection" property to the "dir" attribute

package/src/sap/ui/webc/common/WebComponentMetadata.js

@@ -6,10 +6,11 @@
 
 // Provides class sap.ui.webc.common.WebComponentMetadata
 sap.ui.define([
-		'sap/ui/core/ElementMetadata',
-		'./WebComponentRenderer'
+		"sap/ui/core/ElementMetadata",
+		"./WebComponentRenderer",
+		"sap/base/strings/camelize"
 	],
-	function(ElementMetadata, WebComponentRenderer) {
+	function(ElementMetadata, WebComponentRenderer, camelize) {
 		"use strict";
 
 		var MAPPING_TYPES = ["attribute", "style", "textContent", "slot", "none"];
@@ -22,7 +23,7 @@ sap.ui.define([
 		 *
 		 * @class
 		 * @author SAP SE
-		 * @version 1.99.0
+		 * @version 1.100.0
 		 * @since 1.92.0
 		 * @experimental Since 1.92.0 The API might change. It is not intended for productive usage yet!
 		 * @alias sap.ui.webc.common.WebComponentMetadata
@@ -156,6 +157,35 @@ sap.ui.define([
 			return oAggregation ? oAggregation._sSlot : undefined;
 		};
 
+		/**
+		 * Determines whether the attribute corresponds to a managed property
+		 * @param sAttr the attribute's name
+		 * @returns {boolean}
+		 */
+		WebComponentMetadata.prototype.isManagedAttribute = function(sAttr) {
+			var mProperties = this.getAllProperties();
+			for (var propName in mProperties) {
+				if (mProperties.hasOwnProperty(propName)) {
+					var propData = mProperties[propName];
+					if (propData._sMapping === "attribute" && (propData._sMapTo === sAttr || camelize(sAttr) === propName)) {
+						return true;
+					}
+				}
+			}
+
+			var mAssociations = this.getAllAssociations();
+			for (var sAssocName in mAssociations) {
+				if (mAssociations.hasOwnProperty(sAssocName)) {
+					var oAssocData = mAssociations[sAssocName];
+					if (oAssocData._sMapping === "property" && oAssocData._sMapTo === camelize(sAttr)) {
+						return true;
+					}
+				}
+			}
+
+			return false;
+		};
+
 		/**
 		 * Returns a map, containing all properties of a certain mapping type
 		 * @param sMapping

package/src/sap/ui/webc/common/WebComponentRenderer.js

@@ -8,10 +8,9 @@
 sap.ui.define([
 		"sap/ui/core/Element",
 		"sap/ui/core/Control",
-		"sap/base/strings/hyphenate",
-		"sap/base/strings/camelize"
+		"sap/base/strings/hyphenate"
 	],
-	function(Element, Control, hyphenate, camelize) {
+	function(Element, Control, hyphenate) {
 		"use strict";
 
 		/**
@@ -40,6 +39,8 @@ sap.ui.define([
 			this.renderStyleProperties(oRm, oWebComponent);
 			// Properties, managed by associations
 			this.renderAssociationProperties(oRm, oWebComponent);
+			// Tooltip aggregation
+			this.renderTooltipAggregation(oRm, oWebComponent);
 			// Hook for customization
 			this.customRenderInOpeningTag(oRm, oWebComponent);
 			// Attributes/Styles that the component sets internally
@@ -71,6 +72,10 @@ sap.ui.define([
 		WebComponentRenderer.renderAttributeProperties = function(oRm, oWebComponent) {
 			var oAttrProperties = oWebComponent.getMetadata().getPropertiesByMapping("attribute");
 			for (var sPropName in oAttrProperties) {
+				if (oWebComponent.isPropertyInitial(sPropName)) {
+					continue; // do not set attributes for properties that were not explicitly set or bound
+				}
+
 				var oPropData = oAttrProperties[sPropName];
 				var vPropValue = oPropData.get(oWebComponent);
 				if (oPropData.type === "object" || typeof vPropValue === "object") {
@@ -108,15 +113,14 @@ sap.ui.define([
 			}
 
 			var aAttributes = oDomRef.getAttributeNames();
-			var mProperties = oWebComponent.getMetadata().getAllProperties();
 			var aSkipList = ["id", "data-sap-ui", "style", "class"];
 			aAttributes.forEach(function(sAttr) {
 				if (aSkipList.indexOf(sAttr) !== -1) {
 					return; // Skip attributes, set by the framework
 				}
-				var sProp = camelize(sAttr);
-				if (mProperties[sProp] !== undefined) {
-					return; // Skip managed attributes/properties
+
+				if (oWebComponent.getMetadata().isManagedAttribute(sAttr)) {
+					return;
 				}
 
 				var sValue = oDomRef.getAttribute(sAttr); // Repeat the value from DOM
@@ -193,7 +197,7 @@ sap.ui.define([
 			for (var sAssocName in oAssociations) {
 				var oAssocData = oAssociations[sAssocName];
 				var vAssocValue = oAssocData.get(oWebComponent);
-				var sPropName = hyphenate(oAssocData._sMapTo); // The name of the property to be set with the association's ID value
+				var sAttrName = hyphenate(oAssocData._sMapTo); // The name of the attribute to be set with the association's ID value
 				if (oAssocData._fnMappingFormatter) {
 					vAssocValue = oWebComponent[oAssocData._fnMappingFormatter].call(oWebComponent, vAssocValue);
 				}
@@ -203,11 +207,24 @@ sap.ui.define([
 				}
 
 				if (vAssocValue) { // Only set the property, if the association is set
-					oRm.attr(sPropName, vAssocValue);
+					oRm.attr(sAttrName, vAssocValue);
 				}
 			}
 		};
 
+		/**
+		 * Transforms the tooltip aggregation to a tooltip attribute - components that support this attribute will use it
+		 * @private
+		 * @param oRm
+		 * @param oWebComponent
+		 */
+		WebComponentRenderer.renderTooltipAggregation = function(oRm, oWebComponent) {
+			var sTooltipText = oWebComponent.getTooltip_Text();
+			if (sTooltipText) {
+				oRm.attr("tooltip", sTooltipText);
+			}
+		};
+
 		/**
 		 * Renders text inside the component, if it has a property of type textContent
 		 * Normally a single property of this type is expected (such as button text), but if more than one are set, they are all rendered

package/src/sap/ui/webc/common/library.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	// delegate further initialization of this library to the Core
 	sap.ui.getCore().initLibrary({
 		name : "sap.ui.webc.common",
-		version: "1.99.0",
+		version: "1.100.0",
 		dependencies : ["sap.ui.core"],
 		noLibraryCSS: true,
 		designtime: "sap/ui/webc/common/designtime/library.designtime",
@@ -46,7 +46,7 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.ui.webc
 	 * @author SAP SE
-	 * @version 1.99.0
+	 * @version 1.100.0
 	 * @public
 	 * @since 1.92.0
 	 * @experimental Since 1.92.0
@@ -58,7 +58,7 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.ui.webc.common
 	 * @author SAP SE
-	 * @version 1.99.0
+	 * @version 1.100.0
 	 * @public
 	 * @since 1.92.0
 	 * @experimental Since 1.92.0

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

@@ -1,9 +1,9 @@
-sap.ui.define(['exports', './EventProvider', './util/whenDOMReady', './FontFace', './SystemCSSVars', './config/Theme', './theming/applyTheme', './Runtimes', './FeaturesRegistry'], function (exports, EventProvider, whenDOMReady, FontFace, SystemCSSVars, Theme, applyTheme, Runtimes, FeaturesRegistry) { 'use strict';
+sap.ui.define(['exports', './util/whenDOMReady', './FontFace', './SystemCSSVars', './config/Theme', './theming/applyTheme', './Runtimes', './FeaturesRegistry'], function (exports, whenDOMReady, FontFace, SystemCSSVars, Theme, applyTheme, Runtimes, FeaturesRegistry) { 'use strict';
 
 	let bootPromise;
-	const eventProvider = new EventProvider();
-	const attachBoot = listener => {
-		eventProvider.attachEvent("boot", listener);
+	const attachBoot = async listener => {
+		await boot();
+		listener();
 	};
 	const boot = async () => {
 		if (bootPromise) {
@@ -23,7 +23,6 @@ sap.ui.define(['exports', './EventProvider', './util/whenDOMReady', './FontFace'
 			OpenUI5Support && OpenUI5Support.attachListeners();
 			FontFace();
 			SystemCSSVars();
-			await eventProvider.fireEventAsync("boot");
 			resolve();
 		});
 		return bootPromise;

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

@@ -7,7 +7,7 @@ sap.ui.define(function () { 'use strict';
 		patch: 2,
 		suffix: "",
 		isNext: false,
-		buildTime: 1644236777,
+		buildTime: 1646033932,
 	};
 
 	return VersionInfo;

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

@@ -1,4 +1,4 @@
-sap.ui.define(['exports', '../style-map-3e5a195d', 'sap/ui/webc/common/thirdparty/lit-html/static', 'sap/ui/webc/common/thirdparty/lit-html/directives/repeat', 'sap/ui/webc/common/thirdparty/lit-html/directives/class-map', 'sap/ui/webc/common/thirdparty/lit-html/directives/if-defined', 'sap/ui/webc/common/thirdparty/lit-html/directives/unsafe-html'], function (exports, styleMap, _static, repeat, classMap, ifDefined, unsafeHtml) { 'use strict';
+sap.ui.define(['exports', '../_chunks/style-map', 'sap/ui/webc/common/thirdparty/lit-html/static', 'sap/ui/webc/common/thirdparty/lit-html/directives/repeat', 'sap/ui/webc/common/thirdparty/lit-html/directives/class-map', 'sap/ui/webc/common/thirdparty/lit-html/directives/if-defined', 'sap/ui/webc/common/thirdparty/lit-html/directives/unsafe-html'], function (exports, styleMap, _static, repeat, classMap, ifDefined, unsafeHtml) { 'use strict';
 
 	const litRender = (templateResult, domNode, styleStrOrHrefsArr, { host } = {}) => {
 		if (typeof styleStrOrHrefsArr === "string") {

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

@@ -1,4 +1,4 @@
-sap.ui.define(['exports', '../../style-map-3e5a195d', 'sap/ui/webc/common/thirdparty/lit-html/directive'], function (exports, styleMap, directive) { 'use strict';
+sap.ui.define(['exports', '../../_chunks/style-map', 'sap/ui/webc/common/thirdparty/lit-html/directive'], function (exports, styleMap, directive) { 'use strict';
 
 
 

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

@@ -2,16 +2,18 @@ sap.ui.define(['../types/InvisibleMessageMode', './getSingletonElementInstance',
 
 	let politeSpan;
 	let assertiveSpan;
+	const setOutOfViewportStyles = el => {
+		el.style.position = "absolute";
+		el.style.clip = "rect(1px,1px,1px,1px)";
+		el.style.userSelect = "none";
+		el.style.left = "-1000px";
+		el.style.top = "-1000px";
+		el.style.pointerEvents = "none";
+	};
 	Boot.attachBoot(() => {
 		if (politeSpan && assertiveSpan) {
 			return;
 		}
-		const styles = `position: absolute;
-	clip: rect(1px,1px,1px,1px);
-	user-select: none;
-	left: -1000px;
-	top: -1000px;
-	pointer-events: none;`;
 		politeSpan = document.createElement("span");
 		assertiveSpan = document.createElement("span");
 		politeSpan.classList.add("ui5-invisiblemessage-polite");
@@ -20,8 +22,8 @@ sap.ui.define(['../types/InvisibleMessageMode', './getSingletonElementInstance',
 		assertiveSpan.setAttribute("aria-live", "assertive");
 		politeSpan.setAttribute("role", "alert");
 		assertiveSpan.setAttribute("role", "alert");
-		politeSpan.style.cssText = styles;
-		assertiveSpan.style.cssText = styles;
+		setOutOfViewportStyles(politeSpan);
+		setOutOfViewportStyles(assertiveSpan);
 		getSingletonElementInstance("ui5-static-area").appendChild(politeSpan);
 		getSingletonElementInstance("ui5-static-area").appendChild(assertiveSpan);
 	});