@openui5/sap.m 1.103.0 → 1.105.0

package/src/sap/m/CheckBox.js

@@ -8,9 +8,9 @@
 sap.ui.define([
 	'./Label',
 	'./library',
-	'sap/ui/Device',
 	'sap/ui/core/Control',
 	'sap/ui/core/EnabledPropagator',
+	'sap/ui/core/AccessKeysEnablement',
 	'sap/ui/core/library',
 	'./CheckBoxRenderer',
 	'sap/ui/events/KeyCodes',
@@ -20,9 +20,9 @@ sap.ui.define([
 	function(
 		Label,
 		library,
-		Device,
 		Control,
 		EnabledPropagator,
+		AccessKeysEnablement,
 		coreLibrary,
 		CheckBoxRenderer,
 		KeyCodes,
@@ -83,10 +83,10 @@ sap.ui.define([
 	 * @see {@link fiori:https://experience.sap.com/fiori-design-web/checkbox/ Check Box}
 	 *
 	 * @extends sap.ui.core.Control
-	 * @implements sap.ui.core.IFormContent, sap.ui.core.ISemanticFormContent
+	 * @implements sap.ui.core.IFormContent, sap.ui.core.ISemanticFormContent, sap.ui.core.IAccessKeySupport
 	 *
 	 * @author SAP SE
-	 * @version 1.103.0
+	 * @version 1.105.0
 	 *
 	 * @constructor
 	 * @public
@@ -95,7 +95,11 @@ sap.ui.define([
 	 */
 	var CheckBox = Control.extend("sap.m.CheckBox", /** @lends sap.m.CheckBox.prototype */ { metadata : {
 
-		interfaces : ["sap.ui.core.IFormContent", "sap.ui.core.ISemanticFormContent"],
+		interfaces : [
+			"sap.ui.core.IFormContent",
+			"sap.ui.core.ISemanticFormContent",
+			"sap.ui.core.IAccessKeySupport"
+		],
 		library : "sap.m",
 		properties : {
 
@@ -210,7 +214,23 @@ sap.ui.define([
 			 *
 			 * @since 1.54
 			 */
-			wrapping: {type : "boolean", group : "Appearance", defaultValue : false}
+			wrapping: {type : "boolean", group : "Appearance", defaultValue : false},
+
+			/**
+			 * Indicates whether the access keys ref of the control should be highlighted.
+			 * NOTE: this property is used only when access keys feature is turned on.
+			 *
+			 * @private
+			 */
+			highlightAccKeysRef: { type: "boolean", defaultValue: false, visibility: "hidden" },
+
+			/**
+			 * Indicates which keyboard key should be pressed to focus the access key ref
+			 * NOTE: this property is used only when access keys feature is turned on.
+			 *
+			 * @private
+			 */
+			accesskey: { type: "string", defaultValue: "", visibility: "hidden" }
 		},
 		aggregations: {
 			/**
@@ -260,6 +280,22 @@ sap.ui.define([
 	 */
 	CheckBox.prototype.init = function() {
 		this._handleReferencingLabels();
+
+		AccessKeysEnablement.registerControl(this);
+	};
+
+	CheckBox.prototype.onAccKeysHighlightStart = function () {
+		this._getLabel().setProperty("highlightAccKeysRef", true);
+	};
+
+	CheckBox.prototype.onAccKeysHighlightEnd = function () {
+		this._getLabel().setProperty("highlightAccKeysRef", false);
+	};
+
+	CheckBox.prototype.onBeforeRendering = function () {
+		if (this.getText()) {
+			this.setProperty("accesskey", this.getText()[0].toLowerCase(), true);
+		}
 	};
 
 	CheckBox.prototype.exit = function() {
@@ -439,6 +475,10 @@ sap.ui.define([
 		if (!this._oLabel) {
 			this._oLabel = new Label(this.getId() + "-label").addStyleClass("sapMCbLabel");
 
+			this._oLabel.getAccessKeysFocusTarget = function () {
+				return this.getFocusDomRef();
+			}.bind(this);
+
 			this.setAggregation("_label", this._oLabel, true);
 		}
 

package/src/sap/m/CheckBoxRenderer.js

@@ -48,6 +48,7 @@ sap.ui.define(['sap/ui/core/library', 'sap/ui/core/ValueStateSupport', 'sap/ui/D
 		// CheckBox wrapper
 		oRm.openStart("div", oCheckBox);
 		oRm.class("sapMCb");
+		oRm.attr("data-ui5-accesskey", oCheckBox.getProperty("accesskey"));
 
 		if (!bEditable) {
 			oRm.class("sapMCbRo");

package/src/sap/m/ColorPalette.js

@@ -104,7 +104,7 @@ sap.ui.define([
 		 * To prevent this, apps using the <code>ColorPalette</code> should also load the <code>sap.ui.unified</code> library in advance.
 		 *
 		 * @extends sap.ui.core.Control
-		 * @version 1.103.0
+		 * @version 1.105.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/ColorPalettePopover.js

@@ -38,7 +38,7 @@ sap.ui.define([
 		 * A thin wrapper over {@link sap.m.ColorPalette} allowing the latter to be used in a popover.
 		 *
 		 * @extends sap.ui.core.Control
-		 * @version 1.103.0
+		 * @version 1.105.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/Column.js

@@ -46,7 +46,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.103.0
+	 * @version 1.105.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ColumnHeaderPopover.js

@@ -1,5 +1,5 @@
-/*
- * ! OpenUI5
+/*!
+ * OpenUI5
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
@@ -8,15 +8,13 @@ sap.ui.define([
 	'sap/m/Toolbar',
 	'sap/m/Button',
 	'sap/m/ResponsivePopover',
-	'sap/m/ToolbarSpacer',
-	'sap/ui/dom/containsOrEquals'
+	'sap/m/ToolbarSpacer'
 ], function(
 	Control,
 	Toolbar,
 	Button,
 	ResponsivePopover,
-	ToolbarSpacer,
-	containsOrEquals
+	ToolbarSpacer
 ) {
 	"use strict";
 
@@ -30,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.103.0
+	 * @version 1.105.0
 	 *
 	 * @constructor
 	 * @since 1.63

package/src/sap/m/ColumnListItem.js

@@ -42,7 +42,7 @@ sap.ui.define([
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.103.0
+	 * @version 1.105.0
 	 *
 	 * @constructor
 	 * @public
@@ -115,9 +115,6 @@ sap.ui.define([
 	// defines tag name
 	ColumnListItem.prototype.TagName = "tr";
 
-	// enable the ACC announcement for "not selected"
-	ColumnListItem.prototype._bAnnounceNotSelected = true;
-
 	ColumnListItem.prototype.init = function() {
 		ListItemBase.prototype.init.call(this);
 		this._bNeedsTypeColumn = false;

package/src/sap/m/ColumnListItemRenderer.js

@@ -8,12 +8,11 @@ sap.ui.define([
 	"sap/ui/core/Renderer",
 	"sap/ui/core/library",
 	"sap/ui/core/Core",
-	"sap/ui/Device",
 	"sap/base/Log",
 	"./library",
 	"./ListItemBaseRenderer"
 ],
-	function(Renderer, coreLibrary, Core, Device, Log, library, ListItemBaseRenderer) {
+	function(Renderer, coreLibrary, Core, Log, library, ListItemBaseRenderer) {
 	"use strict";
 
 	// shortcut for sap.m.PopinDisplay

package/src/sap/m/ColumnPopoverActionItem.js

@@ -1,5 +1,5 @@
-/*
- * ! OpenUI5
+/*!
+ * OpenUI5
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
@@ -16,7 +16,7 @@ sap.ui.define(['./ColumnPopoverItem', 'sap/m/Button'], function(ColumnPopoverIte
 	 * @extends sap.m.ColumnPopoverItem
 	 *
 	 * @author SAP SE
-	 * @version 1.103.0
+	 * @version 1.105.0
 	 *
 	 * @constructor
 	 * @since 1.63

package/src/sap/m/ColumnPopoverCustomItem.js

@@ -1,5 +1,5 @@
-/*
- * ! OpenUI5
+/*!
+ * OpenUI5
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
@@ -17,7 +17,7 @@ sap.ui.define(['./ColumnPopoverItem', 'sap/m/ToggleButton'], function(ColumnPopo
 	 * @extends sap.m.ColumnPopoverItem
 	 *
 	 * @author SAP SE
-	 * @version 1.103.0
+	 * @version 1.105.0
 	 *
 	 * @constructor
 	 * @since 1.63

package/src/sap/m/ColumnPopoverItem.js

@@ -1,5 +1,5 @@
-/*
- * ! OpenUI5
+/*!
+ * OpenUI5
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
@@ -16,7 +16,7 @@ sap.ui.define(['sap/ui/core/Element'], function(Element) {
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.103.0
+	 * @version 1.105.0
 	 *
 	 * @constructor
 	 * @since 1.63

package/src/sap/m/ColumnPopoverSelectListItem.js

@@ -1,17 +1,15 @@
-/*
- * ! OpenUI5
+/*!
+ * 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([
-	'sap/ui/core/Core',
 	'./ColumnPopoverItem',
 	'sap/m/ToggleButton',
 	'sap/m/Button',
 	'sap/m/StandardListItem',
 	'sap/m/List'],
 	function(
-		Core,
 		ColumnPopoverItem,
 		ToggleButton,
 		Button,
@@ -29,7 +27,7 @@ sap.ui.define([
 	 * @extends sap.m.ColumnPopoverItem
 	 *
 	 * @author SAP SE
-	 * @version 1.103.0
+	 * @version 1.105.0
 	 *
 	 * @constructor
 	 * @since 1.86

package/src/sap/m/ColumnPopoverSortItem.js

@@ -1,5 +1,5 @@
-/*
- * ! OpenUI5
+/*!
+ * OpenUI5
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @extends sap.m.ColumnPopoverItem
 	 *
 	 * @author SAP SE
-	 * @version 1.103.0
+	 * @version 1.105.0
 	 *
 	 * @constructor
 	 * @since 1.66

package/src/sap/m/ComboBox.js

@@ -23,8 +23,7 @@ sap.ui.define([
 	"sap/m/inputUtils/calculateSelectionStart",
 	"sap/ui/events/KeyCodes",
 	"sap/ui/core/Core",
-	"sap/base/Log",
-	"sap/ui/dom/jquery/control" // jQuery Plugin "control"
+	"sap/base/Log"
 ],
 	function(
 		ComboBoxTextField,
@@ -45,8 +44,7 @@ sap.ui.define([
 		calculateSelectionStart,
 		KeyCodes,
 		core,
-		Log,
-		jQuery
+		Log
 	) {
 		"use strict";
 
@@ -108,7 +106,7 @@ sap.ui.define([
 		 * </ul>
 		 *
 		 * @author SAP SE
-		 * @version 1.103.0
+		 * @version 1.105.0
 		 *
 		 * @constructor
 		 * @extends sap.m.ComboBoxBase
@@ -1456,6 +1454,9 @@ sap.ui.define([
 				return;
 			}
 
+			// apply aria role="listbox" to List control
+			oList.applyAriaRole("listbox");
+
 			// configure the list
 			oList.setMode(ListMode.SingleSelectMaster)
 				.addStyleClass(oRenderer.CSS_CLASS_COMBOBOXBASE + "List")

package/src/sap/m/ComboBoxBase.js

@@ -19,8 +19,6 @@ sap.ui.define([
 	"sap/ui/dom/containsOrEquals",
 	"sap/ui/events/KeyCodes",
 	"sap/ui/thirdparty/jquery",
-	"sap/base/security/encodeXML",
-	"sap/base/strings/escapeRegExp",
 	"sap/m/inputUtils/forwardItemProperties",
 	"sap/m/inputUtils/highlightDOMElements",
 	"sap/m/inputUtils/ListHelpers",
@@ -42,8 +40,6 @@ sap.ui.define([
 		containsOrEquals,
 		KeyCodes,
 		jQuery,
-		encodeXML,
-		escapeRegExp,
 		forwardItemProperties,
 		highlightDOMElements,
 		ListHelpers,
@@ -70,7 +66,7 @@ sap.ui.define([
 		 * @abstract
 		 *
 		 * @author SAP SE
-		 * @version 1.103.0
+		 * @version 1.105.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/ComboBoxBaseRenderer.js

@@ -3,8 +3,8 @@
  * (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(['./ComboBoxTextFieldRenderer', 'sap/ui/core/Renderer', 'sap/ui/core/Core'],
-	function (ComboBoxTextFieldRenderer, Renderer, Core) {
+sap.ui.define(['./ComboBoxTextFieldRenderer', 'sap/ui/core/Renderer'],
+	function (ComboBoxTextFieldRenderer, Renderer) {
 		"use strict";
 
 		/**

package/src/sap/m/ComboBoxTextField.js

@@ -7,18 +7,12 @@
 sap.ui.define([
 	'./InputBase',
 	'./library',
-	'sap/ui/core/InvisibleText',
-	'sap/ui/core/library',
-	'sap/ui/Device',
 	'sap/ui/core/LabelEnablement',
 	"./ComboBoxTextFieldRenderer"
 ],
 	function(
 		InputBase,
 		library,
-		InvisibleText,
-		coreLibrary,
-		Device,
 		LabelEnablement,
 		ComboBoxTextFieldRenderer
 	) {
@@ -35,7 +29,7 @@ sap.ui.define([
 		 * @extends sap.m.InputBase
 		 *
 		 * @author SAP SE
-		 * @version 1.103.0
+		 * @version 1.105.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/ComboBoxTextFieldRenderer.js

@@ -5,11 +5,9 @@
  */
 sap.ui.define([
 	'./InputBaseRenderer',
-	'sap/ui/core/Renderer',
-	'sap/ui/core/LabelEnablement',
-	'sap/ui/Device'
+	'sap/ui/core/Renderer'
 ],
-	function(InputBaseRenderer, Renderer, LabelEnablement, Device) {
+	function(InputBaseRenderer, Renderer) {
 		"use strict";
 
 		/**
@@ -61,5 +59,22 @@ sap.ui.define([
 			oRm.style("max-width", oControl.getMaxWidth());
 		};
 
+		/**
+		 * Renders dropdown icon from the icon aggregations.
+		 *
+		 * @protected
+		 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer.
+		 * @param {sap.ui.core.Icon[]} aIcons List of icons to render
+		 */
+		ComboBoxTextFieldRenderer.writeIcons = function (oRm, aIcons) {
+			oRm.openStart("div")
+				.attr("tabindex", "-1")
+				.attr("aria-hidden", "true")
+				.class("sapMInputBaseIconContainer")
+				.openEnd();
+			aIcons.forEach(oRm.renderControl, oRm);
+			oRm.close("div");
+		};
+
 		return ComboBoxTextFieldRenderer;
 	}, true);

package/src/sap/m/CustomDynamicDateOption.js

@@ -20,7 +20,7 @@ sap.ui.define(['sap/m/DynamicDateOption'],
 		 * @extends sap.m.DynamicDateOption
 		 *
 		 * @author SAP SE
-		 * @version 1.103.0
+		 * @version 1.105.0
 		 *
 		 * @public
 		 * @since 1.92

package/src/sap/m/CustomListItem.js

@@ -24,7 +24,7 @@ sap.ui.define(['./ListItemBase', './library', './CustomListItemRenderer'],
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.103.0
+	 * @version 1.105.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/CustomTile.js

@@ -21,7 +21,7 @@ sap.ui.define(['./Tile', './library', './CustomTileRenderer'],
 	 * Use the CustomTile control to display application specific content in the Tile control.
 	 * The tile width is 8.5em and height is 10em.
 	 * @extends sap.m.Tile
-	 * @version 1.103.0
+	 * @version 1.105.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/CustomTreeItem.js

@@ -1,5 +1,5 @@
-/*
- * ! OpenUI5
+/*!
+ * OpenUI5
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
@@ -23,7 +23,7 @@ sap.ui.define([
 	 *        <code>Table, Form</code> etc, should not be aggregated as content.
 	 * @extends sap.m.TreeItemBase
 	 * @author SAP SE
-	 * @version 1.103.0
+	 * @version 1.105.0
 	 * @constructor
 	 * @public
 	 * @since 1.48.0

package/src/sap/m/CustomTreeItemRenderer.js

@@ -1,5 +1,5 @@
-/*
- * ! OpenUI5
+/*!
+ * OpenUI5
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */

package/src/sap/m/DatePicker.js

@@ -15,7 +15,6 @@ sap.ui.define([
 	'./DateTimeField',
 	'./Button',
 	'./ResponsivePopover',
-	"./ValueStateHeader",
 	'sap/ui/core/date/UniversalDate',
 	'./library',
 	'sap/ui/core/Control',
@@ -46,7 +45,6 @@ sap.ui.define([
 		DateTimeField,
 		Button,
 		ResponsivePopover,
-		ValueStateHeader,
 		UniversalDate,
 		library,
 		Control,
@@ -152,7 +150,7 @@ sap.ui.define([
 	 * the close event), or select Cancel.
 	 *
 	 * @extends sap.m.DateTimeField
-	 * @version 1.103.0
+	 * @version 1.105.0
 	 *
 	 * @constructor
 	 * @public
@@ -1060,22 +1058,9 @@ sap.ui.define([
 
 	};
 
-	// overwrite _getInputValue to do the conversion there
-	DatePicker.prototype._getInputValue = function(sValue) {
-
-		sValue = (typeof sValue == "undefined") ? this._$input.val() : sValue.toString();
-
-		var oDate = this._parseValue(sValue, true);
-		sValue = this._formatValue(oDate, true);
-
-		return sValue;
-
-	};
-
-	// overwrite _getInputValue to do the output conversion
 	DatePicker.prototype.updateDomValue = function(sValue) {
 
-		if (this.isActive() && (this._$input.val() !== sValue)) {
+		if (this.isActive() && this._$input.val() !== sValue) {
 			// dom value updated other than value property
 			this._bCheckDomValue = true;
 
@@ -1085,11 +1070,18 @@ sap.ui.define([
 			var oDate = this._parseValue(sValue, true);
 			sValue = this._formatValue(oDate);
 
-			// update the DOM value when necessary
-			// otherwise cursor can goto end of text unnecessarily
-			this._$input.val(sValue);
-			if (document.activeElement === this._$input[0]) {
-				this._$input.cursorPos(this._curpos);
+			// if set to true, handle the user input and data
+			// model updates concurrency in order to not overwrite
+			// values coming from the user
+			if (this._bPreferUserInteraction) {
+				this.handleInputValueConcurrency(sValue);
+			} else {
+				// update the DOM value when necessary
+				// otherwise cursor can goto end of text unnecessarily
+				this._$input.val(sValue);
+				if (document.activeElement === this._$input[0]) {
+					this._$input.cursorPos(this._curpos);
+				}
 			}
 		}
 
@@ -1608,8 +1600,6 @@ sap.ui.define([
 		this.addStyleClass(InputBase.ICON_PRESSED_CSS_CLASS);
 		this._renderedDays = this._getCalendar().$("-Month0-days").find(".sapUiCalItem").length;
 
-		this.$("inner").attr("aria-owns", this.getId() + "-cal");
-
 		InstanceManager.addPopoverInstance(this._oPopup);
 
 		this._oCalendar.focus();