@openui5/sap.m 1.94.0 → 1.95.0

package/.reuse/dep5

@@ -309,7 +309,7 @@ License: MIT
 Comment: these files belong to: lodash
 
 Files: src/sap.ui.core/src/sap/ui/thirdparty/hyphenopoly/*
-Copyright: 2018 Mathias Nater
+Copyright: 2021 Mathias Nater
 License: MIT
 Comment: these files belong to: Hyphenopoly
 
@@ -347,11 +347,6 @@ Copyright: 2013 Ariya Hidayat and other contributors
 License: BSD-2-Clause
 Comment: these files belong to: Esprima
 
-Files: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/google-code-prettify/*
-Copyright: 2006 Google Inc.
-License: Apache-2.0
-Comment: these files belong to: google-code-prettify
-
 Files: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/highlight.js/*
 Copyright: 2006-2020, Ivan Sagalaev
 License: BSD-3-Clause

package/THIRDPARTY.txt

@@ -6,7 +6,7 @@ The full text of all referenced licenses is appended at the end of this file.
 
 Library: sap.ui.codeeditor:
 
-Component: Ace (Ajax.org Cloud9 Editor), version: 1.4.4
+Component: Ace (Ajax.org Cloud9 Editor), version: 1.4.12
 Copyright: 2010, Ajax.org B.V.
 License: BSD-3-Clause
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-3-Clause.txt
@@ -279,8 +279,8 @@ License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.core/src/sap/ui/base/util/restricted/_/lodash.custom.js
 
-Component: Hyphenopoly, version: 2.4.0
-Copyright: 2018 Mathias Nater
+Component: Hyphenopoly, version: 3.4.0
+Copyright: 2021 Mathias Nater
 License: MIT
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/hyphenopoly/*
@@ -324,12 +324,6 @@ License: BSD-2-Clause
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/BSD-2-Clause.txt
 Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/esprima.js
 
-Component: google-code-prettify, version: 20130304
-Copyright: 2006 Google Inc.
-License: Apache-2.0
-License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
-Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/google-code-prettify/*
-
 Component: highlight.js, version: 10.4.1
 Copyright: 2006-2020, Ivan Sagalaev
 License: BSD-3-Clause

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.m",
-  "version": "1.94.0",
+  "version": "1.95.0",
   "description": "OpenUI5 UI Library sap.m",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,8 +14,8 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.ui.core": "1.94.0",
-    "@openui5/sap.ui.layout": "1.94.0",
-    "@openui5/sap.ui.unified": "1.94.0"
+    "@openui5/sap.ui.core": "1.95.0",
+    "@openui5/sap.ui.layout": "1.95.0",
+    "@openui5/sap.ui.unified": "1.95.0"
   }
 }

package/src/sap/m/.library

@@ -6,7 +6,7 @@
   <copyright>OpenUI5
  * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-  <version>1.94.0</version>
+  <version>1.95.0</version>
 
   <documentation>The main UI5 control library, with responsive controls that can be used in touch devices as well as desktop browsers.</documentation>
 

package/src/sap/m/AccButton.js

@@ -21,7 +21,7 @@ sap.ui.define(['./Button','./AccButtonRenderer'],
 	 * @extends sap.m.Button
 	 *
 	 * @author SAP SE
-	 * @version 1.94.0
+	 * @version 1.95.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/m/ActionListItem.js

@@ -31,7 +31,7 @@ sap.ui.define(['./ListItemBase', './library', './ActionListItemRenderer'],
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.94.0
+	 * @version 1.95.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ActionSelect.js

@@ -20,7 +20,7 @@ sap.ui.define(['./Select', 'sap/ui/core/InvisibleText', 'sap/ui/Device', 'sap/ui
 		 * @extends sap.m.Select
 		 *
 		 * @author SAP SE
-		 * @version 1.94.0
+		 * @version 1.95.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/ActionSheet.js

@@ -70,7 +70,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.94.0
+	 * @version 1.95.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/App.js

@@ -50,7 +50,7 @@ sap.ui.define([
 	 * @extends sap.m.NavContainer
 	 *
 	 * @author SAP SE
-	 * @version 1.94.0
+	 * @version 1.95.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/AssociativeOverflowToolbar.js

@@ -20,7 +20,7 @@ sap.ui.define(['sap/base/Log', './OverflowToolbar', './OverflowToolbarRenderer',
 		 * @extends sap.m.OverflowToolbar
 		 *
 		 * @author SAP SE
-		 * @version 1.94.0
+		 * @version 1.95.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/Avatar.js

@@ -76,7 +76,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.94.0
+	 * @version 1.95.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/Bar.js

@@ -56,7 +56,7 @@ sap.ui.define([
 	 * @implements sap.m.IBar
 	 *
 	 * @author SAP SE
-	 * @version 1.94.0
+	 * @version 1.95.0
 	 *
 	 * @constructor
 	 * @public
@@ -221,7 +221,7 @@ sap.ui.define([
 		this._removeAllListeners();
 
 		var bContentLeft = !!this.getContentLeft().length,
-			bContentMiddle = !!this.getContentMiddle().length,
+			bContentMiddle = !!this.getContentMiddle().length || (this._oflexBox && !!this._oflexBox.getItems().length),
 			bContentRight = !!this.getContentRight().length;
 
 		//Invisible bars also do not need resize listeners
@@ -335,15 +335,20 @@ sap.ui.define([
 		var iMidBarPlaceholderWidth = this._$MidBarPlaceHolder.outerWidth(true),
 			bRtl = sap.ui.getCore().getConfiguration().getRTL(),
 			sLeftOrRight = bRtl ? "right" : "left",
-			oMidBarCss = { visibility : "" };
+			sRightOrLeft = bRtl ? "left" : "right",
+			oMidBarCss = { visibility : "" },
+			aContentLeftControls = this.getContentLeft().filter(function(oControl) { return oControl.getVisible(); }),
+			aContentRightControls = this.getContentRight().filter(function(oControl) { return oControl.getVisible(); }),
+			iContentLeftPadding = aContentLeftControls.length ? 0 : parseInt(this._$LeftBar.css('padding-' + sLeftOrRight)),
+			iContentRightPadding = aContentRightControls.length ? 0 : parseInt(this._$RightBar.css('padding-' + sRightOrLeft));
 
 		if (this.getEnableFlexBox()) {
 
 			iMidBarPlaceholderWidth = iBarWidth - iLeftBarWidth - iRightBarWidth - parseInt(this._$MidBarPlaceHolder.css('margin-left')) - parseInt(this._$MidBarPlaceHolder.css('margin-right'));
 
 			oMidBarCss.position = "absolute";
-			oMidBarCss.width = iMidBarPlaceholderWidth + "px";
-			oMidBarCss[sLeftOrRight] = iLeftBarWidth;
+			oMidBarCss.width = iMidBarPlaceholderWidth + iContentLeftPadding + iContentRightPadding + "px";
+			oMidBarCss[sLeftOrRight] = iLeftBarWidth - iContentLeftPadding;
 
 			//calculation for flex is done
 			return oMidBarCss;
@@ -364,9 +369,10 @@ sap.ui.define([
 			oMidBarCss.position = "absolute";
 
 			//Use the remaining space
-			oMidBarCss.width = iSpaceBetweenLeftAndRight + "px";
+			oMidBarCss.width = iSpaceBetweenLeftAndRight + iContentLeftPadding + iContentRightPadding + "px";
 
-			oMidBarCss.left = bRtl ? iRightBarWidth : iLeftBarWidth;
+			//Set left or right depending on LTR/RTL
+			oMidBarCss[sLeftOrRight] = iLeftBarWidth - iContentLeftPadding;
 		}
 
 		return oMidBarCss;

package/src/sap/m/Breadcrumbs.js

@@ -60,7 +60,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.94.0
+	 * @version 1.95.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/BusyDialog.js

@@ -62,7 +62,7 @@ sap.ui.define(['./library',
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.94.0
+		 * @version 1.95.0
 		 *
 		 * @public
 		 * @alias sap.m.BusyDialog

package/src/sap/m/BusyIndicator.js

@@ -46,7 +46,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.94.0
+	 * @version 1.95.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/Button.js

@@ -89,7 +89,7 @@ sap.ui.define([
 	 * @mixes sap.ui.core.ContextMenuSupport
 	 *
 	 * @author SAP SE
-	 * @version 1.94.0
+	 * @version 1.95.0
 	 *
 	 * @constructor
 	 * @public
@@ -379,6 +379,8 @@ sap.ui.define([
 			this._oBadgeData = null;
 		}
 
+		this._bFocused = null;
+
 		this.$().off("mouseenter", this._onmouseenter);
 	};
 
@@ -428,6 +430,10 @@ sap.ui.define([
 			this._bRenderActive = this._bActive;
 		}
 
+		if (this._bFocused) {
+			this._toggleLiveChangeAnnouncement("polite");
+		}
+
 		this.$().on("mouseenter", this._onmouseenter);
 	};
 
@@ -630,16 +636,43 @@ sap.ui.define([
 		}
 	};
 
+	/**
+	 * Add aria-live attributes.
+	 *
+	 * @private
+	 */
+	Button.prototype.onfocusin = function() {
+		this._bFocused = true;
+		this._toggleLiveChangeAnnouncement("polite");
+	};
+
 	/**
 	 * Ensure that the active button state is removed by focus loss.
+	 * Disable aria-live attributes.
 	 *
 	 * @private
 	 */
 	Button.prototype.onfocusout = function() {
 		this._buttonPressed = false;
+		this._bFocused = false;
 		this._sTouchStartTargetId = '';
 		// set inactive button state
 		this._inactiveButton();
+		this._toggleLiveChangeAnnouncement("off");
+	};
+
+	/**
+	 * Enables or disables dynamic text or icon change announcmenets
+	 *
+	 * @param {*} sValue aria-live attribute value
+	 * @private
+	 */
+	Button.prototype._toggleLiveChangeAnnouncement = function(sValue) {
+		if (this._getText()) {
+			this.$("BDI-content").attr("aria-live", sValue);
+		} else if (this._getAppliedIcon()) {
+			this.$("tooltip").attr("aria-live", sValue);
+		}
 	};
 
 	/**

package/src/sap/m/Carousel.js

@@ -99,7 +99,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.94.0
+	 * @version 1.95.0
 	 *
 	 * @constructor
 	 * @public
@@ -569,9 +569,17 @@ sap.ui.define([
 	 * @private
 	 */
 	Carousel.prototype._setWidthOfPages = function (iNumberOfItemsToShow) {
-		var iItemWidth = this._calculatePagesWidth(iNumberOfItemsToShow);
+		var $items = this.$().find(".sapMCrslItem"),
+			iItemWidth;
 
-		this.$().find(".sapMCrslItem").each(function (iIndex, oPage) {
+		if (!$items.length) {
+			// pages are not yet rendered, calculation will be done in the next onAfterRendering
+			return;
+		}
+
+		iItemWidth = this._calculatePagesWidth(iNumberOfItemsToShow);
+
+		$items.each(function (iIndex, oPage) {
 			oPage.style.width = iItemWidth  + "%";
 		});
 	};

package/src/sap/m/CarouselLayout.js

@@ -15,7 +15,7 @@ sap.ui.define(["sap/ui/base/ManagedObject"], function (ManagedObject) {
 	 * Applies a <code>sap.m.CarouselLayout</code> to a provided DOM element or Control.
 	 *
 	 * @author SAP SE
-	 * @version 1.94.0
+	 * @version 1.95.0
 	 *
 	 * @extends sap.ui.base.ManagedObject
 	 *

package/src/sap/m/CheckBox.js

@@ -88,7 +88,7 @@ sap.ui.define([
 	 * @implements sap.ui.core.IFormContent, sap.ui.core.ISemanticFormContent
 	 *
 	 * @author SAP SE
-	 * @version 1.94.0
+	 * @version 1.95.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ColorPalette.js

@@ -108,7 +108,7 @@ sap.ui.define([
 		 * <code>ColorPalette</code> should also load the <code>sap.ui.unified</code> library.
 		 *
 		 * @extends sap.ui.core.Control
-		 * @version 1.94.0
+		 * @version 1.95.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/ColorPalettePopover.js

@@ -43,7 +43,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.94.0
+		 * @version 1.95.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.94.0
+	 * @version 1.95.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ColumnHeaderPopover.js

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.94.0
+	 * @version 1.95.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.94.0
+	 * @version 1.95.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/ColumnPopoverActionItem.js

@@ -16,7 +16,7 @@ sap.ui.define(['./ColumnPopoverItem', 'sap/m/Button'], function(ColumnPopoverIte
 	 * @extends sap.m.ColumnPopoverItem
 	 *
 	 * @author SAP SE
-	 * @version 1.94.0
+	 * @version 1.95.0
 	 *
 	 * @constructor
 	 * @since 1.63

package/src/sap/m/ColumnPopoverCustomItem.js

@@ -17,7 +17,7 @@ sap.ui.define(['./ColumnPopoverItem', 'sap/m/ToggleButton'], function(ColumnPopo
 	 * @extends sap.m.ColumnPopoverItem
 	 *
 	 * @author SAP SE
-	 * @version 1.94.0
+	 * @version 1.95.0
 	 *
 	 * @constructor
 	 * @since 1.63

package/src/sap/m/ColumnPopoverItem.js

@@ -16,7 +16,7 @@ sap.ui.define(['sap/ui/core/Element'], function(Element) {
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.94.0
+	 * @version 1.95.0
 	 *
 	 * @constructor
 	 * @since 1.63

package/src/sap/m/ColumnPopoverSelectListItem.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @extends sap.m.ColumnPopoverItem
 	 *
 	 * @author SAP SE
-	 * @version 1.94.0
+	 * @version 1.95.0
 	 *
 	 * @constructor
 	 * @since 1.86

package/src/sap/m/ColumnPopoverSortItem.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @extends sap.m.ColumnPopoverItem
 	 *
 	 * @author SAP SE
-	 * @version 1.94.0
+	 * @version 1.95.0
 	 *
 	 * @constructor
 	 * @since 1.66

package/src/sap/m/ComboBox.js

@@ -108,7 +108,7 @@ sap.ui.define([
 		 * </ul>
 		 *
 		 * @author SAP SE
-		 * @version 1.94.0
+		 * @version 1.95.0
 		 *
 		 * @constructor
 		 * @extends sap.m.ComboBoxBase

package/src/sap/m/ComboBoxBase.js

@@ -6,6 +6,7 @@
 
 sap.ui.define([
 	'./ComboBoxTextField',
+	'./ComboBoxBaseRenderer',
 	'./SuggestionsPopover',
 	'sap/ui/base/ManagedObjectObserver',
 	'sap/ui/core/SeparatorItem',
@@ -25,6 +26,7 @@ sap.ui.define([
 ],
 	function(
 		ComboBoxTextField,
+		ComboBoxBaseRenderer,
 		SuggestionsPopover,
 		ManagedObjectObserver,
 		SeparatorItem,
@@ -62,7 +64,7 @@ sap.ui.define([
 		 * @abstract
 		 *
 		 * @author SAP SE
-		 * @version 1.94.0
+		 * @version 1.95.0
 		 *
 		 * @constructor
 		 * @public
@@ -140,7 +142,8 @@ sap.ui.define([
 					loadItems: {}
 				},
 				dnd: { draggable: false, droppable: true }
-			}
+			},
+			renderer: ComboBoxBaseRenderer
 		});
 
 		/**

package/src/sap/m/ComboBoxRenderer.js

@@ -69,23 +69,39 @@ sap.ui.define(['./ComboBoxBaseRenderer', 'sap/ui/core/Renderer', 'sap/m/inputUti
 		 * @param {sap.ui.core.Control} oControl An object representation of the control that should be rendered.
 		 */
 		ComboBoxRenderer.writeInnerAttributes = function(oRm, oControl) {
-			var oSelectedItem = oControl.getSelectedItem(),
-				oSelectedListItem = oSelectedItem && ListHelpers.getListItem(oSelectedItem),
-				bOpen = oControl.isOpen();
+			var bOpen = oControl.isOpen(), bIsGroupHeader, oSelectedItem, oListItem;
+			var oSuggestionPopover = oControl._getSuggestionsPopover();
 
 			ComboBoxBaseRenderer.writeInnerAttributes.apply(this, arguments);
 			oRm.attr("aria-expanded", bOpen);
 
-			if (!oControl.isOpen()) {
+			if (!oSuggestionPopover) {
 				return;
 			}
 
-			// Aria-activedescendant attributed must be added only if there is selected item
-			// and the visual focus is on it or the visual focus is on the formatted text value state header
-			if (oControl._getSuggestionsPopover().getValueStateActiveState()) {
+			var oFocusedItem = oSuggestionPopover.getFocusedListItem();
+			var bValueStateFocused = oSuggestionPopover.getValueStateActiveState();
+
+			// If the picker is not opened, no active descendant should be set
+			// If there is no focused element in the picker, no active descendant should be set
+			if (!bOpen || (!oFocusedItem && !bValueStateFocused)) {
+				return;
+			}
+
+			// If the value state is focused, set the active descendant in order to read out the value state header
+			if (bValueStateFocused) {
 				oRm.attr("aria-activedescendant", oControl._getFormattedValueStateText().getId());
-			} else if (oSelectedListItem && oSelectedListItem.hasStyleClass("sapMLIBFocused") && oControl.getFocusDomRef() === document.activeElement) {
-				oRm.attr("aria-activedescendant", oSelectedListItem.getId());
+				return;
+			}
+
+			// Active descendant should be set only when there is a selected item or a group header is set
+			bIsGroupHeader = (oFocusedItem.isA("sap.m.GroupHeaderListItem") || oFocusedItem.isA("sap.ui.core.SeparatorItem"));
+			oSelectedItem = oControl.getSelectedItem();
+			oListItem = oSelectedItem && ListHelpers.getListItem(oSelectedItem);
+			oFocusedItem = bIsGroupHeader ? oFocusedItem : oListItem;
+
+			if (oFocusedItem) {
+				oRm.attr("aria-activedescendant", oFocusedItem.getId());
 			}
 		};
 

package/src/sap/m/ComboBoxTextField.js

@@ -35,7 +35,7 @@ sap.ui.define([
 		 * @extends sap.m.InputBase
 		 *
 		 * @author SAP SE
-		 * @version 1.94.0
+		 * @version 1.95.0
 		 *
 		 * @constructor
 		 * @public

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.94.0
+		 * @version 1.95.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.94.0
+	 * @version 1.95.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.94.0
+	 * @version 1.95.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/CustomTreeItem.js

@@ -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.94.0
+	 * @version 1.95.0
 	 * @constructor
 	 * @public
 	 * @since 1.48.0