@openui5/sap.m 1.106.0 → 1.107.0

package/src/sap/m/Slider.js

@@ -18,7 +18,8 @@ sap.ui.define([
 	'./SliderRenderer',
 	'./ResponsiveScale',
 	"sap/ui/thirdparty/jquery",
-	"sap/ui/events/KeyCodes"
+	"sap/ui/events/KeyCodes",
+	"sap/ui/core/Configuration"
 ],
 function(
 	Control,
@@ -34,7 +35,8 @@ function(
 	SliderRenderer,
 	ResponsiveScale,
 	jQuery,
-	KeyCodes
+	KeyCodes,
+	Configuration
 ) {
 		"use strict";
 
@@ -95,186 +97,189 @@ function(
 		 * @implements sap.ui.core.IFormContent
 		 *
 		 * @author SAP SE
-		 * @version 1.106.0
+		 * @version 1.107.0
 		 *
 		 * @constructor
 		 * @public
 		 * @alias sap.m.Slider
 		 * @see {@link fiori:https://experience.sap.com/fiori-design-web/slider/ Slider}
-		 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 		 */
-		var Slider = Control.extend("sap.m.Slider", /** @lends sap.m.Slider.prototype */ { metadata: {
-
-			interfaces: ["sap.ui.core.IFormContent"],
-			library: "sap.m",
-			properties: {
-
-				/**
-				 * Defines the width of the control.
-				 */
-				width: { type: "sap.ui.core.CSSSize", group: "Appearance", defaultValue: "100%" },
-
-				/**
-				 * Indicates whether the user can change the value.
-				 */
-				enabled: { type: "boolean", group: "Behavior", defaultValue: true },
-
-				/**
-				 * The name property to be used in the HTML code for the slider (e.g. for HTML forms that send data to the server via submit).
-				 */
-				name: { type: "string", group: "Misc", defaultValue: "" },
-
-				/**
-				 * The minimum value.
-				 */
-				min: { type: "float", group: "Data", defaultValue: 0 },
-
-				/**
-				 * The maximum value.
-				 */
-				max: { type: "float", group: "Data", defaultValue: 100 },
-
-				/**
-				 * Define the amount of units to change the slider when adjusting by drag and drop.
-				 *
-				 * Defines the size of the slider's selection intervals. (e.g. min = 0, max = 10, step = 5 would result in possible selection of the values 0, 5, 10).
-				 *
-				 * The step must be positive, if a negative number is provided, the default value will be used instead.
-				 * If the width of the slider converted to pixels is less than the range (max - min), the value will be rounded to multiples of the step size.
-				 */
-				step: { type: "float", group: "Data", defaultValue: 1 },
-
-				/**
-				 * Indicate whether a progress bar indicator is shown.
-				 */
-				progress: { type: "boolean", group: "Misc", defaultValue: true },
-
-				/**
-				 * Define the value.
-				 *
-				 * If the value is lower/higher than the allowed minimum/maximum, the value of the properties <code>min</code>/<code>max</code> are used instead.
-				 */
-				value: { type: "float", group: "Data", defaultValue: 0 },
-
-				/**
-				 * Indicate whether the handle tooltip is shown.
-				 * @since 1.31
-				 *
-				 */
-				showHandleTooltip: { type: "boolean", group: "Appearance", defaultValue: true},
-
-				/**
-				 * Indicate whether the handle's advanced tooltip is shown. <b>Note:</b> Setting this option to <code>true</code>
-				 * will ignore the value set in <code>showHandleTooltip</code>. This will cause only the advanced tooltip to be shown.
-				 * @since 1.42
-				 *
-				 */
-				showAdvancedTooltip: { type: "boolean", group: "Appearance", defaultValue: false},
-
-				/**
-				 * Indicates whether input fields should be used as tooltips for the handles. <b>Note:</b> Setting this option to <code>true</code>
-				 * will only work if <code>showAdvancedTooltip</code> is set to <code>true</code>.
-				 * @since 1.42
-				 */
-				inputsAsTooltips: {type: "boolean", group: "Appearance", defaultValue: false},
-
-				/**
-				 * Enables tickmarks visualisation
-				 *
-				 * @since 1.44
-				 */
-				enableTickmarks: {type: "boolean", group: "Appearance", defaultValue: false},
-
-				/**
-				 * Indicates whether a handle is pressed
-				 *
-				 * @private
-				 */
-				handlePressed: {type: "boolean", defaultValue: false, group: "Appearance", visibility: "hidden" }
-			},
-			defaultAggregation: "scale",
-			aggregations: {
-				/**
-				 * A Container popup that renders SliderTooltips
-				 * The actual type should be sap.m.SliderTooltipContainer
-				 *
-				 * @since 1.54
-				 */
-				_tooltipContainer: { type: "sap.ui.core.Control", multiple: false, visibility: "hidden" },
-				/**
-				 * Scale for visualisation of tickmarks and labels
-				 *
-				 * @since 1.46
-				 */
-				scale: { type: "sap.m.IScale", multiple: false, singularName: "scale" },
-				/**
-				 * Default scale for visualisation of tickmarks, if scale aggregation is not provided
-				 *
-				 * @since 1.56
-				 */
-				_defaultScale: { type: "sap.m.ResponsiveScale", multiple: false, visibility: "hidden" },
-
-				/**
-				 * Multiple Aggregation for Tooltips
-				 *
-				 * @since 1.56
-				 */
-				_defaultTooltips: { type: "sap.m.SliderTooltipBase", multiple: true, visibility: "hidden" },
-
-				/**
-				 * Aggregation for user-defined tooltips.
-				 * <b>Note:</b> In case of Slider, only the first tooltip of the aggregation is used. In the RangeSlider case - the first two.
-				 * If no custom tooltips are provided, the default are used
-				 *
-				 * @since 1.56
-				 */
-				customTooltips: { type: "sap.m.SliderTooltipBase", multiple: true },
-
-				/**
-				 * Invisible text for handles and progress announcement
-				 *
-				 * @since 1.54
-				 */
-				_handlesLabels: { type: "sap.ui.core.InvisibleText", multiple: true, visibility: "hidden" }
-			},
-			associations: {
-
-				/**
-				 * Association to controls / IDs which label this control (see WAI-ARIA attribute <code>aria-labelledby</code>).
-				 * @since 1.27.0
-				 */
-				ariaLabelledBy: { type: "sap.ui.core.Control", multiple: true, singularName: "ariaLabelledBy" }
-			},
-			events: {
-
-				/**
-				 * This event is triggered after the end user finishes interacting, if there is any change.
-				 */
-				change: {
-					parameters: {
-
-						/**
-						 * The current value of the slider after a change.
-						 */
-						value: { type: "float" }
-					}
+		var Slider = Control.extend("sap.m.Slider", /** @lends sap.m.Slider.prototype */ {
+			metadata: {
+
+				interfaces: ["sap.ui.core.IFormContent"],
+				library: "sap.m",
+				properties: {
+
+					/**
+					 * Defines the width of the control.
+					 */
+					width: { type: "sap.ui.core.CSSSize", group: "Appearance", defaultValue: "100%" },
+
+					/**
+					 * Indicates whether the user can change the value.
+					 */
+					enabled: { type: "boolean", group: "Behavior", defaultValue: true },
+
+					/**
+					 * The name property to be used in the HTML code for the slider (e.g. for HTML forms that send data to the server via submit).
+					 */
+					name: { type: "string", group: "Misc", defaultValue: "" },
+
+					/**
+					 * The minimum value.
+					 */
+					min: { type: "float", group: "Data", defaultValue: 0 },
+
+					/**
+					 * The maximum value.
+					 */
+					max: { type: "float", group: "Data", defaultValue: 100 },
+
+					/**
+					 * Define the amount of units to change the slider when adjusting by drag and drop.
+					 *
+					 * Defines the size of the slider's selection intervals. (e.g. min = 0, max = 10, step = 5 would result in possible selection of the values 0, 5, 10).
+					 *
+					 * The step must be positive, if a negative number is provided, the default value will be used instead.
+					 * If the width of the slider converted to pixels is less than the range (max - min), the value will be rounded to multiples of the step size.
+					 */
+					step: { type: "float", group: "Data", defaultValue: 1 },
+
+					/**
+					 * Indicate whether a progress bar indicator is shown.
+					 */
+					progress: { type: "boolean", group: "Misc", defaultValue: true },
+
+					/**
+					 * Define the value.
+					 *
+					 * If the value is lower/higher than the allowed minimum/maximum, the value of the properties <code>min</code>/<code>max</code> are used instead.
+					 */
+					value: { type: "float", group: "Data", defaultValue: 0 },
+
+					/**
+					 * Indicate whether the handle tooltip is shown.
+					 * @since 1.31
+					 *
+					 */
+					showHandleTooltip: { type: "boolean", group: "Appearance", defaultValue: true},
+
+					/**
+					 * Indicate whether the handle's advanced tooltip is shown. <b>Note:</b> Setting this option to <code>true</code>
+					 * will ignore the value set in <code>showHandleTooltip</code>. This will cause only the advanced tooltip to be shown.
+					 * @since 1.42
+					 *
+					 */
+					showAdvancedTooltip: { type: "boolean", group: "Appearance", defaultValue: false},
+
+					/**
+					 * Indicates whether input fields should be used as tooltips for the handles. <b>Note:</b> Setting this option to <code>true</code>
+					 * will only work if <code>showAdvancedTooltip</code> is set to <code>true</code>.
+					 * @since 1.42
+					 */
+					inputsAsTooltips: {type: "boolean", group: "Appearance", defaultValue: false},
+
+					/**
+					 * Enables tickmarks visualisation
+					 *
+					 * @since 1.44
+					 */
+					enableTickmarks: {type: "boolean", group: "Appearance", defaultValue: false},
+
+					/**
+					 * Indicates whether a handle is pressed
+					 *
+					 * @private
+					 */
+					handlePressed: {type: "boolean", defaultValue: false, group: "Appearance", visibility: "hidden" }
 				},
+				defaultAggregation: "scale",
+				aggregations: {
+					/**
+					 * A Container popup that renders SliderTooltips
+					 * The actual type should be sap.m.SliderTooltipContainer
+					 *
+					 * @since 1.54
+					 */
+					_tooltipContainer: { type: "sap.ui.core.Control", multiple: false, visibility: "hidden" },
+					/**
+					 * Scale for visualisation of tickmarks and labels
+					 *
+					 * @since 1.46
+					 */
+					scale: { type: "sap.m.IScale", multiple: false, singularName: "scale" },
+					/**
+					 * Default scale for visualisation of tickmarks, if scale aggregation is not provided
+					 *
+					 * @since 1.56
+					 */
+					_defaultScale: { type: "sap.m.ResponsiveScale", multiple: false, visibility: "hidden" },
+
+					/**
+					 * Multiple Aggregation for Tooltips
+					 *
+					 * @since 1.56
+					 */
+					_defaultTooltips: { type: "sap.m.SliderTooltipBase", multiple: true, visibility: "hidden" },
+
+					/**
+					 * Aggregation for user-defined tooltips.
+					 * <b>Note:</b> In case of Slider, only the first tooltip of the aggregation is used. In the RangeSlider case - the first two.
+					 * If no custom tooltips are provided, the default are used
+					 *
+					 * @since 1.56
+					 */
+					customTooltips: { type: "sap.m.SliderTooltipBase", multiple: true },
+
+					/**
+					 * Invisible text for handles and progress announcement
+					 *
+					 * @since 1.54
+					 */
+					_handlesLabels: { type: "sap.ui.core.InvisibleText", multiple: true, visibility: "hidden" }
+				},
+				associations: {
 
-				/**
-				 * This event is triggered during the dragging period, each time the slider value changes.
-				 */
-				liveChange: {
-					parameters: {
-
-						/**
-						 * The current value of the slider after a live change.
-						 */
-						value: { type: "float" }
+					/**
+					 * Association to controls / IDs which label this control (see WAI-ARIA attribute <code>aria-labelledby</code>).
+					 * @since 1.27.0
+					 */
+					ariaLabelledBy: { type: "sap.ui.core.Control", multiple: true, singularName: "ariaLabelledBy" }
+				},
+				events: {
+
+					/**
+					 * This event is triggered after the end user finishes interacting, if there is any change.
+					 */
+					change: {
+						parameters: {
+
+							/**
+							 * The current value of the slider after a change.
+							 */
+							value: { type: "float" }
+						}
+					},
+
+					/**
+					 * This event is triggered during the dragging period, each time the slider value changes.
+					 */
+					liveChange: {
+						parameters: {
+
+							/**
+							 * The current value of the slider after a live change.
+							 */
+							value: { type: "float" }
+						}
 					}
-				}
+				},
+				designtime: "sap/m/designtime/Slider.designtime"
 			},
-			designtime: "sap/m/designtime/Slider.designtime"
-		}});
+
+			renderer: SliderRenderer
+		});
 
 		EnabledPropagator.apply(Slider.prototype, [true]);
 
@@ -548,7 +553,7 @@ function(
 			}
 
 			// update the position of the handle
-			oHandleDomRef.style[sap.ui.getCore().getConfiguration().getRTL() ? "right" : "left"] = sPerValue;
+			oHandleDomRef.style[Configuration.getRTL() ? "right" : "left"] = sPerValue;
 
 			// update the position of the advanced tooltip
 			if (this.getShowAdvancedTooltip() && oTooltipContainer.getDomRef()) {
@@ -1069,7 +1074,7 @@ function(
 
 				fNewValue = (((oTouch.pageX - this._fSliderPaddingLeft - this._fSliderOffsetLeft) / this._fSliderWidth) * (this.getMax() - fMin)) +  fMin;
 
-				if (sap.ui.getCore().getConfiguration().getRTL()) {
+				if (Configuration.getRTL()) {
 					fNewValue = this._convertValueToRtlMode(fNewValue);
 				}
 
@@ -1118,7 +1123,7 @@ function(
 				fNewValue = (((iPageX - this._fDiffX - this._fSliderOffsetLeft) / this._fSliderWidth) * (this.getMax() - fMin)) +  fMin;
 
 			// RTL mirror
-			if (sap.ui.getCore().getConfiguration().getRTL()) {
+			if (Configuration.getRTL()) {
 				fNewValue = this._convertValueToRtlMode(fNewValue);
 			}
 

package/src/sap/m/SliderRenderer.js

@@ -4,8 +4,8 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-sap.ui.define(['./SliderUtilities', "sap/ui/core/InvisibleText"],
-	function(SliderUtilities, InvisibleText) {
+sap.ui.define(['./SliderUtilities', "sap/ui/core/InvisibleText", "sap/ui/core/Configuration"],
+	function(SliderUtilities, InvisibleText, Configuration) {
 		"use strict";
 
 		/**
@@ -117,7 +117,7 @@ sap.ui.define(['./SliderUtilities', "sap/ui/core/InvisibleText"],
 			}
 
 			this.addHandleClass(oRm, oSlider);
-			oRm.style(sap.ui.getCore().getConfiguration().getRTL() ? "right" : "left", oSlider._sProgressValue);
+			oRm.style(Configuration.getRTL() ? "right" : "left", oSlider._sProgressValue);
 			this.writeAccessibilityState(oRm, oSlider, mOptions);
 
 
@@ -244,7 +244,7 @@ sap.ui.define(['./SliderUtilities', "sap/ui/core/InvisibleText"],
 
 		SliderRenderer.renderTickmarksLabel = function (oRm, oSlider, fValue) {
 			var fOffset = oSlider._getPercentOfValue(fValue);
-			var sLeftOrRightPosition = sap.ui.getCore().getConfiguration().getRTL() ? "right" : "left";
+			var sLeftOrRightPosition = Configuration.getRTL() ? "right" : "left";
 			var sValue;
 			fValue = oSlider.toFixed(fValue, oSlider.getDecimalPrecisionOfNumber(oSlider.getStep()));
 

package/src/sap/m/SliderTooltip.js

@@ -42,13 +42,12 @@ function(
 		 * @extends sap.m.SliderTooltipBase
 		 *
 		 * @author SAP SE
-		 * @version 1.106.0
+		 * @version 1.107.0
 		 *
 		 * @constructor
 		 * @private
 		 * @since 1.54
 		 * @alias sap.m.SliderTooltip
-		 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		var SliderTooltip = SliderTooltipBase.extend("sap.m.SliderTooltip", /** @lends sap.m.SliderTooltip.prototype */ {
 			metadata: {
@@ -105,10 +104,13 @@ function(
 						}
 					}
 				}
-			}
+			},
+
+			renderer: SliderTooltipRenderer
 		});
 
 		SliderTooltip.prototype.init = function () {
+			SliderTooltipBase.prototype.init.apply(this, arguments);
 			this._oValueStateMessage = new ValueStateMessage(this);
 
 			this._fLastValidValue = 0;
@@ -122,8 +124,6 @@ function(
 		};
 
 		SliderTooltip.prototype.onBeforeRendering = function () {
-			SliderTooltipBase.prototype.setValue.call(this, this.getValue());
-
 			if (!this.oInvisibleMessage) {
 				this.oInvisibleMessage = InvisibleMessage.getInstance();
 			}

package/src/sap/m/SliderTooltipBase.js

@@ -21,18 +21,19 @@ function(Control, Library, SliderTooltipBaseRenderer) {
 		 * @abstract
 		 *
 		 * @author SAP SE
-		 * @version 1.106.0
+		 * @version 1.107.0
 		 *
 		 * @constructor
 		 * @public
 		 * @since 1.56
 		 * @alias sap.m.SliderTooltipBase
-		 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 		 */
 		var SliderTooltipBase = Control.extend("sap.m.SliderTooltipBase", /** @lends sap.m.SliderTooltipBase.prototype */ {
 			metadata: {
 				library: "sap.m"
-			}
+			},
+
+			renderer: SliderTooltipBaseRenderer
 		});
 
 		SliderTooltipBase.prototype.init = function () {

package/src/sap/m/SliderTooltipContainer.js

@@ -10,7 +10,8 @@ sap.ui.define([
 	'sap/ui/core/Control',
 	'sap/ui/core/Popup',
 	'./SliderTooltipContainerRenderer',
-	"sap/ui/thirdparty/jquery"
+	"sap/ui/thirdparty/jquery",
+	"sap/ui/core/Configuration"
 ],
 function(
 	Library,
@@ -18,7 +19,8 @@ function(
 	Control,
 	Popup,
 	SliderTooltipContainerRenderer,
-	jQuery
+	jQuery,
+	Configuration
 ) {
 		"use strict";
 
@@ -35,7 +37,7 @@ function(
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.106.0
+		 * @version 1.107.0
 		 *
 		 * @constructor
 		 * @private
@@ -64,7 +66,9 @@ function(
 					 */
 					associatedTooltips: { type: "sap.m.SliderTooltipBase", multiple: true }
 				}
-			}
+			},
+
+			renderer: SliderTooltipContainerRenderer
 		});
 
 		SliderTooltipContainer.prototype.init = function () {
@@ -79,7 +83,7 @@ function(
 			this._bClosedFromOverflow = false;
 
 			// indicates whether RTL is switched on
-			this._bRtl = sap.ui.getCore().getConfiguration().getRTL();
+			this._bRtl = Configuration.getRTL();
 		};
 
 		SliderTooltipContainer.prototype._handleTabNavigation = function (oEvent) {
@@ -351,7 +355,7 @@ function(
 		};
 
 		SliderTooltipContainer.prototype.onBeforeRendering = function () {
-			this._bRtl = sap.ui.getCore().getConfiguration().getRTL();
+			this._bRtl = Configuration.getRTL();
 		};
 
 		SliderTooltipContainer.prototype.exit = function () {