@openui5/sap.ui.webc.main 1.111.0 → 1.112.0

package/src/sap/ui/webc/main/thirdparty/RangeSlider.js

@@ -10,10 +10,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Float", "sap
   _Icon = _interopRequireDefault(_Icon);
   _RangeSliderTemplate = _interopRequireDefault(_RangeSliderTemplate);
   _RangeSlider = _interopRequireDefault(_RangeSlider);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Texts
+
   // Styles
 
   /**
@@ -23,9 +22,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Float", "sap
     tag: "ui5-range-slider",
     languageAware: true,
     managedSlots: true,
-    properties:
-    /** @lends sap.ui.webcomponents.main.RangeSlider.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.RangeSlider.prototype */{
       /**
        * Defines start point of a selection - position of a first handle on the slider.
        * <br><br>
@@ -38,7 +35,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Float", "sap
         type: _Float.default,
         defaultValue: 0
       },
-
       /**
        * Defines end point of a selection - position of a second handle on the slider.
        * <br><br>
@@ -56,6 +52,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Float", "sap
       }
     }
   };
+
   /**
    * @class
    *
@@ -114,64 +111,48 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Float", "sap
    * @since 1.0.0-rc.11
    * @public
    */
-
   class RangeSlider extends _SliderBase.default {
     static get metadata() {
       return metadata;
     }
-
     static get template() {
       return _RangeSliderTemplate.default;
     }
-
     static get VALUES() {
       return {
         start: "startValue",
         end: "endValue"
       };
     }
-
     static get dependencies() {
       return [_Icon.default];
     }
-
     static get styles() {
       return [_SliderBase.default.styles, _RangeSlider.default];
     }
-
     constructor() {
       super();
       this._stateStorage.startValue = null;
       this._stateStorage.endValue = null;
     }
-
     get tooltipStartValue() {
       const stepPrecision = this.constructor._getDecimalPrecisionOfNumber(this._effectiveStep);
-
       return this.startValue.toFixed(stepPrecision);
     }
-
     get tooltipEndValue() {
       const stepPrecision = this.constructor._getDecimalPrecisionOfNumber(this._effectiveStep);
-
       return this.endValue.toFixed(stepPrecision);
     }
-
     get _ariaDisabled() {
       return this.disabled || undefined;
     }
-
     get _ariaLabelledByText() {
       return RangeSlider.i18nBundle.getText(_i18nDefaults.RANGE_SLIDER_ARIA_DESCRIPTION);
     }
-
     get _ariaHandlesText() {
       const isRTL = this.effectiveDir === "rtl";
-
       const isReversed = this._areValuesReversed();
-
       const ariaHandlesText = {};
-
       if (isRTL && !isReversed || !isRTL && isReversed) {
         ariaHandlesText.startHandleText = RangeSlider.i18nBundle.getText(_i18nDefaults.RANGE_SLIDER_END_HANDLE_DESCRIPTION);
         ariaHandlesText.endHandleText = RangeSlider.i18nBundle.getText(_i18nDefaults.RANGE_SLIDER_START_HANDLE_DESCRIPTION);
@@ -179,9 +160,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Float", "sap
         ariaHandlesText.startHandleText = RangeSlider.i18nBundle.getText(_i18nDefaults.RANGE_SLIDER_START_HANDLE_DESCRIPTION);
         ariaHandlesText.endHandleText = RangeSlider.i18nBundle.getText(_i18nDefaults.RANGE_SLIDER_END_HANDLE_DESCRIPTION);
       }
-
       return ariaHandlesText;
     }
+
     /**
      * Check if the previously saved state is outdated. That would mean
      * either it is the initial rendering or that a property has been changed
@@ -192,32 +173,26 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Float", "sap
      * Update the visual UI representation of the Slider.
      *
      */
-
-
     onBeforeRendering() {
       if (!this.isCurrentStateOutdated()) {
         return;
       }
-
       this.notResized = true;
       this.syncUIAndState("startValue", "endValue");
-
       this._updateHandlesAndRange(null);
     }
-
     _onfocusin(event) {
       // If this is the initial focusin of the component save its initial
       // value properties so they could be restored on ESC key press
       if (!this._getInitialValue("endValue")) {
         this._setInitialValue("startValue", this.startValue);
-
         this._setInitialValue("endValue", this.endValue);
       }
-
       if (this.showTooltip) {
         this._tooltipVisibility = _SliderBase.default.TOOLTIP_VISIBILITY.VISIBLE;
       }
     }
+
     /**
      * Handles focus out event of the focusable components inner elements.
      * Prevent focusout when the focus is getting initially set within the slider before the
@@ -230,25 +205,19 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Float", "sap
      *
      * @private
      */
-
-
     _onfocusout(event) {
       if (this._isFocusing()) {
         this._preventFocusOut();
-
         return;
       }
-
       this._setAffectedValue(null);
-
       this._setInitialValue("startValue", null);
-
       this._setInitialValue("endValue", null);
-
       if (this.showTooltip) {
         this._tooltipVisibility = _SliderBase.default.TOOLTIP_VISIBILITY.HIDDEN;
       }
     }
+
     /**
     * Handles keyup logic. If one of the handles came across the other
     * swap the start and end values. Reset the affected value by the finished
@@ -256,46 +225,39 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Float", "sap
     *
     * @private
     */
-
-
     _onkeyup(event) {
       super._onkeyup(event);
-
       this._swapValues();
-
       this._setAffectedValue(null);
     }
-
     _handleActionKeyPress(event) {
       if ((0, _Keys.isEscape)(event)) {
         this.update(null, this._getInitialValue("startValue"), this._getInitialValue("endValue"));
         return;
-      } // Set the target of the interaction based on the focused inner element
-
+      }
 
+      // Set the target of the interaction based on the focused inner element
       this._setAffectedValueByFocusedElement();
-
       const min = this._effectiveMin;
       const max = this._effectiveMax;
-      const affectedValue = this._valueAffected; // If home/end key is pressed and no single handle is focused the active element
+      const affectedValue = this._valueAffected;
+
+      // If home/end key is pressed and no single handle is focused the active element
       // is the range selection - update both start and end values. Otherwise, if 'home'
       // is pressed the 'startValue'will be used for the start-handle offset calculation,
       // if 'End' is pressed - the 'endValue' will be used for the end-handle update.
-
       if (((0, _Keys.isEnd)(event) || (0, _Keys.isHome)(event)) && !affectedValue) {
         this._homeEndForSelectedRange(event, (0, _Keys.isHome)(event) ? "startValue" : "endValue", min, max);
-
         return;
-      } // Calculate how much the value should be increased/decreased based on the action key
-
+      }
 
+      // Calculate how much the value should be increased/decreased based on the action key
       const newValueOffset = this._handleActionKeyPressBase(event, affectedValue);
-
       if (!newValueOffset) {
         return;
-      } // Update a single value if one of the handles is focused or the range if not already at min or max
-
+      }
 
+      // Update a single value if one of the handles is focused or the range if not already at min or max
       if (affectedValue && !this._isPressInCurrentRange) {
         const newValue = this.constructor.clipValue(newValueOffset + this[affectedValue], min, max);
         this.update(affectedValue, newValue, null);
@@ -305,44 +267,39 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Float", "sap
         this.update(affectedValue, newStartValue, newEndValue);
       }
     }
+
     /**
      * Determines affected value (start/end) depending on the currently
      * active inner element within the Range Slider - used in the keyboard handling.
      *
      * @private
      */
-
-
     _setAffectedValueByFocusedElement() {
       if (this.shadowRoot.activeElement === this._startHandle) {
         this._setAffectedValue(RangeSlider.VALUES.start);
       }
-
       if (this.shadowRoot.activeElement === this._endHandle) {
         this._setAffectedValue(RangeSlider.VALUES.end);
       }
-
       if (this.shadowRoot.activeElement === this._progressBar) {
         this._setAffectedValue(null);
       }
-
       this._setIsPressInCurrentRange(!this._valueAffected);
     }
+
     /**
      * Calculates the start and end values when the 'Home" or 'End' keys
      * are pressed on the selected range bar.
      *
      * @private
      */
-
-
     _homeEndForSelectedRange(event, affectedValue, min, max) {
       const newValueOffset = this._handleActionKeyPressBase(event, affectedValue);
-
       const newStartValue = this.constructor.clipValue(newValueOffset + this.startValue, min, max);
       const newEndValue = this.constructor.clipValue(newValueOffset + this.endValue, min, max);
       this.update(null, newStartValue, newEndValue);
     }
+
     /**
      * Update values, stored inner state and the visual UI representation of the component.
      * If no specific type of value property is passed - the range is selected - update both handles,
@@ -350,51 +307,47 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Float", "sap
      *
      * @private
      */
-
-
     update(affectedValue, startValue, endValue) {
       if (!affectedValue) {
         this.updateValue("startValue", startValue);
         this.updateValue("endValue", endValue);
-
         this._updateHandlesAndRange(null);
       } else {
         const newValue = startValue;
-
         this._updateHandlesAndRange(newValue);
-
         this.updateValue(affectedValue, newValue);
       }
     }
+
     /**
      * Called when the user starts interacting with the slider
      *
      * @private
      */
-
-
     _onmousedown(event) {
       // If step is 0 no interaction is available because there is no constant
       // (equal for all user environments) quantitative representation of the value
       if (this.disabled || this._effectiveStep === 0) {
         return;
-      } // Calculate the new value from the press position of the event
-
+      }
 
-      const newValue = this.handleDownBase(event); // Determine the rest of the needed details from the start of the interaction.
+      // Calculate the new value from the press position of the event
+      const newValue = this.handleDownBase(event);
 
+      // Determine the rest of the needed details from the start of the interaction.
       this._saveInteractionStartData(event, newValue);
+      this.rangePressed = this._isPressInCurrentRange;
 
-      this.rangePressed = this._isPressInCurrentRange; // Do not yet update the RangeSlider if press is in range or over a handle.
-
+      // Do not yet update the RangeSlider if press is in range or over a handle.
       if (this._isPressInCurrentRange || this._handeIsPressed) {
         this._handeIsPressed = false;
         return;
-      } // Update Slider UI and internal state
-
+      }
 
+      // Update Slider UI and internal state
       this.update(this._valueAffected, newValue, null);
     }
+
     /**
      * Determines and saves needed values from the start of the interaction:
      *
@@ -405,95 +358,84 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Float", "sap
      *
      * @private
      */
-
-
     _saveInteractionStartData(event, newValue) {
-      const progressBarDom = this.shadowRoot.querySelector(".ui5-slider-progress").getBoundingClientRect(); // Save the state of the value properties on the start of the interaction
+      const progressBarDom = this.shadowRoot.querySelector(".ui5-slider-progress").getBoundingClientRect();
 
+      // Save the state of the value properties on the start of the interaction
       this._startValueAtBeginningOfAction = this.startValue;
-      this._endValueAtBeginningOfAction = this.endValue; // Save the initial press point coordinates (position)
-
-      this._initialPageXPosition = this.constructor.getPageXValueFromEvent(event); // Which element of the Range Slider is pressed and which value property to be modified on further interaction
-
-      this._pressTargetAndAffectedValue(this._initialPageXPosition, newValue); // Use the progress bar to save the initial coordinates of the start-handle when the interaction begins.
-
+      this._endValueAtBeginningOfAction = this.endValue;
 
+      // Save the initial press point coordinates (position)
+      this._initialPageXPosition = this.constructor.getPageXValueFromEvent(event);
+      // Which element of the Range Slider is pressed and which value property to be modified on further interaction
+      this._pressTargetAndAffectedValue(this._initialPageXPosition, newValue);
+      // Use the progress bar to save the initial coordinates of the start-handle when the interaction begins.
       this._initialStartHandlePageX = this.directionStart === "left" ? progressBarDom.left : progressBarDom.right;
     }
+
     /**
      * Called when the user moves the slider
      *
      * @private
      */
-
-
     _handleMove(event) {
-      event.preventDefault(); // If 'step' is 0 no interaction is available as there is no constant quantitative representation of the value
+      event.preventDefault();
 
+      // If 'step' is 0 no interaction is available as there is no constant quantitative representation of the value
       if (this.disabled || this._effectiveStep === 0) {
         return;
-      } // Update UI and state when dragging a single Range Slider handle
-
+      }
 
+      // Update UI and state when dragging a single Range Slider handle
       if (!this._isPressInCurrentRange) {
         this._updateValueOnHandleDrag(event);
-
         return;
-      } // Updates UI and state when dragging of the whole selected range
-
+      }
 
+      // Updates UI and state when dragging of the whole selected range
       this._updateValueOnRangeDrag(event);
     }
+
     /**
      * Updates UI and state when dragging a single Range Slider handle
      *
      * @private
      */
-
-
     _updateValueOnHandleDrag(event) {
       const newValue = this.constructor.getValueFromInteraction(event, this._effectiveStep, this._effectiveMin, this._effectiveMax, this.getBoundingClientRect(), this.directionStart);
       this.update(this._valueAffected, newValue, null);
     }
+
     /**
      * Updates UI and state when dragging of the whole selected range
      *
      * @private
      */
-
-
     _updateValueOnRangeDrag(event) {
       // Calculate the new 'start' and 'end' values from the offset between the original press point and the current position of the mouse
       const currentPageXPos = this.constructor.getPageXValueFromEvent(event);
+      const newValues = this._calculateRangeOffset(currentPageXPos, this._initialStartHandlePageX);
 
-      const newValues = this._calculateRangeOffset(currentPageXPos, this._initialStartHandlePageX); // No matter the which value is set as the one to be modified (by prev. user action) we want to modify both of them
-
-
-      this._setAffectedValue(null); // Update the UI and the state acccording to the calculated new values
-
+      // No matter the which value is set as the one to be modified (by prev. user action) we want to modify both of them
+      this._setAffectedValue(null);
 
+      // Update the UI and the state acccording to the calculated new values
       this.update(null, newValues[0], newValues[1]);
     }
-
     _handleUp() {
       if (this.startValue !== this._startValueAtBeginningOfAction || this.endValue !== this._endValueAtBeginningOfAction) {
         this.fireEvent("change");
       }
-
       this._swapValues();
-
       this._setAffectedValueByFocusedElement();
-
       this._setAffectedValue(null);
-
       this._startValueAtBeginningOfAction = null;
       this._endValueAtBeginningOfAction = null;
-
       this._setIsPressInCurrentRange(false);
-
       this.handleUpBase();
       this.rangePressed = false;
     }
+
     /**
      * Determines where the press occured and which values of the Range Slider
      * handles should be updated on further interaction.
@@ -508,36 +450,36 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Float", "sap
      *
      * @private
      */
-
-
     _pressTargetAndAffectedValue(clientX, value) {
       const startHandle = this.shadowRoot.querySelector(".ui5-slider-handle--start");
-      const endHandle = this.shadowRoot.querySelector(".ui5-slider-handle--end"); // Check if the press point is in the bounds of any of the Range Slider handles
+      const endHandle = this.shadowRoot.querySelector(".ui5-slider-handle--end");
 
+      // Check if the press point is in the bounds of any of the Range Slider handles
       const handleStartDomRect = startHandle.getBoundingClientRect();
       const handleEndDomRect = endHandle.getBoundingClientRect();
       const inHandleStartDom = clientX >= handleStartDomRect.left && clientX <= handleStartDomRect.right;
-      const inHandleEndDom = clientX >= handleEndDomRect.left && clientX <= handleEndDomRect.right; // Remove the flag for value in current range if the press action is over one of the handles
+      const inHandleEndDom = clientX >= handleEndDomRect.left && clientX <= handleEndDomRect.right;
 
+      // Remove the flag for value in current range if the press action is over one of the handles
       if (inHandleEndDom || inHandleStartDom) {
         this._handeIsPressed = true;
-      } // Return that handle that is closer to the press point
-
+      }
 
+      // Return that handle that is closer to the press point
       if (inHandleEndDom || value > this.endValue) {
         this._setAffectedValue(RangeSlider.VALUES.end);
-      } // If one of the handle is pressed return that one
-
+      }
 
+      // If one of the handle is pressed return that one
       if (inHandleStartDom || value < this.startValue) {
         this._setAffectedValue(RangeSlider.VALUES.start);
-      } // Flag if press is in the current select range
-
+      }
 
+      // Flag if press is in the current select range
       const isNewValueInCurrentRange = value >= this._startValueAtBeginningOfAction && value <= this._endValueAtBeginningOfAction;
-
       this._setIsPressInCurrentRange(!(this._valueAffected || this._handeIsPressed) ? isNewValueInCurrentRange : false);
     }
+
     /**
      * Sets the value property (start/end) that will get updated
      * by a user action depending on that user action's characteristics
@@ -547,26 +489,25 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Float", "sap
      * @param {string} valuePropAffectedByInteraction The value that will get modified by the interaction
      * @private
      */
-
-
     _setAffectedValue(valuePropAffectedByInteraction) {
-      this._valueAffected = valuePropAffectedByInteraction; // If the values have been swapped reset the reversed flag
+      this._valueAffected = valuePropAffectedByInteraction;
 
+      // If the values have been swapped reset the reversed flag
       if (this._areValuesReversed()) {
         this._setValuesAreReversed();
       }
     }
+
     /**
      * Flag if press action is made on the currently selected range of values
      *
      * @param {boolean} isPressInCurrentRange Did the current press action occur in the current range (between the two handles)
      * @private
      */
-
-
     _setIsPressInCurrentRange(isPressInCurrentRange) {
       this._isPressInCurrentRange = isPressInCurrentRange;
     }
+
     /**
      * Manage the focus between the focusable inner elements within the component.
      *
@@ -592,25 +533,20 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Float", "sap
      *
      * @protected
      */
-
-
     focusInnerElement() {
       const isReversed = this._areValuesReversed();
-
       const affectedValue = this._valueAffected;
-
       if (this._isPressInCurrentRange || !affectedValue) {
         this._progressBar.focus();
       }
-
       if (affectedValue === RangeSlider.VALUES.start && !isReversed || affectedValue === RangeSlider.VALUES.end && isReversed) {
         this._startHandle.focus();
       }
-
       if (affectedValue === RangeSlider.VALUES.end && !isReversed || affectedValue === RangeSlider.VALUES.start && isReversed) {
         this._endHandle.focus();
       }
     }
+
     /**
      * Calculates startValue/endValue properties when the whole range is moved.
      *
@@ -622,26 +558,25 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Float", "sap
      *
      * @private
      */
-
-
     _calculateRangeOffset(currentPageXPos, initialStartHandlePageXPos) {
       // Return the current values if there is no difference in the
       // possitions of the initial press and the current pointer
       if (this._initialPageXPosition === currentPageXPos) {
         return [this.startValue, this.endValue];
       }
-
       const min = this._effectiveMin;
       const max = this._effectiveMax;
-      const selectedRange = this.endValue - this.startValue; // Computes the new value based on the difference of the current cursor location from the start of the interaction
-
-      let startValue = this._calculateStartValueByOffset(currentPageXPos, initialStartHandlePageXPos); // When the end handle reaches the max possible value prevent the start handle from moving
-      // And the opposite - if the start handle reaches the beginning of the slider keep the initially selected range.
+      const selectedRange = this.endValue - this.startValue;
 
+      // Computes the new value based on the difference of the current cursor location from the start of the interaction
+      let startValue = this._calculateStartValueByOffset(currentPageXPos, initialStartHandlePageXPos);
 
+      // When the end handle reaches the max possible value prevent the start handle from moving
+      // And the opposite - if the start handle reaches the beginning of the slider keep the initially selected range.
       startValue = this.constructor.clipValue(startValue, min, max - selectedRange);
       return [startValue, startValue + selectedRange];
     }
+
     /**
      * Computes the new value based on the difference of the current cursor location from the
      * start of the interaction.
@@ -651,8 +586,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Float", "sap
      *
      * @private
      */
-
-
     _calculateStartValueByOffset(currentPageXPos, initialStartHandlePageXPos) {
       const min = this._effectiveMin;
       const max = this._effectiveMax;
@@ -661,11 +594,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Float", "sap
       let startValue;
       let startValuePageX;
       let positionOffset;
+
       /* Depending on the dragging direction:
       - calculate the new position of the start handle from its old pageX value combined with the movement offset;
       - calculate the start value based on its new pageX coordinates;
       - 'stepify' the calculated value based on the specified step property; */
-
       if (currentPageXPos > this._initialPageXPosition) {
         // Difference between the new position of the pointer and when the press event initial occured
         positionOffset = currentPageXPos - this._initialPageXPosition;
@@ -678,26 +611,25 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Float", "sap
         startValue = this.constructor.computedValueFromPageX(startValuePageX, min, max, dom, this.directionStart);
         startValue = this.constructor.getSteppedValue(startValue, step, min);
       }
-
       return startValue;
     }
+
     /**
      * Updates the visual representation of the component by calculating
      * the styles of the handles and the range selection based on the new state.
      *
      * @private
      */
-
-
     _updateHandlesAndRange(newValue) {
       const max = this._effectiveMax;
       const min = this._effectiveMin;
       const prevStartValue = this.getStoredPropertyState("startValue");
       const prevEndValue = this.getStoredPropertyState("endValue");
-      const affectedValue = this._valueAffected; // The value according to which we update the UI can be either the startValue
+      const affectedValue = this._valueAffected;
+
+      // The value according to which we update the UI can be either the startValue
       // or the endValue property. It is determined in _getClosestHandle()
       // depending on to which handle is closer the user interaction.
-
       if (affectedValue === RangeSlider.VALUES.start) {
         this._selectedRange = (prevEndValue - newValue) / (max - min);
         this._firstHandlePositionFromStart = (newValue - min) / (max - min) * 100;
@@ -711,6 +643,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Float", "sap
         this._secondHandlePositionFromStart = (this.endValue - min) / (max - min) * 100;
       }
     }
+
     /**
      * Swaps the start and end values of the handles if one came accros the other:
      * - If the start value is greater than the endValue swap them and their handles
@@ -723,31 +656,24 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Float", "sap
      *
      * @private
      */
-
-
     _swapValues() {
       const affectedValue = this._valueAffected;
-
       if (affectedValue === RangeSlider.VALUES.start && this.startValue > this.endValue) {
         const prevEndValue = this.endValue;
         this.endValue = this.startValue;
         this.startValue = prevEndValue;
-
         this._setValuesAreReversed();
-
         this.focusInnerElement();
       }
-
       if (affectedValue === RangeSlider.VALUES.end && this.endValue < this.startValue) {
         const prevStartValue = this.startValue;
         this.startValue = this.endValue;
         this.endValue = prevStartValue;
-
         this._setValuesAreReversed();
-
         this.focusInnerElement();
       }
     }
+
     /**
      * Flag that we have swapped the values of the 'start' and 'end' properties,
      * to correctly switch the focus within the component from one handle to another
@@ -756,57 +682,43 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Float", "sap
      *
      * @private
      */
-
-
     _setValuesAreReversed() {
       this._reversedValues = !this._reversedValues;
     }
-
     _areValuesReversed() {
       return this._reversedValues;
     }
-
     get tickmarksObject() {
       const count = this._tickmarksCount;
       const arr = [];
-
       if (this._hiddenTickmarks) {
         return [false, false];
       }
-
       for (let i = 0; i <= count; i++) {
         const isBiggerThanStartValue = this._effectiveMin + i * this.step >= this.startValue;
         const isBiggerThanEndValue = this._effectiveMin + i * this.step <= this.endValue;
         arr.push(isBiggerThanStartValue && isBiggerThanEndValue);
       }
-
       return arr;
     }
-
     get _startHandle() {
       return this.shadowRoot.querySelector(".ui5-slider-handle--start");
     }
-
     get _endHandle() {
       return this.shadowRoot.querySelector(".ui5-slider-handle--end");
     }
-
     get _progressBar() {
       return this.shadowRoot.querySelector(".ui5-slider-progress");
     }
-
     get _ariaLabelledByStartHandleRefs() {
       return [`${this._id}-accName`, `${this._id}-startHandleDesc`].join(" ").trim();
     }
-
     get _ariaLabelledByEndHandleRefs() {
       return [`${this._id}-accName`, `${this._id}-endHandleDesc`].join(" ").trim();
     }
-
     get _ariaLabelledByProgressBarRefs() {
       return [`${this._id}-accName`, `${this._id}-sliderDesc`].join(" ").trim();
     }
-
     get styles() {
       return {
         progress: {
@@ -835,13 +747,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Float", "sap
         }
       };
     }
-
     static async onDefine() {
       RangeSlider.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
     }
-
   }
-
   RangeSlider.define();
   var _default = RangeSlider;
   _exports.default = _default;