@openui5/sap.ui.webc.main 1.98.0 → 1.101.0

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

@@ -44,7 +44,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @public
@@ -74,7 +74,6 @@ sap.ui.define([
 				 */
 				height: {
 					type: "sap.ui.core.CSSSize",
-					defaultValue: null,
 					mapping: "style"
 				},
 
@@ -113,7 +112,6 @@ sap.ui.define([
 				 */
 				width: {
 					type: "sap.ui.core.CSSSize",
-					defaultValue: null,
 					mapping: "style"
 				}
 			},
@@ -128,5 +126,8 @@ sap.ui.define([
 	 * @function
 	 */
 
+	/* CUSTOM CODE START */
+	/* CUSTOM CODE END */
+
 	return Toast;
 });

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

@@ -8,8 +8,9 @@
 sap.ui.define([
 	"sap/ui/webc/common/WebComponent",
 	"./library",
+	"sap/ui/core/EnabledPropagator",
 	"./thirdparty/ToggleButton"
-], function(WebComponent, library) {
+], function(WebComponent, library, EnabledPropagator) {
 	"use strict";
 
 	var ButtonDesign = library.ButtonDesign;
@@ -30,7 +31,7 @@ sap.ui.define([
 	 * Clicking or tapping on a <code>sap.ui.webc.main.ToggleButton</code> changes its state to <code>pressed</code>. The button returns to its initial state when the user clicks or taps on it again. By applying additional custom CSS-styling classes, apps can give a different style to any <code>sap.ui.webc.main.ToggleButton</code>.
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @public
@@ -46,7 +47,37 @@ sap.ui.define([
 			properties: {
 
 				/**
-				 * Sets the accessible aria name of the component.
+				 * An object of strings that defines several additional accessibility attribute values for customization depending on the use case.
+				 *
+				 * It supports the following fields:
+				 *
+				 *
+				 * <ul>
+				 *     <li><code>expanded</code>: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values:
+				 *         <ul>
+				 *             <li><code>true</code></li>
+				 *             <li><code>false</code></li>
+				 *         </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>
+				 *             <li><code>Dialog</code></li>
+				 *             <li><code>Grid</code></li>
+				 *             <li><code>ListBox</code></li>
+				 *             <li><code>Menu</code></li>
+				 *             <li><code>Tree</code></li>
+				 *         </ul>
+				 *     </li>
+				 *     <li><code>controls</code>: Identifies the element (or elements) whose contents or presence are controlled by the button element. Accepts a string value.</li>
+				 * </ul>
+				 */
+				accessibilityAttributes: {
+					type: "object",
+					defaultValue: {}
+				},
+
+				/**
+				 * Defines the accessible aria name of the component.
 				 */
 				accessibleName: {
 					type: "string"
@@ -75,11 +106,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"
+					}
 				},
 
 				/**
@@ -132,10 +168,24 @@ sap.ui.define([
 				 */
 				width: {
 					type: "sap.ui.core.CSSSize",
-					defaultValue: null,
 					mapping: "style"
 				}
 			},
+			associations: {
+
+				/**
+				 * Receives id(or many ids) of the controls that label this control.
+				 */
+				ariaLabelledBy: {
+					type: "sap.ui.core.Control",
+					multiple: true,
+					mapping: {
+						type: "property",
+						to: "accessibleNameRef",
+						formatter: "_getAriaLabelledByForRendering"
+					}
+				}
+			},
 			events: {
 
 				/**
@@ -150,5 +200,10 @@ sap.ui.define([
 		}
 	});
 
+	EnabledPropagator.call(ToggleButton.prototype);
+
+	/* CUSTOM CODE START */
+	/* CUSTOM CODE END */
+
 	return ToggleButton;
 });

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

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * Tokens are small items of information (similar to tags) that mainly serve to visualize previously selected items.
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @public
@@ -92,5 +92,8 @@ sap.ui.define([
 		}
 	});
 
+	/* CUSTOM CODE START */
+	/* CUSTOM CODE END */
+
 	return Token;
 });

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

@@ -57,7 +57,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @public
@@ -95,7 +95,6 @@ sap.ui.define([
 				 */
 				height: {
 					type: "sap.ui.core.CSSSize",
-					defaultValue: null,
 					mapping: "style"
 				},
 
@@ -134,7 +133,6 @@ sap.ui.define([
 				 */
 				width: {
 					type: "sap.ui.core.CSSSize",
-					defaultValue: null,
 					mapping: "style"
 				}
 			},
@@ -168,6 +166,7 @@ sap.ui.define([
 				 * Fired when a tree item is activated.
 				 */
 				itemClick: {
+					allowPreventDefault: true,
 					parameters: {
 						/**
 						 * The clicked item.
@@ -270,5 +269,8 @@ sap.ui.define([
 	 * @function
 	 */
 
+	/* CUSTOM CODE START */
+	/* CUSTOM CODE END */
+
 	return Tree;
 });

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

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * <h3>Usage</h3> <code>sap.ui.webc.main.TreeItem</code> is an abstract element, representing a node in a <code>sap.ui.webc.main.Tree</code>. The tree itself is rendered as a list, and each <code>sap.ui.webc.main.TreeItem</code> is represented by a list item(<code>sap.ui.webc.main.TreeListItem</code>) in that list. Therefore, you should only use <code>sap.ui.webc.main.TreeItem</code> directly in your apps. The <code>sap.ui.webc.main.TreeListItem</code> list item is internal for the list, and not intended for public use.
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @public
@@ -89,6 +89,22 @@ sap.ui.define([
 					defaultValue: ""
 				},
 
+				/**
+				 * Defines whether the selection of a tree node is displayed as partially selected. <br>
+				 * <br>
+				 * <b>Note:</b> The indeterminate state can be set only programatically and can’t be achieved by user interaction, meaning that the resulting visual state depends on the values of the <code>indeterminate</code> and <code>selected</code> properties:
+				 * <ul>
+				 *     <li> If a tree node has both <code>selected</code> and <code>indeterminate</code> set to <code>true</code>, it is displayed as partially selected.
+				 *     <li> If a tree node has <code>selected</code> set to <code>true</code> and <code>indeterminate</code> set to <code>false</code>, it is displayed as selected.
+				 *     <li> If a tree node has <code>selected</code> set to <code>false</code>, it is displayed as not selected regardless of the value of the <code>indeterminate</code> property.
+				 * </ul> <br>
+				 * <b>Note:</b> This property takes effect only when the <code>sap.ui.webc.main.Tree</code> is in <code>MultiSelect</code> mode.
+				 */
+				indeterminate: {
+					type: "boolean",
+					defaultValue: false
+				},
+
 				/**
 				 * Defines whether the tree node is selected by the user. Only has effect if the <code>sap.ui.webc.main.Tree</code> is in one of the following modes: in <code>SingleSelect</code>, <code>SingleSelectBegin</code>, <code>SingleSelectEnd</code> and <code>MultiSelect</code>.
 				 */
@@ -127,5 +143,8 @@ sap.ui.define([
 	 * @function
 	 */
 
+	/* CUSTOM CODE START */
+	/* CUSTOM CODE END */
+
 	return TreeItem;
 });

package/src/sap/ui/webc/main/changeHandler/ChangeLinkTarget.js

@@ -0,0 +1,75 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define(function () {
+	"use strict";
+
+	/**
+	 * Change handler for changing sap.ui.webc.main.Link target
+	 *
+	 * @alias sap.ui.webc.main.changeHandler.ChangeLinkTarget
+	 * @author SAP SE
+	 * @version 1.101.0
+	 */
+	var ChangeLinkTarget = {};
+
+	/**
+	 * Changes sap.ui.webc.main.Link target property
+	 *
+	 * @param {sap.ui.fl.Change} oChange - Change wrapper object with instructions to be applied on the control map
+	 * @param {sap.ui.webc.main.Link} oControl - Link which target should be changed
+	 * @param {object} mPropertyBag - Map of properties
+	 * @param {object} mPropertyBag.modifier - Modifier for the controls
+	 * @return {Promise} Promise resolving when change was successfully applied
+	 *
+	 * @public
+	 */
+	ChangeLinkTarget.applyChange = function(oChange, oControl, mPropertyBag) {
+		var oModifier = mPropertyBag.modifier;
+		var oChangeDefinition = oChange.getDefinition();
+		var sTarget = oChangeDefinition.content;
+		return Promise.resolve()
+			.then(oModifier.getProperty.bind(oModifier, oControl, "target"))
+			.then(function(oProperty) {
+				var oRevertData = {
+					target: oProperty
+				};
+				oModifier.setProperty(oControl, "target", sTarget);
+				oChange.setRevertData(oRevertData);
+			});
+	};
+
+	/**
+	 * Reverts applied change.
+	 *
+	 * @param {sap.ui.fl.Change} oChange - Change wrapper object with instructions to be applied on the control map
+	 * @param {sap.ui.webc.main.Link} oControl - Link that matches the change selector for reverting the change
+	 * @param {object} mPropertyBag - Property bag containing the modifier and the view
+	 * @param {object} mPropertyBag.modifier - Modifier for the controls
+	 * @public
+	 */
+	ChangeLinkTarget.revertChange = function(oChange, oControl, mPropertyBag) {
+		var oModifier = mPropertyBag.modifier;
+		var oRevertData = oChange.getRevertData();
+		var sTarget = oRevertData.target;
+		oModifier.setProperty(oControl, "target", sTarget);
+	};
+
+	/**
+	 * Completes the change by adding change handler specific content.
+	 *
+	 * @param {sap.ui.fl.Change} oChange - Change wrapper object to be completed
+	 * @param {object} oSpecificChangeInfo - Specific info object
+	 * @param {object} mPropertyBag - Map of properties
+	 * @param {object} mPropertyBag.modifier - Modifier for the controls
+	 *
+	 * @public
+	 */
+	ChangeLinkTarget.completeChangeContent = function(oChange, oSpecificChangeInfo, mPropertyBag) {};
+
+
+	return ChangeLinkTarget;
+});

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

@@ -0,0 +1,46 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+// Provides the Design Time Metadata for the sap.ui.webc.main.Button
+sap.ui.define([],
+	function () {
+		"use strict";
+
+		return {
+			actions: {
+				remove: {
+					changeType: "hideControl"
+				},
+				rename: function () {
+					return {
+						changeType: "rename",
+						domRef: function (oControl) {
+							return oControl.getDomRef().getDomRef().querySelector("span>bdi");
+						},
+						getTextMutators: function (oControl) {
+							return {
+								getText: function () {
+									return oControl.getDomRef().textContent;
+								},
+								setText: function (sNewText) {
+									oControl.getDomRef().textContent = sNewText;
+								}
+							};
+						},
+						isEnabled: function (oControl) {
+							return oControl.getText().length > 0;
+						},
+						validators: [
+							"noEmptyText"
+						]
+					};
+				},
+				reveal: {
+					changeType: "unhideControl"
+				}
+			}
+		};
+	});

package/src/sap/ui/webc/main/designtime/DatePicker.designtime.js

@@ -0,0 +1,26 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+// Provides the Design Time Metadata for the sap.ui.webc.main.DatePicker control
+sap.ui.define([],
+	function () {
+		"use strict";
+
+		return {
+			name: {
+				singular: "DATEPICKER_NAME",
+				plural: "DATEPICKER_NAME_PLURAL"
+			},
+			actions: {
+				remove: {
+					changeType: "hideControl"
+				},
+				reveal: {
+					changeType: "unhideControl"
+				}
+			}
+		};
+	});

package/src/sap/ui/webc/main/designtime/DateTimePicker.designtime.js

@@ -0,0 +1,26 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+// Provides the Design Time Metadata for the sap.m.DateTimePicker control
+sap.ui.define([],
+	function() {
+		"use strict";
+
+		return {
+			name: {
+				singular: "DATETIMEPICKER_NAME",
+				plural: "DATETIMEPICKER_NAME_PLURAL"
+			},
+			actions: {
+				remove: {
+					changeType: "hideControl"
+				},
+				reveal: {
+					changeType: "unhideControl"
+				}
+			}
+		};
+	});

package/src/sap/ui/webc/main/designtime/Input.designtime.js

@@ -0,0 +1,26 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+// Provides the Design Time Metadata for the sap.ui.webc.main.Input control
+sap.ui.define([],
+	function () {
+		"use strict";
+
+		return {
+			name: {
+				singular: "INPUT_NAME",
+				plural: "INPUT_NAME_PLURAL"
+			},
+			actions: {
+				remove: {
+					changeType: "hideControl"
+				},
+				reveal: {
+					changeType: "unhideControl"
+				}
+			}
+		};
+	});

package/src/sap/ui/webc/main/designtime/Link.designtime.js

@@ -0,0 +1,96 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+// Provides the Design Time Metadata for the sap.ui.webc.main.Link
+sap.ui.define([
+		"sap/ui/model/json/JSONModel",
+		"sap/ui/core/Core",
+		"sap/ui/core/Fragment"
+	],
+	function (JSONModel, Core, Fragment) {
+		"use strict";
+		var oSelectTargetDialog = function(oControl, mPropertyBag) {
+			var oTextResources = Core.getLibraryResourceBundle("sap.ui.webc.main.designtime");
+			return new Promise(function(fnResolve) {
+
+				var data = {
+					selectedKey : oControl.getTarget(),
+					titleText : oTextResources.getText("LINK_DIALOG_TITLE_CHANGE_TARGET"),
+					cancelBtn : oTextResources.getText("LINK_DIALOG_CANCEL_BTN"),
+					okBtn : oTextResources.getText("LINK_DIALOG_OK_BTN")
+				};
+				var oModel = new JSONModel();
+				oModel.setData(data);
+
+				Fragment.load({
+					name: "sap.m.designtime.LinkTargetSelectDialog",
+					controller: this
+				}).then(function (oDialog) {
+					oDialog.setModel(oModel);
+
+					oDialog.getBeginButton().attachPress(function(oEvent) {
+						var sTargetValue = Core.byId("targetCombo").getValue();
+
+						fnResolve(sTargetValue);
+						oDialog.close();
+					});
+
+					oDialog.getEndButton().attachPress(function(oEvent) {
+						oDialog.close();
+					});
+
+					oDialog.attachEventOnce("afterClose", function(oEvent) {
+						oDialog.destroy();
+					});
+
+					oDialog.addStyleClass(mPropertyBag.styleClass);
+					oDialog.open();
+				});
+			}).then(
+				function (sTargetValue) {
+					return [{
+						selectorControl : oControl,
+						changeSpecificData : {
+							changeType : "changeLinkTarget",
+							content : sTargetValue
+						}
+					}];
+				}
+			);
+	};
+		return {
+			name: {
+				singular: "LINK_NAME",
+				plural: "LINK_NAME_PLURAL"
+			},
+			actions: {
+				remove: {
+					changeType: "hideControl"
+				},
+				reveal: {
+					changeType: "unhideControl"
+				},
+				rename: function () {
+					return {
+						changeType: "rename",
+						domRef: function (oControl) {
+							return oControl.getDomRef();
+						}
+					};
+				},
+				settings: function () {
+					return {
+						"changeLinkTarget": {
+							name: "LINK_CHANGE_TARGET",
+							isEnabled: function(oControl){
+								return !!oControl.getHref();
+							},
+							handler: oSelectTargetDialog
+						}
+					};
+				}
+			}
+		};
+	});

package/src/sap/ui/webc/main/designtime/MultiInput.designtime.js

@@ -0,0 +1,27 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+// Provides the Design Time Metadata for the sap.ui.webc.main.MultiInput control
+sap.ui.define([],
+	function() {
+	"use strict";
+
+	return {
+		name: {
+			singular: "MULTIINPUT_NAME",
+			plural: "MULTIINPUT_NAME_PLURAL"
+		},
+		actions: {
+			remove: {
+				changeType: "hideControl"
+			},
+			reveal: {
+				changeType: "unhideControl"
+			}
+		}
+	};
+
+});

package/src/sap/ui/webc/main/designtime/Panel.designtime.js

@@ -0,0 +1,61 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+// Provides the Design Time Metadata for the sap.ui.webc.main.Panel control
+sap.ui.define([],
+	function() {
+	"use strict";
+
+	return {
+		name: {
+			singular: "PANEL_NAME",
+			plural: "PANEL_NAME_PLURAL"
+		},
+		actions: {
+			remove: {
+				changeType: "hideControl"
+			},
+			reveal: {
+				changeType: "unhideControl",
+				getLabel: function (oControl) {
+					return oControl.getHeaderText() || oControl.getId();
+				}
+			},
+			rename: {
+				changeType: "rename",
+				domRef: function (oControl) {
+					return oControl.getDomRef().shadowRoot.querySelector(".ui5-panel-header-title");
+				},
+				getTextMutators: function (oControl) {
+					return {
+						getText: function () {
+							return oControl.getDomRef().getAttribute("header-text");
+						},
+						setText: function (sNewText) {
+							oControl.getDomRef().setAttribute("header-text", sNewText);
+						}
+					};
+				}
+			}
+		},
+		aggregations: {
+			header: {
+				domRef: function (oControl) {
+					return oControl.getDomRef().shadowRoot.querySelector(".ui5-panel-header");
+				}
+			},
+			content: {
+				domRef: function (oControl) {
+					return oControl.getDomRef().shadowRoot.querySelector(".ui5-panel-content");
+				},
+				actions: {
+					move: "moveControls"
+				}
+			}
+		}
+	};
+
+});

package/src/sap/ui/webc/main/designtime/RangeSlider.designtime.js

@@ -0,0 +1,26 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+// Provides the Design Time Metadata for the sap.ui.webc.main.RangeSlider control
+sap.ui.define([],
+	function() {
+	"use strict";
+
+	return {
+		name: {
+			singular: "RANGESLIDER_NAME",
+			plural: "RANGESLIDER_NAME_PLURAL"
+		},
+		actions: {
+			remove: {
+				changeType: "hideControl"
+			},
+			reveal: {
+				changeType: "unhideControl"
+			}
+		}
+	};
+});

package/src/sap/ui/webc/main/designtime/RatingIndicator.designtime.js

@@ -0,0 +1,26 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+// Provides the Design Time Metadata for the sap.ui.webc.main.RatingIndicator control
+sap.ui.define([],
+	function () {
+		"use strict";
+
+		return {
+			name: {
+				singular: "RATINGINDICATOR_NAME",
+				plural: "RATINGINDICATOR_NAME_PLURAL"
+			},
+			actions: {
+				remove: {
+					changeType: "hideControl"
+				},
+				reveal: {
+					changeType: "unhideControl"
+				}
+			}
+	};
+});