@openui5/sap.m 1.108.2 → 1.110.0

package/src/sap/m/NotificationListBase.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -9,25 +9,30 @@ sap.ui.define([
 		'sap/ui/core/Core',
 		'sap/ui/core/Element',
 		'sap/ui/Device',
+		"sap/ui/dom/isHidden",
 		'sap/ui/core/ResizeHandler',
 		'./ListItemBase',
 		'./Button',
 		'./ToolbarSeparator',
 		'sap/m/OverflowToolbar',
 		'sap/m/OverflowToolbarLayoutData',
+		'sap/ui/events/KeyCodes',
 		'sap/ui/core/IconPool',
 		'sap/ui/core/Icon',
-		'sap/ui/core/library'],
+		'sap/ui/core/library'
+	],
 	function (library,
 			  Core,
 			  Element,
 			  Device,
+			  isHidden,
 			  ResizeHandler,
 			  ListItemBase,
 			  Button,
 			  ToolbarSeparator,
 			  OverflowToolbar,
 			  OverflowToolbarLayoutData,
+			  KeyCodes,
 			  IconPool,
 			  Icon,
 			  coreLibrary) {
@@ -86,7 +91,7 @@ sap.ui.define([
 		 * @extends sap.m.ListItemBase
 		 *
 		 * @author SAP SE
-		 * @version 1.108.2
+		 * @version 1.110.0
 		 *
 		 * @constructor
 		 * @public
@@ -373,6 +378,11 @@ sap.ui.define([
 			return null;
 		};
 
+		NotificationListBase.prototype._hasToolbarOverflowButton = function () {
+			var iMinLength =  this._isSmallSize() ? 0 : 1;
+			return this.getShowButtons() && this.getButtons().length > iMinLength;
+		};
+
 		NotificationListBase.prototype._hasActionButtons = function () {
 			return this.getShowButtons() && this.getButtons().length;
 		};
@@ -419,6 +429,186 @@ sap.ui.define([
 			this._sCurrentLayoutClassName = null;
 		};
 
+		NotificationListBase.prototype.onkeydown = function(event) {
+			var target = event.target;
+
+			switch (event.which) {
+				// Minus keys
+				// KeyCodes.MINUS is not returning 189
+				case 189:
+				case KeyCodes.NUMPAD_MINUS:
+				case KeyCodes.ARROW_LEFT:
+					if (target.classList.contains("sapMNLGroup")) {
+						this._collapse(event);
+						return;
+					}
+					break;
+				case KeyCodes.PLUS:
+				case KeyCodes.NUMPAD_PLUS:
+				case KeyCodes.ARROW_RIGHT:
+					if (target.classList.contains("sapMNLGroup")) {
+						this._expand(event);
+						return;
+					}
+					break;
+				case KeyCodes.F10:
+					if (target.classList.contains("sapMNLIB") && event.shiftKey && this._hasToolbarOverflowButton()) {
+						this._getOverflowToolbar()._getOverflowButton().firePress();
+						event.stopImmediatePropagation();
+						event.preventDefault();
+						return;
+					}
+					break;
+			}
+
+			this._focusSameItemOnNextRow(event);
+		};
+
+		NotificationListBase.prototype._focusSameItemOnNextRow = function (event) {
+			var list = this._getParentList(),
+				itemNavigation,
+				focusedIndex ,
+				itemDomRefs,
+				sourceControl,
+				listItemDomRef,
+				nextListItemControl,
+				nextFocusedDomRef;
+
+			if (!list) {
+				return;
+			}
+
+			if (event.which !== KeyCodes.ARROW_UP &&
+				event.which !== KeyCodes.ARROW_DOWN) {
+				return;
+			}
+
+			event.stopPropagation();
+			event.preventDefault();
+
+			itemNavigation = list.getItemNavigation();
+			if (!itemNavigation) {
+				return;
+			}
+
+			focusedIndex = itemNavigation.getFocusedIndex();
+			itemDomRefs = itemNavigation.getItemDomRefs();
+
+			switch (event.which) {
+				case KeyCodes.ARROW_UP:
+					do {
+						focusedIndex--;
+					} while (itemDomRefs[focusedIndex] && isHidden(itemDomRefs[focusedIndex]));
+					break;
+				case KeyCodes.ARROW_DOWN:
+					do {
+						focusedIndex++;
+					} while (itemDomRefs[focusedIndex] && isHidden(itemDomRefs[focusedIndex]));
+					break;
+			}
+
+			listItemDomRef = itemDomRefs[focusedIndex];
+			if (!listItemDomRef) {
+				return;
+			}
+
+			// focus the entire row first
+			listItemDomRef.focus();
+
+			if (this.getDomRef() === event.target) {
+				return;
+			}
+
+			sourceControl = Element.closestTo(event.target);
+
+			// collapse/expand button
+			if (sourceControl.getId() === this.getId() + "-collapseButton") {
+				nextFocusedDomRef = listItemDomRef.querySelector(":scope > .sapMNLGroupHeader .sapMNLGroupCollapseButton .sapMBtn");
+				if (nextFocusedDomRef) {
+					nextFocusedDomRef.focus();
+				}
+				return;
+			}
+
+			// "show more" link
+			if (sourceControl.isA("sap.m.Link")) {
+				nextFocusedDomRef = listItemDomRef.querySelector(":scope > .sapMNLIMain .sapMNLIShowMore a");
+				if (nextFocusedDomRef) {
+					nextFocusedDomRef.focus();
+				}
+
+				return;
+			}
+
+			nextListItemControl = Element.closestTo(listItemDomRef);
+
+			// close button
+			if (!sourceControl.getParent().isA("sap.m.OverflowToolbar")) {
+				if (!nextListItemControl._focusCloseButton()) {
+					nextListItemControl._focusToolbarButton();
+				}
+
+				return;
+			}
+
+			// toolbar button
+			if (!nextListItemControl._focusToolbarButton()) {
+				nextListItemControl._focusCloseButton();
+			}
+		};
+
+		NotificationListBase.prototype._focusCloseButton = function () {
+			if (this.getShowCloseButton() && this.getAggregation("_closeButton")) {
+				this.getAggregation("_closeButton").focus();
+				return true;
+			}
+
+			return false;
+		};
+
+		NotificationListBase.prototype._focusToolbarButton = function () {
+			var button,
+				overflowToolbar,
+				visibleContent;
+
+			if (this._shouldRenderOverflowToolbar()) {
+				overflowToolbar = this._getOverflowToolbar();
+
+				if (overflowToolbar._getOverflowButtonNeeded()) {
+					button = overflowToolbar._getOverflowButton();
+				} else {
+					visibleContent = overflowToolbar._getVisibleContent();
+					button = this._isSmallSize() ? visibleContent[visibleContent.length - 1] : visibleContent[0];
+				}
+
+				button.focus();
+
+				return true;
+			}
+
+			return false;
+		};
+
+		NotificationListBase.prototype._getParentList = function () {
+			var parent = this.getParent();
+			if (parent) {
+				if (parent.isA("sap.m.NotificationList")) {
+					return parent;
+				}
+
+				parent = parent.getParent();
+				if (parent && parent.isA("sap.m.NotificationList")) {
+					return parent;
+				}
+			}
+
+			return null;
+		};
+
+		NotificationListBase.prototype._collapse = function () { };
+
+		NotificationListBase.prototype._expand = function () { };
+
 		NotificationListBase.prototype._onResize = function () {
 			var oDomRef = this.getDomRef(),
 				oMediaRange,

package/src/sap/m/NotificationListGroup.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -62,7 +62,7 @@ function(
 	 * @extends sap.m.NotificationListBase
 	 *
 	 * @author SAP SE
-	 * @version 1.108.2
+	 * @version 1.110.0
 	 *
 	 * @constructor
 	 * @public
@@ -114,7 +114,7 @@ function(
 				 *
 				 *  @deprecated As of version 1.73
 				 */
-				authorPicture: {type: 'sap.ui.core.URI', multiple: false, deprecated: true},
+				authorPicture: {type: 'sap.ui.core.URI', deprecated: true},
 
 				/**
 				 * Determines the due date of the NotificationListGroup.
@@ -190,6 +190,16 @@ function(
 		this._groupTitleInvisibleText = new InvisibleText({id: this.getId() + "-invisibleGroupTitleText"});
 	};
 
+	NotificationListGroup.prototype.onAfterRendering = function() {
+		NotificationListBase.prototype.onAfterRendering.apply(this, arguments);
+
+		var collapseButtonDomRef = this._getCollapseButton().getDomRef();
+		if (collapseButtonDomRef) {
+			collapseButtonDomRef.setAttribute("aria-expanded", !this.getCollapsed());
+			collapseButtonDomRef.setAttribute("aria-controls", this.getId() + "-childrenList");
+		}
+	};
+
 	/**
 	 * Handles the internal event exit.
 	 *
@@ -345,5 +355,21 @@ function(
 		};
 	};
 
+	NotificationListGroup.prototype._collapse = function (event) {
+		if (!this.getCollapsed()) {
+			this.setCollapsed(true);
+			this.fireOnCollapse({collapsed: true});
+			event.stopImmediatePropagation();
+		}
+	};
+
+	NotificationListGroup.prototype._expand = function (event) {
+		if (this.getCollapsed()) {
+			this.setCollapsed(false);
+			this.fireOnCollapse({collapsed: false});
+			event.stopImmediatePropagation();
+		}
+	};
+
 	return NotificationListGroup;
 });

package/src/sap/m/NotificationListGroupRenderer.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -49,6 +49,7 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/InvisibleRenderer"], function
 			sAriaLablledByIds = sGroupTitleId + ' ' + sInvisibleTitleText;
 
 		rm.openStart('li', control)
+			.attr('tabindex', '-1')
 			.class('sapMLIB')
 			.class('sapMNLIB')
 			.class('sapMNLGroup');
@@ -61,11 +62,8 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/InvisibleRenderer"], function
 			rm.class('sapMNLGroupUnread');
 		}
 
-		rm.attr('tabindex', '0');
-
 		rm.accessibilityState(control, {
 			role: "listitem",
-			expanded: !control.getCollapsed(),
 			labelledby: {
 				value: sAriaLablledByIds
 			}
@@ -141,7 +139,7 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/InvisibleRenderer"], function
 		// end group header
 		rm.close('div');
 
-		rm.openStart('ul')
+		rm.openStart('ul', sControlId + "-childrenList")
 			.class('sapMNLGroupChildren')
 			.attr('role', 'list')
 			.openEnd();

package/src/sap/m/NotificationListItem.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -42,6 +42,9 @@ function(
 	// shortcut for sap.m.AvatarColor
 	var AvatarColor = library.AvatarColor;
 
+	// shortcut for sap.m.LinkAccessibleRole
+	var LinkAccessibleRole = library.LinkAccessibleRole;
+
 	// shortcut for sap.ui.core.Priority
 	var Priority = coreLibrary.Priority;
 
@@ -64,7 +67,7 @@ function(
 	 * @extends sap.m.NotificationListBase
 	 *
 	 * @author SAP SE
-	 * @version 1.108.2
+	 * @version 1.110.0
 	 *
 	 * @constructor
 	 * @public
@@ -157,43 +160,6 @@ function(
 		this._updateShowMoreButtonVisibility();
 	};
 
-	NotificationListItem.prototype.onkeydown = function(event) {
-
-		if (event.target !== this.getDomRef()) {
-			return;
-		}
-
-		var notificationGroup = this.getParent(),
-			visibleItems,
-			groupIndex;
-
-		if (!notificationGroup || !notificationGroup.isA('sap.m.NotificationListGroup')) {
-			return;
-		}
-
-		visibleItems = notificationGroup.getVisibleItems();
-		groupIndex = visibleItems.indexOf(this);
-
-		switch (event.which) {
-			case KeyCodes.ARROW_UP:
-				if (groupIndex === 0) {
-					return;
-				}
-
-				var previousIndex = groupIndex - 1;
-				visibleItems[previousIndex].focus();
-				break;
-			case KeyCodes.ARROW_DOWN:
-				var nextIndex = groupIndex + 1;
-				if (nextIndex === visibleItems.length) {
-					return;
-				}
-
-				visibleItems[nextIndex].focus();
-				break;
-		}
-	};
-
 	NotificationListItem.prototype.exit = function() {
 		NotificationListBase.prototype.exit.apply(this, arguments);
 
@@ -232,6 +198,7 @@ function(
 
 		if (!showMoreButton) {
 			showMoreButton = new Link(this.getId() + '-showMoreButton', {
+				accessibleRole: LinkAccessibleRole.Button,
 				text: this.getTruncate() ? EXPAND_TEXT : COLLAPSE_TEXT,
 				press: function () {
 					var truncate = !this.getTruncate();

package/src/sap/m/NotificationListItemRenderer.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -65,7 +65,7 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/InvisibleRenderer"], function
 			rm.class('sapMNLINoAvatar');
 		}
 
-		rm.attr('tabindex', '0');
+		rm.attr('tabindex', '-1');
 
 		// ARIA
 		rm.accessibilityState(control, {
@@ -86,7 +86,6 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/InvisibleRenderer"], function
 
 		// actions and close
 		rm.openStart('div')
-			.attr('aria-hidden', 'true')
 			.class('sapMNLIItem')
 			.class('sapMNLIItemAC')
 			.openEnd();
@@ -199,10 +198,8 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/InvisibleRenderer"], function
 
 		// content - footer - show more
 		if (!control.getHideShowMoreButton()) {
-			// aria-hidden stop show more button to read out the whole notification, when in a group
 			rm.openStart('div')
 				.class('sapMNLIShowMore')
-				.attr('aria-hidden', 'true')
 				.openEnd();
 
 			rm.renderControl(control._getShowMoreButton());

package/src/sap/m/NotificationListRenderer.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -11,7 +11,7 @@ sap.ui.define(['sap/ui/core/Renderer',
 		"use strict";
 
 		/**
-		 * Tree renderer.
+		 * NotificationList renderer.
 		 * @namespace
 		 *
 		 */
@@ -30,4 +30,4 @@ sap.ui.define(['sap/ui/core/Renderer',
 
 		return NotificationListRenderer;
 
-	}, /* bExport= */ true);
+	}, /* bExport= */ true);

package/src/sap/m/NumericContent.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -108,7 +108,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.108.2
+	 * @version 1.110.0
 	 * @since 1.34
 	 *
 	 * @public

package/src/sap/m/NumericContentRenderer.js

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

package/src/sap/m/NumericInput.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -38,7 +38,7 @@ function(
 	 * @extends sap.m.Input
 	 *
 	 * @author SAP SE
-	 * @version 1.108.2
+	 * @version 1.110.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/m/NumericInputRenderer.js

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

package/src/sap/m/ObjectAttribute.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -42,7 +42,7 @@ function(library, Control, coreLibrary, Text, KeyCodes, ObjectAttributeRenderer,
 	 * <code>text</code> property is styled and acts as a link. In this case the <code>text</code>
 	 * property must also be set, as otherwise there will be no link displayed for the user.
 	 * @extends sap.ui.core.Control
-	 * @version 1.108.2
+	 * @version 1.110.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ObjectAttributeRenderer.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define(["sap/ui/core/library", "sap/ui/core/Configuration"],

package/src/sap/m/ObjectHeader.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -82,7 +82,7 @@ sap.ui.define([
 	 * <code>sapUiResponsivePadding--header</code>.
 	 *
 	 * @extends sap.ui.core.Control
-	 * @version 1.108.2
+	 * @version 1.110.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ObjectHeaderRenderer.js

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

package/src/sap/m/ObjectIdentifier.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -54,7 +54,7 @@ function(
 	 *
      * <b>Note:</b> This control should not be used with {@link sap.m.Label} or in Forms along with {@link sap.m.Label}.
 	 * @extends sap.ui.core.Control
-	 * @version 1.108.2
+	 * @version 1.110.0
 	 *
 	 * @constructor
 	 * @public
@@ -453,7 +453,7 @@ function(
 
 	/**
 	 * @see sap.ui.core.Control#getAccessibilityInfo
-	 * @returns {object} Current accessibility state of the control
+	 * @returns {sap.ui.core.AccessibilityInfo} Current accessibility state of the control
 	 * @protected
 	 */
 	ObjectIdentifier.prototype.getAccessibilityInfo = function() {

package/src/sap/m/ObjectIdentifierRenderer.js

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

package/src/sap/m/ObjectListItem.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -61,7 +61,7 @@ function(
 		 *
 		 * <b>Note:</b> The control must only be used in the context of a list.
 		 * @extends sap.m.ListItemBase
-		 * @version 1.108.2
+		 * @version 1.110.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/ObjectListItemRenderer.js

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