@stackoverflow/stacks 0.76.0 → 1.0.1

package/dist/js/stacks.js

@@ -7,7 +7,7 @@
 		exports["Stacks"] = factory();
 	else
 		root["Stacks"] = factory();
-})(globalThis, function() {
+})(globalThis, () => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
@@ -4405,33 +4405,33 @@ var Controller = /** @class */ (function () {
 /***/ 470:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.UploaderController = exports.TooltipController = exports.setTooltipText = exports.setTooltipHtml = exports.TableController = exports.showPopover = exports.PopoverController = exports.BasePopoverController = exports.hidePopover = exports.detachPopover = exports.attachPopover = exports.TabListController = exports.showModal = exports.ModalController = exports.hideModal = exports.ExpandableController = void 0;
-// export all controllers *with helpers* so they can be bulk re-exported by the package entry point
-var s_expandable_control_1 = __webpack_require__(601);
-Object.defineProperty(exports, "ExpandableController", ({ enumerable: true, get: function () { return s_expandable_control_1.ExpandableController; } }));
-var s_modal_1 = __webpack_require__(181);
-Object.defineProperty(exports, "hideModal", ({ enumerable: true, get: function () { return s_modal_1.hideModal; } }));
-Object.defineProperty(exports, "ModalController", ({ enumerable: true, get: function () { return s_modal_1.ModalController; } }));
-Object.defineProperty(exports, "showModal", ({ enumerable: true, get: function () { return s_modal_1.showModal; } }));
-var s_navigation_tablist_1 = __webpack_require__(642);
-Object.defineProperty(exports, "TabListController", ({ enumerable: true, get: function () { return s_navigation_tablist_1.TabListController; } }));
-var s_popover_1 = __webpack_require__(388);
-Object.defineProperty(exports, "attachPopover", ({ enumerable: true, get: function () { return s_popover_1.attachPopover; } }));
-Object.defineProperty(exports, "detachPopover", ({ enumerable: true, get: function () { return s_popover_1.detachPopover; } }));
-Object.defineProperty(exports, "hidePopover", ({ enumerable: true, get: function () { return s_popover_1.hidePopover; } }));
-Object.defineProperty(exports, "BasePopoverController", ({ enumerable: true, get: function () { return s_popover_1.BasePopoverController; } }));
-Object.defineProperty(exports, "PopoverController", ({ enumerable: true, get: function () { return s_popover_1.PopoverController; } }));
-Object.defineProperty(exports, "showPopover", ({ enumerable: true, get: function () { return s_popover_1.showPopover; } }));
-var s_table_1 = __webpack_require__(753);
-Object.defineProperty(exports, "TableController", ({ enumerable: true, get: function () { return s_table_1.TableController; } }));
-var s_tooltip_1 = __webpack_require__(355);
-Object.defineProperty(exports, "setTooltipHtml", ({ enumerable: true, get: function () { return s_tooltip_1.setTooltipHtml; } }));
-Object.defineProperty(exports, "setTooltipText", ({ enumerable: true, get: function () { return s_tooltip_1.setTooltipText; } }));
-Object.defineProperty(exports, "TooltipController", ({ enumerable: true, get: function () { return s_tooltip_1.TooltipController; } }));
-var s_uploader_1 = __webpack_require__(637);
-Object.defineProperty(exports, "UploaderController", ({ enumerable: true, get: function () { return s_uploader_1.UploaderController; } }));
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.UploaderController = exports.TooltipController = exports.setTooltipText = exports.setTooltipHtml = exports.TableController = exports.showPopover = exports.PopoverController = exports.BasePopoverController = exports.hidePopover = exports.detachPopover = exports.attachPopover = exports.TabListController = exports.showModal = exports.ModalController = exports.hideModal = exports.ExpandableController = void 0;
+// export all controllers *with helpers* so they can be bulk re-exported by the package entry point
+var s_expandable_control_1 = __webpack_require__(601);
+Object.defineProperty(exports, "ExpandableController", ({ enumerable: true, get: function () { return s_expandable_control_1.ExpandableController; } }));
+var s_modal_1 = __webpack_require__(181);
+Object.defineProperty(exports, "hideModal", ({ enumerable: true, get: function () { return s_modal_1.hideModal; } }));
+Object.defineProperty(exports, "ModalController", ({ enumerable: true, get: function () { return s_modal_1.ModalController; } }));
+Object.defineProperty(exports, "showModal", ({ enumerable: true, get: function () { return s_modal_1.showModal; } }));
+var s_navigation_tablist_1 = __webpack_require__(642);
+Object.defineProperty(exports, "TabListController", ({ enumerable: true, get: function () { return s_navigation_tablist_1.TabListController; } }));
+var s_popover_1 = __webpack_require__(388);
+Object.defineProperty(exports, "attachPopover", ({ enumerable: true, get: function () { return s_popover_1.attachPopover; } }));
+Object.defineProperty(exports, "detachPopover", ({ enumerable: true, get: function () { return s_popover_1.detachPopover; } }));
+Object.defineProperty(exports, "hidePopover", ({ enumerable: true, get: function () { return s_popover_1.hidePopover; } }));
+Object.defineProperty(exports, "BasePopoverController", ({ enumerable: true, get: function () { return s_popover_1.BasePopoverController; } }));
+Object.defineProperty(exports, "PopoverController", ({ enumerable: true, get: function () { return s_popover_1.PopoverController; } }));
+Object.defineProperty(exports, "showPopover", ({ enumerable: true, get: function () { return s_popover_1.showPopover; } }));
+var s_table_1 = __webpack_require__(753);
+Object.defineProperty(exports, "TableController", ({ enumerable: true, get: function () { return s_table_1.TableController; } }));
+var s_tooltip_1 = __webpack_require__(355);
+Object.defineProperty(exports, "setTooltipHtml", ({ enumerable: true, get: function () { return s_tooltip_1.setTooltipHtml; } }));
+Object.defineProperty(exports, "setTooltipText", ({ enumerable: true, get: function () { return s_tooltip_1.setTooltipText; } }));
+Object.defineProperty(exports, "TooltipController", ({ enumerable: true, get: function () { return s_tooltip_1.TooltipController; } }));
+var s_uploader_1 = __webpack_require__(637);
+Object.defineProperty(exports, "UploaderController", ({ enumerable: true, get: function () { return s_uploader_1.UploaderController; } }));
 
 
 /***/ }),
@@ -4439,218 +4439,218 @@ Object.defineProperty(exports, "UploaderController", ({ enumerable: true, get: f
 /***/ 601:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
-
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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
-// 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.
-//
-// We're keeping a count of how many of these controllers are connected to the DOM,
-// so only have this global listener when we actually need it.
-var RADIO_OFF_EVENT = "s-expandable-control:radio-off";
-function globalChangeListener(e) {
-    var target = e.target;
-    if (!(target instanceof HTMLInputElement) || target.nodeName !== "INPUT" || target.type !== "radio") {
-        return;
-    }
-    document.querySelectorAll('input[type="radio"][name="' + target.name + '"]')
-        .forEach(function (other) {
-        if (other === e.target) {
-            return;
-        }
-        var customEvent;
-        try {
-            customEvent = new Event(RADIO_OFF_EVENT);
-        }
-        catch (ex) {
-            // Internet Explorer
-            customEvent = document.createEvent("Event");
-            customEvent.initEvent(RADIO_OFF_EVENT, true, true);
-        }
-        other.dispatchEvent(customEvent);
-    });
-}
-var refCount = 0;
-function globalChangeListenerRequired(required) {
-    if (required) {
-        refCount++;
-        if (refCount === 1) {
-            document.body.addEventListener("change", globalChangeListener);
-        }
-    }
-    else {
-        refCount--;
-        if (refCount === 0) {
-            document.body.removeEventListener("change", globalChangeListener);
-        }
-    }
-}
-var ExpandableController = /** @class */ (function (_super) {
-    __extends(ExpandableController, _super);
-    function ExpandableController() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.lastKeydownClickTimestamp = 0;
-        return _this;
-    }
-    ExpandableController.prototype.initialize = function () {
-        if (this.element.nodeName === "INPUT" && ["radio", "checkbox"].indexOf(this.element.type) >= 0) {
-            this.isCollapsed = this._isCollapsedForCheckable;
-            this.events = ["change", RADIO_OFF_EVENT];
-            this.isCheckable = true;
-            this.isRadio = this.element.type === "radio";
-        }
-        else {
-            this.isCollapsed = this._isCollapsedForClickable;
-            this.events = ["click", "keydown"];
-        }
-        this.listener = this.listener.bind(this);
-    };
-    ;
-    // 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;
-        // 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";
-    };
-    ;
-    // for checkable elements, the initial source of truth is the checked state
-    ExpandableController.prototype._isCollapsedForCheckable = function () {
-        return !this.element.checked;
-    };
-    ;
-    Object.defineProperty(ExpandableController.prototype, "controlledCollapsibles", {
-        get: function () {
-            var attr = this.element.getAttribute("aria-controls");
-            if (!attr) {
-                throw "[aria-controls=\"targetId1 ... targetIdN\"] attribute required";
-            }
-            var result = attr.split(/\s+/g)
-                .map(function (s) { return document.getElementById(s); })
-                .filter(function (e) { return !!e; });
-            if (!result.length) {
-                throw "couldn't find controls";
-            }
-            return result;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    ;
-    ExpandableController.prototype._dispatchShowHideEvent = function (isShow) {
-        this.triggerEvent(isShow ? "show" : "hide");
-    };
-    ;
-    ExpandableController.prototype._toggleClass = function (doAdd) {
-        if (!this.data.has("toggle-class")) {
-            return;
-        }
-        var cl = this.element.classList;
-        var toggleClass = this.data.get("toggle-class");
-        if (!toggleClass) {
-            throw "couldn't find toggle class";
-        }
-        toggleClass.split(/\s+/).forEach(function (cls) {
-            cl.toggle(cls, !!doAdd);
-        });
-    };
-    ;
-    ExpandableController.prototype.listener = function (e) {
-        var newCollapsed;
-        if (this.isCheckable) {
-            newCollapsed = !this.element.checked;
-        }
-        else {
-            if (e.type == "keydown" && (e instanceof KeyboardEvent && e.keyCode != 13 && e.keyCode != 32)) {
-                return;
-            }
-            if (e.target !== e.currentTarget && ["A", "BUTTON"].indexOf(e.target.nodeName) >= 0) {
-                return;
-            }
-            e.preventDefault();
-            // Prevent "click" events from toggling the expandable within 300ms of "keydown".
-            // e.preventDefault() should have done the same, but https://bugzilla.mozilla.org/show_bug.cgi?id=1487102
-            // doesn't guarantee it.
-            if (e.type == "keydown") {
-                this.lastKeydownClickTimestamp = Date.now();
-            }
-            else if (e.type == "click" && Date.now() - this.lastKeydownClickTimestamp < 300) {
-                return;
-            }
-            newCollapsed = this.element.getAttribute("aria-expanded") === "true";
-            if (e.type === "click") {
-                this.element.blur();
-            }
-        }
-        this.element.setAttribute("aria-expanded", newCollapsed ? "false" : "true");
-        for (var _i = 0, _a = this.controlledCollapsibles; _i < _a.length; _i++) {
-            var controlledElement = _a[_i];
-            controlledElement.classList.toggle("is-expanded", !newCollapsed);
-        }
-        this._dispatchShowHideEvent(!newCollapsed);
-        this._toggleClass(!newCollapsed);
-    };
-    ;
-    ExpandableController.prototype.connect = function () {
-        var _this = this;
-        this.events.forEach(function (e) {
-            _this.element.addEventListener(e, _this.listener);
-        }, 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");
-        if (this.isCheckable) {
-            var cc = this.controlledCollapsibles;
-            if (cc.length) {
-                var expected = !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++) {
-                        var controlledElement = _a[_i];
-                        controlledElement.classList.toggle("is-expanded", expected);
-                    }
-                    this._dispatchShowHideEvent(expected);
-                    this._toggleClass(expected);
-                }
-            }
-        }
-    };
-    ;
-    ExpandableController.prototype.disconnect = function () {
-        var _this = this;
-        this.events.forEach(function (e) {
-            _this.element.removeEventListener(e, _this.listener);
-        }, this);
-        if (this.isRadio) {
-            globalChangeListenerRequired(false);
-        }
-    };
-    ;
-    return ExpandableController;
-}(Stacks.StacksController));
-exports.ExpandableController = ExpandableController;
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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
+// 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.
+//
+// We're keeping a count of how many of these controllers are connected to the DOM,
+// so only have this global listener when we actually need it.
+var RADIO_OFF_EVENT = "s-expandable-control:radio-off";
+function globalChangeListener(e) {
+    var target = e.target;
+    if (!(target instanceof HTMLInputElement) || target.nodeName !== "INPUT" || target.type !== "radio") {
+        return;
+    }
+    document.querySelectorAll('input[type="radio"][name="' + target.name + '"]')
+        .forEach(function (other) {
+        if (other === e.target) {
+            return;
+        }
+        var customEvent;
+        try {
+            customEvent = new Event(RADIO_OFF_EVENT);
+        }
+        catch (ex) {
+            // Internet Explorer
+            customEvent = document.createEvent("Event");
+            customEvent.initEvent(RADIO_OFF_EVENT, true, true);
+        }
+        other.dispatchEvent(customEvent);
+    });
+}
+var refCount = 0;
+function globalChangeListenerRequired(required) {
+    if (required) {
+        refCount++;
+        if (refCount === 1) {
+            document.body.addEventListener("change", globalChangeListener);
+        }
+    }
+    else {
+        refCount--;
+        if (refCount === 0) {
+            document.body.removeEventListener("change", globalChangeListener);
+        }
+    }
+}
+var ExpandableController = /** @class */ (function (_super) {
+    __extends(ExpandableController, _super);
+    function ExpandableController() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.lastKeydownClickTimestamp = 0;
+        return _this;
+    }
+    ExpandableController.prototype.initialize = function () {
+        if (this.element.nodeName === "INPUT" && ["radio", "checkbox"].indexOf(this.element.type) >= 0) {
+            this.isCollapsed = this._isCollapsedForCheckable;
+            this.events = ["change", RADIO_OFF_EVENT];
+            this.isCheckable = true;
+            this.isRadio = this.element.type === "radio";
+        }
+        else {
+            this.isCollapsed = this._isCollapsedForClickable;
+            this.events = ["click", "keydown"];
+        }
+        this.listener = this.listener.bind(this);
+    };
+    ;
+    // 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;
+        // 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";
+    };
+    ;
+    // for checkable elements, the initial source of truth is the checked state
+    ExpandableController.prototype._isCollapsedForCheckable = function () {
+        return !this.element.checked;
+    };
+    ;
+    Object.defineProperty(ExpandableController.prototype, "controlledCollapsibles", {
+        get: function () {
+            var attr = this.element.getAttribute("aria-controls");
+            if (!attr) {
+                throw "[aria-controls=\"targetId1 ... targetIdN\"] attribute required";
+            }
+            var result = attr.split(/\s+/g)
+                .map(function (s) { return document.getElementById(s); })
+                .filter(function (e) { return !!e; });
+            if (!result.length) {
+                throw "couldn't find controls";
+            }
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ;
+    ExpandableController.prototype._dispatchShowHideEvent = function (isShow) {
+        this.triggerEvent(isShow ? "show" : "hide");
+    };
+    ;
+    ExpandableController.prototype._toggleClass = function (doAdd) {
+        if (!this.data.has("toggle-class")) {
+            return;
+        }
+        var cl = this.element.classList;
+        var toggleClass = this.data.get("toggle-class");
+        if (!toggleClass) {
+            throw "couldn't find toggle class";
+        }
+        toggleClass.split(/\s+/).forEach(function (cls) {
+            cl.toggle(cls, !!doAdd);
+        });
+    };
+    ;
+    ExpandableController.prototype.listener = function (e) {
+        var newCollapsed;
+        if (this.isCheckable) {
+            newCollapsed = !this.element.checked;
+        }
+        else {
+            if (e.type == "keydown" && (e instanceof KeyboardEvent && e.keyCode != 13 && e.keyCode != 32)) {
+                return;
+            }
+            if (e.target !== e.currentTarget && ["A", "BUTTON"].indexOf(e.target.nodeName) >= 0) {
+                return;
+            }
+            e.preventDefault();
+            // Prevent "click" events from toggling the expandable within 300ms of "keydown".
+            // e.preventDefault() should have done the same, but https://bugzilla.mozilla.org/show_bug.cgi?id=1487102
+            // doesn't guarantee it.
+            if (e.type == "keydown") {
+                this.lastKeydownClickTimestamp = Date.now();
+            }
+            else if (e.type == "click" && Date.now() - this.lastKeydownClickTimestamp < 300) {
+                return;
+            }
+            newCollapsed = this.element.getAttribute("aria-expanded") === "true";
+            if (e.type === "click") {
+                this.element.blur();
+            }
+        }
+        this.element.setAttribute("aria-expanded", newCollapsed ? "false" : "true");
+        for (var _i = 0, _a = this.controlledCollapsibles; _i < _a.length; _i++) {
+            var controlledElement = _a[_i];
+            controlledElement.classList.toggle("is-expanded", !newCollapsed);
+        }
+        this._dispatchShowHideEvent(!newCollapsed);
+        this._toggleClass(!newCollapsed);
+    };
+    ;
+    ExpandableController.prototype.connect = function () {
+        var _this = this;
+        this.events.forEach(function (e) {
+            _this.element.addEventListener(e, _this.listener);
+        }, 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");
+        if (this.isCheckable) {
+            var cc = this.controlledCollapsibles;
+            if (cc.length) {
+                var expected = !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++) {
+                        var controlledElement = _a[_i];
+                        controlledElement.classList.toggle("is-expanded", expected);
+                    }
+                    this._dispatchShowHideEvent(expected);
+                    this._toggleClass(expected);
+                }
+            }
+        }
+    };
+    ;
+    ExpandableController.prototype.disconnect = function () {
+        var _this = this;
+        this.events.forEach(function (e) {
+            _this.element.removeEventListener(e, _this.listener);
+        }, this);
+        if (this.isRadio) {
+            globalChangeListenerRequired(false);
+        }
+    };
+    ;
+    return ExpandableController;
+}(Stacks.StacksController));
+exports.ExpandableController = ExpandableController;
 
 
 /***/ }),
@@ -4658,322 +4658,322 @@ exports.ExpandableController = ExpandableController;
 /***/ 181:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
-
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.hideModal = exports.showModal = exports.ModalController = void 0;
-var Stacks = __webpack_require__(36);
-var ModalController = /** @class */ (function (_super) {
-    __extends(ModalController, _super);
-    function ModalController() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ModalController.prototype.connect = function () {
-        this.validate();
-    };
-    /**
-     * Disconnects all added event listeners on controller disconnect
-     */
-    ModalController.prototype.disconnect = function () {
-        this.unbindDocumentEvents();
-    };
-    ;
-    /**
-     * Toggles the visibility of the modal
-     */
-    ModalController.prototype.toggle = function (dispatcher) {
-        if (dispatcher === void 0) { dispatcher = null; }
-        this._toggle(undefined, dispatcher);
-    };
-    /**
-     * Shows the modal
-     */
-    ModalController.prototype.show = function (dispatcher) {
-        if (dispatcher === void 0) { dispatcher = null; }
-        this._toggle(true, dispatcher);
-    };
-    /**
-     * Hides the modal
-     */
-    ModalController.prototype.hide = function (dispatcher) {
-        if (dispatcher === void 0) { dispatcher = null; }
-        this._toggle(false, dispatcher);
-    };
-    /**
-     * Validates the modal settings and attempts to set necessary internal variables
-     */
-    ModalController.prototype.validate = function () {
-        // check for returnElement support
-        var returnElementSelector = this.data.get("return-element");
-        if (returnElementSelector) {
-            this.returnElement = document.querySelector(returnElementSelector);
-            if (!this.returnElement) {
-                throw "Unable to find element by return-element selector: " + returnElementSelector;
-            }
-        }
-    };
-    /**
-     * Toggles the visibility of the modal element
-     * @param show Optional parameter that force shows/hides the element or toggles it if left undefined
-     */
-    ModalController.prototype._toggle = function (show, dispatcher) {
-        var _this = this;
-        if (dispatcher === void 0) { dispatcher = null; }
-        var toShow = show;
-        var isVisible = this.modalTarget.getAttribute("aria-hidden") === "false";
-        // if we're letting the class toggle, we need to figure out if the popover is visible manually
-        if (typeof toShow === "undefined") {
-            toShow = !isVisible;
-        }
-        // if the state matches the disired state, return without changing anything
-        if ((toShow && isVisible) || (!toShow && !isVisible)) {
-            return;
-        }
-        var dispatchingElement = this.getDispatcher(dispatcher);
-        // show/hide events trigger before toggling the class
-        var triggeredEvent = this.triggerEvent(toShow ? "show" : "hide", {
-            returnElement: this.returnElement,
-            dispatcher: this.getDispatcher(dispatchingElement)
-        }, this.modalTarget);
-        // if this pre-show/hide event was prevented, don't attempt to continue changing the modal state
-        if (triggeredEvent.defaultPrevented) {
-            return;
-        }
-        this.returnElement = triggeredEvent.detail.returnElement;
-        this.modalTarget.setAttribute("aria-hidden", toShow ? "false" : "true");
-        if (toShow) {
-            this.bindDocumentEvents();
-            this.focusInsideModal();
-        }
-        else {
-            this.unbindDocumentEvents();
-            this.focusReturnElement();
-            this.removeModalOnHide();
-        }
-        // check for transitionend support
-        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
-            this.modalTarget.addEventListener("transitionend", function () {
-                //TODO this is firing waaay to soon?
-                _this.triggerEvent(toShow ? "shown" : "hidden", {
-                    dispatcher: dispatchingElement
-                }, _this.modalTarget);
-            }, { once: true });
-        }
-        else {
-            this.triggerEvent(toShow ? "shown" : "hidden", {
-                dispatcher: dispatchingElement
-            }, this.modalTarget);
-        }
-    };
-    /**
-     * Listens for the s-modal:hidden event and focuses the returnElement when it is fired
-     */
-    ModalController.prototype.focusReturnElement = function () {
-        var _this = this;
-        if (!this.returnElement) {
-            return;
-        }
-        this.modalTarget.addEventListener("s-modal:hidden", function () {
-            // double check the element still exists when the event is called
-            if (_this.returnElement && document.body.contains(_this.returnElement)) {
-                _this.returnElement.focus();
-            }
-        }, { once: true });
-    };
-    /**
-     * Remove the element on hide if the `remove-when-hidden` flag is set
-     */
-    ModalController.prototype.removeModalOnHide = function () {
-        var _this = this;
-        if (this.data.get("remove-when-hidden") !== "true") {
-            return;
-        }
-        this.modalTarget.addEventListener("s-modal:hidden", function () {
-            _this.element.remove();
-        }, { once: true });
-    };
-    /**
-     * Gets all elements within the modal that could receive keyboard focus.
-     */
-    ModalController.prototype.getAllTabbables = function () {
-        return Array.from(this.modalTarget.querySelectorAll("[href], input, select, textarea, button, [tabindex]"))
-            .filter(function (el) { return el.matches(":not([disabled]):not([tabindex='-1'])"); });
-    };
-    /**
-     * Returns the first visible element in an array or `undefined` if no elements are visible.
-     */
-    ModalController.prototype.firstVisible = function (elements) {
-        // https://stackoverflow.com/a/21696585
-        return elements.find(function (el) { return el.offsetParent !== null; });
-    };
-    /**
-     * Returns the last visible element in an array or `undefined` if no elements are visible.
-     */
-    ModalController.prototype.lastVisible = function (elements) {
-        return this.firstVisible(__spreadArray([], elements, true).reverse());
-    };
-    /**
-     * Attempts to shift keyboard focus into the modal.
-     * If elements with `data-s-modal-target="initialFocus"` are present and visible, one of those will be selected.
-     * Otherwise, the first visible focusable element will receive focus.
-     */
-    ModalController.prototype.focusInsideModal = function () {
-        var _this = this;
-        this.modalTarget.addEventListener("s-modal:shown", function () {
-            var _a;
-            var initialFocus = (_a = _this.firstVisible(_this.initialFocusTargets)) !== null && _a !== void 0 ? _a : _this.firstVisible(_this.getAllTabbables());
-            initialFocus === null || initialFocus === void 0 ? void 0 : initialFocus.focus();
-        }, { once: true });
-    };
-    /**
-     * Returns keyboard focus to the modal if it has left or is about to leave.
-     */
-    ModalController.prototype.keepFocusWithinModal = function (e) {
-        // If somehow the user has tabbed out of the modal or if focus started outside the modal, push them to the first item.
-        if (!this.modalTarget.contains(e.target)) {
-            var focusTarget = this.firstVisible(this.getAllTabbables());
-            if (focusTarget) {
-                e.preventDefault();
-                focusTarget.focus();
-            }
-            return;
-        }
-        // If we observe a tab keydown and we're on an edge, cycle the focus to the other side.
-        if (e.key === "Tab") {
-            var tabbables = this.getAllTabbables();
-            var firstTabbable = this.firstVisible(tabbables);
-            var lastTabbable = this.lastVisible(tabbables);
-            if (firstTabbable && lastTabbable) {
-                if (firstTabbable === lastTabbable) {
-                    e.preventDefault();
-                    firstTabbable.focus();
-                }
-                else if (e.shiftKey && e.target === firstTabbable) {
-                    e.preventDefault();
-                    lastTabbable.focus();
-                }
-                else if (!e.shiftKey && e.target === lastTabbable) {
-                    e.preventDefault();
-                    firstTabbable.focus();
-                }
-            }
-        }
-    };
-    /**
-     * Binds global events to the document for hiding popovers on user interaction
-     */
-    ModalController.prototype.bindDocumentEvents = function () {
-        // in order for removeEventListener to remove the right event, this bound function needs a constant reference
-        this._boundClickFn = this._boundClickFn || this.hideOnOutsideClick.bind(this);
-        this._boundKeypressFn = this._boundKeypressFn || this.hideOnEscapePress.bind(this);
-        this._boundTabTrap = this._boundTabTrap || this.keepFocusWithinModal.bind(this);
-        document.addEventListener("mousedown", this._boundClickFn);
-        document.addEventListener("keyup", this._boundKeypressFn);
-        document.addEventListener("keydown", this._boundTabTrap);
-    };
-    /**
-     * Unbinds global events to the document for hiding popovers on user interaction
-     */
-    ModalController.prototype.unbindDocumentEvents = function () {
-        document.removeEventListener("mousedown", this._boundClickFn);
-        document.removeEventListener("keyup", this._boundKeypressFn);
-        document.removeEventListener("keydown", this._boundTabTrap);
-    };
-    /**
-     * Forces the popover to hide if a user clicks outside of it or its reference element
-     */
-    ModalController.prototype.hideOnOutsideClick = function (e) {
-        var target = e.target;
-        // check if the document was clicked inside either the toggle element or the modal itself
-        // note: .contains also returns true if the node itself matches the target element
-        if (!this.modalTarget.querySelector(".s-modal--dialog").contains(target) && document.body.contains(target)) {
-            this._toggle(false, e);
-        }
-    };
-    /**
-     * Forces the popover to hide if the user presses escape while it, one of its childen, or the reference element are focused
-     */
-    ModalController.prototype.hideOnEscapePress = function (e) {
-        // if the ESC key (27) wasn't pressed or if no popovers are showing, return
-        if (e.which !== 27 || this.modalTarget.getAttribute("aria-hidden") === "true") {
-            return;
-        }
-        this._toggle(false, e);
-    };
-    /**
-     * Determines the correct dispatching element from a potential input
-     * @param dispatcher The event or element to get the dispatcher from
-     */
-    ModalController.prototype.getDispatcher = function (dispatcher) {
-        if (dispatcher === void 0) { dispatcher = null; }
-        if (dispatcher instanceof Event) {
-            return dispatcher.target;
-        }
-        else if (dispatcher instanceof Element) {
-            return dispatcher;
-        }
-        else {
-            return this.element;
-        }
-    };
-    ModalController.targets = ["modal", "initialFocus"];
-    return ModalController;
-}(Stacks.StacksController));
-exports.ModalController = ModalController;
-/**
- * Helper to manually show an s-modal element via external JS
- * @param element the element the `data-controller="s-modal"` attribute is on
- */
-function showModal(element) {
-    toggleModal(element, true);
-}
-exports.showModal = showModal;
-/**
- * Helper to manually hide an s-modal element via external JS
- * @param element the element the `data-controller="s-modal"` attribute is on
- */
-function hideModal(element) {
-    toggleModal(element, false);
-}
-exports.hideModal = hideModal;
-/**
- * Helper to manually show an s-modal element via external JS
- * @param element the element the `data-controller="s-modal"` attribute is on
- * @param show whether to force show/hide the modal; toggles the modal if left undefined
- */
-function toggleModal(element, show) {
-    var controller = Stacks.application.getControllerForElementAndIdentifier(element, "s-modal");
-    if (!controller) {
-        throw "Unable to get s-modal controller from element";
-    }
-    show ? controller.show() : controller.hide();
-}
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.hideModal = exports.showModal = exports.ModalController = void 0;
+var Stacks = __webpack_require__(36);
+var ModalController = /** @class */ (function (_super) {
+    __extends(ModalController, _super);
+    function ModalController() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ModalController.prototype.connect = function () {
+        this.validate();
+    };
+    /**
+     * Disconnects all added event listeners on controller disconnect
+     */
+    ModalController.prototype.disconnect = function () {
+        this.unbindDocumentEvents();
+    };
+    ;
+    /**
+     * Toggles the visibility of the modal
+     */
+    ModalController.prototype.toggle = function (dispatcher) {
+        if (dispatcher === void 0) { dispatcher = null; }
+        this._toggle(undefined, dispatcher);
+    };
+    /**
+     * Shows the modal
+     */
+    ModalController.prototype.show = function (dispatcher) {
+        if (dispatcher === void 0) { dispatcher = null; }
+        this._toggle(true, dispatcher);
+    };
+    /**
+     * Hides the modal
+     */
+    ModalController.prototype.hide = function (dispatcher) {
+        if (dispatcher === void 0) { dispatcher = null; }
+        this._toggle(false, dispatcher);
+    };
+    /**
+     * Validates the modal settings and attempts to set necessary internal variables
+     */
+    ModalController.prototype.validate = function () {
+        // check for returnElement support
+        var returnElementSelector = this.data.get("return-element");
+        if (returnElementSelector) {
+            this.returnElement = document.querySelector(returnElementSelector);
+            if (!this.returnElement) {
+                throw "Unable to find element by return-element selector: " + returnElementSelector;
+            }
+        }
+    };
+    /**
+     * Toggles the visibility of the modal element
+     * @param show Optional parameter that force shows/hides the element or toggles it if left undefined
+     */
+    ModalController.prototype._toggle = function (show, dispatcher) {
+        var _this = this;
+        if (dispatcher === void 0) { dispatcher = null; }
+        var toShow = show;
+        var isVisible = this.modalTarget.getAttribute("aria-hidden") === "false";
+        // if we're letting the class toggle, we need to figure out if the popover is visible manually
+        if (typeof toShow === "undefined") {
+            toShow = !isVisible;
+        }
+        // if the state matches the disired state, return without changing anything
+        if ((toShow && isVisible) || (!toShow && !isVisible)) {
+            return;
+        }
+        var dispatchingElement = this.getDispatcher(dispatcher);
+        // show/hide events trigger before toggling the class
+        var triggeredEvent = this.triggerEvent(toShow ? "show" : "hide", {
+            returnElement: this.returnElement,
+            dispatcher: this.getDispatcher(dispatchingElement)
+        }, this.modalTarget);
+        // if this pre-show/hide event was prevented, don't attempt to continue changing the modal state
+        if (triggeredEvent.defaultPrevented) {
+            return;
+        }
+        this.returnElement = triggeredEvent.detail.returnElement;
+        this.modalTarget.setAttribute("aria-hidden", toShow ? "false" : "true");
+        if (toShow) {
+            this.bindDocumentEvents();
+            this.focusInsideModal();
+        }
+        else {
+            this.unbindDocumentEvents();
+            this.focusReturnElement();
+            this.removeModalOnHide();
+        }
+        // check for transitionend support
+        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
+            this.modalTarget.addEventListener("transitionend", function () {
+                //TODO this is firing waaay to soon?
+                _this.triggerEvent(toShow ? "shown" : "hidden", {
+                    dispatcher: dispatchingElement
+                }, _this.modalTarget);
+            }, { once: true });
+        }
+        else {
+            this.triggerEvent(toShow ? "shown" : "hidden", {
+                dispatcher: dispatchingElement
+            }, this.modalTarget);
+        }
+    };
+    /**
+     * Listens for the s-modal:hidden event and focuses the returnElement when it is fired
+     */
+    ModalController.prototype.focusReturnElement = function () {
+        var _this = this;
+        if (!this.returnElement) {
+            return;
+        }
+        this.modalTarget.addEventListener("s-modal:hidden", function () {
+            // double check the element still exists when the event is called
+            if (_this.returnElement && document.body.contains(_this.returnElement)) {
+                _this.returnElement.focus();
+            }
+        }, { once: true });
+    };
+    /**
+     * Remove the element on hide if the `remove-when-hidden` flag is set
+     */
+    ModalController.prototype.removeModalOnHide = function () {
+        var _this = this;
+        if (this.data.get("remove-when-hidden") !== "true") {
+            return;
+        }
+        this.modalTarget.addEventListener("s-modal:hidden", function () {
+            _this.element.remove();
+        }, { once: true });
+    };
+    /**
+     * Gets all elements within the modal that could receive keyboard focus.
+     */
+    ModalController.prototype.getAllTabbables = function () {
+        return Array.from(this.modalTarget.querySelectorAll("[href], input, select, textarea, button, [tabindex]"))
+            .filter(function (el) { return el.matches(":not([disabled]):not([tabindex='-1'])"); });
+    };
+    /**
+     * Returns the first visible element in an array or `undefined` if no elements are visible.
+     */
+    ModalController.prototype.firstVisible = function (elements) {
+        // https://stackoverflow.com/a/21696585
+        return elements.find(function (el) { return el.offsetParent !== null; });
+    };
+    /**
+     * Returns the last visible element in an array or `undefined` if no elements are visible.
+     */
+    ModalController.prototype.lastVisible = function (elements) {
+        return this.firstVisible(__spreadArray([], elements, true).reverse());
+    };
+    /**
+     * Attempts to shift keyboard focus into the modal.
+     * If elements with `data-s-modal-target="initialFocus"` are present and visible, one of those will be selected.
+     * Otherwise, the first visible focusable element will receive focus.
+     */
+    ModalController.prototype.focusInsideModal = function () {
+        var _this = this;
+        this.modalTarget.addEventListener("s-modal:shown", function () {
+            var _a;
+            var initialFocus = (_a = _this.firstVisible(_this.initialFocusTargets)) !== null && _a !== void 0 ? _a : _this.firstVisible(_this.getAllTabbables());
+            initialFocus === null || initialFocus === void 0 ? void 0 : initialFocus.focus();
+        }, { once: true });
+    };
+    /**
+     * Returns keyboard focus to the modal if it has left or is about to leave.
+     */
+    ModalController.prototype.keepFocusWithinModal = function (e) {
+        // If somehow the user has tabbed out of the modal or if focus started outside the modal, push them to the first item.
+        if (!this.modalTarget.contains(e.target)) {
+            var focusTarget = this.firstVisible(this.getAllTabbables());
+            if (focusTarget) {
+                e.preventDefault();
+                focusTarget.focus();
+            }
+            return;
+        }
+        // If we observe a tab keydown and we're on an edge, cycle the focus to the other side.
+        if (e.key === "Tab") {
+            var tabbables = this.getAllTabbables();
+            var firstTabbable = this.firstVisible(tabbables);
+            var lastTabbable = this.lastVisible(tabbables);
+            if (firstTabbable && lastTabbable) {
+                if (firstTabbable === lastTabbable) {
+                    e.preventDefault();
+                    firstTabbable.focus();
+                }
+                else if (e.shiftKey && e.target === firstTabbable) {
+                    e.preventDefault();
+                    lastTabbable.focus();
+                }
+                else if (!e.shiftKey && e.target === lastTabbable) {
+                    e.preventDefault();
+                    firstTabbable.focus();
+                }
+            }
+        }
+    };
+    /**
+     * Binds global events to the document for hiding popovers on user interaction
+     */
+    ModalController.prototype.bindDocumentEvents = function () {
+        // in order for removeEventListener to remove the right event, this bound function needs a constant reference
+        this._boundClickFn = this._boundClickFn || this.hideOnOutsideClick.bind(this);
+        this._boundKeypressFn = this._boundKeypressFn || this.hideOnEscapePress.bind(this);
+        this._boundTabTrap = this._boundTabTrap || this.keepFocusWithinModal.bind(this);
+        document.addEventListener("mousedown", this._boundClickFn);
+        document.addEventListener("keyup", this._boundKeypressFn);
+        document.addEventListener("keydown", this._boundTabTrap);
+    };
+    /**
+     * Unbinds global events to the document for hiding popovers on user interaction
+     */
+    ModalController.prototype.unbindDocumentEvents = function () {
+        document.removeEventListener("mousedown", this._boundClickFn);
+        document.removeEventListener("keyup", this._boundKeypressFn);
+        document.removeEventListener("keydown", this._boundTabTrap);
+    };
+    /**
+     * Forces the popover to hide if a user clicks outside of it or its reference element
+     */
+    ModalController.prototype.hideOnOutsideClick = function (e) {
+        var target = e.target;
+        // check if the document was clicked inside either the toggle element or the modal itself
+        // note: .contains also returns true if the node itself matches the target element
+        if (!this.modalTarget.querySelector(".s-modal--dialog").contains(target) && document.body.contains(target)) {
+            this._toggle(false, e);
+        }
+    };
+    /**
+     * Forces the popover to hide if the user presses escape while it, one of its childen, or the reference element are focused
+     */
+    ModalController.prototype.hideOnEscapePress = function (e) {
+        // if the ESC key (27) wasn't pressed or if no popovers are showing, return
+        if (e.which !== 27 || this.modalTarget.getAttribute("aria-hidden") === "true") {
+            return;
+        }
+        this._toggle(false, e);
+    };
+    /**
+     * Determines the correct dispatching element from a potential input
+     * @param dispatcher The event or element to get the dispatcher from
+     */
+    ModalController.prototype.getDispatcher = function (dispatcher) {
+        if (dispatcher === void 0) { dispatcher = null; }
+        if (dispatcher instanceof Event) {
+            return dispatcher.target;
+        }
+        else if (dispatcher instanceof Element) {
+            return dispatcher;
+        }
+        else {
+            return this.element;
+        }
+    };
+    ModalController.targets = ["modal", "initialFocus"];
+    return ModalController;
+}(Stacks.StacksController));
+exports.ModalController = ModalController;
+/**
+ * Helper to manually show an s-modal element via external JS
+ * @param element the element the `data-controller="s-modal"` attribute is on
+ */
+function showModal(element) {
+    toggleModal(element, true);
+}
+exports.showModal = showModal;
+/**
+ * Helper to manually hide an s-modal element via external JS
+ * @param element the element the `data-controller="s-modal"` attribute is on
+ */
+function hideModal(element) {
+    toggleModal(element, false);
+}
+exports.hideModal = hideModal;
+/**
+ * Helper to manually show an s-modal element via external JS
+ * @param element the element the `data-controller="s-modal"` attribute is on
+ * @param show whether to force show/hide the modal; toggles the modal if left undefined
+ */
+function toggleModal(element, show) {
+    var controller = Stacks.application.getControllerForElementAndIdentifier(element, "s-modal");
+    if (!controller) {
+        throw "Unable to get s-modal controller from element";
+    }
+    show ? controller.show() : controller.hide();
+}
 
 
 /***/ }),
@@ -4981,147 +4981,147 @@ function toggleModal(element, show) {
 /***/ 642:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
-
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.TabListController = void 0;
-var Stacks = __webpack_require__(36);
-var TabListController = /** @class */ (function (_super) {
-    __extends(TabListController, _super);
-    function TabListController() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    TabListController.prototype.connect = function () {
-        _super.prototype.connect.call(this);
-        this.boundSelectTab = this.selectTab.bind(this);
-        this.boundHandleKeydown = this.handleKeydown.bind(this);
-        for (var _i = 0, _a = this.tabTargets; _i < _a.length; _i++) {
-            var tab = _a[_i];
-            tab.addEventListener("click", this.boundSelectTab);
-            tab.addEventListener("keydown", this.boundHandleKeydown);
-        }
-    };
-    TabListController.prototype.disconnect = function () {
-        _super.prototype.disconnect.call(this);
-        for (var _i = 0, _a = this.tabTargets; _i < _a.length; _i++) {
-            var tab = _a[_i];
-            tab.removeEventListener("click", this.boundSelectTab);
-            tab.removeEventListener("keydown", this.boundHandleKeydown);
-        }
-    };
-    Object.defineProperty(TabListController.prototype, "tabTargets", {
-        /**
-         * Gets all tabs within the controller.
-         */
-        get: function () {
-            return Array.from(this.element.querySelectorAll("[role=tab]"));
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Handles click events on individual tabs, causing them to be selected.
-     */
-    TabListController.prototype.selectTab = function (event) {
-        this.switchToTab(event.currentTarget);
-    };
-    /**
-     * Handles left and right arrow keydown events on individual tabs,
-     * selecting the adjacent tab corresponding to the event.
-     */
-    TabListController.prototype.handleKeydown = function (event) {
-        var _a;
-        var tabElement = event.currentTarget;
-        var tabs = this.tabTargets;
-        var tabIndex = tabs.indexOf(tabElement);
-        if (event.key === "ArrowRight") {
-            tabIndex++;
-        }
-        else if (event.key === "ArrowLeft") {
-            tabIndex--;
-        }
-        else {
-            return;
-        }
-        // Use circular navigation when users go past the first or last tab.
-        if (tabIndex < 0) {
-            tabIndex = tabs.length - 1;
-        }
-        if (tabIndex >= tabs.length) {
-            tabIndex = 0;
-        }
-        tabElement = tabs[tabIndex];
-        this.switchToTab(tabElement);
-        // Focus the newly selected tab so it can receive keyboard events.
-        (_a = this.selectedTab) === null || _a === void 0 ? void 0 : _a.focus();
-    };
-    /**
-     * Attempts to switch to a new tab, doing nothing if the tab is already selected or
-     * the s-navigation-tablist:select event is prevented.
-     */
-    TabListController.prototype.switchToTab = function (newTab) {
-        var oldTab = this.selectedTab;
-        if (oldTab === newTab) {
-            return;
-        }
-        if (this.triggerEvent("select", { oldTab: oldTab, newTab: newTab }).defaultPrevented) {
-            return;
-        }
-        this.selectedTab = newTab;
-        this.triggerEvent("selected", { oldTab: oldTab, newTab: newTab });
-    };
-    Object.defineProperty(TabListController.prototype, "selectedTab", {
-        /**
-         * Returns the currently selected tab or null if no tabs are selected.
-         */
-        get: function () {
-            return this.tabTargets.find(function (e) { return e.getAttribute("aria-selected") === "true"; }) || null;
-        },
-        /**
-         * Switches the tablist to the provided tab, updating the tabs and panels
-         * to reflect the change.
-         * @param selectedTab The tab to select. If `null` is provided or the element
-         * is not a valid tab, all tabs will be unselected.
-         */
-        set: function (selectedTab) {
-            for (var _i = 0, _a = this.tabTargets; _i < _a.length; _i++) {
-                var tab = _a[_i];
-                var panelId = tab.getAttribute('aria-controls');
-                var panel = panelId ? document.getElementById(panelId) : null;
-                if (tab === selectedTab) {
-                    tab.classList.add('is-selected');
-                    tab.setAttribute('aria-selected', 'true');
-                    tab.removeAttribute('tabindex');
-                    panel === null || panel === void 0 ? void 0 : panel.classList.remove('d-none');
-                }
-                else {
-                    tab.classList.remove('is-selected');
-                    tab.setAttribute('aria-selected', 'false');
-                    tab.setAttribute('tabindex', '-1');
-                    panel === null || panel === void 0 ? void 0 : panel.classList.add('d-none');
-                }
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return TabListController;
-}(Stacks.StacksController));
-exports.TabListController = TabListController;
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.TabListController = void 0;
+var Stacks = __webpack_require__(36);
+var TabListController = /** @class */ (function (_super) {
+    __extends(TabListController, _super);
+    function TabListController() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TabListController.prototype.connect = function () {
+        _super.prototype.connect.call(this);
+        this.boundSelectTab = this.selectTab.bind(this);
+        this.boundHandleKeydown = this.handleKeydown.bind(this);
+        for (var _i = 0, _a = this.tabTargets; _i < _a.length; _i++) {
+            var tab = _a[_i];
+            tab.addEventListener("click", this.boundSelectTab);
+            tab.addEventListener("keydown", this.boundHandleKeydown);
+        }
+    };
+    TabListController.prototype.disconnect = function () {
+        _super.prototype.disconnect.call(this);
+        for (var _i = 0, _a = this.tabTargets; _i < _a.length; _i++) {
+            var tab = _a[_i];
+            tab.removeEventListener("click", this.boundSelectTab);
+            tab.removeEventListener("keydown", this.boundHandleKeydown);
+        }
+    };
+    Object.defineProperty(TabListController.prototype, "tabTargets", {
+        /**
+         * Gets all tabs within the controller.
+         */
+        get: function () {
+            return Array.from(this.element.querySelectorAll("[role=tab]"));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * Handles click events on individual tabs, causing them to be selected.
+     */
+    TabListController.prototype.selectTab = function (event) {
+        this.switchToTab(event.currentTarget);
+    };
+    /**
+     * Handles left and right arrow keydown events on individual tabs,
+     * selecting the adjacent tab corresponding to the event.
+     */
+    TabListController.prototype.handleKeydown = function (event) {
+        var _a;
+        var tabElement = event.currentTarget;
+        var tabs = this.tabTargets;
+        var tabIndex = tabs.indexOf(tabElement);
+        if (event.key === "ArrowRight") {
+            tabIndex++;
+        }
+        else if (event.key === "ArrowLeft") {
+            tabIndex--;
+        }
+        else {
+            return;
+        }
+        // Use circular navigation when users go past the first or last tab.
+        if (tabIndex < 0) {
+            tabIndex = tabs.length - 1;
+        }
+        if (tabIndex >= tabs.length) {
+            tabIndex = 0;
+        }
+        tabElement = tabs[tabIndex];
+        this.switchToTab(tabElement);
+        // Focus the newly selected tab so it can receive keyboard events.
+        (_a = this.selectedTab) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    /**
+     * Attempts to switch to a new tab, doing nothing if the tab is already selected or
+     * the s-navigation-tablist:select event is prevented.
+     */
+    TabListController.prototype.switchToTab = function (newTab) {
+        var oldTab = this.selectedTab;
+        if (oldTab === newTab) {
+            return;
+        }
+        if (this.triggerEvent("select", { oldTab: oldTab, newTab: newTab }).defaultPrevented) {
+            return;
+        }
+        this.selectedTab = newTab;
+        this.triggerEvent("selected", { oldTab: oldTab, newTab: newTab });
+    };
+    Object.defineProperty(TabListController.prototype, "selectedTab", {
+        /**
+         * Returns the currently selected tab or null if no tabs are selected.
+         */
+        get: function () {
+            return this.tabTargets.find(function (e) { return e.getAttribute("aria-selected") === "true"; }) || null;
+        },
+        /**
+         * Switches the tablist to the provided tab, updating the tabs and panels
+         * to reflect the change.
+         * @param selectedTab The tab to select. If `null` is provided or the element
+         * is not a valid tab, all tabs will be unselected.
+         */
+        set: function (selectedTab) {
+            for (var _i = 0, _a = this.tabTargets; _i < _a.length; _i++) {
+                var tab = _a[_i];
+                var panelId = tab.getAttribute('aria-controls');
+                var panel = panelId ? document.getElementById(panelId) : null;
+                if (tab === selectedTab) {
+                    tab.classList.add('is-selected');
+                    tab.setAttribute('aria-selected', 'true');
+                    tab.removeAttribute('tabindex');
+                    panel === null || panel === void 0 ? void 0 : panel.classList.remove('d-none');
+                }
+                else {
+                    tab.classList.remove('is-selected');
+                    tab.setAttribute('aria-selected', 'false');
+                    tab.setAttribute('tabindex', '-1');
+                    panel === null || panel === void 0 ? void 0 : panel.classList.add('d-none');
+                }
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return TabListController;
+}(Stacks.StacksController));
+exports.TabListController = TabListController;
 
 
 /***/ }),
@@ -5129,495 +5129,495 @@ exports.TabListController = TabListController;
 /***/ 388:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
-
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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 Stacks = __webpack_require__(36);
-var BasePopoverController = /** @class */ (function (_super) {
-    __extends(BasePopoverController, _super);
-    function BasePopoverController() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Object.defineProperty(BasePopoverController.prototype, "isVisible", {
-        /**
-         * Returns true if the if the popover is currently visible.
-         */
-        get: function () {
-            var popoverElement = this.popoverElement;
-            return popoverElement ? popoverElement.classList.contains("is-visible") : false;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasePopoverController.prototype, "isInViewport", {
-        /**
-         * Gets whether the element is visible in the browser's viewport.
-         */
-        get: function () {
-            var element = this.popoverElement;
-            if (!this.isVisible || !element) {
-                return false;
-            }
-            // From https://stackoverflow.com/a/5354536.  Theoretically, this could be calculated using Popper's detectOverflow function,
-            // but it's unclear how to access that with our current configuration.
-            var rect = element.getBoundingClientRect();
-            var viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight);
-            var viewWidth = Math.max(document.documentElement.clientWidth, window.innerWidth);
-            return rect.bottom > 0 && rect.top < viewHeight && rect.right > 0 && rect.left < viewWidth;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BasePopoverController.prototype, "shouldHideOnOutsideClick", {
-        get: function () {
-            var hideBehavior = this.data.get("hide-on-outside-click");
-            switch (hideBehavior) {
-                case "after-dismissal":
-                case "never":
-                    return false;
-                case "if-in-viewport":
-                    return this.isInViewport;
-                default:
-                    return true;
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Initializes and validates controller variables
-     */
-    BasePopoverController.prototype.connect = function () {
-        _super.prototype.connect.call(this);
-        this.validate();
-        if (this.isVisible) {
-            // just call initialize here, not show. This keeps already visible popovers from adding/firing document events
-            this.initializePopper();
-        }
-        else if (this.data.get("auto-show") === "true") {
-            this.show(null);
-        }
-        this.data.delete("auto-show");
-    };
-    /**
-     * Cleans up popper.js elements and disconnects all added event listeners
-     */
-    BasePopoverController.prototype.disconnect = function () {
-        this.hide();
-        if (this.popper) {
-            this.popper.destroy();
-            delete this.popper;
-        }
-        _super.prototype.disconnect.call(this);
-    };
-    /**
-     * Toggles the visibility of the popover
-     */
-    BasePopoverController.prototype.toggle = function (dispatcher) {
-        if (dispatcher === void 0) { dispatcher = null; }
-        this.isVisible ? this.hide(dispatcher) : this.show(dispatcher);
-    };
-    /**
-     * Shows the popover if not already visible
-     */
-    BasePopoverController.prototype.show = function (dispatcher) {
-        if (dispatcher === void 0) { dispatcher = null; }
-        if (this.isVisible) {
-            return;
-        }
-        var dispatcherElement = this.getDispatcher(dispatcher);
-        if (this.triggerEvent("show", {
-            dispatcher: dispatcherElement
-        }).defaultPrevented) {
-            return;
-        }
-        if (!this.popper) {
-            this.initializePopper();
-        }
-        this.popoverElement.classList.add("is-visible");
-        // ensure the popper has been positioned correctly
-        this.scheduleUpdate();
-        this.shown(dispatcherElement);
-    };
-    /**
-     * Hides the popover if not already hidden
-     */
-    BasePopoverController.prototype.hide = function (dispatcher) {
-        if (dispatcher === void 0) { dispatcher = null; }
-        if (!this.isVisible) {
-            return;
-        }
-        var dispatcherElement = this.getDispatcher(dispatcher);
-        if (this.triggerEvent("hide", {
-            dispatcher: dispatcherElement
-        }).defaultPrevented) {
-            return;
-        }
-        this.popoverElement.classList.remove("is-visible");
-        if (this.popper) {
-            // completely destroy the popper on hide; this is in line with Popper.js's performance recommendations
-            this.popper.destroy();
-            delete this.popper;
-        }
-        // on first interaction, hide-on-outside-click with value "after-dismissal" reverts to the default behavior
-        if (this.data.get("hide-on-outside-click") === "after-dismissal") {
-            this.data.delete("hide-on-outside-click");
-        }
-        this.hidden(dispatcherElement);
-    };
-    /**
-     * Binds document events for this popover and fires the shown event
-     */
-    BasePopoverController.prototype.shown = function (dispatcher) {
-        if (dispatcher === void 0) { dispatcher = null; }
-        this.bindDocumentEvents();
-        this.triggerEvent("shown", {
-            dispatcher: dispatcher
-        });
-    };
-    /**
-     * Unbinds document events for this popover and fires the hidden event
-     */
-    BasePopoverController.prototype.hidden = function (dispatcher) {
-        if (dispatcher === void 0) { dispatcher = null; }
-        this.unbindDocumentEvents();
-        this.triggerEvent("hidden", {
-            dispatcher: dispatcher
-        });
-    };
-    /**
-     * Generates the popover if not found during initialization
-     */
-    BasePopoverController.prototype.generatePopover = function () {
-        return null;
-    };
-    /**
-     * 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: [
-                {
-                    name: "offset",
-                    options: {
-                        offset: [0, 10], // The entire popover should be 10px away from the element
-                    }
-                },
-                {
-                    name: "arrow",
-                    options: {
-                        element: ".s-popover--arrow"
-                    },
-                },
-            ]
-        });
-    };
-    /**
-     * Validates the popover settings and attempts to set necessary internal variables
-     */
-    BasePopoverController.prototype.validate = function () {
-        var referenceSelector = this.data.get("reference-selector");
-        this.referenceElement = this.element;
-        // if there is an alternative reference selector and that element exists, use it (and throw if it isn't found)
-        if (referenceSelector) {
-            this.referenceElement = this.element.querySelector(referenceSelector);
-            if (!this.referenceElement) {
-                throw "Unable to find element by reference selector: " + referenceSelector;
-            }
-        }
-        var popoverId = this.referenceElement.getAttribute(this.popoverSelectorAttribute);
-        var popoverElement = null;
-        // if the popover is named, attempt to fetch it (and throw an error if it doesn't exist)
-        if (popoverId) {
-            popoverElement = document.getElementById(popoverId);
-            if (!popoverElement) {
-                throw "[".concat(this.popoverSelectorAttribute, "=\"{POPOVER_ID}\"] required");
-            }
-        }
-        // if the popover isn't named, attempt to generate it
-        else {
-            popoverElement = this.generatePopover();
-        }
-        if (!popoverElement) {
-            throw "unable to find or generate popover element";
-        }
-        this.popoverElement = popoverElement;
-    };
-    /**
-     * Determines the correct dispatching element from a potential input
-     * @param dispatcher The event or element to get the dispatcher from
-     */
-    BasePopoverController.prototype.getDispatcher = function (dispatcher) {
-        if (dispatcher === void 0) { dispatcher = null; }
-        if (dispatcher instanceof Event) {
-            return dispatcher.target;
-        }
-        else if (dispatcher instanceof Element) {
-            return dispatcher;
-        }
-        else {
-            return this.element;
-        }
-    };
-    /**
-     * Schedules the popover to update on the next animation frame if visible
-     */
-    BasePopoverController.prototype.scheduleUpdate = function () {
-        if (this.popper && this.isVisible) {
-            this.popper.update();
-        }
-    };
-    return BasePopoverController;
-}(Stacks.StacksController));
-exports.BasePopoverController = BasePopoverController;
-var PopoverController = /** @class */ (function (_super) {
-    __extends(PopoverController, _super);
-    function PopoverController() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.popoverSelectorAttribute = "aria-controls";
-        return _this;
-    }
-    /**
-     * Toggles optional classes in addition to BasePopoverController.shown
-     */
-    PopoverController.prototype.shown = function (dispatcher) {
-        if (dispatcher === void 0) { dispatcher = null; }
-        this.toggleOptionalClasses(true);
-        _super.prototype.shown.call(this, dispatcher);
-    };
-    /**
-     * Toggles optional classes in addition to BasePopoverController.hidden
-     */
-    PopoverController.prototype.hidden = function (dispatcher) {
-        if (dispatcher === void 0) { dispatcher = null; }
-        this.toggleOptionalClasses(false);
-        _super.prototype.hidden.call(this, dispatcher);
-    };
-    /**
-     * Binds global events to the document for hiding popovers on user interaction
-     */
-    PopoverController.prototype.bindDocumentEvents = function () {
-        this.boundHideOnOutsideClick = this.boundHideOnOutsideClick || this.hideOnOutsideClick.bind(this);
-        this.boundHideOnEscapePress = this.boundHideOnEscapePress || this.hideOnEscapePress.bind(this);
-        document.addEventListener("mousedown", this.boundHideOnOutsideClick);
-        document.addEventListener("keyup", this.boundHideOnEscapePress);
-    };
-    /**
-     * Unbinds global events to the document for hiding popovers on user interaction
-     */
-    PopoverController.prototype.unbindDocumentEvents = function () {
-        document.removeEventListener("mousedown", this.boundHideOnOutsideClick);
-        document.removeEventListener("keyup", this.boundHideOnEscapePress);
-    };
-    /**
-     * Forces the popover to hide if a user clicks outside of it or its reference element
-     * @param {Event} e - The document click event
-     */
-    PopoverController.prototype.hideOnOutsideClick = function (e) {
-        var target = e.target;
-        // check if the document was clicked inside either the reference element or the popover itself
-        // note: .contains also returns true if the node itself matches the target element
-        if (this.shouldHideOnOutsideClick && !this.referenceElement.contains(target) && !this.popoverElement.contains(target) && document.body.contains(target)) {
-            this.hide(e);
-        }
-    };
-    ;
-    /**
-     * Forces the popover to hide if the user presses escape while it, one of its childen, or the reference element are focused
-     * @param {Event} e - The document keyup event
-     */
-    PopoverController.prototype.hideOnEscapePress = function (e) {
-        // if the ESC key (27) wasn't pressed or if no popovers are showing, return
-        if (e.which !== 27 || !this.isVisible) {
-            return;
-        }
-        // check if the target was inside the popover element and refocus the triggering element
-        // note: .contains also returns true if the node itself matches the target element
-        if (this.popoverElement.contains(e.target)) {
-            this.referenceElement.focus();
-        }
-        this.hide(e);
-    };
-    ;
-    /**
-     * Toggles all classes on the originating element based on the `class-toggle` data
-     * @param {boolean=} show - A boolean indicating whether this is being triggered by a show or hide.
-     */
-    PopoverController.prototype.toggleOptionalClasses = function (show) {
-        if (!this.data.has("toggle-class")) {
-            return;
-        }
-        var cl = this.referenceElement.classList;
-        this.data.get("toggle-class").split(/\s+/).forEach(function (cls) {
-            cl.toggle(cls, show);
-        });
-    };
-    PopoverController.targets = [];
-    return PopoverController;
-}(BasePopoverController));
-exports.PopoverController = PopoverController;
-/**
- * Helper to manually show an s-popover element via external JS
- * @param element the element the `data-controller="s-popover"` attribute is on
- */
-function showPopover(element) {
-    var _a = getPopover(element), isPopover = _a.isPopover, controller = _a.controller;
-    if (controller) {
-        controller.show();
-    }
-    else if (isPopover) {
-        element.setAttribute("data-s-popover-auto-show", "true");
-    }
-    else {
-        throw "element does not have data-controller=\"s-popover\"";
-    }
-}
-exports.showPopover = showPopover;
-/**
- * Helper to manually hide an s-popover element via external JS
- * @param element the element the `data-controller="s-popover"` attribute is on
- */
-function hidePopover(element) {
-    var _a = getPopover(element), isPopover = _a.isPopover, controller = _a.controller, popover = _a.popover;
-    if (controller) {
-        controller.hide();
-    }
-    else if (isPopover) {
-        element.removeAttribute("data-s-popover-auto-show");
-        if (popover) {
-            popover.classList.remove("is-visible");
-        }
-    }
-    else {
-        throw "element does not have data-controller=\"s-popover\"";
-    }
-}
-exports.hidePopover = hidePopover;
-/**
- * Attaches a popover to an element and performs additional configuration.
- * @param element the element that will receive the `data-controller="s-popover"` attribute.
- * @param popover an element with the `.s-popover` class or HTML string containing a single element with the `.s-popover` class.
- *                If the popover does not have a parent element, it will be inserted as a immediately after the reference element.
- * @param options an optional collection of options to use when configuring the popover.
- */
-function attachPopover(element, popover, options) {
-    var _a = getPopover(element), referenceElement = _a.referenceElement, existingPopover = _a.popover;
-    if (existingPopover) {
-        throw "element already has popover with id=\"".concat(existingPopover.id, "\"");
-    }
-    if (!referenceElement) {
-        throw "element has invalid data-s-popover-reference-selector attribute";
-    }
-    if (typeof popover === 'string') {
-        var elements = document.createRange().createContextualFragment(popover).children;
-        if (elements.length !== 1) {
-            throw "popover should contain a single element";
-        }
-        popover = elements[0];
-    }
-    var existingId = referenceElement.getAttribute("aria-controls");
-    var popoverId = popover.id;
-    if (!popover.classList.contains('s-popover')) {
-        throw "popover should have the \"s-popover\" class but had class=\"".concat(popover.className, "\"");
-    }
-    if (existingId && existingId !== popoverId) {
-        throw "element has aria-controls=\"".concat(existingId, "\" but popover has id=\"").concat(popoverId, "\"");
-    }
-    if (!popoverId) {
-        popoverId = "--stacks-s-popover-" + Math.random().toString(36).substring(2, 10);
-        popover.id = popoverId;
-    }
-    if (!existingId) {
-        referenceElement.setAttribute("aria-controls", popoverId);
-    }
-    if (!popover.parentElement && element.parentElement) {
-        referenceElement.insertAdjacentElement("afterend", popover);
-    }
-    toggleController(element, "s-popover", true);
-    if (options) {
-        if (options.toggleOnClick) {
-            referenceElement.setAttribute("data-action", "click->s-popover#toggle");
-        }
-        if (options.placement) {
-            element.setAttribute("data-s-popover-placement", options.placement);
-        }
-        if (options.autoShow) {
-            element.setAttribute("data-s-popover-auto-show", "true");
-        }
-    }
-}
-exports.attachPopover = attachPopover;
-/**
- * Removes the popover controller from an element and removes the popover from the DOM.
- * @param element the element that has the `data-controller="s-popover"` attribute.
- * @returns The popover that was attached to the element.
- */
-function detachPopover(element) {
-    var _a = getPopover(element), isPopover = _a.isPopover, controller = _a.controller, referenceElement = _a.referenceElement, popover = _a.popover;
-    // Hide the popover so its events fire.
-    controller === null || controller === void 0 ? void 0 : controller.hide();
-    // Remove the popover if it exists
-    popover === null || popover === void 0 ? void 0 : popover.remove();
-    // Remove the popover controller and the aria-controls attributes.
-    if (isPopover) {
-        toggleController(element, "s-popover", false);
-        if (referenceElement) {
-            referenceElement.removeAttribute("aria-controls");
-        }
-    }
-    return popover;
-}
-exports.detachPopover = detachPopover;
-/**
- * Gets the current state of an element that may be or is intended to be an s-popover controller
- * so it can be configured either directly or via the DOM.
- * @param element An element that may have `data-controller="s-popover"`.
- */
-function getPopover(element) {
-    var _a;
-    var isPopover = ((_a = element.getAttribute("data-controller")) === null || _a === void 0 ? void 0 : _a.includes("s-popover")) || false;
-    var controller = Stacks.application.getControllerForElementAndIdentifier(element, "s-popover");
-    var referenceSelector = element.getAttribute("data-s-popover-reference-selector");
-    var referenceElement = referenceSelector ? element.querySelector(referenceSelector) : element;
-    var popoverId = referenceElement ? referenceElement.getAttribute("aria-controls") : null;
-    var popover = popoverId ? document.getElementById(popoverId) : null;
-    return { isPopover: isPopover, controller: controller, referenceElement: referenceElement, popover: popover };
-}
-/**
- * Adds or removes the controller from an element's [data-controller] attribute without altering existing entries
- * @param el The element to alter
- * @param controllerName The name of the controller to add/remove
- * @param include Whether to add the controllerName value
- */
-function toggleController(el, controllerName, include) {
-    var _a;
-    var controllers = new Set((_a = el.getAttribute('data-controller')) === null || _a === void 0 ? void 0 : _a.split(/\s+/));
-    if (include) {
-        controllers.add(controllerName);
-    }
-    else {
-        controllers.delete(controllerName);
-    }
-    el.setAttribute('data-controller', Array.from(controllers).join(' '));
-}
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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 Stacks = __webpack_require__(36);
+var BasePopoverController = /** @class */ (function (_super) {
+    __extends(BasePopoverController, _super);
+    function BasePopoverController() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Object.defineProperty(BasePopoverController.prototype, "isVisible", {
+        /**
+         * Returns true if the if the popover is currently visible.
+         */
+        get: function () {
+            var popoverElement = this.popoverElement;
+            return popoverElement ? popoverElement.classList.contains("is-visible") : false;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasePopoverController.prototype, "isInViewport", {
+        /**
+         * Gets whether the element is visible in the browser's viewport.
+         */
+        get: function () {
+            var element = this.popoverElement;
+            if (!this.isVisible || !element) {
+                return false;
+            }
+            // From https://stackoverflow.com/a/5354536.  Theoretically, this could be calculated using Popper's detectOverflow function,
+            // but it's unclear how to access that with our current configuration.
+            var rect = element.getBoundingClientRect();
+            var viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight);
+            var viewWidth = Math.max(document.documentElement.clientWidth, window.innerWidth);
+            return rect.bottom > 0 && rect.top < viewHeight && rect.right > 0 && rect.left < viewWidth;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasePopoverController.prototype, "shouldHideOnOutsideClick", {
+        get: function () {
+            var hideBehavior = this.data.get("hide-on-outside-click");
+            switch (hideBehavior) {
+                case "after-dismissal":
+                case "never":
+                    return false;
+                case "if-in-viewport":
+                    return this.isInViewport;
+                default:
+                    return true;
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * Initializes and validates controller variables
+     */
+    BasePopoverController.prototype.connect = function () {
+        _super.prototype.connect.call(this);
+        this.validate();
+        if (this.isVisible) {
+            // just call initialize here, not show. This keeps already visible popovers from adding/firing document events
+            this.initializePopper();
+        }
+        else if (this.data.get("auto-show") === "true") {
+            this.show(null);
+        }
+        this.data.delete("auto-show");
+    };
+    /**
+     * Cleans up popper.js elements and disconnects all added event listeners
+     */
+    BasePopoverController.prototype.disconnect = function () {
+        this.hide();
+        if (this.popper) {
+            this.popper.destroy();
+            delete this.popper;
+        }
+        _super.prototype.disconnect.call(this);
+    };
+    /**
+     * Toggles the visibility of the popover
+     */
+    BasePopoverController.prototype.toggle = function (dispatcher) {
+        if (dispatcher === void 0) { dispatcher = null; }
+        this.isVisible ? this.hide(dispatcher) : this.show(dispatcher);
+    };
+    /**
+     * Shows the popover if not already visible
+     */
+    BasePopoverController.prototype.show = function (dispatcher) {
+        if (dispatcher === void 0) { dispatcher = null; }
+        if (this.isVisible) {
+            return;
+        }
+        var dispatcherElement = this.getDispatcher(dispatcher);
+        if (this.triggerEvent("show", {
+            dispatcher: dispatcherElement
+        }).defaultPrevented) {
+            return;
+        }
+        if (!this.popper) {
+            this.initializePopper();
+        }
+        this.popoverElement.classList.add("is-visible");
+        // ensure the popper has been positioned correctly
+        this.scheduleUpdate();
+        this.shown(dispatcherElement);
+    };
+    /**
+     * Hides the popover if not already hidden
+     */
+    BasePopoverController.prototype.hide = function (dispatcher) {
+        if (dispatcher === void 0) { dispatcher = null; }
+        if (!this.isVisible) {
+            return;
+        }
+        var dispatcherElement = this.getDispatcher(dispatcher);
+        if (this.triggerEvent("hide", {
+            dispatcher: dispatcherElement
+        }).defaultPrevented) {
+            return;
+        }
+        this.popoverElement.classList.remove("is-visible");
+        if (this.popper) {
+            // completely destroy the popper on hide; this is in line with Popper.js's performance recommendations
+            this.popper.destroy();
+            delete this.popper;
+        }
+        // on first interaction, hide-on-outside-click with value "after-dismissal" reverts to the default behavior
+        if (this.data.get("hide-on-outside-click") === "after-dismissal") {
+            this.data.delete("hide-on-outside-click");
+        }
+        this.hidden(dispatcherElement);
+    };
+    /**
+     * Binds document events for this popover and fires the shown event
+     */
+    BasePopoverController.prototype.shown = function (dispatcher) {
+        if (dispatcher === void 0) { dispatcher = null; }
+        this.bindDocumentEvents();
+        this.triggerEvent("shown", {
+            dispatcher: dispatcher
+        });
+    };
+    /**
+     * Unbinds document events for this popover and fires the hidden event
+     */
+    BasePopoverController.prototype.hidden = function (dispatcher) {
+        if (dispatcher === void 0) { dispatcher = null; }
+        this.unbindDocumentEvents();
+        this.triggerEvent("hidden", {
+            dispatcher: dispatcher
+        });
+    };
+    /**
+     * Generates the popover if not found during initialization
+     */
+    BasePopoverController.prototype.generatePopover = function () {
+        return null;
+    };
+    /**
+     * 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: [
+                {
+                    name: "offset",
+                    options: {
+                        offset: [0, 10], // The entire popover should be 10px away from the element
+                    }
+                },
+                {
+                    name: "arrow",
+                    options: {
+                        element: ".s-popover--arrow"
+                    },
+                },
+            ]
+        });
+    };
+    /**
+     * Validates the popover settings and attempts to set necessary internal variables
+     */
+    BasePopoverController.prototype.validate = function () {
+        var referenceSelector = this.data.get("reference-selector");
+        this.referenceElement = this.element;
+        // if there is an alternative reference selector and that element exists, use it (and throw if it isn't found)
+        if (referenceSelector) {
+            this.referenceElement = this.element.querySelector(referenceSelector);
+            if (!this.referenceElement) {
+                throw "Unable to find element by reference selector: " + referenceSelector;
+            }
+        }
+        var popoverId = this.referenceElement.getAttribute(this.popoverSelectorAttribute);
+        var popoverElement = null;
+        // if the popover is named, attempt to fetch it (and throw an error if it doesn't exist)
+        if (popoverId) {
+            popoverElement = document.getElementById(popoverId);
+            if (!popoverElement) {
+                throw "[".concat(this.popoverSelectorAttribute, "=\"{POPOVER_ID}\"] required");
+            }
+        }
+        // if the popover isn't named, attempt to generate it
+        else {
+            popoverElement = this.generatePopover();
+        }
+        if (!popoverElement) {
+            throw "unable to find or generate popover element";
+        }
+        this.popoverElement = popoverElement;
+    };
+    /**
+     * Determines the correct dispatching element from a potential input
+     * @param dispatcher The event or element to get the dispatcher from
+     */
+    BasePopoverController.prototype.getDispatcher = function (dispatcher) {
+        if (dispatcher === void 0) { dispatcher = null; }
+        if (dispatcher instanceof Event) {
+            return dispatcher.target;
+        }
+        else if (dispatcher instanceof Element) {
+            return dispatcher;
+        }
+        else {
+            return this.element;
+        }
+    };
+    /**
+     * Schedules the popover to update on the next animation frame if visible
+     */
+    BasePopoverController.prototype.scheduleUpdate = function () {
+        if (this.popper && this.isVisible) {
+            this.popper.update();
+        }
+    };
+    return BasePopoverController;
+}(Stacks.StacksController));
+exports.BasePopoverController = BasePopoverController;
+var PopoverController = /** @class */ (function (_super) {
+    __extends(PopoverController, _super);
+    function PopoverController() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.popoverSelectorAttribute = "aria-controls";
+        return _this;
+    }
+    /**
+     * Toggles optional classes in addition to BasePopoverController.shown
+     */
+    PopoverController.prototype.shown = function (dispatcher) {
+        if (dispatcher === void 0) { dispatcher = null; }
+        this.toggleOptionalClasses(true);
+        _super.prototype.shown.call(this, dispatcher);
+    };
+    /**
+     * Toggles optional classes in addition to BasePopoverController.hidden
+     */
+    PopoverController.prototype.hidden = function (dispatcher) {
+        if (dispatcher === void 0) { dispatcher = null; }
+        this.toggleOptionalClasses(false);
+        _super.prototype.hidden.call(this, dispatcher);
+    };
+    /**
+     * Binds global events to the document for hiding popovers on user interaction
+     */
+    PopoverController.prototype.bindDocumentEvents = function () {
+        this.boundHideOnOutsideClick = this.boundHideOnOutsideClick || this.hideOnOutsideClick.bind(this);
+        this.boundHideOnEscapePress = this.boundHideOnEscapePress || this.hideOnEscapePress.bind(this);
+        document.addEventListener("mousedown", this.boundHideOnOutsideClick);
+        document.addEventListener("keyup", this.boundHideOnEscapePress);
+    };
+    /**
+     * Unbinds global events to the document for hiding popovers on user interaction
+     */
+    PopoverController.prototype.unbindDocumentEvents = function () {
+        document.removeEventListener("mousedown", this.boundHideOnOutsideClick);
+        document.removeEventListener("keyup", this.boundHideOnEscapePress);
+    };
+    /**
+     * Forces the popover to hide if a user clicks outside of it or its reference element
+     * @param {Event} e - The document click event
+     */
+    PopoverController.prototype.hideOnOutsideClick = function (e) {
+        var target = e.target;
+        // check if the document was clicked inside either the reference element or the popover itself
+        // note: .contains also returns true if the node itself matches the target element
+        if (this.shouldHideOnOutsideClick && !this.referenceElement.contains(target) && !this.popoverElement.contains(target) && document.body.contains(target)) {
+            this.hide(e);
+        }
+    };
+    ;
+    /**
+     * Forces the popover to hide if the user presses escape while it, one of its childen, or the reference element are focused
+     * @param {Event} e - The document keyup event
+     */
+    PopoverController.prototype.hideOnEscapePress = function (e) {
+        // if the ESC key (27) wasn't pressed or if no popovers are showing, return
+        if (e.which !== 27 || !this.isVisible) {
+            return;
+        }
+        // check if the target was inside the popover element and refocus the triggering element
+        // note: .contains also returns true if the node itself matches the target element
+        if (this.popoverElement.contains(e.target)) {
+            this.referenceElement.focus();
+        }
+        this.hide(e);
+    };
+    ;
+    /**
+     * Toggles all classes on the originating element based on the `class-toggle` data
+     * @param {boolean=} show - A boolean indicating whether this is being triggered by a show or hide.
+     */
+    PopoverController.prototype.toggleOptionalClasses = function (show) {
+        if (!this.data.has("toggle-class")) {
+            return;
+        }
+        var cl = this.referenceElement.classList;
+        this.data.get("toggle-class").split(/\s+/).forEach(function (cls) {
+            cl.toggle(cls, show);
+        });
+    };
+    PopoverController.targets = [];
+    return PopoverController;
+}(BasePopoverController));
+exports.PopoverController = PopoverController;
+/**
+ * Helper to manually show an s-popover element via external JS
+ * @param element the element the `data-controller="s-popover"` attribute is on
+ */
+function showPopover(element) {
+    var _a = getPopover(element), isPopover = _a.isPopover, controller = _a.controller;
+    if (controller) {
+        controller.show();
+    }
+    else if (isPopover) {
+        element.setAttribute("data-s-popover-auto-show", "true");
+    }
+    else {
+        throw "element does not have data-controller=\"s-popover\"";
+    }
+}
+exports.showPopover = showPopover;
+/**
+ * Helper to manually hide an s-popover element via external JS
+ * @param element the element the `data-controller="s-popover"` attribute is on
+ */
+function hidePopover(element) {
+    var _a = getPopover(element), isPopover = _a.isPopover, controller = _a.controller, popover = _a.popover;
+    if (controller) {
+        controller.hide();
+    }
+    else if (isPopover) {
+        element.removeAttribute("data-s-popover-auto-show");
+        if (popover) {
+            popover.classList.remove("is-visible");
+        }
+    }
+    else {
+        throw "element does not have data-controller=\"s-popover\"";
+    }
+}
+exports.hidePopover = hidePopover;
+/**
+ * Attaches a popover to an element and performs additional configuration.
+ * @param element the element that will receive the `data-controller="s-popover"` attribute.
+ * @param popover an element with the `.s-popover` class or HTML string containing a single element with the `.s-popover` class.
+ *                If the popover does not have a parent element, it will be inserted as a immediately after the reference element.
+ * @param options an optional collection of options to use when configuring the popover.
+ */
+function attachPopover(element, popover, options) {
+    var _a = getPopover(element), referenceElement = _a.referenceElement, existingPopover = _a.popover;
+    if (existingPopover) {
+        throw "element already has popover with id=\"".concat(existingPopover.id, "\"");
+    }
+    if (!referenceElement) {
+        throw "element has invalid data-s-popover-reference-selector attribute";
+    }
+    if (typeof popover === 'string') {
+        var elements = document.createRange().createContextualFragment(popover).children;
+        if (elements.length !== 1) {
+            throw "popover should contain a single element";
+        }
+        popover = elements[0];
+    }
+    var existingId = referenceElement.getAttribute("aria-controls");
+    var popoverId = popover.id;
+    if (!popover.classList.contains('s-popover')) {
+        throw "popover should have the \"s-popover\" class but had class=\"".concat(popover.className, "\"");
+    }
+    if (existingId && existingId !== popoverId) {
+        throw "element has aria-controls=\"".concat(existingId, "\" but popover has id=\"").concat(popoverId, "\"");
+    }
+    if (!popoverId) {
+        popoverId = "--stacks-s-popover-" + Math.random().toString(36).substring(2, 10);
+        popover.id = popoverId;
+    }
+    if (!existingId) {
+        referenceElement.setAttribute("aria-controls", popoverId);
+    }
+    if (!popover.parentElement && element.parentElement) {
+        referenceElement.insertAdjacentElement("afterend", popover);
+    }
+    toggleController(element, "s-popover", true);
+    if (options) {
+        if (options.toggleOnClick) {
+            referenceElement.setAttribute("data-action", "click->s-popover#toggle");
+        }
+        if (options.placement) {
+            element.setAttribute("data-s-popover-placement", options.placement);
+        }
+        if (options.autoShow) {
+            element.setAttribute("data-s-popover-auto-show", "true");
+        }
+    }
+}
+exports.attachPopover = attachPopover;
+/**
+ * Removes the popover controller from an element and removes the popover from the DOM.
+ * @param element the element that has the `data-controller="s-popover"` attribute.
+ * @returns The popover that was attached to the element.
+ */
+function detachPopover(element) {
+    var _a = getPopover(element), isPopover = _a.isPopover, controller = _a.controller, referenceElement = _a.referenceElement, popover = _a.popover;
+    // Hide the popover so its events fire.
+    controller === null || controller === void 0 ? void 0 : controller.hide();
+    // Remove the popover if it exists
+    popover === null || popover === void 0 ? void 0 : popover.remove();
+    // Remove the popover controller and the aria-controls attributes.
+    if (isPopover) {
+        toggleController(element, "s-popover", false);
+        if (referenceElement) {
+            referenceElement.removeAttribute("aria-controls");
+        }
+    }
+    return popover;
+}
+exports.detachPopover = detachPopover;
+/**
+ * Gets the current state of an element that may be or is intended to be an s-popover controller
+ * so it can be configured either directly or via the DOM.
+ * @param element An element that may have `data-controller="s-popover"`.
+ */
+function getPopover(element) {
+    var _a;
+    var isPopover = ((_a = element.getAttribute("data-controller")) === null || _a === void 0 ? void 0 : _a.includes("s-popover")) || false;
+    var controller = Stacks.application.getControllerForElementAndIdentifier(element, "s-popover");
+    var referenceSelector = element.getAttribute("data-s-popover-reference-selector");
+    var referenceElement = referenceSelector ? element.querySelector(referenceSelector) : element;
+    var popoverId = referenceElement ? referenceElement.getAttribute("aria-controls") : null;
+    var popover = popoverId ? document.getElementById(popoverId) : null;
+    return { isPopover: isPopover, controller: controller, referenceElement: referenceElement, popover: popover };
+}
+/**
+ * Adds or removes the controller from an element's [data-controller] attribute without altering existing entries
+ * @param el The element to alter
+ * @param controllerName The name of the controller to add/remove
+ * @param include Whether to add the controllerName value
+ */
+function toggleController(el, controllerName, include) {
+    var _a;
+    var controllers = new Set((_a = el.getAttribute('data-controller')) === null || _a === void 0 ? void 0 : _a.split(/\s+/));
+    if (include) {
+        controllers.add(controllerName);
+    }
+    else {
+        controllers.delete(controllerName);
+    }
+    el.setAttribute('data-controller', Array.from(controllers).join(' '));
+}
 
 
 /***/ }),
@@ -5625,228 +5625,228 @@ function toggleController(el, controllerName, include) {
 /***/ 753:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
-
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.TableController = void 0;
-var Stacks = __webpack_require__(36);
-var TableController = /** @class */ (function (_super) {
-    __extends(TableController, _super);
-    function TableController() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    TableController.prototype.setCurrentSort = function (headElem, direction) {
-        if (["asc", "desc", "none"].indexOf(direction) < 0) {
-            throw "direction must be one of asc, desc, or none";
-        }
-        var controller = this;
-        this.columnTargets.forEach(function (target) {
-            var isCurrrent = target === headElem;
-            target.classList.toggle("is-sorted", isCurrrent && direction !== "none");
-            target.querySelectorAll(".js-sorting-indicator").forEach(function (icon) {
-                var visible = isCurrrent ? direction : "none";
-                icon.classList.toggle("d-none", !icon.classList.contains("js-sorting-indicator-" + visible));
-            });
-            if (!isCurrrent || direction === "none") {
-                controller.removeElementData(target, "sort-direction");
-            }
-            else {
-                controller.setElementData(target, "sort-direction", direction);
-            }
-        });
-    };
-    ;
-    TableController.prototype.sort = function (evt) {
-        var controller = this;
-        var colHead = evt.currentTarget;
-        if (!(colHead instanceof HTMLTableCellElement)) {
-            throw "invalid event target";
-        }
-        var table = this.element;
-        var tbody = table.tBodies[0];
-        // the column slot number of the clicked header
-        var colno = getCellSlot(colHead);
-        if (colno < 0) { // this shouldn't happen if the clicked element is actually a column head
-            return;
-        }
-        // an index of the <tbody>, so we can find out for each row which <td> element is
-        // in the same column slot as the header
-        var slotIndex = buildIndex(tbody);
-        // the default behavior when clicking a header is to sort by this column in ascending
-        // direction, *unless* it is already sorted that way
-        var direction = this.getElementData(colHead, "sort-direction") === "asc" ? -1 : 1;
-        var rows = Array.from(table.tBodies[0].rows);
-        // if this is still false after traversing the data, that means all values are integers (or empty)
-        // and thus we'll sort numerically.
-        var anyNonInt = false;
-        // data will be a list of tuples [value, rowNum], where value is what we're sorting by
-        var data = [];
-        var firstBottomRow;
-        rows.forEach(function (row, index) {
-            var force = controller.getElementData(row, "sort-to");
-            if (force === "top") {
-                return; // rows not added to the list will automatically end up at the top
-            }
-            else if (force === "bottom") {
-                if (!firstBottomRow) {
-                    firstBottomRow = row;
-                }
-                return;
-            }
-            var cell = slotIndex[index][colno];
-            if (!cell) {
-                data.push(["", index]);
-                return;
-            }
-            // unless the to-be-sorted-by value is explicitly provided on the element via this attribute,
-            // 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)) {
-                anyNonInt = true;
-            }
-            data.push([d, index]);
-        });
-        // If all values were integers (or empty cells), sort numerically, with empty cells treated as
-        // having the lowest possible value (i.e. sorted to the top if ascending, bottom if descending)
-        if (!anyNonInt) {
-            data.forEach(function (tuple) {
-                tuple[0] = tuple[0] === "" ? Number.MIN_VALUE : parseInt(tuple[0], 10);
-            });
-        }
-        // We don't sort an array of <tr>, but instead an arrays of row *numbers*, because this way we
-        // can enforce stable sorting, i.e. rows that compare equal are guaranteed to remain in the same
-        // order (the JS standard does not gurantee this for sort()).
-        data.sort(function (a, b) {
-            // first compare the values (a[0])
-            if (a[0] > b[0]) {
-                return 1 * direction;
-            }
-            else if (a[0] < b[0]) {
-                return -1 * direction;
-            }
-            else {
-                // if the values are equal, compare the row numbers (a[1]) to guarantee stable sorting
-                // (note that this comparison is independent of the sorting direction)
-                return a[1] > b[1] ? 1 : -1;
-            }
-        });
-        // this is the actual reordering of the table rows
-        data.forEach(function (tup) {
-            var row = rows[tup[1]];
-            row.parentElement.removeChild(row);
-            if (firstBottomRow) {
-                tbody.insertBefore(row, firstBottomRow);
-            }
-            else {
-                tbody.appendChild(row);
-            }
-        });
-        // update the UI and set the `data-sort-direction` attribute if appropriate, so that the next click
-        // will cause sorting in descending direction
-        this.setCurrentSort(colHead, direction === 1 ? "asc" : "desc");
-    };
-    TableController.targets = ["column"];
-    return TableController;
-}(Stacks.StacksController));
-exports.TableController = TableController;
-function buildIndex(section) {
-    var result = buildIndexOrGetCellSlot(section);
-    if (!(result instanceof Array)) {
-        throw "shouldn't happen";
-    }
-    return result;
-}
-function getCellSlot(cell) {
-    if (!(cell.parentElement && cell.parentElement.parentElement instanceof HTMLTableSectionElement)) {
-        throw "invalid table";
-    }
-    var result = buildIndexOrGetCellSlot(cell.parentElement.parentElement, cell);
-    if (typeof result !== "number") {
-        throw "shouldn't happen";
-    }
-    return result;
-}
-// Just because a <td> is the 4th *child* of its <tr> doesn't mean it belongs to the 4th *column*
-// of the table. Previous cells may have a colspan; cells in previous rows may have a rowspan.
-// Because we need to know which header cells and data cells belong together, we have to 1) find out
-// which column number (or "slot" as we call it here) the header cell has, and 2) for each row find
-// out which <td> cell corresponds to this slot (because those are the rows we're sorting by).
-//
-// That's what the following function does. If the second argument is not given, it returns an index
-// of the table, which is an array of arrays. Each of the sub-arrays corresponds to a table row. The
-// indices of the sub-array correspond to column slots; the values are the actual table cell elements.
-// For example index[4][3] is the <td> or <th> in row 4, column 3 of the table section (<tbody> or <thead>).
-// Note that this element is not necessarily even in the 4th (zero-based) <tr> -- if it has a rowSpan > 1,
-// it may also be in a previous <tr>.
-//
-// If the second argument is given, it's a <td> or <th> that we're trying to find, and the algorithm
-// stops as soon as it has found it and the function returns its slot number.
-function buildIndexOrGetCellSlot(section, findCell) {
-    var index = [];
-    var curRow = section.children[0];
-    // the elements of these two arrays are synchronized; the first array contains table cell elements,
-    // the second one contains a number that indicates for how many more rows this elements will
-    // exist (i.e. the value is initially one less than the cell's rowspan, and will be decreased for each row)
-    var growing = [];
-    var growingRowsLeft = [];
-    // continue while we have actual <tr>'s left *or* we still have rowspan'ed elements that aren't done
-    while (curRow || growingRowsLeft.some(function (e) { return e !== 0; })) {
-        var curIndexRow = [];
-        index.push(curIndexRow);
-        var curSlot = 0;
-        if (curRow) {
-            for (var curCellInd = 0; curCellInd < curRow.children.length; curCellInd++) {
-                while (growingRowsLeft[curSlot]) {
-                    growingRowsLeft[curSlot]--;
-                    curIndexRow[curSlot] = growing[curSlot];
-                    curSlot++;
-                }
-                var cell = curRow.children[curCellInd];
-                if (!(cell instanceof HTMLTableCellElement)) {
-                    throw "invalid table";
-                }
-                if (getComputedStyle(cell).display === "none") {
-                    continue;
-                }
-                if (cell === findCell) {
-                    return curSlot;
-                }
-                var nextFreeSlot = curSlot + cell.colSpan;
-                for (; curSlot < nextFreeSlot; curSlot++) {
-                    growingRowsLeft[curSlot] = cell.rowSpan - 1; // if any of these is already growing, the table is broken -- no guarantees of anything
-                    growing[curSlot] = cell;
-                    curIndexRow[curSlot] = cell;
-                }
-            }
-        }
-        while (curSlot < growing.length) {
-            if (growingRowsLeft[curSlot]) {
-                growingRowsLeft[curSlot]--;
-                curIndexRow[curSlot] = growing[curSlot];
-            }
-            curSlot++;
-        }
-        if (curRow) {
-            curRow = curRow.nextElementSibling;
-        }
-    }
-    return findCell ? -1 : index; /* if findCell was given but we end up here, that means it isn't in this section */
-}
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.TableController = void 0;
+var Stacks = __webpack_require__(36);
+var TableController = /** @class */ (function (_super) {
+    __extends(TableController, _super);
+    function TableController() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TableController.prototype.setCurrentSort = function (headElem, direction) {
+        if (["asc", "desc", "none"].indexOf(direction) < 0) {
+            throw "direction must be one of asc, desc, or none";
+        }
+        var controller = this;
+        this.columnTargets.forEach(function (target) {
+            var isCurrrent = target === headElem;
+            target.classList.toggle("is-sorted", isCurrrent && direction !== "none");
+            target.querySelectorAll(".js-sorting-indicator").forEach(function (icon) {
+                var visible = isCurrrent ? direction : "none";
+                icon.classList.toggle("d-none", !icon.classList.contains("js-sorting-indicator-" + visible));
+            });
+            if (!isCurrrent || direction === "none") {
+                controller.removeElementData(target, "sort-direction");
+            }
+            else {
+                controller.setElementData(target, "sort-direction", direction);
+            }
+        });
+    };
+    ;
+    TableController.prototype.sort = function (evt) {
+        var controller = this;
+        var colHead = evt.currentTarget;
+        if (!(colHead instanceof HTMLTableCellElement)) {
+            throw "invalid event target";
+        }
+        var table = this.element;
+        var tbody = table.tBodies[0];
+        // the column slot number of the clicked header
+        var colno = getCellSlot(colHead);
+        if (colno < 0) { // this shouldn't happen if the clicked element is actually a column head
+            return;
+        }
+        // an index of the <tbody>, so we can find out for each row which <td> element is
+        // in the same column slot as the header
+        var slotIndex = buildIndex(tbody);
+        // the default behavior when clicking a header is to sort by this column in ascending
+        // direction, *unless* it is already sorted that way
+        var direction = this.getElementData(colHead, "sort-direction") === "asc" ? -1 : 1;
+        var rows = Array.from(table.tBodies[0].rows);
+        // if this is still false after traversing the data, that means all values are integers (or empty)
+        // and thus we'll sort numerically.
+        var anyNonInt = false;
+        // data will be a list of tuples [value, rowNum], where value is what we're sorting by
+        var data = [];
+        var firstBottomRow;
+        rows.forEach(function (row, index) {
+            var force = controller.getElementData(row, "sort-to");
+            if (force === "top") {
+                return; // rows not added to the list will automatically end up at the top
+            }
+            else if (force === "bottom") {
+                if (!firstBottomRow) {
+                    firstBottomRow = row;
+                }
+                return;
+            }
+            var cell = slotIndex[index][colno];
+            if (!cell) {
+                data.push(["", index]);
+                return;
+            }
+            // unless the to-be-sorted-by value is explicitly provided on the element via this attribute,
+            // 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)) {
+                anyNonInt = true;
+            }
+            data.push([d, index]);
+        });
+        // If all values were integers (or empty cells), sort numerically, with empty cells treated as
+        // having the lowest possible value (i.e. sorted to the top if ascending, bottom if descending)
+        if (!anyNonInt) {
+            data.forEach(function (tuple) {
+                tuple[0] = tuple[0] === "" ? Number.MIN_VALUE : parseInt(tuple[0], 10);
+            });
+        }
+        // We don't sort an array of <tr>, but instead an arrays of row *numbers*, because this way we
+        // can enforce stable sorting, i.e. rows that compare equal are guaranteed to remain in the same
+        // order (the JS standard does not gurantee this for sort()).
+        data.sort(function (a, b) {
+            // first compare the values (a[0])
+            if (a[0] > b[0]) {
+                return 1 * direction;
+            }
+            else if (a[0] < b[0]) {
+                return -1 * direction;
+            }
+            else {
+                // if the values are equal, compare the row numbers (a[1]) to guarantee stable sorting
+                // (note that this comparison is independent of the sorting direction)
+                return a[1] > b[1] ? 1 : -1;
+            }
+        });
+        // this is the actual reordering of the table rows
+        data.forEach(function (tup) {
+            var row = rows[tup[1]];
+            row.parentElement.removeChild(row);
+            if (firstBottomRow) {
+                tbody.insertBefore(row, firstBottomRow);
+            }
+            else {
+                tbody.appendChild(row);
+            }
+        });
+        // update the UI and set the `data-sort-direction` attribute if appropriate, so that the next click
+        // will cause sorting in descending direction
+        this.setCurrentSort(colHead, direction === 1 ? "asc" : "desc");
+    };
+    TableController.targets = ["column"];
+    return TableController;
+}(Stacks.StacksController));
+exports.TableController = TableController;
+function buildIndex(section) {
+    var result = buildIndexOrGetCellSlot(section);
+    if (!(result instanceof Array)) {
+        throw "shouldn't happen";
+    }
+    return result;
+}
+function getCellSlot(cell) {
+    if (!(cell.parentElement && cell.parentElement.parentElement instanceof HTMLTableSectionElement)) {
+        throw "invalid table";
+    }
+    var result = buildIndexOrGetCellSlot(cell.parentElement.parentElement, cell);
+    if (typeof result !== "number") {
+        throw "shouldn't happen";
+    }
+    return result;
+}
+// Just because a <td> is the 4th *child* of its <tr> doesn't mean it belongs to the 4th *column*
+// of the table. Previous cells may have a colspan; cells in previous rows may have a rowspan.
+// Because we need to know which header cells and data cells belong together, we have to 1) find out
+// which column number (or "slot" as we call it here) the header cell has, and 2) for each row find
+// out which <td> cell corresponds to this slot (because those are the rows we're sorting by).
+//
+// That's what the following function does. If the second argument is not given, it returns an index
+// of the table, which is an array of arrays. Each of the sub-arrays corresponds to a table row. The
+// indices of the sub-array correspond to column slots; the values are the actual table cell elements.
+// For example index[4][3] is the <td> or <th> in row 4, column 3 of the table section (<tbody> or <thead>).
+// Note that this element is not necessarily even in the 4th (zero-based) <tr> -- if it has a rowSpan > 1,
+// it may also be in a previous <tr>.
+//
+// If the second argument is given, it's a <td> or <th> that we're trying to find, and the algorithm
+// stops as soon as it has found it and the function returns its slot number.
+function buildIndexOrGetCellSlot(section, findCell) {
+    var index = [];
+    var curRow = section.children[0];
+    // the elements of these two arrays are synchronized; the first array contains table cell elements,
+    // the second one contains a number that indicates for how many more rows this elements will
+    // exist (i.e. the value is initially one less than the cell's rowspan, and will be decreased for each row)
+    var growing = [];
+    var growingRowsLeft = [];
+    // continue while we have actual <tr>'s left *or* we still have rowspan'ed elements that aren't done
+    while (curRow || growingRowsLeft.some(function (e) { return e !== 0; })) {
+        var curIndexRow = [];
+        index.push(curIndexRow);
+        var curSlot = 0;
+        if (curRow) {
+            for (var curCellInd = 0; curCellInd < curRow.children.length; curCellInd++) {
+                while (growingRowsLeft[curSlot]) {
+                    growingRowsLeft[curSlot]--;
+                    curIndexRow[curSlot] = growing[curSlot];
+                    curSlot++;
+                }
+                var cell = curRow.children[curCellInd];
+                if (!(cell instanceof HTMLTableCellElement)) {
+                    throw "invalid table";
+                }
+                if (getComputedStyle(cell).display === "none") {
+                    continue;
+                }
+                if (cell === findCell) {
+                    return curSlot;
+                }
+                var nextFreeSlot = curSlot + cell.colSpan;
+                for (; curSlot < nextFreeSlot; curSlot++) {
+                    growingRowsLeft[curSlot] = cell.rowSpan - 1; // if any of these is already growing, the table is broken -- no guarantees of anything
+                    growing[curSlot] = cell;
+                    curIndexRow[curSlot] = cell;
+                }
+            }
+        }
+        while (curSlot < growing.length) {
+            if (growingRowsLeft[curSlot]) {
+                growingRowsLeft[curSlot]--;
+                curIndexRow[curSlot] = growing[curSlot];
+            }
+            curSlot++;
+        }
+        if (curRow) {
+            curRow = curRow.nextElementSibling;
+        }
+    }
+    return findCell ? -1 : index; /* if findCell was given but we end up here, that means it isn't in this section */
+}
 
 
 /***/ }),
@@ -5854,241 +5854,241 @@ function buildIndexOrGetCellSlot(section, findCell) {
 /***/ 355:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
-
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.setTooltipText = exports.setTooltipHtml = exports.TooltipController = void 0;
-var Stacks = __webpack_require__(36);
-var s_popover_1 = __webpack_require__(388);
-var TooltipController = /** @class */ (function (_super) {
-    __extends(TooltipController, _super);
-    function TooltipController() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.popoverSelectorAttribute = "aria-describedby";
-        return _this;
-    }
-    /**
-     * Binds mouseover and mouseout events in addition to BasePopoverController.connect
-     */
-    TooltipController.prototype.connect = function () {
-        _super.prototype.connect.call(this);
-        // Only bind to mouse events if the pointer device supports hover behavior.
-        // Otherwise we run into issues with mobile browser showing popovers for
-        // click events and not being able to hide them.
-        if (window.matchMedia("(hover: hover)").matches) {
-            this.bindMouseEvents();
-        }
-    };
-    /**
-     * Unbinds mouse events in addition to BasePopoverController.disconnect
-     */
-    TooltipController.prototype.disconnect = function () {
-        this.unbindMouseEvents();
-        _super.prototype.disconnect.call(this);
-    };
-    /**
-     * Attempts to show the tooltip popover so long as no other Stacks-managed popover is
-     * present on the page.
-     */
-    TooltipController.prototype.show = function (dispatcher) {
-        if (dispatcher === void 0) { dispatcher = null; }
-        // check and see if this controller coexists with a popover
-        var controller = Stacks.application.getControllerForElementAndIdentifier(this.element, "s-popover");
-        // if the controller exists and already has a visible popover, don't show the tooltip
-        if (controller && controller.isVisible) {
-            return;
-        }
-        _super.prototype.show.call(this, dispatcher);
-    };
-    /**
-     * Sets up a tooltip popover show after a delay.
-     */
-    TooltipController.prototype.scheduleShow = function (dispatcher) {
-        var _this = this;
-        if (dispatcher === void 0) { dispatcher = null; }
-        window.clearTimeout(this.activeTimeout);
-        this.activeTimeout = window.setTimeout(function () { return _this.show(dispatcher); }, 300);
-    };
-    /**
-     * Cancels the scheduled tooltip popover display and hides it if already displayed
-     */
-    TooltipController.prototype.hide = function (dispatcher) {
-        if (dispatcher === void 0) { dispatcher = null; }
-        window.clearTimeout(this.activeTimeout);
-        this.activeTimeout = null;
-        _super.prototype.hide.call(this, dispatcher);
-    };
-    /**
-     * Applies data-s-tooltip-html-title and title attributes.
-     */
-    TooltipController.prototype.applyTitleAttributes = function () {
-        var content;
-        var htmlTitle = this.data.get("html-title");
-        if (htmlTitle) {
-            content = document.createRange().createContextualFragment(htmlTitle);
-        }
-        else {
-            var plainTitle = this.element.getAttribute("title");
-            if (plainTitle) {
-                content = document.createTextNode(plainTitle);
-            }
-            else {
-                return null;
-            }
-        }
-        this.data.delete("html-title");
-        this.element.removeAttribute("title");
-        var popoverId = this.element.getAttribute("aria-describedby");
-        if (!popoverId) {
-            popoverId = TooltipController.generateId();
-            this.element.setAttribute("aria-describedby", popoverId);
-        }
-        var popover = document.getElementById(popoverId);
-        if (!popover) {
-            popover = document.createElement("div");
-            popover.id = popoverId;
-            popover.className = "s-popover s-popover__tooltip pe-none";
-            popover.setAttribute("aria-hidden", "true");
-            popover.setAttribute("role", "tooltip");
-            var parentNode = this.element.parentNode;
-            if (parentNode) {
-                // insertBefore inserts at end if element.nextSibling is null.
-                parentNode.insertBefore(popover, this.element.nextSibling);
-            }
-            else {
-                document.body.appendChild(popover);
-            }
-        }
-        var arrow = popover.querySelector(".s-popover--arrow");
-        // clear and set the content of the popover
-        popover.innerHTML = "";
-        popover.appendChild(content);
-        // create the arrow if necessary
-        if (arrow) {
-            popover.appendChild(arrow);
-        }
-        else {
-            popover.insertAdjacentHTML("beforeend", "<div class=\"s-popover--arrow\"></div>");
-        }
-        this.scheduleUpdate();
-        return popover;
-    };
-    /**
-     * Automatically hides the tooltip popover when a Stacks popover is shown anywhere on
-     * the page.
-     */
-    TooltipController.prototype.bindDocumentEvents = function () {
-        this.boundHideIfWithin = this.boundHideIfWithin || this.hideIfWithin.bind(this);
-        document.addEventListener("s-popover:shown", this.boundHideIfWithin);
-    };
-    /**
-     * Unbinds all mouse events
-     */
-    TooltipController.prototype.unbindDocumentEvents = function () {
-        document.removeEventListener("s-popover:shown", this.boundHideIfWithin);
-    };
-    /**
-     * Attempts to generate a new tooltip popover from the title attribute if no popover
-     * was present when requested, otherwise throws an error.
-     */
-    TooltipController.prototype.generatePopover = function () {
-        return this.applyTitleAttributes();
-    };
-    /**
-     * Hides the tooltip if is or is within the event's target.
-     * @param event An event object from s-popover:shown
-     */
-    TooltipController.prototype.hideIfWithin = function (event) {
-        if (event.target.contains(this.referenceElement)) {
-            this.hide();
-        }
-    };
-    /**
-     * 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.referenceElement.addEventListener("mouseover", this.boundScheduleShow);
-        this.referenceElement.addEventListener("mouseout", this.boundHide);
-        this.referenceElement.addEventListener("focus", this.boundScheduleShow);
-        this.referenceElement.addEventListener("blur", this.boundHide);
-    };
-    /**
-     * Unbinds all mouse events
-     */
-    TooltipController.prototype.unbindMouseEvents = function () {
-        this.referenceElement.removeEventListener("mouseover", this.boundScheduleShow);
-        this.referenceElement.removeEventListener("mouseout", this.boundHide);
-        this.referenceElement.removeEventListener("focus", this.boundScheduleShow);
-        this.referenceElement.removeEventListener("blur", this.boundHide);
-    };
-    /**
-     * Generates an ID for tooltips created with setTooltip.
-     */
-    TooltipController.generateId = function () {
-        // generate a random number, then convert to a well formatted string
-        return "--stacks-s-tooltip-" + Math.random().toString(36).substring(2, 10);
-    };
-    TooltipController.targets = [];
-    return TooltipController;
-}(s_popover_1.BasePopoverController));
-exports.TooltipController = TooltipController;
-/**
- * Adds or updates a Stacks tooltip on a given element, initializing the controller if necessary
- * @param element The element to add a tooltip to.
- * @param html An HTML string to populate the tooltip with.
- * @param options Options for rendering the tooltip.
- */
-function setTooltipHtml(element, html, options) {
-    element.setAttribute("data-s-tooltip-html-title", html);
-    element.removeAttribute("title");
-    applyOptionsAndTitleAttributes(element, options);
-}
-exports.setTooltipHtml = setTooltipHtml;
-/**
- * Adds or updates a Stacks tooltip on a given element, initializing the controller if necessary
- * @param element The element to add a tooltip to.
- * @param text A plain text string to populate the tooltip with.
- * @param options Options for rendering the tooltip.
- */
-function setTooltipText(element, text, options) {
-    element.setAttribute("title", text);
-    element.removeAttribute("data-s-tooltip-html-title");
-    applyOptionsAndTitleAttributes(element, options);
-}
-exports.setTooltipText = setTooltipText;
-/**
- * Shared helper for setTooltip* to initialize and set tooltip content
- * @param element The element to add a tooltip to.
- * @param options Options for rendering the tooltip.
- */
-function applyOptionsAndTitleAttributes(element, options) {
-    if (options && options.placement) {
-        element.setAttribute("data-s-tooltip-placement", options.placement);
-    }
-    var controller = Stacks.application.getControllerForElementAndIdentifier(element, "s-tooltip");
-    if (controller) {
-        controller.applyTitleAttributes();
-    }
-    else {
-        element.setAttribute("data-controller", element.getAttribute("data-controller") + " s-tooltip");
-    }
-}
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.setTooltipText = exports.setTooltipHtml = exports.TooltipController = void 0;
+var Stacks = __webpack_require__(36);
+var s_popover_1 = __webpack_require__(388);
+var TooltipController = /** @class */ (function (_super) {
+    __extends(TooltipController, _super);
+    function TooltipController() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.popoverSelectorAttribute = "aria-describedby";
+        return _this;
+    }
+    /**
+     * Binds mouseover and mouseout events in addition to BasePopoverController.connect
+     */
+    TooltipController.prototype.connect = function () {
+        _super.prototype.connect.call(this);
+        // Only bind to mouse events if the pointer device supports hover behavior.
+        // Otherwise we run into issues with mobile browser showing popovers for
+        // click events and not being able to hide them.
+        if (window.matchMedia("(hover: hover)").matches) {
+            this.bindMouseEvents();
+        }
+    };
+    /**
+     * Unbinds mouse events in addition to BasePopoverController.disconnect
+     */
+    TooltipController.prototype.disconnect = function () {
+        this.unbindMouseEvents();
+        _super.prototype.disconnect.call(this);
+    };
+    /**
+     * Attempts to show the tooltip popover so long as no other Stacks-managed popover is
+     * present on the page.
+     */
+    TooltipController.prototype.show = function (dispatcher) {
+        if (dispatcher === void 0) { dispatcher = null; }
+        // check and see if this controller coexists with a popover
+        var controller = Stacks.application.getControllerForElementAndIdentifier(this.element, "s-popover");
+        // if the controller exists and already has a visible popover, don't show the tooltip
+        if (controller && controller.isVisible) {
+            return;
+        }
+        _super.prototype.show.call(this, dispatcher);
+    };
+    /**
+     * Sets up a tooltip popover show after a delay.
+     */
+    TooltipController.prototype.scheduleShow = function (dispatcher) {
+        var _this = this;
+        if (dispatcher === void 0) { dispatcher = null; }
+        window.clearTimeout(this.activeTimeout);
+        this.activeTimeout = window.setTimeout(function () { return _this.show(dispatcher); }, 300);
+    };
+    /**
+     * Cancels the scheduled tooltip popover display and hides it if already displayed
+     */
+    TooltipController.prototype.hide = function (dispatcher) {
+        if (dispatcher === void 0) { dispatcher = null; }
+        window.clearTimeout(this.activeTimeout);
+        this.activeTimeout = null;
+        _super.prototype.hide.call(this, dispatcher);
+    };
+    /**
+     * Applies data-s-tooltip-html-title and title attributes.
+     */
+    TooltipController.prototype.applyTitleAttributes = function () {
+        var content;
+        var htmlTitle = this.data.get("html-title");
+        if (htmlTitle) {
+            content = document.createRange().createContextualFragment(htmlTitle);
+        }
+        else {
+            var plainTitle = this.element.getAttribute("title");
+            if (plainTitle) {
+                content = document.createTextNode(plainTitle);
+            }
+            else {
+                return null;
+            }
+        }
+        this.data.delete("html-title");
+        this.element.removeAttribute("title");
+        var popoverId = this.element.getAttribute("aria-describedby");
+        if (!popoverId) {
+            popoverId = TooltipController.generateId();
+            this.element.setAttribute("aria-describedby", popoverId);
+        }
+        var popover = document.getElementById(popoverId);
+        if (!popover) {
+            popover = document.createElement("div");
+            popover.id = popoverId;
+            popover.className = "s-popover s-popover__tooltip pe-none";
+            popover.setAttribute("aria-hidden", "true");
+            popover.setAttribute("role", "tooltip");
+            var parentNode = this.element.parentNode;
+            if (parentNode) {
+                // insertBefore inserts at end if element.nextSibling is null.
+                parentNode.insertBefore(popover, this.element.nextSibling);
+            }
+            else {
+                document.body.appendChild(popover);
+            }
+        }
+        var arrow = popover.querySelector(".s-popover--arrow");
+        // clear and set the content of the popover
+        popover.innerHTML = "";
+        popover.appendChild(content);
+        // create the arrow if necessary
+        if (arrow) {
+            popover.appendChild(arrow);
+        }
+        else {
+            popover.insertAdjacentHTML("beforeend", "<div class=\"s-popover--arrow\"></div>");
+        }
+        this.scheduleUpdate();
+        return popover;
+    };
+    /**
+     * Automatically hides the tooltip popover when a Stacks popover is shown anywhere on
+     * the page.
+     */
+    TooltipController.prototype.bindDocumentEvents = function () {
+        this.boundHideIfWithin = this.boundHideIfWithin || this.hideIfWithin.bind(this);
+        document.addEventListener("s-popover:shown", this.boundHideIfWithin);
+    };
+    /**
+     * Unbinds all mouse events
+     */
+    TooltipController.prototype.unbindDocumentEvents = function () {
+        document.removeEventListener("s-popover:shown", this.boundHideIfWithin);
+    };
+    /**
+     * Attempts to generate a new tooltip popover from the title attribute if no popover
+     * was present when requested, otherwise throws an error.
+     */
+    TooltipController.prototype.generatePopover = function () {
+        return this.applyTitleAttributes();
+    };
+    /**
+     * Hides the tooltip if is or is within the event's target.
+     * @param event An event object from s-popover:shown
+     */
+    TooltipController.prototype.hideIfWithin = function (event) {
+        if (event.target.contains(this.referenceElement)) {
+            this.hide();
+        }
+    };
+    /**
+     * 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.referenceElement.addEventListener("mouseover", this.boundScheduleShow);
+        this.referenceElement.addEventListener("mouseout", this.boundHide);
+        this.referenceElement.addEventListener("focus", this.boundScheduleShow);
+        this.referenceElement.addEventListener("blur", this.boundHide);
+    };
+    /**
+     * Unbinds all mouse events
+     */
+    TooltipController.prototype.unbindMouseEvents = function () {
+        this.referenceElement.removeEventListener("mouseover", this.boundScheduleShow);
+        this.referenceElement.removeEventListener("mouseout", this.boundHide);
+        this.referenceElement.removeEventListener("focus", this.boundScheduleShow);
+        this.referenceElement.removeEventListener("blur", this.boundHide);
+    };
+    /**
+     * Generates an ID for tooltips created with setTooltip.
+     */
+    TooltipController.generateId = function () {
+        // generate a random number, then convert to a well formatted string
+        return "--stacks-s-tooltip-" + Math.random().toString(36).substring(2, 10);
+    };
+    TooltipController.targets = [];
+    return TooltipController;
+}(s_popover_1.BasePopoverController));
+exports.TooltipController = TooltipController;
+/**
+ * Adds or updates a Stacks tooltip on a given element, initializing the controller if necessary
+ * @param element The element to add a tooltip to.
+ * @param html An HTML string to populate the tooltip with.
+ * @param options Options for rendering the tooltip.
+ */
+function setTooltipHtml(element, html, options) {
+    element.setAttribute("data-s-tooltip-html-title", html);
+    element.removeAttribute("title");
+    applyOptionsAndTitleAttributes(element, options);
+}
+exports.setTooltipHtml = setTooltipHtml;
+/**
+ * Adds or updates a Stacks tooltip on a given element, initializing the controller if necessary
+ * @param element The element to add a tooltip to.
+ * @param text A plain text string to populate the tooltip with.
+ * @param options Options for rendering the tooltip.
+ */
+function setTooltipText(element, text, options) {
+    element.setAttribute("title", text);
+    element.removeAttribute("data-s-tooltip-html-title");
+    applyOptionsAndTitleAttributes(element, options);
+}
+exports.setTooltipText = setTooltipText;
+/**
+ * Shared helper for setTooltip* to initialize and set tooltip content
+ * @param element The element to add a tooltip to.
+ * @param options Options for rendering the tooltip.
+ */
+function applyOptionsAndTitleAttributes(element, options) {
+    if (options && options.placement) {
+        element.setAttribute("data-s-tooltip-placement", options.placement);
+    }
+    var controller = Stacks.application.getControllerForElementAndIdentifier(element, "s-tooltip");
+    if (controller) {
+        controller.applyTitleAttributes();
+    }
+    else {
+        element.setAttribute("data-controller", element.getAttribute("data-controller") + " s-tooltip");
+    }
+}
 
 
 /***/ }),
@@ -6096,179 +6096,179 @@ function applyOptionsAndTitleAttributes(element, options) {
 /***/ 637:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
-
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.UploaderController = void 0;
-var Stacks = __webpack_require__(36);
-;
-var UploaderController = /** @class */ (function (_super) {
-    __extends(UploaderController, _super);
-    function UploaderController() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    UploaderController.prototype.connect = function () {
-        _super.prototype.connect.call(this);
-        this.boundDragEnter = this.handleUploaderActive.bind(this, true);
-        this.boundDragLeave = this.handleUploaderActive.bind(this, false);
-        this.inputTarget.addEventListener("dragenter", this.boundDragEnter);
-        this.inputTarget.addEventListener("dragleave", this.boundDragLeave);
-    };
-    UploaderController.prototype.disconnect = function () {
-        this.inputTarget.removeEventListener("dragenter", this.boundDragEnter);
-        this.inputTarget.removeEventListener("dragleave", this.boundDragLeave);
-        _super.prototype.disconnect.call(this);
-    };
-    /**
-     * Handles rendering the file preview state on input change
-     */
-    UploaderController.prototype.handleInput = function () {
-        var _this = this;
-        this.previewsTarget.innerHTML = "";
-        if (!this.inputTarget.files) {
-            return;
-        }
-        var count = this.inputTarget.files.length;
-        this.getDataURLs(this.inputTarget.files, UploaderController.FILE_DISPLAY_LIMIT)
-            .then(function (res) {
-            _this.handleVisible(true);
-            var hasMultipleFiles = res.length > 1;
-            if (hasMultipleFiles) {
-                var headingElement = document.createElement("div");
-                headingElement.classList.add("s-uploader--previews-heading");
-                headingElement.innerText = res.length < count ?
-                    "Showing ".concat(res.length, " of ").concat(count, " files") : "".concat(count, " items");
-                _this.previewsTarget.appendChild(headingElement);
-                _this.previewsTarget.classList.add("has-multiple");
-            }
-            else {
-                _this.previewsTarget.classList.remove("has-multiple");
-            }
-            res.forEach(function (file) { return _this.addFilePreview(file); });
-            _this.handleUploaderActive(true);
-        });
-    };
-    /**
-     * Resets the Uploader to initial state
-     */
-    UploaderController.prototype.reset = function () {
-        this.inputTarget.value = '';
-        this.previewsTarget.innerHTML = "";
-        this.handleVisible(false);
-    };
-    /**
-     * Set hide/show and disabled state on elements depending on preview state
-     * @param  {boolean} shouldPreview - Uploader is entering a preview state
-     */
-    UploaderController.prototype.handleVisible = function (shouldPreview) {
-        var scope = this.targets.scope;
-        var hideElements = scope.findAllElements('[data-s-uploader-hide-on-input]');
-        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"); });
-        }
-        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"); });
-            this.handleUploaderActive(false);
-        }
-    };
-    /**
-     * Adds a DOM element to preview a selected file
-     * @param  {FilePreview} file
-     */
-    UploaderController.prototype.addFilePreview = function (file) {
-        if (!file) {
-            return;
-        }
-        var previewElement = document.createElement("div");
-        var thumbElement;
-        if (file.type.match('image/*') && file.data) {
-            thumbElement = document.createElement("img");
-            thumbElement.src = file.data.toString();
-            thumbElement.alt = file.name;
-        }
-        else {
-            thumbElement = document.createElement("div");
-            thumbElement.innerText = file.name;
-        }
-        thumbElement.classList.add("s-uploader--preview-thumbnail");
-        previewElement.appendChild(thumbElement);
-        previewElement.classList.add("s-uploader--preview");
-        previewElement.setAttribute('data-filename', file.name);
-        this.previewsTarget.appendChild(previewElement);
-    };
-    /**
-     * Toggles display and disabled state for select elements on valid input
-     * @param  {boolean} active - Uploader is in active state (typically on 'dragenter')
-     */
-    UploaderController.prototype.handleUploaderActive = function (active) {
-        this.uploaderTarget.classList.toggle("is-active", active);
-    };
-    /**
-     * Converts the file data into a data URL
-     * @param  {File} file
-     * @returns an object containing a FilePreview object
-     */
-    UploaderController.prototype.fileToDataURL = function (file) {
-        var reader = new FileReader();
-        var name = file.name, size = file.size, type = file.type;
-        if (size < UploaderController.MAX_FILE_SIZE && type.indexOf("image") > -1) {
-            return new Promise(function (resolve, reject) {
-                reader.onload = function (evt) {
-                    var _a;
-                    var res = (_a = evt === null || evt === void 0 ? void 0 : evt.target) === null || _a === void 0 ? void 0 : _a.result;
-                    if (res) {
-                        resolve({ data: res, name: name, type: type });
-                    }
-                    else {
-                        reject();
-                    }
-                };
-                reader.readAsDataURL(file);
-            });
-        }
-        else {
-            return Promise.resolve({ name: name, type: type });
-        }
-    };
-    /**
-     * Gets an array of FilePreviews from a FileList
-     * @param  {FileList|[]} files
-     * @returns an array of FilePreview objects from a FileList
-     */
-    UploaderController.prototype.getDataURLs = function (files, limit) {
-        var _this = this;
-        var promises = Array.from(files)
-            .slice(0, Math.min(limit, files.length))
-            .map(function (f) { return _this.fileToDataURL(f); });
-        return Promise.all(promises);
-    };
-    UploaderController.targets = ["input", "previews", "uploader"];
-    UploaderController.FILE_DISPLAY_LIMIT = 10;
-    UploaderController.MAX_FILE_SIZE = 1024 * 1024 * 10; // 10 MB
-    return UploaderController;
-}(Stacks.StacksController));
-exports.UploaderController = UploaderController;
-;
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.UploaderController = void 0;
+var Stacks = __webpack_require__(36);
+;
+var UploaderController = /** @class */ (function (_super) {
+    __extends(UploaderController, _super);
+    function UploaderController() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    UploaderController.prototype.connect = function () {
+        _super.prototype.connect.call(this);
+        this.boundDragEnter = this.handleUploaderActive.bind(this, true);
+        this.boundDragLeave = this.handleUploaderActive.bind(this, false);
+        this.inputTarget.addEventListener("dragenter", this.boundDragEnter);
+        this.inputTarget.addEventListener("dragleave", this.boundDragLeave);
+    };
+    UploaderController.prototype.disconnect = function () {
+        this.inputTarget.removeEventListener("dragenter", this.boundDragEnter);
+        this.inputTarget.removeEventListener("dragleave", this.boundDragLeave);
+        _super.prototype.disconnect.call(this);
+    };
+    /**
+     * Handles rendering the file preview state on input change
+     */
+    UploaderController.prototype.handleInput = function () {
+        var _this = this;
+        this.previewsTarget.innerHTML = "";
+        if (!this.inputTarget.files) {
+            return;
+        }
+        var count = this.inputTarget.files.length;
+        this.getDataURLs(this.inputTarget.files, UploaderController.FILE_DISPLAY_LIMIT)
+            .then(function (res) {
+            _this.handleVisible(true);
+            var hasMultipleFiles = res.length > 1;
+            if (hasMultipleFiles) {
+                var headingElement = document.createElement("div");
+                headingElement.classList.add("s-uploader--previews-heading");
+                headingElement.innerText = res.length < count ?
+                    "Showing ".concat(res.length, " of ").concat(count, " files") : "".concat(count, " items");
+                _this.previewsTarget.appendChild(headingElement);
+                _this.previewsTarget.classList.add("has-multiple");
+            }
+            else {
+                _this.previewsTarget.classList.remove("has-multiple");
+            }
+            res.forEach(function (file) { return _this.addFilePreview(file); });
+            _this.handleUploaderActive(true);
+        });
+    };
+    /**
+     * Resets the Uploader to initial state
+     */
+    UploaderController.prototype.reset = function () {
+        this.inputTarget.value = '';
+        this.previewsTarget.innerHTML = "";
+        this.handleVisible(false);
+    };
+    /**
+     * Set hide/show and disabled state on elements depending on preview state
+     * @param  {boolean} shouldPreview - Uploader is entering a preview state
+     */
+    UploaderController.prototype.handleVisible = function (shouldPreview) {
+        var scope = this.targets.scope;
+        var hideElements = scope.findAllElements('[data-s-uploader-hide-on-input]');
+        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"); });
+        }
+        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"); });
+            this.handleUploaderActive(false);
+        }
+    };
+    /**
+     * Adds a DOM element to preview a selected file
+     * @param  {FilePreview} file
+     */
+    UploaderController.prototype.addFilePreview = function (file) {
+        if (!file) {
+            return;
+        }
+        var previewElement = document.createElement("div");
+        var thumbElement;
+        if (file.type.match('image/*') && file.data) {
+            thumbElement = document.createElement("img");
+            thumbElement.src = file.data.toString();
+            thumbElement.alt = file.name;
+        }
+        else {
+            thumbElement = document.createElement("div");
+            thumbElement.innerText = file.name;
+        }
+        thumbElement.classList.add("s-uploader--preview-thumbnail");
+        previewElement.appendChild(thumbElement);
+        previewElement.classList.add("s-uploader--preview");
+        previewElement.setAttribute('data-filename', file.name);
+        this.previewsTarget.appendChild(previewElement);
+    };
+    /**
+     * Toggles display and disabled state for select elements on valid input
+     * @param  {boolean} active - Uploader is in active state (typically on 'dragenter')
+     */
+    UploaderController.prototype.handleUploaderActive = function (active) {
+        this.uploaderTarget.classList.toggle("is-active", active);
+    };
+    /**
+     * Converts the file data into a data URL
+     * @param  {File} file
+     * @returns an object containing a FilePreview object
+     */
+    UploaderController.prototype.fileToDataURL = function (file) {
+        var reader = new FileReader();
+        var name = file.name, size = file.size, type = file.type;
+        if (size < UploaderController.MAX_FILE_SIZE && type.indexOf("image") > -1) {
+            return new Promise(function (resolve, reject) {
+                reader.onload = function (evt) {
+                    var _a;
+                    var res = (_a = evt === null || evt === void 0 ? void 0 : evt.target) === null || _a === void 0 ? void 0 : _a.result;
+                    if (res) {
+                        resolve({ data: res, name: name, type: type });
+                    }
+                    else {
+                        reject();
+                    }
+                };
+                reader.readAsDataURL(file);
+            });
+        }
+        else {
+            return Promise.resolve({ name: name, type: type });
+        }
+    };
+    /**
+     * Gets an array of FilePreviews from a FileList
+     * @param  {FileList|[]} files
+     * @returns an array of FilePreview objects from a FileList
+     */
+    UploaderController.prototype.getDataURLs = function (files, limit) {
+        var _this = this;
+        var promises = Array.from(files)
+            .slice(0, Math.min(limit, files.length))
+            .map(function (f) { return _this.fileToDataURL(f); });
+        return Promise.all(promises);
+    };
+    UploaderController.targets = ["input", "previews", "uploader"];
+    UploaderController.FILE_DISPLAY_LIMIT = 10;
+    UploaderController.MAX_FILE_SIZE = 1024 * 1024 * 10; // 10 MB
+    return UploaderController;
+}(Stacks.StacksController));
+exports.UploaderController = UploaderController;
+;
 
 
 /***/ }),
@@ -6276,39 +6276,39 @@ exports.UploaderController = UploaderController;
 /***/ 603:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
-
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-__webpack_require__(708);
-var controllers_1 = __webpack_require__(470);
-var stacks_1 = __webpack_require__(36);
-// register all built-in controllers
-stacks_1.application.register("s-expandable-control", controllers_1.ExpandableController);
-stacks_1.application.register("s-modal", controllers_1.ModalController);
-stacks_1.application.register("s-navigation-tablist", controllers_1.TabListController);
-stacks_1.application.register("s-popover", controllers_1.PopoverController);
-stacks_1.application.register("s-table", controllers_1.TableController);
-stacks_1.application.register("s-tooltip", controllers_1.TooltipController);
-stacks_1.application.register("s-uploader", controllers_1.UploaderController);
-// finalize the application to guard our controller namespace
-stacks_1.StacksApplication.finalize();
-// export all controllers w/ helpers
-__exportStar(__webpack_require__(470), exports);
-// export the entirety of the contents of stacks.ts
-__exportStar(__webpack_require__(36), exports);
+
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+__webpack_require__(708);
+var controllers_1 = __webpack_require__(470);
+var stacks_1 = __webpack_require__(36);
+// register all built-in controllers
+stacks_1.application.register("s-expandable-control", controllers_1.ExpandableController);
+stacks_1.application.register("s-modal", controllers_1.ModalController);
+stacks_1.application.register("s-navigation-tablist", controllers_1.TabListController);
+stacks_1.application.register("s-popover", controllers_1.PopoverController);
+stacks_1.application.register("s-table", controllers_1.TableController);
+stacks_1.application.register("s-tooltip", controllers_1.TooltipController);
+stacks_1.application.register("s-uploader", controllers_1.UploaderController);
+// finalize the application to guard our controller namespace
+stacks_1.StacksApplication.finalize();
+// export all controllers w/ helpers
+__exportStar(__webpack_require__(470), exports);
+// export the entirety of the contents of stacks.ts
+__exportStar(__webpack_require__(36), exports);
 
 
 /***/ }),
@@ -6316,135 +6316,135 @@ __exportStar(__webpack_require__(36), exports);
 /***/ 36:
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
-
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.addController = exports.createController = exports.StacksController = exports.application = exports.StacksApplication = void 0;
-var Stimulus = __webpack_require__(931);
-var StacksApplication = /** @class */ (function (_super) {
-    __extends(StacksApplication, _super);
-    function StacksApplication() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    StacksApplication.prototype.load = function (head) {
-        var rest = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            rest[_i - 1] = arguments[_i];
-        }
-        var definitions = Array.isArray(head) ? head : __spreadArray([head], rest, true);
-        for (var _a = 0, definitions_1 = definitions; _a < definitions_1.length; _a++) {
-            var definition = definitions_1[_a];
-            var hasPrefix = /^s-/.test(definition.identifier);
-            if (StacksApplication._initializing && !hasPrefix) {
-                throw "Stacks-created Stimulus controller names must start with \"s-\".";
-            }
-            if (!StacksApplication._initializing && hasPrefix) {
-                throw "The \"s-\" prefix on Stimulus controller names is reserved for Stacks-created controllers.";
-            }
-        }
-        _super.prototype.load.call(this, definitions);
-    };
-    StacksApplication.start = function (element, schema) {
-        var application = new StacksApplication(element, schema);
-        application.start();
-        return application;
-    };
-    StacksApplication.finalize = function () {
-        StacksApplication._initializing = false;
-    };
-    StacksApplication._initializing = true;
-    return StacksApplication;
-}(Stimulus.Application));
-exports.StacksApplication = StacksApplication;
-exports.application = StacksApplication.start();
-var StacksController = /** @class */ (function (_super) {
-    __extends(StacksController, _super);
-    function StacksController() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    StacksController.prototype.getElementData = function (element, key) {
-        return element.getAttribute("data-" + this.identifier + "-" + key);
-    };
-    ;
-    StacksController.prototype.setElementData = function (element, key, value) {
-        element.setAttribute("data-" + this.identifier + "-" + key, value);
-    };
-    ;
-    StacksController.prototype.removeElementData = function (element, key) {
-        element.removeAttribute("data-" + this.identifier + "-" + key);
-    };
-    ;
-    StacksController.prototype.triggerEvent = function (eventName, detail, optionalElement) {
-        var namespacedName = this.identifier + ":" + eventName;
-        var event;
-        try {
-            event = new CustomEvent(namespacedName, { bubbles: true, cancelable: true, detail: detail });
-        }
-        catch (ex) {
-            // Internet Explorer
-            event = document.createEvent("CustomEvent");
-            event.initCustomEvent(namespacedName, true, true, detail);
-        }
-        (optionalElement || this.element).dispatchEvent(event);
-        return event;
-    };
-    ;
-    return StacksController;
-}(Stimulus.Controller));
-exports.StacksController = StacksController;
-function createController(controllerDefinition) {
-    var _a;
-    var Controller = controllerDefinition.hasOwnProperty("targets")
-        ? (_a = /** @class */ (function (_super) {
-                __extends(Controller, _super);
-                function Controller() {
-                    return _super !== null && _super.apply(this, arguments) || this;
-                }
-                return Controller;
-            }(StacksController)),
-            _a.targets = controllerDefinition.targets,
-            _a) : /** @class */ (function (_super) {
-        __extends(Controller, _super);
-        function Controller() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return Controller;
-    }(StacksController));
-    for (var prop in controllerDefinition) {
-        if (prop !== "targets" && controllerDefinition.hasOwnProperty(prop)) {
-            Object.defineProperty(Controller.prototype, prop, Object.getOwnPropertyDescriptor(controllerDefinition, prop));
-        }
-    }
-    return Controller;
-}
-exports.createController = createController;
-function addController(name, controller) {
-    exports.application.register(name, createController(controller));
-}
-exports.addController = addController;
+
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.addController = exports.createController = exports.StacksController = exports.application = exports.StacksApplication = void 0;
+var Stimulus = __webpack_require__(931);
+var StacksApplication = /** @class */ (function (_super) {
+    __extends(StacksApplication, _super);
+    function StacksApplication() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    StacksApplication.prototype.load = function (head) {
+        var rest = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            rest[_i - 1] = arguments[_i];
+        }
+        var definitions = Array.isArray(head) ? head : __spreadArray([head], rest, true);
+        for (var _a = 0, definitions_1 = definitions; _a < definitions_1.length; _a++) {
+            var definition = definitions_1[_a];
+            var hasPrefix = /^s-/.test(definition.identifier);
+            if (StacksApplication._initializing && !hasPrefix) {
+                throw "Stacks-created Stimulus controller names must start with \"s-\".";
+            }
+            if (!StacksApplication._initializing && hasPrefix) {
+                throw "The \"s-\" prefix on Stimulus controller names is reserved for Stacks-created controllers.";
+            }
+        }
+        _super.prototype.load.call(this, definitions);
+    };
+    StacksApplication.start = function (element, schema) {
+        var application = new StacksApplication(element, schema);
+        application.start();
+        return application;
+    };
+    StacksApplication.finalize = function () {
+        StacksApplication._initializing = false;
+    };
+    StacksApplication._initializing = true;
+    return StacksApplication;
+}(Stimulus.Application));
+exports.StacksApplication = StacksApplication;
+exports.application = StacksApplication.start();
+var StacksController = /** @class */ (function (_super) {
+    __extends(StacksController, _super);
+    function StacksController() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    StacksController.prototype.getElementData = function (element, key) {
+        return element.getAttribute("data-" + this.identifier + "-" + key);
+    };
+    ;
+    StacksController.prototype.setElementData = function (element, key, value) {
+        element.setAttribute("data-" + this.identifier + "-" + key, value);
+    };
+    ;
+    StacksController.prototype.removeElementData = function (element, key) {
+        element.removeAttribute("data-" + this.identifier + "-" + key);
+    };
+    ;
+    StacksController.prototype.triggerEvent = function (eventName, detail, optionalElement) {
+        var namespacedName = this.identifier + ":" + eventName;
+        var event;
+        try {
+            event = new CustomEvent(namespacedName, { bubbles: true, cancelable: true, detail: detail });
+        }
+        catch (ex) {
+            // Internet Explorer
+            event = document.createEvent("CustomEvent");
+            event.initCustomEvent(namespacedName, true, true, detail);
+        }
+        (optionalElement || this.element).dispatchEvent(event);
+        return event;
+    };
+    ;
+    return StacksController;
+}(Stimulus.Controller));
+exports.StacksController = StacksController;
+function createController(controllerDefinition) {
+    var _a;
+    var Controller = controllerDefinition.hasOwnProperty("targets")
+        ? (_a = /** @class */ (function (_super) {
+                __extends(Controller, _super);
+                function Controller() {
+                    return _super !== null && _super.apply(this, arguments) || this;
+                }
+                return Controller;
+            }(StacksController)),
+            _a.targets = controllerDefinition.targets,
+            _a) : /** @class */ (function (_super) {
+        __extends(Controller, _super);
+        function Controller() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return Controller;
+    }(StacksController));
+    for (var prop in controllerDefinition) {
+        if (prop !== "targets" && controllerDefinition.hasOwnProperty(prop)) {
+            Object.defineProperty(Controller.prototype, prop, Object.getOwnPropertyDescriptor(controllerDefinition, prop));
+        }
+    }
+    return Controller;
+}
+exports.createController = createController;
+function addController(name, controller) {
+    exports.application.register(name, createController(controller));
+}
+exports.addController = addController;
 
 
 /***/ })