@stackoverflow/stacks 1.6.1 → 1.6.3

package/dist/js/stacks.js

@@ -4485,10 +4485,13 @@ var Stacks = __webpack_require__(36);
 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") {
+    if (!(target instanceof HTMLInputElement) ||
+        target.nodeName !== "INPUT" ||
+        target.type !== "radio") {
         return;
     }
-    document.querySelectorAll('input[type="radio"][name="' + target.name + '"]')
+    document
+        .querySelectorAll('input[type="radio"][name="' + target.name + '"]')
         .forEach(function (other) {
         if (other === e.target) {
             return;
@@ -4528,7 +4531,8 @@ var ExpandableController = /** @class */ (function (_super) {
         return _this;
     }
     ExpandableController.prototype.initialize = function () {
-        if (this.element.nodeName === "INPUT" && ["radio", "checkbox"].indexOf(this.element.type) >= 0) {
+        if (this.element.nodeName === "INPUT" &&
+            ["radio", "checkbox"].indexOf(this.element.type) >= 0) {
             this.isCollapsed = this._isCollapsedForCheckable.bind(this);
             this.events = ["change", RADIO_OFF_EVENT];
             this.isCheckable = true;
@@ -4540,27 +4544,27 @@ var ExpandableController = /** @class */ (function (_super) {
         }
         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.controlledExpandables;
         // the element is considered collapsed if *any* target element is collapsed
-        return cc.length > 0 ? !cc.every(function (element) { return element.classList.contains("is-expanded"); }) : this.element.getAttribute("aria-expanded") === "false";
+        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, "controlledExpandables", {
         get: function () {
             var attr = this.element.getAttribute("aria-controls");
             if (!attr) {
                 throw "[aria-controls=\"targetId1 ... targetIdN\"] attribute required";
             }
-            var result = attr.split(/\s+/g)
+            var result = attr
+                .split(/\s+/g)
                 .map(function (s) { return document.getElementById(s); })
                 .filter(function (e) { return !!e; });
             if (!result.length) {
@@ -4571,11 +4575,9 @@ var ExpandableController = /** @class */ (function (_super) {
         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;
@@ -4589,17 +4591,20 @@ var ExpandableController = /** @class */ (function (_super) {
             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)) {
+            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) {
+            if (e.target !== e.currentTarget &&
+                ["A", "BUTTON"].indexOf(e.target.nodeName) >= 0) {
                 return;
             }
             e.preventDefault();
@@ -4609,10 +4614,12 @@ var ExpandableController = /** @class */ (function (_super) {
             if (e.type == "keydown") {
                 this.lastKeydownClickTimestamp = Date.now();
             }
-            else if (e.type == "click" && Date.now() - this.lastKeydownClickTimestamp < 300) {
+            else if (e.type == "click" &&
+                Date.now() - this.lastKeydownClickTimestamp < 300) {
                 return;
             }
-            newCollapsed = this.element.getAttribute("aria-expanded") === "true";
+            newCollapsed =
+                this.element.getAttribute("aria-expanded") === "true";
             if (e.type === "click") {
                 this.element.blur();
             }
@@ -4625,7 +4632,6 @@ var ExpandableController = /** @class */ (function (_super) {
         this._dispatchShowHideEvent(!newCollapsed);
         this._toggleClass(!newCollapsed);
     };
-    ;
     ExpandableController.prototype.connect = function () {
         var _this = this;
         this.events.forEach(function (e) {
@@ -4646,8 +4652,12 @@ var ExpandableController = /** @class */ (function (_super) {
             if (cc.length) {
                 var expected_1 = !this.isCollapsed();
                 // if any element does not match the expected state, set them all to the expected state
-                if (cc.some(function (element) { return element.classList.contains("is-expanded") !== expected_1; })) {
-                    for (var _i = 0, _a = this.controlledExpandables; _i < _a.length; _i++) {
+                if (cc.some(function (element) {
+                    return element.classList.contains("is-expanded") !==
+                        expected_1;
+                })) {
+                    for (var _i = 0, _a = this
+                        .controlledExpandables; _i < _a.length; _i++) {
                         var controlledElement = _a[_i];
                         controlledElement.classList.toggle("is-expanded", expected_1);
                     }
@@ -4657,7 +4667,6 @@ var ExpandableController = /** @class */ (function (_super) {
             }
         }
     };
-    ;
     ExpandableController.prototype.disconnect = function () {
         var _this = this;
         this.events.forEach(function (e) {
@@ -4667,7 +4676,6 @@ var ExpandableController = /** @class */ (function (_super) {
             globalChangeListenerRequired(false);
         }
     };
-    ;
     return ExpandableController;
 }(Stacks.StacksController));
 exports.ExpandableController = ExpandableController;
@@ -4720,7 +4728,6 @@ var ModalController = /** @class */ (function (_super) {
     ModalController.prototype.disconnect = function () {
         this.unbindDocumentEvents();
     };
-    ;
     /**
      * Toggles the visibility of the modal
      */
@@ -4749,9 +4756,10 @@ var ModalController = /** @class */ (function (_super) {
         // check for returnElement support
         var returnElementSelector = this.data.get("return-element");
         if (returnElementSelector) {
-            this.returnElement = document.querySelector(returnElementSelector);
+            this.returnElement = (document.querySelector(returnElementSelector));
             if (!this.returnElement) {
-                throw "Unable to find element by return-element selector: " + returnElementSelector;
+                throw ("Unable to find element by return-element selector: " +
+                    returnElementSelector);
             }
         }
     };
@@ -4776,7 +4784,7 @@ var ModalController = /** @class */ (function (_super) {
         // show/hide events trigger before toggling the class
         var triggeredEvent = this.triggerEvent(toShow ? "show" : "hide", {
             returnElement: this.returnElement,
-            dispatcher: this.getDispatcher(dispatchingElement)
+            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) {
@@ -4794,20 +4802,20 @@ var ModalController = /** @class */ (function (_super) {
             this.removeModalOnHide();
         }
         // check for transitionend support
-        var supportsTransitionEnd = (this.modalTarget).ontransitionend !== undefined;
+        var supportsTransitionEnd = this.modalTarget.ontransitionend !== undefined;
         // shown/hidden events trigger after toggling the class
         if (supportsTransitionEnd) {
             // wait until after the modal finishes transitioning to fire the event
             this.modalTarget.addEventListener("transitionend", function () {
                 //TODO this is firing waaay to soon?
                 _this.triggerEvent(toShow ? "shown" : "hidden", {
-                    dispatcher: dispatchingElement
+                    dispatcher: dispatchingElement,
                 }, _this.modalTarget);
             }, { once: true });
         }
         else {
             this.triggerEvent(toShow ? "shown" : "hidden", {
-                dispatcher: dispatchingElement
+                dispatcher: dispatchingElement,
             }, this.modalTarget);
         }
     };
@@ -4821,7 +4829,8 @@ var ModalController = /** @class */ (function (_super) {
         }
         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)) {
+            if (_this.returnElement &&
+                document.body.contains(_this.returnElement)) {
                 _this.returnElement.focus();
             }
         }, { once: true });
@@ -4842,8 +4851,9 @@ var ModalController = /** @class */ (function (_super) {
      * 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'])"); });
+        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.
@@ -4910,9 +4920,12 @@ var ModalController = /** @class */ (function (_super) {
      */
     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);
+        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);
@@ -4929,10 +4942,13 @@ var ModalController = /** @class */ (function (_super) {
      * Forces the popover to hide if a user clicks outside of it or its reference element
      */
     ModalController.prototype.hideOnOutsideClick = function (e) {
+        var _a;
         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)) {
+        if (!((_a = this.modalTarget
+            .querySelector(".s-modal--dialog")) === null || _a === void 0 ? void 0 : _a.contains(target)) &&
+            document.body.contains(target)) {
             this._toggle(false, e);
         }
     };
@@ -4941,7 +4957,8 @@ var ModalController = /** @class */ (function (_super) {
      */
     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") {
+        if (e.which !== 27 ||
+            this.modalTarget.getAttribute("aria-hidden") === "true") {
             return;
         }
         this._toggle(false, e);
@@ -5109,7 +5126,7 @@ var TabListController = /** @class */ (function (_super) {
          * 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;
+            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
@@ -5120,19 +5137,19 @@ var TabListController = /** @class */ (function (_super) {
         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 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');
+                    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');
+                    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");
                 }
             }
         },
@@ -5180,7 +5197,9 @@ var BasePopoverController = /** @class */ (function (_super) {
          */
         get: function () {
             var popoverElement = this.popoverElement;
-            return popoverElement ? popoverElement.classList.contains("is-visible") : false;
+            return popoverElement
+                ? popoverElement.classList.contains("is-visible")
+                : false;
         },
         enumerable: false,
         configurable: true
@@ -5199,14 +5218,17 @@ var BasePopoverController = /** @class */ (function (_super) {
             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;
+            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");
+            var hideBehavior = (this.data.get("hide-on-outside-click"));
             switch (hideBehavior) {
                 case "after-dismissal":
                 case "never":
@@ -5265,7 +5287,7 @@ var BasePopoverController = /** @class */ (function (_super) {
         }
         var dispatcherElement = this.getDispatcher(dispatcher);
         if (this.triggerEvent("show", {
-            dispatcher: dispatcherElement
+            dispatcher: dispatcherElement,
         }).defaultPrevented) {
             return;
         }
@@ -5287,7 +5309,7 @@ var BasePopoverController = /** @class */ (function (_super) {
         }
         var dispatcherElement = this.getDispatcher(dispatcher);
         if (this.triggerEvent("hide", {
-            dispatcher: dispatcherElement
+            dispatcher: dispatcherElement,
         }).defaultPrevented) {
             return;
         }
@@ -5300,7 +5322,8 @@ var BasePopoverController = /** @class */ (function (_super) {
             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") {
+        if (this.data.get("hide-on-outside-click") ===
+            "after-dismissal") {
             this.data.delete("hide-on-outside-click");
         }
         this.hidden(dispatcherElement);
@@ -5312,7 +5335,7 @@ var BasePopoverController = /** @class */ (function (_super) {
         if (dispatcher === void 0) { dispatcher = null; }
         this.bindDocumentEvents();
         this.triggerEvent("shown", {
-            dispatcher: dispatcher
+            dispatcher: dispatcher,
         });
     };
     /**
@@ -5322,7 +5345,7 @@ var BasePopoverController = /** @class */ (function (_super) {
         if (dispatcher === void 0) { dispatcher = null; }
         this.unbindDocumentEvents();
         this.triggerEvent("hidden", {
-            dispatcher: dispatcher
+            dispatcher: dispatcher,
         });
     };
     /**
@@ -5342,15 +5365,15 @@ var BasePopoverController = /** @class */ (function (_super) {
                     name: "offset",
                     options: {
                         offset: [0, 10], // The entire popover should be 10px away from the element
-                    }
+                    },
                 },
                 {
                     name: "arrow",
                     options: {
-                        element: ".s-popover--arrow"
+                        element: ".s-popover--arrow",
                     },
                 },
-            ]
+            ],
         });
     };
     /**
@@ -5361,9 +5384,10 @@ var BasePopoverController = /** @class */ (function (_super) {
         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);
+            this.referenceElement = (this.element.querySelector(referenceSelector));
             if (!this.referenceElement) {
-                throw "Unable to find element by reference selector: " + referenceSelector;
+                throw ("Unable to find element by reference selector: " +
+                    referenceSelector);
             }
         }
         var popoverId = this.referenceElement.getAttribute(this.popoverSelectorAttribute);
@@ -5447,8 +5471,10 @@ var PopoverController = /** @class */ (function (_super) {
      * 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);
+        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);
     };
@@ -5467,11 +5493,13 @@ var PopoverController = /** @class */ (function (_super) {
         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)) {
+        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
@@ -5488,7 +5516,6 @@ var PopoverController = /** @class */ (function (_super) {
         }
         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.
@@ -5568,9 +5595,11 @@ function attachPopover(element, popover, options) {
     if (!referenceElement) {
         throw "element has invalid data-s-popover-reference-selector attribute";
     }
-    if (typeof popover === 'string') {
+    if (typeof popover === "string") {
         // eslint-disable-next-line no-unsanitized/method
-        var elements = document.createRange().createContextualFragment(popover).children;
+        var elements = document
+            .createRange()
+            .createContextualFragment(popover).children;
         if (elements.length !== 1) {
             throw "popover should contain a single element";
         }
@@ -5578,14 +5607,15 @@ function attachPopover(element, popover, options) {
     }
     var existingId = referenceElement.getAttribute("aria-controls");
     var popoverId = popover.id;
-    if (!popover.classList.contains('s-popover')) {
+    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);
+        popoverId =
+            "--stacks-s-popover-" + Math.random().toString(36).substring(2, 10);
         popover.id = popoverId;
     }
     if (!existingId) {
@@ -5639,8 +5669,12 @@ function getPopover(element) {
     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 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 };
 }
@@ -5652,14 +5686,14 @@ function getPopover(element) {
  */
 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+/));
+    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(' '));
+    el.setAttribute("data-controller", Array.from(controllers).join(" "));
 }
 
 
@@ -5701,7 +5735,9 @@ var TableController = /** @class */ (function (_super) {
         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) {
+            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));
             });
@@ -5713,7 +5749,6 @@ var TableController = /** @class */ (function (_super) {
             }
         });
     };
-    ;
     TableController.prototype.sort = function (evt) {
         // eslint-disable-next-line @typescript-eslint/no-this-alias
         var controller = this;
@@ -5725,7 +5760,8 @@ var TableController = /** @class */ (function (_super) {
         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
+        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
@@ -5742,6 +5778,7 @@ var TableController = /** @class */ (function (_super) {
         var data = [];
         var firstBottomRow;
         rows.forEach(function (row, index) {
+            var _a, _b;
             var force = controller.getElementData(row, "sort-to");
             if (force === "top") {
                 return; // rows not added to the list will automatically end up at the top
@@ -5760,8 +5797,10 @@ var TableController = /** @class */ (function (_super) {
             // 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 !== "") && ("".concat(parseInt(d, 10)) !== d)) {
+            var d = typeof explicit === "string"
+                ? explicit
+                : (_b = (_a = cell.textContent) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : "";
+            if (d !== "" && "".concat(parseInt(d, 10)) !== d) {
                 anyNonInt = true;
             }
             data.push([d, index]);
@@ -5770,7 +5809,10 @@ var TableController = /** @class */ (function (_super) {
         // 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);
+                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
@@ -5792,8 +5834,9 @@ var TableController = /** @class */ (function (_super) {
         });
         // this is the actual reordering of the table rows
         data.forEach(function (tup) {
+            var _a;
             var row = rows[tup[1]];
-            row.parentElement.removeChild(row);
+            (_a = row.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(row);
             if (firstBottomRow) {
                 tbody.insertBefore(row, firstBottomRow);
             }
@@ -5817,7 +5860,8 @@ function buildIndex(section) {
     return result;
 }
 function getCellSlot(cell) {
-    if (!(cell.parentElement && cell.parentElement.parentElement instanceof HTMLTableSectionElement)) {
+    if (!(cell.parentElement &&
+        cell.parentElement.parentElement instanceof HTMLTableSectionElement)) {
         throw "invalid table";
     }
     var result = buildIndexOrGetCellSlot(cell.parentElement.parentElement, cell);
@@ -5850,7 +5894,10 @@ function buildIndexOrGetCellSlot(section, findCell) {
     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; })) {
+    while (curRow ||
+        growingRowsLeft.some(function (e) {
+            return e !== 0;
+        })) {
         var curIndexRow = [];
         index.push(curIndexRow);
         var curSlot = 0;
@@ -5890,7 +5937,9 @@ function buildIndexOrGetCellSlot(section, findCell) {
             curRow = curRow.nextElementSibling;
         }
     }
-    return findCell ? -1 : index; /* if findCell was given but we end up here, that means it isn't in this section */
+    return findCell
+        ? -1
+        : index; /* if findCell was given but we end up here, that means it isn't in this section */
 }
 
 
@@ -5993,7 +6042,9 @@ var TooltipController = /** @class */ (function (_super) {
         var htmlTitle = this.data.get("html-title");
         if (htmlTitle) {
             // eslint-disable-next-line no-unsanitized/method
-            content = document.createRange().createContextualFragment(htmlTitle);
+            content = document
+                .createRange()
+                .createContextualFragment(htmlTitle);
         }
         else {
             var plainTitle = this.element.getAttribute("title");
@@ -6045,7 +6096,8 @@ var TooltipController = /** @class */ (function (_super) {
      * the page.
      */
     TooltipController.prototype.bindDocumentEvents = function () {
-        this.boundHideIfWithin = this.boundHideIfWithin || this.hideIfWithin.bind(this);
+        this.boundHideIfWithin =
+            this.boundHideIfWithin || this.hideIfWithin.bind(this);
         document.addEventListener("s-popover:shown", this.boundHideIfWithin);
     };
     /**
@@ -6079,9 +6131,12 @@ var TooltipController = /** @class */ (function (_super) {
      * Binds mouse events to show/hide on reference element hover
      */
     TooltipController.prototype.bindKeyboardEvents = function () {
-        this.boundScheduleShow = this.boundScheduleShow || this.scheduleShow.bind(this);
+        this.boundScheduleShow =
+            this.boundScheduleShow || this.scheduleShow.bind(this);
         this.boundHide = this.boundHide || this.scheduleHide.bind(this);
-        this.boundHideOnEscapeKeyEvent = this.boundHideOnEscapeKeyEvent || this.hideOnEscapeKeyEvent.bind(this);
+        this.boundHideOnEscapeKeyEvent =
+            this.boundHideOnEscapeKeyEvent ||
+                this.hideOnEscapeKeyEvent.bind(this);
         this.referenceElement.addEventListener("focus", this.boundScheduleShow);
         this.referenceElement.addEventListener("blur", this.boundHide);
         document.addEventListener("keyup", this.boundHideOnEscapeKeyEvent);
@@ -6098,9 +6153,11 @@ var TooltipController = /** @class */ (function (_super) {
      * Binds mouse events to show/hide on reference element hover
      */
     TooltipController.prototype.bindMouseEvents = function () {
-        this.boundScheduleShow = this.boundScheduleShow || this.scheduleShow.bind(this);
+        this.boundScheduleShow =
+            this.boundScheduleShow || this.scheduleShow.bind(this);
         this.boundHide = this.boundHide || this.scheduleHide.bind(this);
-        this.boundClearActiveTimeout = this.boundClearActiveTimeout || this.clearActiveTimeout.bind(this);
+        this.boundClearActiveTimeout =
+            this.boundClearActiveTimeout || this.clearActiveTimeout.bind(this);
         this.referenceElement.addEventListener("mouseover", this.boundScheduleShow);
         this.referenceElement.addEventListener("mouseout", this.boundHide);
         this.popoverElement.addEventListener("mouseover", this.boundClearActiveTimeout);
@@ -6122,7 +6179,7 @@ var TooltipController = /** @class */ (function (_super) {
      */
     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);
+        return ("--stacks-s-tooltip-" + Math.random().toString(36).substring(2, 10));
     };
     TooltipController.targets = [];
     return TooltipController;
@@ -6161,7 +6218,7 @@ function applyOptionsAndTitleAttributes(element, options) {
     if (options && options.placement) {
         element.setAttribute("data-s-tooltip-placement", options.placement);
     }
-    var controller = Stacks.application.getControllerForElementAndIdentifier(element, "s-tooltip");
+    var controller = (Stacks.application.getControllerForElementAndIdentifier(element, "s-tooltip"));
     if (controller) {
         controller.applyTitleAttributes();
     }
@@ -6196,7 +6253,6 @@ var __extends = (this && this.__extends) || (function () {
 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() {
@@ -6231,8 +6287,10 @@ var UploaderController = /** @class */ (function (_super) {
             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");
+                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");
             }
@@ -6249,7 +6307,7 @@ var UploaderController = /** @class */ (function (_super) {
      * Resets the Uploader to initial state
      */
     UploaderController.prototype.reset = function () {
-        this.inputTarget.value = '';
+        this.inputTarget.value = "";
         this.previewsTarget.innerHTML = "";
         this.handleVisible(false);
     };
@@ -6259,9 +6317,9 @@ var UploaderController = /** @class */ (function (_super) {
      */
     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]');
+        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.forEach(function (el) {
                 el.classList.add("d-none");
@@ -6296,7 +6354,7 @@ var UploaderController = /** @class */ (function (_super) {
         }
         var previewElement = document.createElement("div");
         var thumbElement;
-        if (file.type.match('image/*') && file.data) {
+        if (file.type.match("image/*") && file.data) {
             thumbElement = document.createElement("img");
             thumbElement.src = file.data.toString();
             thumbElement.alt = file.name;
@@ -6308,7 +6366,7 @@ var UploaderController = /** @class */ (function (_super) {
         thumbElement.classList.add("s-uploader--preview-thumbnail");
         previewElement.appendChild(thumbElement);
         previewElement.classList.add("s-uploader--preview");
-        previewElement.setAttribute('data-filename', file.name);
+        previewElement.setAttribute("data-filename", file.name);
         this.previewsTarget.appendChild(previewElement);
     };
     /**
@@ -6326,7 +6384,8 @@ var UploaderController = /** @class */ (function (_super) {
     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) {
+        if (size < UploaderController.MAX_FILE_SIZE &&
+            type.indexOf("image") > -1) {
             return new Promise(function (resolve, reject) {
                 reader.onload = function (evt) {
                     var _a;
@@ -6363,7 +6422,6 @@ var UploaderController = /** @class */ (function (_super) {
     return UploaderController;
 }(Stacks.StacksController));
 exports.UploaderController = UploaderController;
-;
 
 
 /***/ }),
@@ -6454,10 +6512,10 @@ var StacksApplication = /** @class */ (function (_super) {
             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-\".";
+                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.";
+                throw 'The "s-" prefix on Stimulus controller names is reserved for Stacks-created controllers.';
             }
         }
         _super.prototype.load.call(this, definitions);
@@ -6484,20 +6542,21 @@ var StacksController = /** @class */ (function (_super) {
     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 });
+            event = new CustomEvent(namespacedName, {
+                bubbles: true,
+                cancelable: true,
+                detail: detail,
+            });
         }
         catch (ex) {
             // Internet Explorer
@@ -6508,23 +6567,23 @@ var StacksController = /** @class */ (function (_super) {
         (optionalElement || this.element).dispatchEvent(event);
         return event;
     };
-    ;
     return StacksController;
 }(Stimulus.Controller));
 exports.StacksController = StacksController;
 function createController(controllerDefinition) {
     var _a;
+    var _b;
     // eslint-disable-next-line no-prototype-builtins
     var Controller = controllerDefinition.hasOwnProperty("targets")
-        ? (_a = /** @class */ (function (_super) {
+        ? (_b = /** @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) {
+            _b.targets = (_a = controllerDefinition.targets) !== null && _a !== void 0 ? _a : [],
+            _b) : /** @class */ (function (_super) {
         __extends(Controller, _super);
         function Controller() {
             return _super !== null && _super.apply(this, arguments) || this;
@@ -6532,9 +6591,12 @@ function createController(controllerDefinition) {
         return Controller;
     }(StacksController));
     for (var prop in controllerDefinition) {
+        var ownPropDescriptor = 
         // eslint-disable-next-line no-prototype-builtins
-        if (prop !== "targets" && controllerDefinition.hasOwnProperty(prop)) {
-            Object.defineProperty(Controller.prototype, prop, Object.getOwnPropertyDescriptor(controllerDefinition, prop));
+        controllerDefinition.hasOwnProperty(prop) &&
+            Object.getOwnPropertyDescriptor(controllerDefinition, prop);
+        if (prop !== "targets" && ownPropDescriptor) {
+            Object.defineProperty(Controller.prototype, prop, ownPropDescriptor);
         }
     }
     return Controller;