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

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

@@ -12,9 +12,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _WheelSliderTemplate = _interopRequireDefault(_WheelSliderTemplate);
   _Button = _interopRequireDefault(_Button);
   _WheelSlider = _interopRequireDefault(_WheelSlider);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Styles
 
   /**
@@ -22,9 +20,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    */
   const metadata = {
     tag: "ui5-wheelslider",
-    properties:
-    /** @lends sap.ui.webcomponents.main.WheelSlider.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.WheelSlider.prototype */{
       /**
        * Defines whether the component is disabled
        * (default is set to <code>false</code>).
@@ -38,7 +34,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       disabled: {
         type: Boolean
       },
-
       /**
        * Defines the currently selected value
        * @type {string}
@@ -49,7 +44,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: String,
         defaultValue: "0"
       },
-
       /**
        * Defines the label of the wheelslider.
        * @type {string}
@@ -60,7 +54,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: String,
         defaultValue: ""
       },
-
       /**
        * Indicates if the wheelslider is expanded.
        * @type {boolean}
@@ -79,7 +72,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: Object,
         multiple: true
       },
-
       /**
        * Indicates if the wheelslider has a cyclic behaviour.
        * @type {boolean}
@@ -90,22 +82,16 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: Boolean
       }
     },
-    slots:
-    /** @lends sap.ui.webcomponents.main.WheelSlider.prototype */
-    {},
-    events:
-    /** @lends sap.ui.webcomponents.main.WheelSlider.prototype */
-    {
+    slots: /** @lends sap.ui.webcomponents.main.WheelSlider.prototype */{},
+    events: /** @lends sap.ui.webcomponents.main.WheelSlider.prototype */{
       /**
        * Fires when the wheel slider is expanded.
        */
       expand: {},
-
       /**
        * Fires when the wheel slider is collapsed.
        */
       collapse: {},
-
       /**
        *  Fires when new value is selected.
        */
@@ -120,6 +106,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   };
   const CELL_SIZE_COMPACT = 32;
   const CELL_SIZE_COZY = 46;
+
   /**
    * @class
    *
@@ -139,78 +126,59 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * @public
    * @since 1.0.0-rc.6
    */
-
   class WheelSlider extends _UI5Element.default {
     static get metadata() {
       return metadata;
     }
-
     static get render() {
       return _LitRenderer.default;
     }
-
     static get styles() {
       return _WheelSlider.default;
     }
-
     static get template() {
       return _WheelSliderTemplate.default;
     }
-
     constructor() {
       super();
       this._currentElementIndex = 0;
       this._itemsToShow = [];
       this._scroller = new _ScrollEnablement.default(this);
-
       this._scroller.attachEvent("scroll", this._updateScrolling.bind(this));
-
       this._scroller.attachEvent("mouseup", this._handleScrollTouchEnd.bind(this));
-
       this._scroller.attachEvent("touchend", this._handleScrollTouchEnd.bind(this));
     }
-
     onBeforeRendering() {
       if (!this.expanded && this.cyclic) {
         const index = this._currentElementIndex % this._items.length;
         this._currentElementIndex = this._timesMultipliedOnCyclic() / 2 * this._items.length + index;
       }
-
       if (!this.value) {
         this.value = this._items[0];
       }
-
       this._buildItemsToShow();
     }
-
     static get dependencies() {
       return [_Button.default];
     }
-
     onAfterRendering() {
       if (!this._scroller.scrollContainer) {
         this._scroller.scrollContainer = this.shadowRoot.querySelector(`#${this._id}--wrapper`);
       }
-
       if (!this.expanded) {
         this._scroller.scrollTo(0, 0);
       }
-
       if (this.expanded) {
         const elements = this.shadowRoot.querySelectorAll(".ui5-wheelslider-item");
-
         for (let i = 0; i < elements.length; i++) {
           if (elements[i].textContent === this.value) {
             this._selectElementByIndex(Number(elements[i].dataset.itemIndex) + this._getCurrentRepetition() * this._items.length);
-
             return true;
           }
         }
-
         this._selectElement(elements[0]);
       }
     }
-
     get classes() {
       return {
         root: {
@@ -219,93 +187,71 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         }
       };
     }
-
     expandSlider() {
       this.expanded = true;
       this.fireEvent("expand", {});
     }
-
     collapseSlider() {
       this.expanded = false;
       this.fireEvent("collapse", {});
     }
-
     get _itemCellHeight() {
       const defaultSize = (0, _getEffectiveContentDensity.default)(document.body) === "compact" ? CELL_SIZE_COMPACT : CELL_SIZE_COZY;
-
       if (this.shadowRoot.querySelectorAll(".ui5-wheelslider-item").length) {
         const itemComputedStyle = getComputedStyle(this.shadowRoot.querySelector(".ui5-wheelslider-item"));
         const itemHeightValue = itemComputedStyle.getPropertyValue("--_ui5_wheelslider_item_height");
         const onlyDigitsValue = itemHeightValue.replace("px", "");
         return Number(onlyDigitsValue) || defaultSize;
       }
-
       return defaultSize;
     }
-
     _updateScrolling() {
       const cellSizeInPx = this._itemCellHeight,
-            scrollWhere = this._scroller.scrollContainer.scrollTop;
+        scrollWhere = this._scroller.scrollContainer.scrollTop;
       let offsetIndex;
-
       if (!scrollWhere) {
         return;
       }
-
       offsetIndex = Math.round(scrollWhere / cellSizeInPx);
-
       if (this.value === this._itemsToShow[offsetIndex].value) {
         return;
       }
-
       if (this.cyclic) {
         const newIndex = this._handleArrayBorderReached(offsetIndex);
-
         if (offsetIndex !== newIndex) {
           offsetIndex = newIndex;
         }
       }
-
       this.value = this._itemsToShow[offsetIndex].value;
       this._currentElementIndex = offsetIndex;
     }
-
     _handleScrollTouchEnd() {
       if (this.expanded) {
         this._selectElementByIndex(this._currentElementIndex);
       }
     }
-
     _selectElement(element) {
       if (element && this._items.indexOf(element.textContent) > -1) {
         this._currentElementIndex = Number(element.dataset.itemIndex);
-
         this._selectElementByIndex(this._currentElementIndex);
       }
     }
-
     _getCurrentRepetition() {
       if (this._currentElementIndex) {
         return Math.floor(this._currentElementIndex / this._items.length);
       }
-
       return 0;
     }
-
     _selectElementByIndex(currentIndex) {
       let index = currentIndex;
       const itemsCount = this._itemsToShow.length;
       const cellSizeInPx = this._itemCellHeight;
       const scrollBy = cellSizeInPx * index;
-
       if (this.cyclic) {
         index = this._handleArrayBorderReached(index);
       }
-
       if (index < itemsCount && index > -1) {
         this._scroller.scrollTo(0, scrollBy, 5, 100); // sometimes the container isn't painted yet so retry 5 times (although it succeeds on the 1st)
-
-
         this._currentElementIndex = index;
         this.value = this._items[index - this._getCurrentRepetition() * this._items.length];
         this.fireEvent("select", {
@@ -313,17 +259,14 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         });
       }
     }
-
     _timesMultipliedOnCyclic() {
       const minElementsInCyclicWheelSlider = 70;
       const repetitionCount = Math.round(minElementsInCyclicWheelSlider / this._items.length);
       const minRepetitionCount = 3;
       return Math.max(minRepetitionCount, repetitionCount);
     }
-
     _buildItemsToShow() {
       let itemsToShow = this._items;
-
       if (this.cyclic) {
         if (itemsToShow.length < this._items.length * this._timesMultipliedOnCyclic()) {
           for (let i = 0; i < this._timesMultipliedOnCyclic(); i++) {
@@ -331,7 +274,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
           }
         }
       }
-
       this._itemsToShow = itemsToShow.map(value => {
         return {
           value,
@@ -339,20 +281,18 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         };
       });
     }
-
     _handleArrayBorderReached(currentIndex) {
       const arrayLength = this._itemsToShow.length;
       const maxVisibleElementsOnOneSide = 7;
       let index = currentIndex;
-
       if (maxVisibleElementsOnOneSide > index) {
         index += this._items.length * 2;
       } else if (index > arrayLength - maxVisibleElementsOnOneSide) {
         index -= this._items.length * 2;
       }
-
       return index;
     }
+
     /**
      *
      * @param {event} e Wheel Event
@@ -360,39 +300,29 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
      *
      * The listener for this event can't be passive as it calls preventDefault()
      */
-
-
     _handleWheel(e) {
       if (!e) {
         return;
       }
-
       e.stopPropagation();
       e.preventDefault();
-
       if (e.timeStamp === this._prevWheelTimestamp || !this.expanded) {
         return;
       }
-
       if (e.deltaY > 0) {
         this._itemUp();
       } else if (e.deltaY < 0) {
         this._itemDown();
       }
-
       this._prevWheelTimestamp = e.timeStamp;
     }
-
     _onclick(e) {
       if (!e.target.classList.contains("ui5-wheelslider-item")) {
         return;
       }
-
       if (this.expanded) {
         this.value = e.target.textContent;
-
         this._selectElement(e.target);
-
         this.fireEvent("select", {
           value: this.value
         });
@@ -400,66 +330,49 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         this.expanded = true;
       }
     }
-
     _onArrowDown(e) {
       e.preventDefault();
-
       this._itemDown();
     }
-
     _onArrowUp(e) {
       e.preventDefault();
-
       this._itemUp();
     }
-
     _itemDown() {
       const nextElementIndex = this._currentElementIndex + 1;
-
       this._selectElementByIndex(nextElementIndex);
     }
-
     _itemUp() {
       const nextElementIndex = this._currentElementIndex - 1;
-
       this._selectElementByIndex(nextElementIndex);
     }
-
     _onkeydown(e) {
       if (!this.expanded) {
         return;
       }
-
       if ((0, _Keys.isUp)(e)) {
         this._onArrowUp(e);
       }
-
       if ((0, _Keys.isDown)(e)) {
         this._onArrowDown(e);
       }
-
       if ((0, _Keys.isPageDown)(e)) {
         this._selectLimitCell(e, false);
       }
-
       if ((0, _Keys.isPageUp)(e)) {
         this._selectLimitCell(e, true);
       }
     }
-
     _selectLimitCell(event, isMax) {
       event.preventDefault();
       const intexIncrease = this.cyclic ? this._items.length : 0;
-
       if (isMax) {
         this._selectElementByIndex(this._items.length - 1 + intexIncrease);
       } else {
         this._selectElementByIndex(intexIncrease);
       }
     }
-
   }
-
   WheelSlider.define();
   var _default = WheelSlider;
   _exports.default = _default;