@titaui/pc 1.9.45 → 1.9.49

package/lib/components/scrollbar/simplebar/simplebar.js

@@ -21,9 +21,9 @@ var _helpers = require("./helpers");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -31,7 +31,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
 var SimpleBar = /*#__PURE__*/function () {
   function SimpleBar(element, options) {
@@ -55,9 +55,9 @@ var SimpleBar = /*#__PURE__*/function () {
 
     this.scrollX = function () {
       if (_this.axis.x.isOverflowing) {
-        _this.showScrollbar('x');
+        _this.showScrollbar("x");
 
-        _this.positionScrollbar('x');
+        _this.positionScrollbar("x");
       }
 
       _this.scrollXTicking = false;
@@ -65,18 +65,18 @@ var SimpleBar = /*#__PURE__*/function () {
 
     this.scrollY = function () {
       if (_this.axis.y.isOverflowing) {
-        _this.showScrollbar('y');
+        _this.showScrollbar("y");
 
-        _this.positionScrollbar('y');
+        _this.positionScrollbar("y");
       }
 
       _this.scrollYTicking = false;
     };
 
     this.onMouseEnter = function () {
-      _this.showScrollbar('x');
+      _this.showScrollbar("x");
 
-      _this.showScrollbar('y');
+      _this.showScrollbar("y");
     };
 
     this.onMouseMove = function (e) {
@@ -84,11 +84,11 @@ var SimpleBar = /*#__PURE__*/function () {
       _this.mouseY = e.clientY;
 
       if (_this.axis.x.isOverflowing || _this.axis.x.forceVisible) {
-        _this.onMouseMoveForAxis('x');
+        _this.onMouseMoveForAxis("x");
       }
 
       if (_this.axis.y.isOverflowing || _this.axis.y.forceVisible) {
-        _this.onMouseMoveForAxis('y');
+        _this.onMouseMoveForAxis("y");
       }
     };
 
@@ -96,11 +96,11 @@ var SimpleBar = /*#__PURE__*/function () {
       _this.onMouseMove.cancel();
 
       if (_this.axis.x.isOverflowing || _this.axis.x.forceVisible) {
-        _this.onMouseLeaveForAxis('x');
+        _this.onMouseLeaveForAxis("x");
       }
 
       if (_this.axis.y.isOverflowing || _this.axis.y.forceVisible) {
-        _this.onMouseLeaveForAxis('y');
+        _this.onMouseLeaveForAxis("y");
       }
 
       _this.mouseX = -1;
@@ -132,7 +132,8 @@ var SimpleBar = /*#__PURE__*/function () {
     };
 
     this.onPointerEvent = function (e) {
-      var isWithinTrackXBounds, isWithinTrackYBounds;
+      var isWithinTrackXBounds;
+      var isWithinTrackYBounds;
       _this.axis.x.track.rect = _this.axis.x.track.el.getBoundingClientRect();
       _this.axis.y.track.rect = _this.axis.y.track.el.getBoundingClientRect();
 
@@ -152,14 +153,14 @@ var SimpleBar = /*#__PURE__*/function () {
 
         e.stopPropagation();
 
-        if (e.type === 'mousedown') {
+        if (e.type === "mousedown") {
           if (isWithinTrackXBounds) {
             _this.axis.x.scrollbar.rect = _this.axis.x.scrollbar.el.getBoundingClientRect();
 
             if (_this.isWithinBounds(_this.axis.x.scrollbar.rect)) {
-              _this.onDragStart(e, 'x');
+              _this.onDragStart(e, "x");
             } else {
-              _this.onTrackClick(e, 'x');
+              _this.onTrackClick(e, "x");
             }
           }
 
@@ -167,9 +168,9 @@ var SimpleBar = /*#__PURE__*/function () {
             _this.axis.y.scrollbar.rect = _this.axis.y.scrollbar.el.getBoundingClientRect();
 
             if (_this.isWithinBounds(_this.axis.y.scrollbar.rect)) {
-              _this.onDragStart(e, 'y');
+              _this.onDragStart(e, "y");
             } else {
-              _this.onTrackClick(e, 'y');
+              _this.onTrackClick(e, "y");
             }
           }
         }
@@ -186,7 +187,7 @@ var SimpleBar = /*#__PURE__*/function () {
       e.preventDefault();
       e.stopPropagation();
 
-      if (_this.draggedAxis === 'y') {
+      if (_this.draggedAxis === "y") {
         eventOffset = e.pageY;
       } else {
         eventOffset = e.pageX;
@@ -199,7 +200,7 @@ var SimpleBar = /*#__PURE__*/function () {
 
       var scrollPos = dragPerc * (contentSize - hostSize); // Fix browsers inconsistency on RTL
 
-      if (_this.draggedAxis === 'x') {
+      if (_this.draggedAxis === "x") {
         scrollPos = _this.isRtl && SimpleBar.getRtlHelpers().isRtlScrollbarInverted ? scrollPos - (trackSize + scrollbar.size) : scrollPos;
         scrollPos = _this.isRtl && SimpleBar.getRtlHelpers().isRtlScrollingInverted ? -scrollPos : scrollPos;
       }
@@ -215,13 +216,13 @@ var SimpleBar = /*#__PURE__*/function () {
 
       _this.el.classList.remove(_this.classNames.dragging);
 
-      elDocument.removeEventListener('mousemove', _this.drag, true);
-      elDocument.removeEventListener('mouseup', _this.onEndDrag, true);
+      elDocument.removeEventListener("mousemove", _this.drag, true);
+      elDocument.removeEventListener("mouseup", _this.onEndDrag, true);
       _this.removePreventClickId = elWindow.setTimeout(function () {
         // Remove these asynchronously so we still suppress click events
         // generated simultaneously with mouseup.
-        elDocument.removeEventListener('click', _this.preventClick, true);
-        elDocument.removeEventListener('dblclick', _this.preventClick, true);
+        elDocument.removeEventListener("click", _this.preventClick, true);
+        elDocument.removeEventListener("dblclick", _this.preventClick, true);
         _this.removePreventClickId = null;
       });
     };
@@ -237,12 +238,12 @@ var SimpleBar = /*#__PURE__*/function () {
     this.classNames = _objectSpread(_objectSpread({}, SimpleBar.defaultOptions.classNames), this.options.classNames);
     this.axis = {
       x: {
-        scrollOffsetAttr: 'scrollLeft',
-        sizeAttr: 'width',
-        scrollSizeAttr: 'scrollWidth',
-        offsetSizeAttr: 'offsetWidth',
-        offsetAttr: 'left',
-        overflowAttr: 'overflowX',
+        scrollOffsetAttr: "scrollLeft",
+        sizeAttr: "width",
+        scrollSizeAttr: "scrollWidth",
+        offsetSizeAttr: "offsetWidth",
+        offsetAttr: "left",
+        overflowAttr: "overflowX",
         dragOffset: 0,
         isOverflowing: true,
         isVisible: false,
@@ -251,12 +252,12 @@ var SimpleBar = /*#__PURE__*/function () {
         scrollbar: {}
       },
       y: {
-        scrollOffsetAttr: 'scrollTop',
-        sizeAttr: 'height',
-        scrollSizeAttr: 'scrollHeight',
-        offsetSizeAttr: 'offsetHeight',
-        offsetAttr: 'top',
-        overflowAttr: 'overflowY',
+        scrollOffsetAttr: "scrollTop",
+        sizeAttr: "height",
+        scrollSizeAttr: "scrollHeight",
+        offsetSizeAttr: "offsetHeight",
+        offsetAttr: "top",
+        overflowAttr: "overflowY",
         dragOffset: 0,
         isOverflowing: true,
         isVisible: false,
@@ -329,14 +330,14 @@ var SimpleBar = /*#__PURE__*/function () {
         this.axis.y.track.el = this.findChild(this.el, ".".concat(this.classNames.track, ".").concat(this.classNames.vertical));
       } else {
         // Prepare DOM
-        this.wrapperEl = document.createElement('div');
-        this.contentWrapperEl = document.createElement('div');
-        this.offsetEl = document.createElement('div');
-        this.maskEl = document.createElement('div');
-        this.contentEl = document.createElement('div');
-        this.placeholderEl = document.createElement('div');
-        this.heightAutoObserverWrapperEl = document.createElement('div');
-        this.heightAutoObserverEl = document.createElement('div');
+        this.wrapperEl = document.createElement("div");
+        this.contentWrapperEl = document.createElement("div");
+        this.offsetEl = document.createElement("div");
+        this.maskEl = document.createElement("div");
+        this.contentEl = document.createElement("div");
+        this.placeholderEl = document.createElement("div");
+        this.heightAutoObserverWrapperEl = document.createElement("div");
+        this.heightAutoObserverEl = document.createElement("div");
         this.wrapperEl.classList.add(this.classNames.wrapper);
         this.contentWrapperEl.classList.add(this.classNames.contentWrapper);
         this.offsetEl.classList.add(this.classNames.offset);
@@ -361,8 +362,8 @@ var SimpleBar = /*#__PURE__*/function () {
       }
 
       if (!this.axis.x.track.el || !this.axis.y.track.el) {
-        var track = document.createElement('div');
-        var scrollbar = document.createElement('div');
+        var track = document.createElement("div");
+        var scrollbar = document.createElement("div");
         track.classList.add(this.classNames.track);
         scrollbar.classList.add(this.classNames.scrollbar);
         track.appendChild(scrollbar);
@@ -382,15 +383,15 @@ var SimpleBar = /*#__PURE__*/function () {
         this.axis.y.scrollbar.el.classList.add(this.classNames.visible);
       }
 
-      this.el.setAttribute('data-simplebar', 'init');
+      this.el.setAttribute("data-simplebar", "init");
     }
   }, {
     key: "setAccessibilityAttributes",
     value: function setAccessibilityAttributes() {
-      var ariaLabel = this.options.ariaLabel || 'scrollable content';
-      this.contentWrapperEl.setAttribute('tabindex', '0');
-      this.contentWrapperEl.setAttribute('role', 'region');
-      this.contentWrapperEl.setAttribute('aria-label', ariaLabel);
+      var ariaLabel = this.options.ariaLabel || "scrollable content";
+      this.contentWrapperEl.setAttribute("tabindex", "0");
+      this.contentWrapperEl.setAttribute("role", "region");
+      this.contentWrapperEl.setAttribute("aria-label", ariaLabel);
     }
   }, {
     key: "initListeners",
@@ -400,23 +401,23 @@ var SimpleBar = /*#__PURE__*/function () {
       var elWindow = (0, _helpers.getElementWindow)(this.el); // Event listeners
 
       if (this.options.autoHide) {
-        this.el.addEventListener('mouseenter', this.onMouseEnter);
+        this.el.addEventListener("mouseenter", this.onMouseEnter);
       }
 
-      ['mousedown', 'click', 'dblclick'].forEach(function (e) {
+      ["mousedown", "click", "dblclick"].forEach(function (e) {
         _this3.el.addEventListener(e, _this3.onPointerEvent, true);
       });
-      ['touchstart', 'touchend', 'touchmove'].forEach(function (e) {
+      ["touchstart", "touchend", "touchmove"].forEach(function (e) {
         _this3.el.addEventListener(e, _this3.onPointerEvent, {
           capture: true,
           passive: true
         });
       });
-      this.el.addEventListener('mousemove', this.onMouseMove);
-      this.el.addEventListener('mouseleave', this.onMouseLeave);
-      this.contentWrapperEl.addEventListener('scroll', this.onScroll); // Browser zoom triggers a window resize
+      this.el.addEventListener("mousemove", this.onMouseMove);
+      this.el.addEventListener("mouseleave", this.onMouseLeave);
+      this.contentWrapperEl.addEventListener("scroll", this.onScroll); // Browser zoom triggers a window resize
 
-      elWindow.addEventListener('resize', this.onWindowResize); // Hack for https://github.com/WICG/ResizeObserver/issues/38
+      elWindow.addEventListener("resize", this.onWindowResize); // Hack for https://github.com/WICG/ResizeObserver/issues/38
 
       var resizeObserverStarted = false;
       var resizeObserver = elWindow.ResizeObserver || _resizeObserverPolyfill["default"];
@@ -443,7 +444,7 @@ var SimpleBar = /*#__PURE__*/function () {
     value: function recalculate() {
       var elWindow = (0, _helpers.getElementWindow)(this.el);
       this.elStyles = elWindow.getComputedStyle(this.el);
-      this.isRtl = this.elStyles.direction === 'rtl';
+      this.isRtl = this.elStyles.direction === "rtl";
       var isHeightAuto = this.heightAutoObserverEl.offsetHeight <= 1;
       var isWidthAuto = this.heightAutoObserverEl.offsetWidth <= 1;
       var contentElOffsetWidth = this.contentEl.offsetWidth;
@@ -454,32 +455,32 @@ var SimpleBar = /*#__PURE__*/function () {
       this.wrapperEl.style.margin = "-".concat(this.elStyles.paddingTop, " -").concat(this.elStyles.paddingRight, " -").concat(this.elStyles.paddingBottom, " -").concat(this.elStyles.paddingLeft);
       var contentElScrollHeight = this.contentEl.scrollHeight;
       var contentElScrollWidth = this.contentEl.scrollWidth;
-      this.contentWrapperEl.style.height = isHeightAuto ? 'auto' : '100%'; // Determine placeholder size
+      this.contentWrapperEl.style.height = isHeightAuto ? "auto" : "100%"; // Determine placeholder size
 
-      this.placeholderEl.style.width = isWidthAuto ? "".concat(contentElOffsetWidth, "px") : 'auto';
+      this.placeholderEl.style.width = isWidthAuto ? "".concat(contentElOffsetWidth, "px") : "auto";
       this.placeholderEl.style.height = "".concat(contentElScrollHeight, "px");
       var contentWrapperElOffsetHeight = this.contentWrapperEl.offsetHeight;
       this.axis.x.isOverflowing = contentElScrollWidth > contentElOffsetWidth;
       this.axis.y.isOverflowing = contentElScrollHeight > contentWrapperElOffsetHeight; // Set isOverflowing to false if user explicitely set hidden overflow
 
-      this.axis.x.isOverflowing = elOverflowX === 'hidden' ? false : this.axis.x.isOverflowing;
-      this.axis.y.isOverflowing = elOverflowY === 'hidden' ? false : this.axis.y.isOverflowing;
-      this.axis.x.forceVisible = this.options.forceVisible === 'x' || this.options.forceVisible === true;
-      this.axis.y.forceVisible = this.options.forceVisible === 'y' || this.options.forceVisible === true;
+      this.axis.x.isOverflowing = elOverflowX === "hidden" ? false : this.axis.x.isOverflowing;
+      this.axis.y.isOverflowing = elOverflowY === "hidden" ? false : this.axis.y.isOverflowing;
+      this.axis.x.forceVisible = this.options.forceVisible === "x" || this.options.forceVisible === true;
+      this.axis.y.forceVisible = this.options.forceVisible === "y" || this.options.forceVisible === true;
       this.hideNativeScrollbar(); // Set isOverflowing to false if scrollbar is not necessary (content is shorter than offset)
 
       var offsetForXScrollbar = this.axis.x.isOverflowing ? this.scrollbarWidth : 0;
       var offsetForYScrollbar = this.axis.y.isOverflowing ? this.scrollbarWidth : 0;
       this.axis.x.isOverflowing = this.axis.x.isOverflowing && contentElScrollWidth > contentWrapperElOffsetWidth - offsetForYScrollbar;
       this.axis.y.isOverflowing = this.axis.y.isOverflowing && contentElScrollHeight > contentWrapperElOffsetHeight - offsetForXScrollbar;
-      this.axis.x.scrollbar.size = this.getScrollbarSize('x');
-      this.axis.y.scrollbar.size = this.getScrollbarSize('y');
+      this.axis.x.scrollbar.size = this.getScrollbarSize("x");
+      this.axis.y.scrollbar.size = this.getScrollbarSize("y");
       this.axis.x.scrollbar.el.style.width = "".concat(this.axis.x.scrollbar.size, "px");
       this.axis.y.scrollbar.el.style.height = "".concat(this.axis.y.scrollbar.size, "px");
-      this.positionScrollbar('x');
-      this.positionScrollbar('y');
-      this.toggleTrackVisibility('x');
-      this.toggleTrackVisibility('y');
+      this.positionScrollbar("x");
+      this.positionScrollbar("y");
+      this.toggleTrackVisibility("x");
+      this.toggleTrackVisibility("y");
     }
     /**
      * Calculate scrollbar size
@@ -488,7 +489,7 @@ var SimpleBar = /*#__PURE__*/function () {
   }, {
     key: "getScrollbarSize",
     value: function getScrollbarSize() {
-      var axis = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'y';
+      var axis = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "y";
 
       if (!this.axis[axis].isOverflowing) {
         return 0;
@@ -510,7 +511,7 @@ var SimpleBar = /*#__PURE__*/function () {
   }, {
     key: "positionScrollbar",
     value: function positionScrollbar() {
-      var axis = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'y';
+      var axis = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "y";
 
       if (!this.axis[axis].isOverflowing) {
         return;
@@ -521,38 +522,38 @@ var SimpleBar = /*#__PURE__*/function () {
       var hostSize = parseInt(this.elStyles[this.axis[axis].sizeAttr], 10);
       var scrollbar = this.axis[axis].scrollbar;
       var scrollOffset = this.contentWrapperEl[this.axis[axis].scrollOffsetAttr];
-      scrollOffset = axis === 'x' && this.isRtl && SimpleBar.getRtlHelpers().isRtlScrollingInverted ? -scrollOffset : scrollOffset;
+      scrollOffset = axis === "x" && this.isRtl && SimpleBar.getRtlHelpers().isRtlScrollingInverted ? -scrollOffset : scrollOffset;
       var scrollPourcent = scrollOffset / (contentSize - hostSize);
       var handleOffset = ~~((trackSize - scrollbar.size) * scrollPourcent);
-      handleOffset = axis === 'x' && this.isRtl && SimpleBar.getRtlHelpers().isRtlScrollbarInverted ? handleOffset + (trackSize - scrollbar.size) : handleOffset;
-      scrollbar.el.style.transform = axis === 'x' ? "translate3d(".concat(handleOffset, "px, 0, 0)") : "translate3d(0, ".concat(handleOffset, "px, 0)");
+      handleOffset = axis === "x" && this.isRtl && SimpleBar.getRtlHelpers().isRtlScrollbarInverted ? handleOffset + (trackSize - scrollbar.size) : handleOffset;
+      scrollbar.el.style.transform = axis === "x" ? "translate3d(".concat(handleOffset, "px, 0, 0)") : "translate3d(0, ".concat(handleOffset, "px, 0)");
     }
   }, {
     key: "toggleTrackVisibility",
     value: function toggleTrackVisibility() {
-      var axis = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'y';
+      var axis = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "y";
       var track = this.axis[axis].track.el;
       var scrollbar = this.axis[axis].scrollbar.el;
 
       if (this.axis[axis].isOverflowing || this.axis[axis].forceVisible) {
-        track.style.visibility = 'visible';
-        this.contentWrapperEl.style[this.axis[axis].overflowAttr] = 'scroll';
+        track.style.visibility = "visible";
+        this.contentWrapperEl.style[this.axis[axis].overflowAttr] = "scroll";
       } else {
-        track.style.visibility = 'hidden';
-        this.contentWrapperEl.style[this.axis[axis].overflowAttr] = 'hidden';
+        track.style.visibility = "hidden";
+        this.contentWrapperEl.style[this.axis[axis].overflowAttr] = "hidden";
       } // Even if forceVisible is enabled, scrollbar itself should be hidden
 
 
       if (this.axis[axis].isOverflowing) {
-        scrollbar.style.display = 'block';
+        scrollbar.style.display = "block";
       } else {
-        scrollbar.style.display = 'none';
+        scrollbar.style.display = "none";
       }
     }
   }, {
     key: "hideNativeScrollbar",
     value: function hideNativeScrollbar() {
-      this.offsetEl.style[this.isRtl ? 'left' : 'right'] = this.axis.y.isOverflowing || this.axis.y.forceVisible ? "-".concat(this.scrollbarWidth, "px") : 0;
+      this.offsetEl.style[this.isRtl ? "left" : "right"] = this.axis.y.isOverflowing || this.axis.y.forceVisible ? "-".concat(this.scrollbarWidth, "px") : 0;
       this.offsetEl.style.bottom = this.axis.x.isOverflowing || this.axis.x.forceVisible ? "-".concat(this.scrollbarWidth, "px") : 0;
     }
     /**
@@ -562,7 +563,7 @@ var SimpleBar = /*#__PURE__*/function () {
   }, {
     key: "onMouseMoveForAxis",
     value: function onMouseMoveForAxis() {
-      var axis = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'y';
+      var axis = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "y";
       this.axis[axis].track.rect = this.axis[axis].track.el.getBoundingClientRect();
       this.axis[axis].scrollbar.rect = this.axis[axis].scrollbar.el.getBoundingClientRect();
       var isWithinScrollbarBoundsX = this.isWithinBounds(this.axis[axis].scrollbar.rect);
@@ -583,7 +584,7 @@ var SimpleBar = /*#__PURE__*/function () {
   }, {
     key: "onMouseLeaveForAxis",
     value: function onMouseLeaveForAxis() {
-      var axis = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'y';
+      var axis = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "y";
       this.axis[axis].track.el.classList.remove(this.classNames.hover);
       this.axis[axis].scrollbar.el.classList.remove(this.classNames.hover);
     }
@@ -594,7 +595,7 @@ var SimpleBar = /*#__PURE__*/function () {
      * Show scrollbar
      */
     function showScrollbar() {
-      var axis = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'y';
+      var axis = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "y";
       var scrollbar = this.axis[axis].scrollbar.el;
 
       if (!this.axis[axis].isVisible) {
@@ -617,21 +618,21 @@ var SimpleBar = /*#__PURE__*/function () {
      * on scrollbar handle drag movement starts
      */
     function onDragStart(e) {
-      var axis = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'y';
+      var axis = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "y";
       var elDocument = (0, _helpers.getElementDocument)(this.el);
       var elWindow = (0, _helpers.getElementWindow)(this.el);
       var scrollbar = this.axis[axis].scrollbar; // Measure how far the user's mouse is from the top of the scrollbar drag handle.
 
-      var eventOffset = axis === 'y' ? e.pageY : e.pageX;
+      var eventOffset = axis === "y" ? e.pageY : e.pageX;
       this.axis[axis].dragOffset = eventOffset - scrollbar.rect[this.axis[axis].offsetAttr];
       this.draggedAxis = axis;
       this.el.classList.add(this.classNames.dragging);
-      elDocument.addEventListener('mousemove', this.drag, true);
-      elDocument.addEventListener('mouseup', this.onEndDrag, true);
+      elDocument.addEventListener("mousemove", this.drag, true);
+      elDocument.addEventListener("mouseup", this.onEndDrag, true);
 
       if (this.removePreventClickId === null) {
-        elDocument.addEventListener('click', this.preventClick, true);
-        elDocument.addEventListener('dblclick', this.preventClick, true);
+        elDocument.addEventListener("click", this.preventClick, true);
+        elDocument.addEventListener("dblclick", this.preventClick, true);
       } else {
         elWindow.clearTimeout(this.removePreventClickId);
         this.removePreventClickId = null;
@@ -646,7 +647,7 @@ var SimpleBar = /*#__PURE__*/function () {
     value: function onTrackClick(e) {
       var _this4 = this;
 
-      var axis = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'y';
+      var axis = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "y";
       if (!this.options.clickOnTrack) return;
       var elWindow = (0, _helpers.getElementWindow)(this.el);
       this.axis[axis].scrollbar.rect = this.axis[axis].scrollbar.el.getBoundingClientRect();
@@ -654,7 +655,7 @@ var SimpleBar = /*#__PURE__*/function () {
       var scrollbarOffset = scrollbar.rect[this.axis[axis].offsetAttr];
       var hostSize = parseInt(this.elStyles[this.axis[axis].sizeAttr], 10);
       var scrolled = this.contentWrapperEl[this.axis[axis].scrollOffsetAttr];
-      var t = axis === 'y' ? this.mouseY - scrollbarOffset : this.mouseX - scrollbarOffset;
+      var t = axis === "y" ? this.mouseY - scrollbarOffset : this.mouseX - scrollbarOffset;
       var dir = t < 0 ? -1 : 1;
       var scrollSize = dir === -1 ? scrolled - hostSize : scrolled + hostSize;
 
@@ -667,14 +668,12 @@ var SimpleBar = /*#__PURE__*/function () {
 
             elWindow.requestAnimationFrame(scrollTo);
           }
-        } else {
-          if (scrolled < scrollSize) {
-            scrolled += _this4.options.clickOnTrackSpeed;
+        } else if (scrolled < scrollSize) {
+          scrolled += _this4.options.clickOnTrackSpeed;
 
-            _this4.contentWrapperEl.scrollTo(_defineProperty({}, _this4.axis[axis].offsetAttr, scrolled));
+          _this4.contentWrapperEl.scrollTo(_defineProperty({}, _this4.axis[axis].offsetAttr, scrolled));
 
-            elWindow.requestAnimationFrame(scrollTo);
-          }
+          elWindow.requestAnimationFrame(scrollTo);
         }
       };
 
@@ -704,11 +703,11 @@ var SimpleBar = /*#__PURE__*/function () {
       // Try/catch for FF 56 throwing on undefined computedStyles
       try {
         // Detect browsers supporting CSS scrollbar styling and do not calculate
-        if (getComputedStyle(this.contentWrapperEl, '::-webkit-scrollbar').display === 'none' || 'scrollbarWidth' in document.documentElement.style || '-ms-overflow-style' in document.documentElement.style) {
+        if (getComputedStyle(this.contentWrapperEl, "::-webkit-scrollbar").display === "none" || "scrollbarWidth" in document.documentElement.style || "-ms-overflow-style" in document.documentElement.style) {
           return 0;
-        } else {
-          return (0, _scrollbarWidth["default"])(this.el);
         }
+
+        return (0, _scrollbarWidth["default"])(this.el);
       } catch (e) {
         return (0, _scrollbarWidth["default"])(this.el);
       }
@@ -721,26 +720,26 @@ var SimpleBar = /*#__PURE__*/function () {
       var elWindow = (0, _helpers.getElementWindow)(this.el); // Event listeners
 
       if (this.options.autoHide) {
-        this.el.removeEventListener('mouseenter', this.onMouseEnter);
+        this.el.removeEventListener("mouseenter", this.onMouseEnter);
       }
 
-      ['mousedown', 'click', 'dblclick'].forEach(function (e) {
+      ["mousedown", "click", "dblclick"].forEach(function (e) {
         _this5.el.removeEventListener(e, _this5.onPointerEvent, true);
       });
-      ['touchstart', 'touchend', 'touchmove'].forEach(function (e) {
+      ["touchstart", "touchend", "touchmove"].forEach(function (e) {
         _this5.el.removeEventListener(e, _this5.onPointerEvent, {
           capture: true,
           passive: true
         });
       });
-      this.el.removeEventListener('mousemove', this.onMouseMove);
-      this.el.removeEventListener('mouseleave', this.onMouseLeave);
+      this.el.removeEventListener("mousemove", this.onMouseMove);
+      this.el.removeEventListener("mouseleave", this.onMouseLeave);
 
       if (this.contentWrapperEl) {
-        this.contentWrapperEl.removeEventListener('scroll', this.onScroll);
+        this.contentWrapperEl.removeEventListener("scroll", this.onScroll);
       }
 
-      elWindow.removeEventListener('resize', this.onWindowResize);
+      elWindow.removeEventListener("resize", this.onWindowResize);
 
       if (this.mutationObserver) {
         this.mutationObserver.disconnect();
@@ -790,8 +789,8 @@ var SimpleBar = /*#__PURE__*/function () {
   }], [{
     key: "getRtlHelpers",
     value: function getRtlHelpers() {
-      var dummyDiv = document.createElement('div');
-      dummyDiv.innerHTML = '<div class="hs-dummy-scrollbar-size"><div style="height: 200%; width: 200%; margin: 10px 0;"></div></div>';
+      var dummyDiv = document.createElement("div");
+      dummyDiv.innerHTML = "<div class=\"hs-dummy-scrollbar-size\"><div style=\"height: 200%; width: 200%; margin: 10px 0;\"></div></div>";
       var scrollbarDummyEl = dummyDiv.firstElementChild;
       document.body.appendChild(scrollbarDummyEl);
       var dummyContainerChild = scrollbarDummyEl.firstElementChild;
@@ -830,21 +829,21 @@ SimpleBar.defaultOptions = {
   clickOnTrack: true,
   clickOnTrackSpeed: 40,
   classNames: {
-    contentEl: 'simplebar-content',
-    contentWrapper: 'simplebar-content-wrapper',
-    offset: 'simplebar-offset',
-    mask: 'simplebar-mask',
-    wrapper: 'simplebar-wrapper',
-    placeholder: 'simplebar-placeholder',
-    scrollbar: 'simplebar-scrollbar',
-    track: 'simplebar-track',
-    heightAutoObserverWrapperEl: 'simplebar-height-auto-observer-wrapper',
-    heightAutoObserverEl: 'simplebar-height-auto-observer',
-    visible: 'simplebar-visible',
-    horizontal: 'simplebar-horizontal',
-    vertical: 'simplebar-vertical',
-    hover: 'simplebar-hover',
-    dragging: 'simplebar-dragging'
+    contentEl: "simplebar-content",
+    contentWrapper: "simplebar-content-wrapper",
+    offset: "simplebar-offset",
+    mask: "simplebar-mask",
+    wrapper: "simplebar-wrapper",
+    placeholder: "simplebar-placeholder",
+    scrollbar: "simplebar-scrollbar",
+    track: "simplebar-track",
+    heightAutoObserverWrapperEl: "simplebar-height-auto-observer-wrapper",
+    heightAutoObserverEl: "simplebar-height-auto-observer",
+    visible: "simplebar-visible",
+    horizontal: "simplebar-horizontal",
+    vertical: "simplebar-vertical",
+    hover: "simplebar-hover",
+    dragging: "simplebar-dragging"
   },
   scrollbarMinSize: 25,
   scrollbarMaxSize: 0,