@openui5/sap.m 1.107.0 → 1.108.0

package/src/sap/m/SelectionDetailsFacade.js

@@ -10,7 +10,7 @@
  * @since 1.48.0
  * @public
  * @author SAP SE
- * @version 1.107.0
+ * @version 1.108.0
  * @borrows sap.ui.core.Element#addCustomData as #addCustomData
  * @borrows sap.ui.core.Element#getCustomData as #getCustomData
  * @borrows sap.ui.core.Element#indexOfCustomData as #indexOfCustomData
@@ -45,7 +45,7 @@
  * @since 1.48.0
  * @public
  * @author SAP SE
- * @version 1.107.0
+ * @version 1.108.0
  * @borrows sap.ui.core.Element#addCustomData as #addCustomData
  * @borrows sap.ui.core.Element#getCustomData as #getCustomData
  * @borrows sap.ui.core.Element#indexOfCustomData as #indexOfCustomData

package/src/sap/m/SelectionDetailsItem.js

@@ -58,7 +58,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.107.0
+	 * @version 1.108.0
 	 *
 	 * @constructor
 	 * @protected

package/src/sap/m/SelectionDetailsItemLine.js

@@ -23,7 +23,7 @@ sap.ui.define(["sap/ui/core/Element", "sap/base/Log", "sap/base/util/isPlainObje
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.107.0
+	 * @version 1.108.0
 	 *
 	 * @constructor
 	 * @protected

package/src/sap/m/Shell.js

@@ -35,7 +35,7 @@ sap.ui.define([
 		 * The Shell control can be used as root element of applications. It can contain an App or a <code>SplitApp</code> control.
 		 * The Shell provides some overarching functionality for the overall application and takes care of visual adaptation, such as a frame around the App, on desktop browser platforms.
 		 * @extends sap.ui.core.Control
-		 * @version 1.107.0
+		 * @version 1.108.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/SimpleFixFlex.js

@@ -31,7 +31,7 @@ function(Control, ResizeHandler, Log, SimpleFixFlexRenderer) {
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.107.0
+	 * @version 1.108.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/m/SinglePlanningCalendar.js

@@ -102,7 +102,7 @@ function(
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.107.0
+	 * @version 1.108.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/SinglePlanningCalendarDayView.js

@@ -25,7 +25,7 @@ function (library, SinglePlanningCalendarView) {
 	 * @extends sap.m.SinglePlanningCalendarView
 	 *
 	 * @author SAP SE
-	 * @version 1.107.0
+	 * @version 1.108.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/SinglePlanningCalendarGrid.js

@@ -102,7 +102,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.107.0
+		 * @version 1.108.0
 		 *
 		 * @constructor
 		 * @private
@@ -724,6 +724,8 @@ sap.ui.define([
 						startDate: newPos.startDate,
 						endDate: newPos.endDate
 					});
+
+					setTimeout(function() {this.invalidate();}.bind(this), 0);
 				}.bind(this)
 			});
 

package/src/sap/m/SinglePlanningCalendarMonthGrid.js

@@ -83,7 +83,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.107.0
+		 * @version 1.108.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/SinglePlanningCalendarMonthView.js

@@ -28,7 +28,7 @@ sap.ui.define([
 		 * @extends sap.m.SinglePlanningCalendarView
 		 *
 		 * @author SAP SE
-		 * @version 1.107.0
+		 * @version 1.108.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/SinglePlanningCalendarView.js

@@ -26,7 +26,7 @@ function (library, Log, Element) {
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.107.0
+	 * @version 1.108.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/SinglePlanningCalendarWeekView.js

@@ -29,7 +29,7 @@ function (library, SinglePlanningCalendarView, LocaleData, CalendarDate, Calenda
 	 * @extends sap.m.SinglePlanningCalendarView
 	 *
 	 * @author SAP SE
-	 * @version 1.107.0
+	 * @version 1.108.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/SinglePlanningCalendarWorkWeekView.js

@@ -29,7 +29,7 @@ function (library, SinglePlanningCalendarView, CalendarDate, CalendarUtils, Loca
 	 * @extends sap.m.SinglePlanningCalendarView
 	 *
 	 * @author SAP SE
-	 * @version 1.107.0
+	 * @version 1.108.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/SlideTile.js

@@ -13,7 +13,8 @@ sap.ui.define([
 	"sap/ui/events/KeyCodes",
 	"sap/ui/events/PseudoEvents",
 	"sap/ui/thirdparty/jquery",
-	"sap/ui/core/Configuration"
+	"sap/ui/core/Configuration",
+	"sap/ui/core/InvisibleText"
 ],
 	function(
 		library,
@@ -24,7 +25,8 @@ sap.ui.define([
 		KeyCodes,
 		PseudoEvents,
 		jQuery,
-		Configuration
+		Configuration,
+		InvisibleText
 	) {
 	"use strict";
 
@@ -41,7 +43,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.107.0
+	 * @version 1.108.0
 	 * @since 1.34
 	 *
 	 * @public
@@ -93,7 +95,11 @@ sap.ui.define([
 				/**
 				 * The pause/play icon that is being used to display the pause/play state of the control.
 				 */
-				_pausePlayIcon: {type: "sap.ui.core.Icon", multiple: false, visibility: "hidden"}
+				_pausePlayIcon: {type: "sap.ui.core.Icon", multiple: false, visibility: "hidden"},
+				/**
+				 * The hidden aggregation that uses this id in aria-describedby attribute.
+				 */
+				_invisibleText: {type:"sap.ui.core.InvisibleText",multiple: false, visibility: "hidden" }
 			},
 			events: {
 				/**
@@ -141,6 +147,9 @@ sap.ui.define([
 			size: "1rem",
 			noTabStop: true
 		}), true);
+
+		this._oInvisibleText = new InvisibleText(this.getId() + "-ariaText");
+		this.setAggregation("_invisibleText", this._oInvisibleText, true);
 	};
 
 	/**
@@ -216,6 +225,15 @@ sap.ui.define([
 				}.bind(this));
 			}
 		}
+		this._attachFocusEvents();
+
+		//Removing the child aria attributes becasuse its interfering with the Jaws when its in VPC mode on
+		this._removeChildAria();
+
+		//Sets the aria-describedby attribute and uses the _invisibleText id in it
+		if (this.getDomRef()) {
+			this.getDomRef().setAttribute("aria-describedby",this.getAggregation("_invisibleText").getId());
+		}
 	};
 
 	/**
@@ -314,6 +332,8 @@ sap.ui.define([
 			}
 			if (PseudoEvents.events.sapspace.fnCheck(oEvent)) {
 				this._toggleAnimation();
+				// Saving the current state in the following variable so that when the focus goes out it would remain in the present state
+				this.bIsPrevStateNormal = !this._bAnimationPause;
 			}
 			if (oEvent.which === KeyCodes.B && this._bAnimationPause) {
 				this._scrollToNextTile(true, true);
@@ -365,6 +385,7 @@ sap.ui.define([
 		if (jQuery(oEvent.target).hasClass("sapMSTIconClickTapArea")) {
 			this.addStyleClass("sapMSTIconPressed");
 		}
+		this.mouseDown = true;
 	};
 
 	/* --- Public methods --- */
@@ -402,6 +423,46 @@ sap.ui.define([
 		fnCheckMedia();
 	};
 
+	/**
+	 *Attaching focusin and foucusout event handles, and activating them when the tile is focused by tabnavigating
+	 * @private
+	 */
+
+	SlideTile.prototype._attachFocusEvents = function() {
+		var oSlideTile = this.getDomRef();
+		//These Event Listeners should be activated only when the tile gets it focus by tab navigation not by clicking on the tile
+		if (oSlideTile) {
+			oSlideTile.addEventListener('focusin', function() {
+				if (!this.mouseDown) {
+					this.bIsPrevStateNormal = this.getDomRef().classList.contains("sapMSTPauseIcon");
+					this._stopAnimation();
+					this._updatePausePlayIcon();
+				}
+			}.bind(this));
+			oSlideTile.addEventListener('focusout', function(){
+				if (!this.mouseDown) {
+					if (this.bIsPrevStateNormal) {
+						this._startAnimation();
+					}
+					this._updatePausePlayIcon();
+				}
+				this.mouseDown = false;
+			}.bind(this));
+		}
+	};
+
+	/**
+	 *Removes role and aria-roledescription attributes from the GenericTile so that these attributes are not read by Jaws when the VPC Mode is turned on
+	 * @private
+	 */
+
+	SlideTile.prototype._removeChildAria = function() {
+		this.getTiles().forEach(function(oTile){
+			oTile.getDomRef().removeAttribute("role");
+			oTile.getDomRef().removeAttribute("aria-roledescription");
+		});
+	};
+
 	/**
 	 *Checks if the tiles inside the slidetile has stretch frametype and the window size is below 600px
 	 *
@@ -495,6 +556,9 @@ sap.ui.define([
 		}.bind(this), iDisplayTime);
 		this._iStartTime = Date.now();
 		this._bAnimationPause = false;
+		if (this.getTiles()[this._iCurrentTile]) {
+			this._setAriaDescriptor();
+		}
 	};
 
 	/**
@@ -628,25 +692,28 @@ sap.ui.define([
 	 * @private
 	 */
 	SlideTile.prototype._setAriaDescriptor = function () {
-		var sText, sScope, aTiles, oCurrentTile;
-
+		var sText = "", sScope, aTiles, oCurrentTile,iTiles,sPrefixText,sState;
 		sScope = this.getScope();
 		aTiles = this.getTiles();
+		iTiles = aTiles.length;
+		sState = (this._bAnimationPause) ? this._oRb.getText("SLIDETILE_PAUSE") : this._oRb.getText("SLIDETILE_NORMAL");
+		sPrefixText = this._oRb.getText("SLIDETILE_INSTANCE_FOCUS",[this._iCurrentTile + 1,iTiles]) + " " + sState;
+		sText += sPrefixText;
 		oCurrentTile = aTiles[this._iCurrentTile];
-		sText = oCurrentTile._getAriaText().replace(/\s/g, " ");// Gets Tile's ARIA text and collapses whitespaces
+		sText += oCurrentTile._getAriaText(true).replace(/\s/g, " ");// Gets Tile's ARIA text and collapses whitespaces
 
 		if (sScope === GenericTileScope.Actions) {
 			sText = this._oRb.getText("GENERICTILE_ACTIONS_ARIA_TEXT") + "\n" + sText;
 		} else if (aTiles.length > 1 && sScope === GenericTileScope.Display) {
 			sText += "\n" + this._oRb.getText("SLIDETILE_MULTIPLE_CONTENT") + "\n" +
-				this._oRb.getText("SLIDETILE_TOGGLE_SLIDING");
+			this._oRb.getText("SLIDETILE_TOGGLE_SLIDING");
 			if (this._bAnimationPause) {
 				sText += "\n" + this._oRb.getText("SLIDETILE_SCROLL_BACK") + "\n" +
 					this._oRb.getText("SLIDETILE_SCROLL_FORWARD");
 			}
 		}
 		sText += "\n" + this._oRb.getText("SLIDETILE_ACTIVATE");
-		this.$().attr("aria-label", sText);
+		this.getAggregation("_invisibleText").setText(sText);
 	};
 
 	/**
@@ -726,12 +793,14 @@ sap.ui.define([
 	 * @private
 	 */
 	SlideTile.prototype._updatePausePlayIcon = function () {
-		if (this._bAnimationPause) {
-			this.getAggregation("_pausePlayIcon").setSrc("sap-icon://media-play");
-			this.$().removeClass("sapMSTPauseIcon");
-		} else {
-			this.getAggregation("_pausePlayIcon").setSrc("sap-icon://media-pause");
-			this.$().addClass("sapMSTPauseIcon");
+		if (this.getAggregation("_pausePlayIcon")) {
+			if (this._bAnimationPause) {
+				this.getAggregation("_pausePlayIcon").setSrc("sap-icon://media-play");
+				this.$().removeClass("sapMSTPauseIcon");
+			} else {
+				this.getAggregation("_pausePlayIcon").setSrc("sap-icon://media-pause");
+				this.$().addClass("sapMSTPauseIcon");
+			}
 		}
 	};
 

package/src/sap/m/SlideTileRenderer.js

@@ -57,8 +57,11 @@ sap.ui.define(['./library', "sap/base/security/encodeCSS"],
 		if (iLength > 1) {
 			oRm.attr("tabindex", "0");
 		}
-		oRm.attr("role", "presentation");
+		oRm.attr("role", "application");
+		oRm.attr("aria-roledescription", oControl._oRb.getText("SLIDETILE"));
 		oRm.openEnd();
+		oControl.getAggregation("_invisibleText");
+		oRm.renderControl(oControl.getAggregation("_invisibleText"));
 		if (iLength > 1 && sScope === GenericTileScope.Display) {
 			this._renderPausePlayIcon(oRm, oControl);
 			this._renderTilesIndicator(oRm, oControl);
@@ -77,6 +80,7 @@ sap.ui.define(['./library', "sap/base/security/encodeCSS"],
 	SlideTileRenderer._renderTiles = function(oRm, oControl, iLength) {
 		oRm.openStart("div");
 		oRm.class("sapMSTOverflowHidden");
+		oRm.attr("aria-hidden","true");
 		oRm.openEnd();
 		for (var i = 0; i < iLength; i++) {
 			oRm.openStart("div", oControl.getId() + "-wrapper-" + i );

package/src/sap/m/Slider.js

@@ -97,7 +97,7 @@ function(
 		 * @implements sap.ui.core.IFormContent
 		 *
 		 * @author SAP SE
-		 * @version 1.107.0
+		 * @version 1.108.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/SliderTooltip.js

@@ -42,7 +42,7 @@ function(
 		 * @extends sap.m.SliderTooltipBase
 		 *
 		 * @author SAP SE
-		 * @version 1.107.0
+		 * @version 1.108.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/SliderTooltipBase.js

@@ -21,7 +21,7 @@ function(Control, Library, SliderTooltipBaseRenderer) {
 		 * @abstract
 		 *
 		 * @author SAP SE
-		 * @version 1.107.0
+		 * @version 1.108.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/SliderTooltipContainer.js

@@ -37,7 +37,7 @@ function(
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.107.0
+		 * @version 1.108.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/SplitApp.js

@@ -36,7 +36,7 @@ sap.ui.define([
 	 * @extends sap.m.SplitContainer
 	 *
 	 * @author SAP SE
-	 * @version 1.107.0
+	 * @version 1.108.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/SplitButton.js

@@ -46,7 +46,7 @@ function(
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.107.0
+		 * @version 1.108.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/SplitContainer.js

@@ -82,7 +82,7 @@ function(
 	 *
 	 * @extends sap.ui.core.Control
 	 * @author SAP SE
-	 * @version 1.107.0
+	 * @version 1.108.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/StandardDynamicDateOption.js

@@ -42,7 +42,7 @@ sap.ui.define([
 		 * @extends sap.m.DynamicDateOption
 		 *
 		 * @author SAP SE
-		 * @version 1.107.0
+		 * @version 1.108.0
 		 *
 		 * @public
 		 * @alias sap.m.StandardDynamicDateOption

package/src/sap/m/StandardListItem.js

@@ -38,7 +38,7 @@ sap.ui.define([
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.107.0
+	 * @version 1.108.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/StandardTile.js

@@ -40,7 +40,7 @@ sap.ui.define([
 	 * @extends sap.m.Tile
 	 *
 	 * @author SAP SE
-	 * @version 1.107.0
+	 * @version 1.108.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/StandardTreeItem.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @extends sap.m.TreeItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.107.0
+	 * @version 1.108.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/StepInput.js

@@ -119,7 +119,7 @@ function(
 		 * @implements sap.ui.core.IFormContent
 		 *
 		 * @author SAP SE
-		 * @version 1.107.0
+		 * @version 1.108.0
 		 *
 		 * @constructor
 		 * @public
@@ -298,11 +298,6 @@ function(
 			renderer: StepInputRenderer
 		});
 
-		// get resource translation bundle;
-		var oLibraryResourceBundle = sap.ui.getCore().getLibraryResourceBundle("sap.m");
-		StepInput.STEP_INPUT_INCREASE_BTN_TOOLTIP = oLibraryResourceBundle.getText("STEP_INPUT_INCREASE_BTN");
-		StepInput.STEP_INPUT_DECREASE_BTN_TOOLTIP = oLibraryResourceBundle.getText("STEP_INPUT_DECREASE_BTN");
-
 		StepInput.INITIAL_WAIT_TIMEOUT = 500;
 		StepInput.ACCELLERATION = 0.8;
 		StepInput.MIN_WAIT_TIMEOUT = 50;
@@ -347,7 +342,6 @@ function(
 
 			this._getInput().setValue(this._getFormattedValue(vValue));
 			this._getInput().setValueState(this.getValueState());
-			this._getInput().setTooltip(this.getTooltip());
 			this._getOrCreateDecrementButton().setVisible(bEditable);
 			this._getOrCreateIncrementButton().setVisible(bEditable);
 
@@ -511,7 +505,7 @@ function(
 					noTabStop: true,
 					decorative: false,
 					press: this._handleButtonPress.bind(this, 1),
-					tooltip: StepInput.STEP_INPUT_INCREASE_BTN_TOOLTIP
+					useIconTooltip: false
 				});
 
 			oIcon.getEnabled = function () {
@@ -544,7 +538,7 @@ function(
 					noTabStop: true,
 					decorative: false,
 					press: this._handleButtonPress.bind(this, -1),
-					tooltip: StepInput.STEP_INPUT_DECREASE_BTN_TOOLTIP
+					useIconTooltip: false
 				});
 
 			oIcon.getEnabled = function () {

package/src/sap/m/SuggestionItem.js

@@ -22,7 +22,7 @@ sap.ui.define(['./library', 'sap/ui/core/Item', 'sap/ui/core/IconPool'],
 	 * @extends sap.ui.core.Item
 	 *
 	 * @author SAP SE
-	 * @version 1.107.0
+	 * @version 1.108.0
 	 * @since 1.34
 	 *
 	 * @constructor

package/src/sap/m/SuggestionsPopover.js

@@ -52,7 +52,7 @@ sap.ui.define([
 	 * @alias sap.m.SuggestionsPopover
 	 *
 	 * @author SAP SE
-	 * @version 1.107.0
+	 * @version 1.108.0
 	 */
 	var SuggestionsPopover = EventProvider.extend("sap.m.SuggestionsPopover", /** @lends sap.m.SuggestionsPopover.prototype */ {
 

package/src/sap/m/Switch.js

@@ -50,7 +50,7 @@ function(
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.107.0
+		 * @version 1.108.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/TabContainer.js

@@ -66,7 +66,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.107.0
+		 * @version 1.108.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/TabContainerItem.js

@@ -26,7 +26,7 @@ sap.ui.define(['sap/ui/core/Element',
 		 * @extends sap.ui.core.Element
 		 *
 		 * @author SAP SE
-		 * @version 1.107.0
+		 * @version 1.108.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/TabStrip.js

@@ -73,7 +73,7 @@ function(
 		 * space is exceeded, a horizontal scrollbar appears.
 		 *
 		 * @extends sap.ui.core.Control
-		 * @version 1.107.0
+		 * @version 1.108.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/TabStripItem.js

@@ -25,7 +25,7 @@ sap.ui.define(["./library", "sap/ui/core/Item", "sap/ui/base/ManagedObject", "sa
 		 * @extends sap.ui.core.Item
 		 *
 		 * @author SAP SE
-		 * @version 1.107.0
+		 * @version 1.108.0
 		 *
 		 * @constructor
 		 * @private