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

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

@@ -11,18 +11,14 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _Integer = _interopRequireDefault(_Integer);
   _ResizeHandler = _interopRequireDefault(_ResizeHandler);
   _SliderBase = _interopRequireDefault(_SliderBase);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Styles
 
   /**
    * @public
    */
   const metadata = {
-    properties:
-    /** @lends sap.ui.webcomponents.main.SliderBase.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.SliderBase.prototype */{
       /**
        * Defines the minimum value of the slider.
        *
@@ -34,7 +30,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: _Float.default,
         defaultValue: 0
       },
-
       /**
        * Defines the maximum value of the slider.
        *
@@ -46,7 +41,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: _Float.default,
         defaultValue: 100
       },
-
       /**
        * 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).
        * <br><br>
@@ -60,7 +54,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: _Float.default,
         defaultValue: 1
       },
-
       /**
        * Displays a label with a value on every N-th step.
        * <br><br>
@@ -76,7 +69,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: _Integer.default,
         defaultValue: 0
       },
-
       /**
        * Enables tickmarks visualization for each step.
        * <br><br>
@@ -89,7 +81,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       showTickmarks: {
         type: Boolean
       },
-
       /**
        * Enables handle tooltip displaying the current value.
        *
@@ -100,7 +91,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       showTooltip: {
         type: Boolean
       },
-
       /**
        * Defines whether the slider is in disabled state.
        *
@@ -111,7 +101,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       disabled: {
         type: Boolean
       },
-
       /**
        * Defines the accessible aria name of the component.
        *
@@ -123,7 +112,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       accessibleName: {
         type: String
       },
-
       /**
        * @private
        */
@@ -138,9 +126,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: Boolean
       }
     },
-    events:
-    /** @lends sap.ui.webcomponents.main.SliderBase.prototype */
-    {
+    events: /** @lends sap.ui.webcomponents.main.SliderBase.prototype */{
       /**
        * Fired when the value changes and the user has finished interacting with the slider.
        *
@@ -148,7 +134,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
        * @public
       */
       change: {},
-
       /**
        * Fired when the value changes due to user interaction that is not yet finished - during mouse/touch dragging.
        *
@@ -158,6 +143,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       input: {}
     }
   };
+
   /**
    * @class
    *
@@ -171,7 +157,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * @tagname ui5-slider
    * @public
    */
-
   class SliderBase extends _UI5Element.default {
     constructor() {
       super();
@@ -184,55 +169,44 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         max: null,
         labelInterval: null
       };
-
       const handleTouchStartEvent = event => {
         this._onmousedown(event);
       };
-
       this._ontouchstart = {
         handleEvent: handleTouchStartEvent,
         passive: true
       };
     }
-
     static get metadata() {
       return metadata;
     }
-
     static get render() {
       return _LitRenderer.default;
     }
-
     static get styles() {
       return _SliderBase.default;
     }
-
     static get UP_EVENTS() {
       return ["mouseup", "touchend"];
     }
-
     static get MOVE_EVENT_MAP() {
       return {
         mousedown: "mousemove",
         touchstart: "touchmove"
       };
     }
-
     static get ACTION_KEYS() {
       return [_Keys.isLeft, _Keys.isRight, _Keys.isUp, _Keys.isDown, _Keys.isLeftCtrl, _Keys.isRightCtrl, _Keys.isUpCtrl, _Keys.isDownCtrl, _Keys.isPlus, _Keys.isMinus, _Keys.isHome, _Keys.isEnd, _Keys.isPageUp, _Keys.isPageDown, _Keys.isEscape];
     }
-
     static get MIN_SPACE_BETWEEN_TICKMARKS() {
       return 8;
     }
-
     static get TOOLTIP_VISIBILITY() {
       return {
         VISIBLE: "visible",
         HIDDEN: "hidden"
       };
     }
-
     get classes() {
       return {
         root: {
@@ -243,15 +217,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         }
       };
     }
-
     onEnterDOM() {
       _ResizeHandler.default.register(this, this._resizeHandler);
     }
-
     onExitDOM() {
       _ResizeHandler.default.deregister(this, this._handleResize);
     }
-
     onAfterRendering() {
       // Only call if the resize is triggered by a state changes other than
       // the ones that occured on the previous resize and those caused by user interaction.
@@ -259,84 +230,74 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         this._resizeHandler();
       }
     }
+
     /** Shows the tooltip(s) if the <code>showTooltip</code> property is set to true
      *
      * @private
      */
-
-
     _onmouseover(event) {
       if (this.showTooltip) {
         this._tooltipVisibility = SliderBase.TOOLTIP_VISIBILITY.VISIBLE;
       }
     }
+
     /**
      * Hides the tooltip(s) if the <code>showTooltip</code> property is set to true
      *
      * @private
      */
-
-
     _onmouseout(event) {
       if (this.showTooltip && !this.shadowRoot.activeElement) {
         this._tooltipVisibility = SliderBase.TOOLTIP_VISIBILITY.HIDDEN;
       }
     }
+
     /**
      * Sets initial value when the component is focused in, can be restored with ESC key
      *
      * @private
      */
-
-
     _setInitialValue(valueType, value) {
       this[`_${valueType}Initial`] = value;
     }
-
     _getInitialValue(valueType) {
       return this[`_${valueType}Initial`];
     }
-
     _onkeydown(event) {
       if (this.disabled || this._effectiveStep === 0) {
         return;
       }
-
       if (SliderBase._isActionKey(event)) {
         event.preventDefault();
         this._isUserInteraction = true;
-
         this._handleActionKeyPress(event);
       }
     }
-
     _onkeyup(event) {
       if (this.disabled) {
         return;
       }
-
       this._isUserInteraction = false;
     }
+
     /**
      * Flags if an inner element is currently being focused
      *
      * @private
      */
-
-
     _preserveFocus(isFocusing) {
       this._isInnerElementFocusing = isFocusing;
     }
+
     /**
      * Return if an inside element within the component is currently being focused
      *
      * @private
      */
-
-
     _isFocusing() {
       return this._isInnerElementFocusing;
     }
+
     /**
      * Prevent focus out when inner element within the component is currently being in process of focusing in.
      * In theory this can be achieved either if the shadow root is focusable and 'delegatesFocus' attribute of
@@ -360,56 +321,53 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
      *
      * @private
      */
-
-
     _preventFocusOut() {
       this.focusInnerElement();
     }
+
     /**
      * Manages the focus between the component's inner elements
      * @protected
      */
-
-
     focusInnerElement() {
       this.focus();
     }
+
     /**
      * Handle the responsiveness of the Slider's UI elements when resizing
      *
      * @private
      */
-
-
     _handleResize() {
       if (!this.showTickmarks) {
         return;
-      } // Mark resizing to avoid unneccessary calls to that function after rendering
+      }
 
+      // Mark resizing to avoid unneccessary calls to that function after rendering
+      this.notResized = false;
 
-      this.notResized = false; // Convert the string represented calculation expression to a normal one
+      // Convert the string represented calculation expression to a normal one
       // Check the distance  in pixels exist between every tickmark
+      const spaceBetweenTickmarks = this._spaceBetweenTickmarks();
 
-      const spaceBetweenTickmarks = this._spaceBetweenTickmarks(); // If the pixels between the tickmarks are less than 8 only the first and the last one should be visible
+      // If the pixels between the tickmarks are less than 8 only the first and the last one should be visible
       // In such case the labels must correspond to the tickmarks, only the first and the last one should exist.
-
-
       if (spaceBetweenTickmarks < SliderBase.MIN_SPACE_BETWEEN_TICKMARKS) {
         this._hiddenTickmarks = true;
         this._labelsOverlapping = true;
       } else {
         this._hiddenTickmarks = false;
       }
-
       if (this.labelInterval <= 0 || this._hiddenTickmarks) {
         return;
-      } // Check if there are any overlapping labels.
-      // If so - only the first and the last one should be visible
-
+      }
 
+      // Check if there are any overlapping labels.
+      // If so - only the first and the last one should be visible
       const labelItems = this.shadowRoot.querySelectorAll(".ui5-slider-labels li");
       this._labelsOverlapping = [...labelItems].some(label => label.scrollWidth > label.clientWidth);
     }
+
     /**
      * Called when the user starts interacting with the slider.
      * After a down event on the slider root, listen for move events on window, so the slider value
@@ -417,212 +375,192 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
      *
      * @protected
      */
-
-
     handleDownBase(event) {
       const min = this._effectiveMin;
       const max = this._effectiveMax;
       const domRect = this.getBoundingClientRect();
       const directionStart = this.directionStart;
       const step = this._effectiveStep;
-      const newValue = SliderBase.getValueFromInteraction(event, step, min, max, domRect, directionStart); // Mark start of a user interaction
-
-      this._isUserInteraction = true; // Only allow one type of move event to be listened to (the first one registered after the down event)
+      const newValue = SliderBase.getValueFromInteraction(event, step, min, max, domRect, directionStart);
 
+      // Mark start of a user interaction
+      this._isUserInteraction = true;
+      // Only allow one type of move event to be listened to (the first one registered after the down event)
       this._moveEventType = !this._moveEventType ? SliderBase.MOVE_EVENT_MAP[event.type] : this._moveEventType;
       SliderBase.UP_EVENTS.forEach(upEventType => window.addEventListener(upEventType, this._upHandler));
       window.addEventListener(this._moveEventType, this._moveHandler);
-
       this._handleFocusOnMouseDown(event);
-
       return newValue;
     }
+
     /**
      * Forward the focus to an inner inner part within the component on press
      *
      * @private
      */
-
-
     _handleFocusOnMouseDown(event) {
       const focusedElement = this.shadowRoot.activeElement;
-
       if (!focusedElement || focusedElement !== event.target) {
         this._preserveFocus(true);
-
         this.focusInnerElement();
       }
     }
+
     /**
      * Called when the user finish interacting with the slider
      * Fires an <code>change</code> event indicating a final value change, after user interaction is finished.
      *
      * @protected
      */
-
-
     handleUpBase(valueType) {
       SliderBase.UP_EVENTS.forEach(upEventType => window.removeEventListener(upEventType, this._upHandler));
       window.removeEventListener(this._moveEventType, this._moveHandler);
       this._moveEventType = null;
       this._isUserInteraction = false;
-
       this._preserveFocus(false);
     }
+
     /**
      * Updates value property of the component that has been changed due to a user action.
      * Fires an <code>input</code> event indicating a value change via interaction that is not yet finished.
      *
      * @protected
      */
-
-
     updateValue(valueType, value) {
       this[valueType] = value;
       this.storePropertyState(valueType);
-
       if (this._isUserInteraction) {
         this.fireEvent("input");
       }
     }
+
     /**
      * Goes through the key shortcuts available for the component and returns 'true' if the event is triggered by one.
      *
      * @private
      */
-
-
     static _isActionKey(event) {
       return this.ACTION_KEYS.some(actionKey => actionKey(event));
     }
+
     /**
      * Locks the given value between min and max boundaries based on slider properties
      *
      * @protected
      */
-
-
     static clipValue(value, min, max) {
       value = Math.min(Math.max(value, min), max);
       return value;
     }
+
     /**
      * Sets the slider value from an event
      *
      * @protected
      */
-
-
     static getValueFromInteraction(event, stepSize, min, max, boundingClientRect, directionStart) {
       const pageX = this.getPageXValueFromEvent(event);
       const value = this.computedValueFromPageX(pageX, min, max, boundingClientRect, directionStart);
       const steppedValue = this.getSteppedValue(value, stepSize, min);
       return this.clipValue(steppedValue, min, max);
     }
+
     /**
      * "Stepify" the raw value - calculate the new value depending on the specified step property
      *
      * @protected
      */
-
-
     static getSteppedValue(value, stepSize, min) {
       const stepModuloValue = Math.abs((value - min) % stepSize);
-
       if (stepSize === 0 || stepModuloValue === 0) {
         return value;
-      } // Clip (snap) the new value to the nearest step
-
+      }
 
-      value = stepModuloValue * 2 >= stepSize ? value + stepSize - stepModuloValue : value - stepModuloValue; // If the step value is not a round number get its precision
+      // Clip (snap) the new value to the nearest step
+      value = stepModuloValue * 2 >= stepSize ? value + stepSize - stepModuloValue : value - stepModuloValue;
 
+      // If the step value is not a round number get its precision
       const stepPrecision = SliderBase._getDecimalPrecisionOfNumber(stepSize);
-
       return value.toFixed(stepPrecision);
     }
+
     /**
      * Gets pageX value from event on user interaction with the Slider
      *
      * @protected
      */
-
-
     static getPageXValueFromEvent(event) {
       if (event.targetTouches && event.targetTouches.length > 0) {
         return event.targetTouches[0].pageX;
       }
-
       return event.pageX;
     }
+
     /**
      * Computes the new value (in %) from the pageX position of the cursor.
      * Returns the value rounded to a precision of at most 2 digits after decimal point.
      *
      * @protected
      */
-
-
     static computedValueFromPageX(pageX, min, max, boundingClientRect, directionStart) {
       // Determine pageX position relative to the Slider DOM
-      const xRelativePosition = directionStart === "left" ? pageX - boundingClientRect[directionStart] : boundingClientRect[directionStart] - pageX; // Calculate the percentage complete (the "progress")
-
-      const percentageComplete = xRelativePosition / boundingClientRect.width; // Fit (map) the complete percentage between the min/max value range
-
+      const xRelativePosition = directionStart === "left" ? pageX - boundingClientRect[directionStart] : boundingClientRect[directionStart] - pageX;
+      // Calculate the percentage complete (the "progress")
+      const percentageComplete = xRelativePosition / boundingClientRect.width;
+      // Fit (map) the complete percentage between the min/max value range
       return min + percentageComplete * (max - min);
     }
+
     /**
      * Calculates the precision (decimal places) of a number, returns 0 if integer
      * Handles scientific notation cases.
      * @private
      */
-
-
     static _getDecimalPrecisionOfNumber(value) {
       if (Number.isInteger(value)) {
         return 0;
       }
-
       const match = String(value).match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);
       return Math.max(0, (match[1] ? match[1].length : 0) - (match[2] ? Number(match[2]) : 0));
     }
+
     /**
      * Normalize current properties, update the previously stored state.
      *
      * @protected
      */
-
-
     syncUIAndState(...values) {
       // Validate step and update the stored state for the step property.
       if (this.isPropertyUpdated("step")) {
         this._validateStep(this.step);
-
         this.storePropertyState("step");
-      } // Recalculate the tickmarks and labels and update the stored state.
-
+      }
 
+      // Recalculate the tickmarks and labels and update the stored state.
       if (this.isPropertyUpdated("min", "max", ...values)) {
-        this.storePropertyState("min", "max"); // Here the value props are changed programatically (not by user interaction)
+        this.storePropertyState("min", "max");
+
+        // Here the value props are changed programatically (not by user interaction)
         // and it won't be "stepified" (rounded to the nearest step). 'Clip' them within
         // min and max bounderies and update the previous state reference.
-
         values.forEach(valueType => {
           const normalizedValue = SliderBase.clipValue(this[valueType], this._effectiveMin, this._effectiveMax);
           this.updateValue(valueType, normalizedValue);
           this.storePropertyState(valueType);
         });
-      } // Labels must be updated if any of the min/max/step/labelInterval props are changed
-
+      }
 
+      // Labels must be updated if any of the min/max/step/labelInterval props are changed
       if (this.labelInterval && this.showTickmarks) {
         this._createLabels();
-      } // Update the stored state for the labelInterval, if changed
-
+      }
 
+      // Update the stored state for the labelInterval, if changed
       if (this.isPropertyUpdated("labelInterval")) {
         this.storePropertyState("labelInterval");
       }
     }
+
     /**
      * In order to always keep the visual UI representation and the internal
      * state in sync, the component has a 'state storage' that is updated when the
@@ -637,148 +575,130 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
      *
      * @protected
      */
-
-
     isCurrentStateOutdated() {
       return Object.entries(this._stateStorage).some(([propName, propValue]) => this[propName] !== propValue);
     }
+
     /**
      * Returns the last stored value of a property
      *
      * @protected
      */
-
-
     getStoredPropertyState(property) {
       return this._stateStorage[property];
     }
+
     /**
      * Check if one or more properties have been updated compared to their last
      * saved values in the state storage.
      *
      * @protected
      */
-
-
     isPropertyUpdated(...properties) {
       return properties.some(prop => this.getStoredPropertyState(prop) !== this[prop]);
     }
+
     /**
      * Updates the previously saved in the _stateStorage values of one or more properties.
      *
      * @protected
      */
-
-
     storePropertyState(...props) {
       props.forEach(property => {
         this._stateStorage[property] = this[property];
       });
     }
+
     /**
      * Returns the start side of a direction - left for LTR, right for RTL
      */
-
-
     get directionStart() {
       return this.effectiveDir === "rtl" ? "right" : "left";
     }
+
     /**
      * Calculates the labels amout, width and text and creates them
      *
      * @private
      */
-
-
     _createLabels() {
       if (!this.labelInterval || !this.showTickmarks) {
         return;
       }
-
       const labelInterval = this.labelInterval;
       const step = this._effectiveStep;
-      const newNumberOfLabels = (this._effectiveMax - this._effectiveMin) / (step * labelInterval); // If the required labels are already rendered
+      const newNumberOfLabels = (this._effectiveMax - this._effectiveMin) / (step * labelInterval);
 
+      // If the required labels are already rendered
       if (newNumberOfLabels === this._oldNumberOfLabels) {
         return;
       }
-
       this._oldNumberOfLabels = newNumberOfLabels;
       this._labelWidth = 100 / newNumberOfLabels;
-      this._labelValues = []; // If the step value is not a round number get its precision
+      this._labelValues = [];
+
+      // If the step value is not a round number get its precision
+      const stepPrecision = SliderBase._getDecimalPrecisionOfNumber(step);
 
-      const stepPrecision = SliderBase._getDecimalPrecisionOfNumber(step); // numberOfLabels below can be float so that the "distance betweenlabels labels"
+      // numberOfLabels below can be float so that the "distance betweenlabels labels"
       // calculation to be precize (exactly the same as the distance between the tickmarks).
       // That's ok as the loop stop condition is set to an integer, so it will practically
       // "floor" the number of labels anyway.
-
-
       for (let i = 0; i <= newNumberOfLabels; i++) {
         // Format the label numbers with the same decimal precision as the value of the step property
         const labelItemNumber = (i * step * labelInterval + this._effectiveMin).toFixed(stepPrecision);
-
         this._labelValues.push(labelItemNumber);
       }
     }
-
     _handleActionKeyPressBase(event, affectedValue) {
       const isUpAction = SliderBase._isIncreaseValueAction(event);
-
       const isBigStep = SliderBase._isBigStepAction(event);
-
       const currentValue = this[affectedValue];
       const min = this._effectiveMin;
-      const max = this._effectiveMax; // We need to take into consideration the effective direction of the slider - rtl or ltr.
+      const max = this._effectiveMax;
+
+      // We need to take into consideration the effective direction of the slider - rtl or ltr.
       // While in ltr, the left arrow key decreases the value, in rtl it should actually increase it.
+      let step = this.effectiveDir === "rtl" ? -this._effectiveStep : this._effectiveStep;
 
-      let step = this.effectiveDir === "rtl" ? -this._effectiveStep : this._effectiveStep; // If the action key corresponds to a long step and the slider has more than 10 normal steps,
+      // If the action key corresponds to a long step and the slider has more than 10 normal steps,
       // make a jump of 1/10th of the Slider's length, otherwise just use the normal step property.
-
       step = isBigStep && (max - min) / step > 10 ? (max - min) / 10 : step;
-
       if ((0, _Keys.isEnd)(event)) {
         return max - currentValue;
       }
-
       if ((0, _Keys.isHome)(event)) {
         return (currentValue - min) * -1;
       }
-
       return isUpAction ? step : step * -1;
     }
-
     static _isDecreaseValueAction(event) {
       return (0, _Keys.isDown)(event) || (0, _Keys.isDownCtrl)(event) || (0, _Keys.isLeft)(event) || (0, _Keys.isLeftCtrl)(event) || (0, _Keys.isMinus)(event) || (0, _Keys.isPageDown)(event);
     }
-
     static _isIncreaseValueAction(event) {
       return (0, _Keys.isUp)(event) || (0, _Keys.isUpCtrl)(event) || (0, _Keys.isRight)(event) || (0, _Keys.isRightCtrl)(event) || (0, _Keys.isPlus)(event) || (0, _Keys.isPageUp)(event);
     }
-
     static _isBigStepAction(event) {
       return (0, _Keys.isDownCtrl)(event) || (0, _Keys.isUpCtrl)(event) || (0, _Keys.isLeftCtrl)(event) || (0, _Keys.isRightCtrl)(event) || (0, _Keys.isPageUp)(event) || (0, _Keys.isPageDown)(event);
     }
-
     get _tickmarksCount() {
       return (this._effectiveMax - this._effectiveMin) / this._effectiveStep;
     }
+
     /**
      * Calculates space between tickmarks
      *
      * @private
      */
-
-
     _spaceBetweenTickmarks() {
       return this.getBoundingClientRect().width / this._tickmarksCount;
     }
+
     /**
      * Notify in case of a invalid step value type
      *
      * @private
      */
-
-
     _validateStep(step) {
       if (step === 0) {
         console.warn("The 'step' property must be a positive float number"); // eslint-disable-line
@@ -796,46 +716,36 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     get _labels() {
       return this._labelValues || [];
     }
+
     /**
      * Normalizes a new <code>step</code> property value.
      * If tickmarks are enabled recreates them according to it.
      *
      * @private
      */
-
-
     get _effectiveStep() {
       let step = this.step;
-
       if (step < 0) {
         step = Math.abs(step);
       }
-
       if (typeof step !== "number" || Number.isNaN(step)) {
         step = 1;
       }
-
       return step;
     }
-
     get _effectiveMin() {
       return Math.min(this.min, this.max);
     }
-
     get _effectiveMax() {
       return Math.max(this.min, this.max);
     }
-
     get tabIndex() {
       return this.disabled ? "-1" : "0";
     }
-
     get _ariaLabelledByHandleRefs() {
       return [`${this._id}-accName`, `${this._id}-sliderDesc`].join(" ").trim();
     }
-
   }
-
   var _default = SliderBase;
   _exports.default = _default;
 });