@stackoverflow/stacks 1.1.0 → 1.3.1

package/dist/js/stacks.js

@@ -12,7 +12,7 @@ return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 750:
+/***/ 492:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -227,41 +227,63 @@ function getBasePlacement(placement) {
 var math_max = Math.max;
 var math_min = Math.min;
 var round = Math.round;
+;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/utils/userAgent.js
+function getUAString() {
+  var uaData = navigator.userAgentData;
+
+  if (uaData != null && uaData.brands) {
+    return uaData.brands.map(function (item) {
+      return item.brand + "/" + item.version;
+    }).join(' ');
+  }
+
+  return navigator.userAgent;
+}
+;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/isLayoutViewport.js
+
+function isLayoutViewport() {
+  return !/^((?!chrome|android).)*safari/i.test(getUAString());
+}
 ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js
 
 
-function getBoundingClientRect(element, includeScale) {
+
+
+function getBoundingClientRect(element, includeScale, isFixedStrategy) {
   if (includeScale === void 0) {
     includeScale = false;
   }
 
-  var rect = element.getBoundingClientRect();
+  if (isFixedStrategy === void 0) {
+    isFixedStrategy = false;
+  }
+
+  var clientRect = element.getBoundingClientRect();
   var scaleX = 1;
   var scaleY = 1;
 
-  if (isHTMLElement(element) && includeScale) {
-    var offsetHeight = element.offsetHeight;
-    var offsetWidth = element.offsetWidth; // Do not attempt to divide by 0, otherwise we get `Infinity` as scale
-    // Fallback to 1 in case both values are `0`
-
-    if (offsetWidth > 0) {
-      scaleX = round(rect.width) / offsetWidth || 1;
-    }
-
-    if (offsetHeight > 0) {
-      scaleY = round(rect.height) / offsetHeight || 1;
-    }
+  if (includeScale && isHTMLElement(element)) {
+    scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
+    scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
   }
 
+  var _ref = isElement(element) ? getWindow(element) : window,
+      visualViewport = _ref.visualViewport;
+
+  var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
+  var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
+  var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
+  var width = clientRect.width / scaleX;
+  var height = clientRect.height / scaleY;
   return {
-    width: rect.width / scaleX,
-    height: rect.height / scaleY,
-    top: rect.top / scaleY,
-    right: rect.right / scaleX,
-    bottom: rect.bottom / scaleY,
-    left: rect.left / scaleX,
-    x: rect.left / scaleX,
-    y: rect.top / scaleY
+    width: width,
+    height: height,
+    top: y,
+    right: x + width,
+    bottom: y + height,
+    left: x,
+    x: x,
+    y: y
   };
 }
 ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getLayoutRect.js
@@ -359,6 +381,7 @@ function getParentNode(element) {
 
 
 
+
 function getTrueOffsetParent(element) {
   if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837
   getComputedStyle(element).position === 'fixed') {
@@ -371,8 +394,8 @@ function getTrueOffsetParent(element) {
 
 
 function getContainingBlock(element) {
-  var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') !== -1;
-  var isIE = navigator.userAgent.indexOf('Trident') !== -1;
+  var isFirefox = /firefox/i.test(getUAString());
+  var isIE = /Trident/i.test(getUAString());
 
   if (isIE && isHTMLElement(element)) {
     // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport
@@ -829,31 +852,22 @@ function getWindowScrollBarX(element) {
 
 
 
-function getViewportRect(element) {
+
+function getViewportRect(element, strategy) {
   var win = getWindow(element);
   var html = getDocumentElement(element);
   var visualViewport = win.visualViewport;
   var width = html.clientWidth;
   var height = html.clientHeight;
   var x = 0;
-  var y = 0; // NB: This isn't supported on iOS <= 12. If the keyboard is open, the popper
-  // can be obscured underneath it.
-  // Also, `html.clientHeight` adds the bottom bar height in Safari iOS, even
-  // if it isn't open, so if this isn't available, the popper will be detected
-  // to overflow the bottom of the screen too early.
+  var y = 0;
 
   if (visualViewport) {
     width = visualViewport.width;
-    height = visualViewport.height; // Uses Layout Viewport (like Chrome; Safari does not currently)
-    // In Chrome, it returns a value very close to 0 (+/-) but contains rounding
-    // errors due to floating point numbers, so we need to check precision.
-    // Safari returns a number <= 0, usually < -1 when pinch-zoomed
-    // Feature detection fails in mobile emulation mode in Chrome.
-    // Math.abs(win.innerWidth / visualViewport.scale - visualViewport.width) <
-    // 0.001
-    // Fallback here: "Not Safari" userAgent
-
-    if (!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) {
+    height = visualViewport.height;
+    var layoutViewport = isLayoutViewport();
+
+    if (layoutViewport || !layoutViewport && strategy === 'fixed') {
       x = visualViewport.offsetLeft;
       y = visualViewport.offsetTop;
     }
@@ -976,8 +990,8 @@ function rectToClientRect(rect) {
 
 
 
-function getInnerBoundingClientRect(element) {
-  var rect = getBoundingClientRect(element);
+function getInnerBoundingClientRect(element, strategy) {
+  var rect = getBoundingClientRect(element, false, strategy === 'fixed');
   rect.top = rect.top + element.clientTop;
   rect.left = rect.left + element.clientLeft;
   rect.bottom = rect.top + element.clientHeight;
@@ -989,8 +1003,8 @@ function getInnerBoundingClientRect(element) {
   return rect;
 }
 
-function getClientRectFromMixedType(element, clippingParent) {
-  return clippingParent === viewport ? rectToClientRect(getViewportRect(element)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
+function getClientRectFromMixedType(element, clippingParent, strategy) {
+  return clippingParent === viewport ? rectToClientRect(getViewportRect(element, strategy)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent, strategy) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
 } // A "clipping parent" is an overflowable container with the characteristic of
 // clipping (or hiding) overflowing elements with a position different from
 // `initial`
@@ -1013,18 +1027,18 @@ function getClippingParents(element) {
 // clipping parents
 
 
-function getClippingRect(element, boundary, rootBoundary) {
+function getClippingRect(element, boundary, rootBoundary, strategy) {
   var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary);
   var clippingParents = [].concat(mainClippingParents, [rootBoundary]);
   var firstClippingParent = clippingParents[0];
   var clippingRect = clippingParents.reduce(function (accRect, clippingParent) {
-    var rect = getClientRectFromMixedType(element, clippingParent);
+    var rect = getClientRectFromMixedType(element, clippingParent, strategy);
     accRect.top = math_max(rect.top, accRect.top);
     accRect.right = math_min(rect.right, accRect.right);
     accRect.bottom = math_min(rect.bottom, accRect.bottom);
     accRect.left = math_max(rect.left, accRect.left);
     return accRect;
-  }, getClientRectFromMixedType(element, firstClippingParent));
+  }, getClientRectFromMixedType(element, firstClippingParent, strategy));
   clippingRect.width = clippingRect.right - clippingRect.left;
   clippingRect.height = clippingRect.bottom - clippingRect.top;
   clippingRect.x = clippingRect.left;
@@ -1121,6 +1135,8 @@ function detectOverflow(state, options) {
   var _options = options,
       _options$placement = _options.placement,
       placement = _options$placement === void 0 ? state.placement : _options$placement,
+      _options$strategy = _options.strategy,
+      strategy = _options$strategy === void 0 ? state.strategy : _options$strategy,
       _options$boundary = _options.boundary,
       boundary = _options$boundary === void 0 ? clippingParents : _options$boundary,
       _options$rootBoundary = _options.rootBoundary,
@@ -1135,7 +1151,7 @@ function detectOverflow(state, options) {
   var altContext = elementContext === popper ? reference : popper;
   var popperRect = state.rects.popper;
   var element = state.elements[altBoundary ? altContext : elementContext];
-  var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary);
+  var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary, strategy);
   var referenceClientRect = getBoundingClientRect(state.elements.reference);
   var popperOffsets = computeOffsets({
     reference: referenceClientRect,
@@ -1706,7 +1722,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
   var isOffsetParentAnElement = isHTMLElement(offsetParent);
   var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
   var documentElement = getDocumentElement(offsetParent);
-  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled);
+  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);
   var scroll = {
     scrollLeft: 0,
     scrollTop: 0
@@ -4459,7 +4475,7 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.ExpandableController = void 0;
 var Stacks = __webpack_require__(36);
 // Radio buttons only trigger a change event when they're *checked*, but not when
-// they're *unchecked*. Therefore, if we have an active `s-collapsible-control` in
+// they're *unchecked*. Therefore, if we have an active `s-expandable-control` in
 // the document, we listen for change events on *all* radio buttons and find any
 // other radio buttons in the same `name` group, triggering a custom event on all
 // of them so the controller can re-evaluate.
@@ -4513,13 +4529,13 @@ var ExpandableController = /** @class */ (function (_super) {
     }
     ExpandableController.prototype.initialize = function () {
         if (this.element.nodeName === "INPUT" && ["radio", "checkbox"].indexOf(this.element.type) >= 0) {
-            this.isCollapsed = this._isCollapsedForCheckable;
+            this.isCollapsed = this._isCollapsedForCheckable.bind(this);
             this.events = ["change", RADIO_OFF_EVENT];
             this.isCheckable = true;
             this.isRadio = this.element.type === "radio";
         }
         else {
-            this.isCollapsed = this._isCollapsedForClickable;
+            this.isCollapsed = this._isCollapsedForClickable.bind(this);
             this.events = ["click", "keydown"];
         }
         this.listener = this.listener.bind(this);
@@ -4528,7 +4544,7 @@ var ExpandableController = /** @class */ (function (_super) {
     // for non-checkable elements, the initial source of truth is the collapsed/expanded
     // state of the controlled element (unless the element doesn't exist)
     ExpandableController.prototype._isCollapsedForClickable = function () {
-        var cc = this.controlledCollapsibles;
+        var cc = this.controlledExpandables;
         // the element is considered collapsed if *any* target element is collapsed
         return cc.length > 0 ? !cc.every(function (element) { return element.classList.contains("is-expanded"); }) : this.element.getAttribute("aria-expanded") === "false";
     };
@@ -4538,7 +4554,7 @@ var ExpandableController = /** @class */ (function (_super) {
         return !this.element.checked;
     };
     ;
-    Object.defineProperty(ExpandableController.prototype, "controlledCollapsibles", {
+    Object.defineProperty(ExpandableController.prototype, "controlledExpandables", {
         get: function () {
             var attr = this.element.getAttribute("aria-controls");
             if (!attr) {
@@ -4602,7 +4618,7 @@ var ExpandableController = /** @class */ (function (_super) {
             }
         }
         this.element.setAttribute("aria-expanded", newCollapsed ? "false" : "true");
-        for (var _i = 0, _a = this.controlledCollapsibles; _i < _a.length; _i++) {
+        for (var _i = 0, _a = this.controlledExpandables; _i < _a.length; _i++) {
             var controlledElement = _a[_i];
             controlledElement.classList.toggle("is-expanded", !newCollapsed);
         }
@@ -4613,26 +4629,30 @@ var ExpandableController = /** @class */ (function (_super) {
     ExpandableController.prototype.connect = function () {
         var _this = this;
         this.events.forEach(function (e) {
-            _this.element.addEventListener(e, _this.listener);
+            _this.element.addEventListener(e, _this.listener.bind(_this));
         }, this);
         if (this.isRadio) {
             globalChangeListenerRequired(true);
         }
         // synchronize state -- in all cases, this means setting the correct `aria-expanded`
-        // attribute; for checkable controls this also means setting the `is-collapsed` class
-        this.element.setAttribute("aria-expanded", this.isCollapsed() ? "false" : "true");
+        // attribute; for checkable controls this also means setting the `is-collapsed` class.
+        // Note: aria-expanded is currently an invalid attribute on radio elements
+        // Support for aria-expanded is being debated by the W3C https://github.com/w3c/aria/issues/1404 as recently as June 2022
+        if (!this.isRadio) {
+            this.element.setAttribute("aria-expanded", this.isCollapsed() ? "false" : "true");
+        }
         if (this.isCheckable) {
-            var cc = this.controlledCollapsibles;
+            var cc = this.controlledExpandables;
             if (cc.length) {
-                var expected = !this.isCollapsed();
+                var expected_1 = !this.isCollapsed();
                 // if any element does not match the expected state, set them all to the expected state
-                if (cc.some(function (element) { return element.classList.contains("is-expanded") !== expected; })) {
-                    for (var _i = 0, _a = this.controlledCollapsibles; _i < _a.length; _i++) {
+                if (cc.some(function (element) { return element.classList.contains("is-expanded") !== expected_1; })) {
+                    for (var _i = 0, _a = this.controlledExpandables; _i < _a.length; _i++) {
                         var controlledElement = _a[_i];
-                        controlledElement.classList.toggle("is-expanded", expected);
+                        controlledElement.classList.toggle("is-expanded", expected_1);
                     }
-                    this._dispatchShowHideEvent(expected);
-                    this._toggleClass(expected);
+                    this._dispatchShowHideEvent(expected_1);
+                    this._toggleClass(expected_1);
                 }
             }
         }
@@ -4641,7 +4661,7 @@ var ExpandableController = /** @class */ (function (_super) {
     ExpandableController.prototype.disconnect = function () {
         var _this = this;
         this.events.forEach(function (e) {
-            _this.element.removeEventListener(e, _this.listener);
+            _this.element.removeEventListener(e, _this.listener.bind(_this));
         }, this);
         if (this.isRadio) {
             globalChangeListenerRequired(false);
@@ -4774,7 +4794,7 @@ var ModalController = /** @class */ (function (_super) {
             this.removeModalOnHide();
         }
         // check for transitionend support
-        var supportsTransitionEnd = this.modalTarget.ontransitionend !== undefined;
+        var supportsTransitionEnd = (this.modalTarget).ontransitionend !== undefined;
         // shown/hidden events trigger after toggling the class
         if (supportsTransitionEnd) {
             // wait until after the modal finishes transitioning to fire the event
@@ -5147,7 +5167,7 @@ var __extends = (this && this.__extends) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.detachPopover = exports.attachPopover = exports.hidePopover = exports.showPopover = exports.PopoverController = exports.BasePopoverController = void 0;
-var core_1 = __webpack_require__(750);
+var core_1 = __webpack_require__(492);
 var Stacks = __webpack_require__(36);
 var BasePopoverController = /** @class */ (function (_super) {
     __extends(BasePopoverController, _super);
@@ -5222,6 +5242,8 @@ var BasePopoverController = /** @class */ (function (_super) {
         this.hide();
         if (this.popper) {
             this.popper.destroy();
+            // eslint-disable-next-line
+            // @ts-ignore The operand of a 'delete' operator must be optional .ts(2790)
             delete this.popper;
         }
         _super.prototype.disconnect.call(this);
@@ -5273,6 +5295,8 @@ var BasePopoverController = /** @class */ (function (_super) {
         if (this.popper) {
             // completely destroy the popper on hide; this is in line with Popper.js's performance recommendations
             this.popper.destroy();
+            // eslint-disable-next-line
+            // @ts-ignore The operand of a 'delete' operator must be optional .ts(2790)
             delete this.popper;
         }
         // on first interaction, hide-on-outside-click with value "after-dismissal" reverts to the default behavior
@@ -5311,7 +5335,6 @@ var BasePopoverController = /** @class */ (function (_super) {
      * Initializes the Popper for this instance
      */
     BasePopoverController.prototype.initializePopper = function () {
-        // @ts-ignore
         this.popper = (0, core_1.createPopper)(this.referenceElement, this.popoverElement, {
             placement: this.data.get("placement") || "bottom",
             modifiers: [
@@ -5382,7 +5405,7 @@ var BasePopoverController = /** @class */ (function (_super) {
      */
     BasePopoverController.prototype.scheduleUpdate = function () {
         if (this.popper && this.isVisible) {
-            this.popper.update();
+            void this.popper.update();
         }
     };
     return BasePopoverController;
@@ -5474,8 +5497,9 @@ var PopoverController = /** @class */ (function (_super) {
         if (!this.data.has("toggle-class")) {
             return;
         }
+        var toggleClass = this.data.get("toggle-class") || "";
         var cl = this.referenceElement.classList;
-        this.data.get("toggle-class").split(/\s+/).forEach(function (cls) {
+        toggleClass.split(/\s+/).forEach(function (cls) {
             cl.toggle(cls, show);
         });
     };
@@ -5484,7 +5508,9 @@ var PopoverController = /** @class */ (function (_super) {
      * @param {boolean=} show - A boolean indicating whether this is being triggered by a show or hide.
      */
     PopoverController.prototype.toggleAccessibilityAttributes = function (show) {
-        this.referenceElement.ariaExpanded = (show === null || show === void 0 ? void 0 : show.toString()) || this.referenceElement.ariaExpanded || 'false';
+        var expandedValue = (show === null || show === void 0 ? void 0 : show.toString()) || this.referenceElement.ariaExpanded || "false";
+        this.referenceElement.ariaExpanded = expandedValue;
+        this.referenceElement.setAttribute("aria-expanded", expandedValue);
     };
     PopoverController.targets = [];
     return PopoverController;
@@ -5543,6 +5569,7 @@ function attachPopover(element, popover, options) {
         throw "element has invalid data-s-popover-reference-selector attribute";
     }
     if (typeof popover === 'string') {
+        // eslint-disable-next-line no-unsanitized/method
         var elements = document.createRange().createContextualFragment(popover).children;
         if (elements.length !== 1) {
             throw "popover should contain a single element";
@@ -5669,6 +5696,7 @@ var TableController = /** @class */ (function (_super) {
         if (["asc", "desc", "none"].indexOf(direction) < 0) {
             throw "direction must be one of asc, desc, or none";
         }
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
         var controller = this;
         this.columnTargets.forEach(function (target) {
             var isCurrrent = target === headElem;
@@ -5687,6 +5715,7 @@ var TableController = /** @class */ (function (_super) {
     };
     ;
     TableController.prototype.sort = function (evt) {
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
         var controller = this;
         var colHead = evt.currentTarget;
         if (!(colHead instanceof HTMLTableCellElement)) {
@@ -5732,7 +5761,7 @@ var TableController = /** @class */ (function (_super) {
             // the value we're using is the cell's text, trimmed of any whitespace
             var explicit = controller.getElementData(cell, "sort-val");
             var d = typeof explicit === "string" ? explicit : cell.textContent.trim();
-            if ((d !== "") && (parseInt(d, 10) + "" !== d)) {
+            if ((d !== "") && ("".concat(parseInt(d, 10)) !== d)) {
                 anyNonInt = true;
             }
             data.push([d, index]);
@@ -5908,11 +5937,13 @@ var TooltipController = /** @class */ (function (_super) {
         if (window.matchMedia("(hover: hover)").matches) {
             this.bindMouseEvents();
         }
+        this.bindKeyboardEvents();
     };
     /**
      * Unbinds mouse events in addition to BasePopoverController.disconnect
      */
     TooltipController.prototype.disconnect = function () {
+        this.unbindKeyboardEvents();
         this.unbindMouseEvents();
         _super.prototype.disconnect.call(this);
     };
@@ -5942,11 +5973,17 @@ var TooltipController = /** @class */ (function (_super) {
     /**
      * Cancels the scheduled tooltip popover display and hides it if already displayed
      */
-    TooltipController.prototype.hide = function (dispatcher) {
+    TooltipController.prototype.scheduleHide = function (dispatcher) {
+        var _this = this;
         if (dispatcher === void 0) { dispatcher = null; }
         window.clearTimeout(this.activeTimeout);
-        this.activeTimeout = null;
-        _super.prototype.hide.call(this, dispatcher);
+        this.activeTimeout = window.setTimeout(function () { return _super.prototype.hide.call(_this, dispatcher); }, 100);
+    };
+    /**
+     * Cancels the activeTimeout
+     */
+    TooltipController.prototype.clearActiveTimeout = function () {
+        clearTimeout(this.activeTimeout);
     };
     /**
      * Applies data-s-tooltip-html-title and title attributes.
@@ -5955,6 +5992,7 @@ var TooltipController = /** @class */ (function (_super) {
         var content;
         var htmlTitle = this.data.get("html-title");
         if (htmlTitle) {
+            // eslint-disable-next-line no-unsanitized/method
             content = document.createRange().createContextualFragment(htmlTitle);
         }
         else {
@@ -5977,8 +6015,7 @@ var TooltipController = /** @class */ (function (_super) {
         if (!popover) {
             popover = document.createElement("div");
             popover.id = popoverId;
-            popover.className = "s-popover s-popover__tooltip pe-none";
-            popover.setAttribute("aria-hidden", "true");
+            popover.className = "s-popover s-popover__tooltip";
             popover.setAttribute("role", "tooltip");
             var parentNode = this.element.parentNode;
             if (parentNode) {
@@ -6030,19 +6067,44 @@ var TooltipController = /** @class */ (function (_super) {
      */
     TooltipController.prototype.hideIfWithin = function (event) {
         if (event.target.contains(this.referenceElement)) {
-            this.hide();
+            this.scheduleHide();
+        }
+    };
+    TooltipController.prototype.hideOnEscapeKeyEvent = function (event) {
+        if (event.key === "Escape") {
+            this.scheduleHide();
         }
     };
+    /**
+     * Binds mouse events to show/hide on reference element hover
+     */
+    TooltipController.prototype.bindKeyboardEvents = function () {
+        this.boundScheduleShow = this.boundScheduleShow || this.scheduleShow.bind(this);
+        this.boundHide = this.boundHide || this.scheduleHide.bind(this);
+        this.boundHideOnEscapeKeyEvent = this.boundHideOnEscapeKeyEvent || this.hideOnEscapeKeyEvent.bind(this);
+        this.referenceElement.addEventListener("focus", this.boundScheduleShow);
+        this.referenceElement.addEventListener("blur", this.boundHide);
+        document.addEventListener("keyup", this.boundHideOnEscapeKeyEvent);
+    };
+    /**
+     * Unbinds all mouse events
+     */
+    TooltipController.prototype.unbindKeyboardEvents = function () {
+        this.referenceElement.removeEventListener("focus", this.boundScheduleShow);
+        this.referenceElement.removeEventListener("blur", this.boundHide);
+        document.removeEventListener("keyup", this.boundHideOnEscapeKeyEvent);
+    };
     /**
      * Binds mouse events to show/hide on reference element hover
      */
     TooltipController.prototype.bindMouseEvents = function () {
         this.boundScheduleShow = this.boundScheduleShow || this.scheduleShow.bind(this);
-        this.boundHide = this.boundHide || this.hide.bind(this);
+        this.boundHide = this.boundHide || this.scheduleHide.bind(this);
+        this.boundClearActiveTimeout = this.boundClearActiveTimeout || this.clearActiveTimeout.bind(this);
         this.referenceElement.addEventListener("mouseover", this.boundScheduleShow);
         this.referenceElement.addEventListener("mouseout", this.boundHide);
-        this.referenceElement.addEventListener("focus", this.boundScheduleShow);
-        this.referenceElement.addEventListener("blur", this.boundHide);
+        this.popoverElement.addEventListener("mouseover", this.boundClearActiveTimeout);
+        this.popoverElement.addEventListener("mouseout", this.boundHide);
     };
     /**
      * Unbinds all mouse events
@@ -6052,6 +6114,8 @@ var TooltipController = /** @class */ (function (_super) {
         this.referenceElement.removeEventListener("mouseout", this.boundHide);
         this.referenceElement.removeEventListener("focus", this.boundScheduleShow);
         this.referenceElement.removeEventListener("blur", this.boundHide);
+        this.popoverElement.removeEventListener("mouseover", this.boundClearActiveTimeout);
+        this.popoverElement.removeEventListener("mouseout", this.boundHide);
     };
     /**
      * Generates an ID for tooltips created with setTooltip.
@@ -6102,7 +6166,8 @@ function applyOptionsAndTitleAttributes(element, options) {
         controller.applyTitleAttributes();
     }
     else {
-        element.setAttribute("data-controller", element.getAttribute("data-controller") + " s-tooltip");
+        var dataController = element.getAttribute("data-controller");
+        element.setAttribute("data-controller", "".concat(dataController ? dataController : "", " s-tooltip"));
     }
 }
 
@@ -6176,7 +6241,9 @@ var UploaderController = /** @class */ (function (_super) {
             }
             res.forEach(function (file) { return _this.addFilePreview(file); });
             _this.handleUploaderActive(true);
-        });
+        })
+            // TODO consider rendering an error message
+            .catch(function () { return null; });
     };
     /**
      * Resets the Uploader to initial state
@@ -6196,14 +6263,26 @@ var UploaderController = /** @class */ (function (_super) {
         var showElements = scope.findAllElements('[data-s-uploader-show-on-input]');
         var enableElements = scope.findAllElements('[data-s-uploader-enable-on-input]');
         if (shouldPreview) {
-            hideElements.map(function (el) { return el.classList.add("d-none"); });
-            showElements.map(function (el) { return el.classList.remove("d-none"); });
-            enableElements.map(function (el) { return el.removeAttribute("disabled"); });
+            hideElements.forEach(function (el) {
+                el.classList.add("d-none");
+            });
+            showElements.forEach(function (el) {
+                el.classList.remove("d-none");
+            });
+            enableElements.forEach(function (el) {
+                el.removeAttribute("disabled");
+            });
         }
         else {
-            hideElements.map(function (el) { return el.classList.remove("d-none"); });
-            showElements.map(function (el) { return el.classList.add("d-none"); });
-            enableElements.map(function (el) { return el.setAttribute("disabled", "true"); });
+            hideElements.forEach(function (el) {
+                el.classList.remove("d-none");
+            });
+            showElements.forEach(function (el) {
+                el.classList.add("d-none");
+            });
+            enableElements.forEach(function (el) {
+                el.setAttribute("disabled", "true");
+            });
             this.handleUploaderActive(false);
         }
     };
@@ -6385,6 +6464,7 @@ var StacksApplication = /** @class */ (function (_super) {
     };
     StacksApplication.start = function (element, schema) {
         var application = new StacksApplication(element, schema);
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
         application.start();
         return application;
     };
@@ -6421,6 +6501,7 @@ var StacksController = /** @class */ (function (_super) {
         }
         catch (ex) {
             // Internet Explorer
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
             event = document.createEvent("CustomEvent");
             event.initCustomEvent(namespacedName, true, true, detail);
         }
@@ -6433,6 +6514,7 @@ var StacksController = /** @class */ (function (_super) {
 exports.StacksController = StacksController;
 function createController(controllerDefinition) {
     var _a;
+    // eslint-disable-next-line no-prototype-builtins
     var Controller = controllerDefinition.hasOwnProperty("targets")
         ? (_a = /** @class */ (function (_super) {
                 __extends(Controller, _super);
@@ -6450,6 +6532,7 @@ function createController(controllerDefinition) {
         return Controller;
     }(StacksController));
     for (var prop in controllerDefinition) {
+        // eslint-disable-next-line no-prototype-builtins
         if (prop !== "targets" && controllerDefinition.hasOwnProperty(prop)) {
             Object.defineProperty(Controller.prototype, prop, Object.getOwnPropertyDescriptor(controllerDefinition, prop));
         }