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

package/THIRDPARTY.txt

@@ -400,7 +400,7 @@ Contained in: src/sap.ui.mdc/test/sap/ui/mdc/sample/field/filterfieldwithoperato
 
 Library: sap.ui.webc.common:
 
-Component: UI5 Web Components, version: 1.0.0-rc.12
+Component: UI5 Web Components, version: 1.1.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -411,7 +411,7 @@ Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/base/*.*
 	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-tnt/*.*
 	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-business-suite/*.*
 
-Component: lit-html, version: 1.4.1
+Component: lit-html, version: 2.0.1
 Copyright: Google LLC
 License: BSD-3-Clause
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
@@ -420,7 +420,7 @@ Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/lit-html/
 
 Library: sap.ui.webc.fiori:
 
-Component: UI5 Web Components, version: 1.0.0-rc.12
+Component: UI5 Web Components, version: 1.1.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -429,7 +429,7 @@ Contained in: src/sap.ui.webc.fiori/src/sap/ui/webc/fiori/thirdparty/*.*
 
 Library: sap.ui.webc.main:
 
-Component: UI5 Web Components, version: 1.0.0-rc.12
+Component: UI5 Web Components, version: 1.1.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.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.39
 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.main",
-  "version": "1.99.1",
+  "version": "1.102.0",
   "description": "OpenUI5 UI Library sap.ui.webc.main",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -16,7 +16,7 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.ui.core": "1.99.1",
-    "@openui5/sap.ui.webc.common": "1.99.1"
+    "@openui5/sap.ui.core": "1.102.0",
+    "@openui5/sap.ui.webc.common": "1.102.0"
   }
 }

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

@@ -3,7 +3,7 @@
 
 	<name>sap.ui.webc.main</name>
 	<vendor>SAP SE</vendor>
-	<version>1.99.1</version>
+	<version>1.102.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>
@@ -29,13 +29,17 @@
 			<exclude name="sap.ui.webc.main.thirdparty."/>
 		</jscoverage>
 		<!-- Thirdparty references -->
-    	<thirdparty xmlns="http://www.sap.com/ui5/buildext/thirdparty" >
-    		<lib name="ui5-web-components" displayName="UI5 Web Components" version="1.0.0-rc.12" homepage="https://sap.github.io/ui5-webcomponents/">
-    			<license url="https://github.com/SAP/ui5-webcomponents/blob/master/LICENSE.txt" type="Apache-2.0"></license>
-    			<copyright>SAP</copyright>
-    			<pattern>sap/ui/webc/main/thirdparty/*.*</pattern>
-    		</lib>
-    	</thirdparty>
+		<thirdparty xmlns="http://www.sap.com/ui5/buildext/thirdparty" >
+			<lib name="ui5-web-components" displayName="UI5 Web Components" version="1.1.2" homepage="https://sap.github.io/ui5-webcomponents/">
+				<license url="https://github.com/SAP/ui5-webcomponents/blob/master/LICENSE.txt" type="Apache-2.0"></license>
+				<copyright>SAP</copyright>
+				<pattern>sap/ui/webc/main/thirdparty/*.*</pattern>
+			</lib>
+		</thirdparty>
+
+		<documentation xmlns="http://www.sap.com/ui5/buildext/documentation"
+			indexUrl="../../../../../test-resources/sap/ui/webc/main/demokit/docuindex.json"
+			resolve="lib" />
 
 		<releasenotes xmlns="http://www.sap.com/ui5/buildext/releasenotes"
 						url="../../../../../test-resources/sap/ui/webc/main/relnotes/changes-{major}.{minor}.json"

package/src/sap/ui/webc/main/Avatar.js

@@ -43,7 +43,7 @@ sap.ui.define([
 	 * <br>
 	 *
 	 * @author SAP SE
-	 * @version 1.99.1
+	 * @version 1.102.0
 	 *
 	 * @constructor
 	 * @public
@@ -156,7 +156,7 @@ sap.ui.define([
 					defaultValue: AvatarSize.S
 				}
 			},
-			defaultAggregation: "content",
+			defaultAggregation: "image",
 			aggregations: {
 
 				/**
@@ -164,10 +164,19 @@ sap.ui.define([
 				 *
 				 * <b>Note:</b> If you experience flickering of the provided image, you can hide the component until it is being defined with the following CSS: <br /> <br /> <code> ui5-avatar:not(:defined) { <br /> visibility: hidden; <br /> } <br /> </code>
 				 */
-				content: {
+				image: {
 					type: "sap.ui.core.Control",
 					multiple: false
 				}
+			},
+			events: {
+
+				/**
+				 * Fired when the user clicks the control
+				 */
+				click: {
+					parameters: {}
+				}
 			}
 		}
 	});

package/src/sap/ui/webc/main/AvatarGroup.js

@@ -73,7 +73,7 @@ sap.ui.define([
 	 * </ul> <br>
 	 *
 	 * @author SAP SE
-	 * @version 1.99.1
+	 * @version 1.102.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/Badge.js

@@ -33,7 +33,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.99.1
+	 * @version 1.102.0
 	 *
 	 * @constructor
 	 * @public
@@ -77,7 +77,8 @@ sap.ui.define([
 					multiple: false,
 					slot: "icon"
 				}
-			}
+			},
+			designtime: "sap/ui/webc/main/designtime/Badge.designtime"
 		}
 	});
 

package/src/sap/ui/webc/main/Breadcrumbs.js

@@ -45,7 +45,7 @@ sap.ui.define([
 	 * </ul> <br>
 	 *
 	 * @author SAP SE
-	 * @version 1.99.1
+	 * @version 1.102.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/BreadcrumbsItem.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * The <code>sap.ui.webc.main.BreadcrumbsItem</code> component defines the content of an item in <code>ui5-breadcumbs</code>.
 	 *
 	 * @author SAP SE
-	 * @version 1.99.1
+	 * @version 1.102.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/BusyIndicator.js

@@ -46,7 +46,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.99.1
+	 * @version 1.102.0
 	 *
 	 * @constructor
 	 * @public
@@ -81,8 +81,8 @@ sap.ui.define([
 				 * Defines whether the control will be rendered as a block or inline HTML element
 				 */
 				display: {
-					type: "sap.ui.core.CSSSize",
-					defaultValue: null,
+					type: "string",
+					defaultValue: "inline-block",
 					mapping: "style"
 				},
 
@@ -118,7 +118,6 @@ sap.ui.define([
 				 */
 				width: {
 					type: "sap.ui.core.CSSSize",
-					defaultValue: null,
 					mapping: "style"
 				}
 			},
@@ -132,7 +131,8 @@ sap.ui.define([
 					type: "sap.ui.core.Control",
 					multiple: true
 				}
-			}
+			},
+			designtime: "sap/ui/webc/main/designtime/BusyIndicator.designtime"
 		}
 	});
 

package/src/sap/ui/webc/main/Button.js

@@ -8,9 +8,10 @@
 sap.ui.define([
 	"sap/ui/webc/common/WebComponent",
 	"./library",
+	"sap/ui/core/EnabledPropagator",
 	"sap/ui/core/library",
 	"./thirdparty/Button"
-], function(WebComponent, library, coreLibrary) {
+], function(WebComponent, library, EnabledPropagator, coreLibrary) {
 	"use strict";
 
 	var TextDirection = coreLibrary.TextDirection;
@@ -46,14 +47,14 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.99.1
+	 * @version 1.102.0
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.92.0
 	 * @experimental Since 1.92.0 This control is experimental and its API might change significantly.
 	 * @alias sap.ui.webc.main.Button
-	 * @implements sap.ui.webc.main.IButton
+	 * @implements sap.ui.webc.main.IButton, sap.ui.core.IFormContent
 	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var Button = WebComponent.extend("sap.ui.webc.main.Button", {
@@ -61,7 +62,8 @@ sap.ui.define([
 			library: "sap.ui.webc.main",
 			tag: "ui5-button-ui5",
 			interfaces: [
-				"sap.ui.webc.main.IButton"
+				"sap.ui.webc.main.IButton",
+				"sap.ui.core.IFormContent"
 			],
 			properties: {
 
@@ -76,7 +78,7 @@ sap.ui.define([
 				 *         <ul>
 				 *             <li><code>true</code></li>
 				 *             <li><code>false</code></li>
-				 *             <ul>
+				 *         </ul>
 				 *     </li>
 				 *     <li><code>hasPopup</code>: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button. Accepts the following string values:
 				 *         <ul>
@@ -96,7 +98,7 @@ sap.ui.define([
 				},
 
 				/**
-				 * Sets the accessible aria name of the component.
+				 * Defines the accessible aria name of the component.
 				 */
 				accessibleName: {
 					type: "string"
@@ -125,11 +127,16 @@ sap.ui.define([
 				},
 
 				/**
-				 * Defines whether the component is disabled. A disabled component can't be pressed or focused, and it is not in the tab chain.
+				 * Defines whether the control is enabled. A disabled control can't be interacted with, and it is not in the tab chain.
 				 */
-				disabled: {
+				enabled: {
 					type: "boolean",
-					defaultValue: false
+					defaultValue: true,
+					mapping: {
+						type: "attribute",
+						to: "disabled",
+						formatter: "_mapEnabled"
+					}
 				},
 
 				/**
@@ -187,7 +194,6 @@ sap.ui.define([
 				 */
 				width: {
 					type: "sap.ui.core.CSSSize",
-					defaultValue: null,
 					mapping: "style"
 				}
 			},
@@ -216,10 +222,13 @@ sap.ui.define([
 				click: {
 					parameters: {}
 				}
-			}
+			},
+			designtime: "sap/ui/webc/main/designtime/Button.designtime"
 		}
 	});
 
+	EnabledPropagator.call(Button.prototype);
+
 	/* CUSTOM CODE START */
 	/* CUSTOM CODE END */
 

package/src/sap/ui/webc/main/Calendar.js

@@ -94,7 +94,7 @@ sap.ui.define([
 	 * <code> &lt;script data-id="sap-ui-config" type="application/json"&gt; { "calendarType": "Japanese" } &lt;/script&gt; </code>
 	 *
 	 * @author SAP SE
-	 * @version 1.99.1
+	 * @version 1.102.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/CalendarDate.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * The <code>sap.ui.webc.main.CalendarDate</code> component defines a calendar date to be used inside <code>sap.ui.webc.main.Calendar</code>
 	 *
 	 * @author SAP SE
-	 * @version 1.99.1
+	 * @version 1.102.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/Card.js

@@ -32,7 +32,7 @@ sap.ui.define([
 	 * <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
 	 *
 	 * @author SAP SE
-	 * @version 1.99.1
+	 * @version 1.102.0
 	 *
 	 * @constructor
 	 * @public
@@ -60,7 +60,6 @@ sap.ui.define([
 				 */
 				height: {
 					type: "sap.ui.core.CSSSize",
-					defaultValue: null,
 					mapping: "style"
 				},
 
@@ -69,7 +68,6 @@ sap.ui.define([
 				 */
 				width: {
 					type: "sap.ui.core.CSSSize",
-					defaultValue: null,
 					mapping: "style"
 				}
 			},
@@ -109,7 +107,8 @@ sap.ui.define([
 						formatter: "_getAriaLabelledByForRendering"
 					}
 				}
-			}
+			},
+			designtime: "sap/ui/webc/main/designtime/Card.designtime"
 		}
 	});
 

package/src/sap/ui/webc/main/CardHeader.js

@@ -38,7 +38,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.99.1
+	 * @version 1.102.0
 	 *
 	 * @constructor
 	 * @public
@@ -62,9 +62,7 @@ sap.ui.define([
 				},
 
 				/**
-				 * Defines the status text. <br>
-				 * <br>
-				 * <b>Note:</b> If the <code>action</code> slot is set, the <code>status</code> will not be displayed, you can either have <code>action</code>, or <code>status</code>.
+				 * Defines the status text.
 				 */
 				status: {
 					type: "string",
@@ -90,9 +88,7 @@ sap.ui.define([
 			aggregations: {
 
 				/**
-				 * Defines an action, displayed in the right most part of the header. <br>
-				 * <br>
-				 * <b>Note:</b> If set, the <code>status</code> text will not be displayed, you can either have <code>action</code>, or <code>status</code>.
+				 * Defines an action, displayed in the right most part of the header.
 				 */
 				action: {
 					type: "sap.ui.core.Control",

package/src/sap/ui/webc/main/Carousel.js

@@ -61,7 +61,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.99.1
+	 * @version 1.102.0
 	 *
 	 * @constructor
 	 * @public
@@ -169,7 +169,8 @@ sap.ui.define([
 					}
 				}
 			},
-			methods: ["navigateTo"]
+			methods: ["navigateTo"],
+			designtime: "sap/ui/webc/main/designtime/Carousel.designtime"
 		}
 	});
 

package/src/sap/ui/webc/main/CheckBox.js

@@ -8,9 +8,11 @@
 sap.ui.define([
 	"sap/ui/webc/common/WebComponent",
 	"./library",
+	"sap/ui/core/EnabledPropagator",
 	"sap/ui/core/library",
-	"./thirdparty/CheckBox"
-], function(WebComponent, library, coreLibrary) {
+	"./thirdparty/CheckBox",
+	"./thirdparty/features/InputElementsFormSupport"
+], function(WebComponent, library, EnabledPropagator, coreLibrary) {
 	"use strict";
 
 	var ValueState = coreLibrary.ValueState;
@@ -50,7 +52,7 @@ sap.ui.define([
 	 * <br>
 	 *
 	 * @author SAP SE
-	 * @version 1.99.1
+	 * @version 1.102.0
 	 *
 	 * @constructor
 	 * @public
@@ -70,7 +72,7 @@ sap.ui.define([
 			properties: {
 
 				/**
-				 * Sets the accessible aria name of the component.
+				 * Defines the accessible aria name of the component.
 				 */
 				accessibleName: {
 					type: "string",
@@ -88,13 +90,16 @@ sap.ui.define([
 				},
 
 				/**
-				 * Defines whether the component is disabled. <br>
-				 * <br>
-				 * <b>Note:</b> A disabled component is completely noninteractive.
+				 * Defines whether the control is enabled. A disabled control can't be interacted with, and it is not in the tab chain.
 				 */
-				disabled: {
+				enabled: {
 					type: "boolean",
-					defaultValue: false
+					defaultValue: true,
+					mapping: {
+						type: "attribute",
+						to: "disabled",
+						formatter: "_mapEnabled"
+					}
 				},
 
 				/**
@@ -135,6 +140,14 @@ sap.ui.define([
 					defaultValue: false
 				},
 
+				/**
+				 * Defines whether the component is required.
+				 */
+				required: {
+					type: "boolean",
+					defaultValue: false
+				},
+
 				/**
 				 * Defines the text of the component.
 				 */
@@ -169,7 +182,6 @@ sap.ui.define([
 				 */
 				width: {
 					type: "sap.ui.core.CSSSize",
-					defaultValue: null,
 					mapping: "style"
 				},
 
@@ -214,6 +226,8 @@ sap.ui.define([
 		}
 	});
 
+	EnabledPropagator.call(CheckBox.prototype);
+
 	/* CUSTOM CODE START */
 
 	/**

package/src/sap/ui/webc/main/ColorPalette.js

@@ -8,7 +8,8 @@
 sap.ui.define([
 	"sap/ui/webc/common/WebComponent",
 	"./library",
-	"./thirdparty/ColorPalette"
+	"./thirdparty/ColorPalette",
+	"./thirdparty/features/ColorPaletteMoreColors"
 ], function(WebComponent, library) {
 	"use strict";
 
@@ -28,7 +29,7 @@ sap.ui.define([
 	 * The <code>sap.ui.webc.main.ColorPalette</code> is meant for users that need to select a color from a predefined set. To define the colors, use the <code>sap.ui.webc.main.ColorPaletteItem</code> component inside the default slot of the <code>sap.ui.webc.main.ColorPalette</code>.
 	 *
 	 * @author SAP SE
-	 * @version 1.99.1
+	 * @version 1.102.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/ColorPaletteItem.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * The <code>sap.ui.webc.main.ColorPaletteItem</code> component represents a color in the the <code>sap.ui.webc.main.ColorPalette</code>.
 	 *
 	 * @author SAP SE
-	 * @version 1.99.1
+	 * @version 1.102.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/ColorPalettePopover.js

@@ -8,7 +8,8 @@
 sap.ui.define([
 	"sap/ui/webc/common/WebComponent",
 	"./library",
-	"./thirdparty/ColorPalettePopover"
+	"./thirdparty/ColorPalettePopover",
+	"./thirdparty/features/ColorPaletteMoreColors"
 ], function(WebComponent, library) {
 	"use strict";
 
@@ -32,7 +33,7 @@ sap.ui.define([
 	 * The palette is intended for users, who don't want to check and remember the different values of the colors and spend large amount of time to configure the right color through the color picker.
 	 *
 	 * @author SAP SE
-	 * @version 1.99.1
+	 * @version 1.102.0
 	 *
 	 * @constructor
 	 * @public
@@ -78,14 +79,14 @@ sap.ui.define([
 					defaultValue: false
 				}
 			},
-			defaultAggregation: "content",
+			defaultAggregation: "colors",
 			aggregations: {
 
 				/**
 				 * Defines the content of the component.
 				 */
-				content: {
-					type: "sap.ui.core.Control",
+				colors: {
+					type: "sap.ui.webc.main.IColorPaletteItem",
 					multiple: true
 				}
 			},

package/src/sap/ui/webc/main/ColorPicker.js

@@ -35,7 +35,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.99.1
+	 * @version 1.102.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/ComboBox.js

@@ -8,9 +8,10 @@
 sap.ui.define([
 	"sap/ui/webc/common/WebComponent",
 	"./library",
+	"sap/ui/core/EnabledPropagator",
 	"sap/ui/core/library",
 	"./thirdparty/ComboBox"
-], function(WebComponent, library, coreLibrary) {
+], function(WebComponent, library, EnabledPropagator, coreLibrary) {
 	"use strict";
 
 	var ValueState = coreLibrary.ValueState;
@@ -56,36 +57,43 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.99.1
+	 * @version 1.102.0
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.92.0
 	 * @experimental Since 1.92.0 This control is experimental and its API might change significantly.
 	 * @alias sap.ui.webc.main.ComboBox
+	 * @implements sap.ui.core.IFormContent
 	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	var ComboBox = WebComponent.extend("sap.ui.webc.main.ComboBox", {
 		metadata: {
 			library: "sap.ui.webc.main",
 			tag: "ui5-combobox-ui5",
+			interfaces: [
+				"sap.ui.core.IFormContent"
+			],
 			properties: {
 
 				/**
-				 * Sets the accessible aria name of the component.
+				 * Defines the accessible aria name of the component.
 				 */
 				accessibleName: {
 					type: "string"
 				},
 
 				/**
-				 * Defines whether the component is in disabled state. <br>
-				 * <br>
-				 * <b>Note:</b> A disabled component is completely noninteractive.
+				 * Defines whether the control is enabled. A disabled control can't be interacted with, and it is not in the tab chain.
 				 */
-				disabled: {
+				enabled: {
 					type: "boolean",
-					defaultValue: false
+					defaultValue: true,
+					mapping: {
+						type: "attribute",
+						to: "disabled",
+						formatter: "_mapEnabled"
+					}
 				},
 
 				/**
@@ -177,7 +185,6 @@ sap.ui.define([
 				 */
 				width: {
 					type: "sap.ui.core.CSSSize",
-					defaultValue: null,
 					mapping: "style"
 				}
 			},
@@ -251,6 +258,8 @@ sap.ui.define([
 		}
 	});
 
+	EnabledPropagator.call(ComboBox.prototype);
+
 	/* CUSTOM CODE START */
 	/* CUSTOM CODE END */
 

package/src/sap/ui/webc/main/ComboBoxGroupItem.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * The <code>ui5-combobox-group-item</code> is type of suggestion item, that can be used to split the <code>sap.ui.webc.main.ComboBox</code> suggestions into groups.
 	 *
 	 * @author SAP SE
-	 * @version 1.99.1
+	 * @version 1.102.0
 	 *
 	 * @constructor
 	 * @public