plutonium 0.25.2 → 0.26.0

data/app/assets/plutonium.js

@@ -11629,7 +11629,7 @@
   }
 
   // node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js
-  function getComputedStyle(element) {
+  function getComputedStyle2(element) {
     return getWindow(element).getComputedStyle(element);
   }
 
@@ -11666,7 +11666,7 @@
   // node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js
   function getTrueOffsetParent(element) {
     if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837
-    getComputedStyle(element).position === "fixed") {
+    getComputedStyle2(element).position === "fixed") {
       return null;
     }
     return element.offsetParent;
@@ -11675,7 +11675,7 @@
     var isFirefox = /firefox/i.test(getUAString());
     var isIE = /Trident/i.test(getUAString());
     if (isIE && isHTMLElement(element)) {
-      var elementCss = getComputedStyle(element);
+      var elementCss = getComputedStyle2(element);
       if (elementCss.position === "fixed") {
         return null;
       }
@@ -11685,7 +11685,7 @@
       currentNode = currentNode.host;
     }
     while (isHTMLElement(currentNode) && ["html", "body"].indexOf(getNodeName(currentNode)) < 0) {
-      var css = getComputedStyle(currentNode);
+      var css = getComputedStyle2(currentNode);
       if (css.transform !== "none" || css.perspective !== "none" || css.contain === "paint" || ["transform", "perspective"].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === "filter" || isFirefox && css.filter && css.filter !== "none") {
         return currentNode;
       } else {
@@ -11697,10 +11697,10 @@
   function getOffsetParent(element) {
     var window2 = getWindow(element);
     var offsetParent = getTrueOffsetParent(element);
-    while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === "static") {
+    while (offsetParent && isTableElement(offsetParent) && getComputedStyle2(offsetParent).position === "static") {
       offsetParent = getTrueOffsetParent(offsetParent);
     }
-    if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle(offsetParent).position === "static")) {
+    if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle2(offsetParent).position === "static")) {
       return window2;
     }
     return offsetParent || getContainingBlock(element) || window2;
@@ -11849,7 +11849,7 @@
       var widthProp = "clientWidth";
       if (offsetParent === getWindow(popper2)) {
         offsetParent = getDocumentElement(popper2);
-        if (getComputedStyle(offsetParent).position !== "static" && position === "absolute") {
+        if (getComputedStyle2(offsetParent).position !== "static" && position === "absolute") {
           heightProp = "scrollHeight";
           widthProp = "scrollWidth";
         }
@@ -12045,7 +12045,7 @@
     var height = max(html3.scrollHeight, html3.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
     var x3 = -winScroll.scrollLeft + getWindowScrollBarX(element);
     var y4 = -winScroll.scrollTop;
-    if (getComputedStyle(body || html3).direction === "rtl") {
+    if (getComputedStyle2(body || html3).direction === "rtl") {
       x3 += max(html3.clientWidth, body ? body.clientWidth : 0) - width;
     }
     return {
@@ -12058,7 +12058,7 @@
 
   // node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js
   function isScrollParent(element) {
-    var _getComputedStyle = getComputedStyle(element), overflow = _getComputedStyle.overflow, overflowX = _getComputedStyle.overflowX, overflowY = _getComputedStyle.overflowY;
+    var _getComputedStyle = getComputedStyle2(element), overflow = _getComputedStyle.overflow, overflowX = _getComputedStyle.overflowX, overflowY = _getComputedStyle.overflowY;
     return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
   }
 
@@ -12118,7 +12118,7 @@
   }
   function getClippingParents(element) {
     var clippingParents2 = listScrollParents(getParentNode(element));
-    var canEscapeClipping = ["absolute", "fixed"].indexOf(getComputedStyle(element).position) >= 0;
+    var canEscapeClipping = ["absolute", "fixed"].indexOf(getComputedStyle2(element).position) >= 0;
     var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;
     if (!isElement(clipperElement)) {
       return [];
@@ -16333,16 +16333,152 @@ ${text2}</tr>
   // src/js/controllers/slim_select_controller.js
   var slim_select_controller_default = class extends Controller {
     connect() {
+      const settings = {};
+      const modal = document.querySelector('[data-controller="remote-modal"]');
+      if (modal) {
+        this.dropdownContainer = document.createElement("div");
+        this.dropdownContainer.className = "ss-dropdown-container";
+        const selectWrapper = this.element.parentNode;
+        const originalPosition = getComputedStyle(selectWrapper).position;
+        if (originalPosition === "static") {
+          selectWrapper.style.position = "relative";
+          this.modifiedSelectWrapper = selectWrapper;
+        }
+        this.element.parentNode.insertBefore(
+          this.dropdownContainer,
+          this.element.nextSibling
+        );
+        settings.contentLocation = this.dropdownContainer;
+        settings.contentPosition = "absolute";
+        settings.openPosition = "auto";
+      }
       this.slimSelect = new SlimSelect({
-        select: this.element
+        select: this.element,
+        settings
       });
-      this.element.setAttribute("data-action", "turbo:morph-element->slim-select#reconnect");
+      this.handleDropdownPosition();
+      this.boundHandleDropdownOpen = this.handleDropdownOpen.bind(this);
+      this.boundHandleDropdownClose = this.handleDropdownClose.bind(this);
+      this.element.addEventListener("ss:open", this.boundHandleDropdownOpen);
+      this.element.addEventListener("ss:close", this.boundHandleDropdownClose);
+      this.setupAriaObserver();
+      this.element.setAttribute(
+        "data-action",
+        "turbo:morph-element->slim-select#reconnect"
+      );
+    }
+    handleDropdownPosition() {
+      if (this.dropdownContainer) {
+        const repositionDropdown = () => {
+          const selectRect = this.element.getBoundingClientRect();
+          const spaceBelow = window.innerHeight - selectRect.bottom;
+          const spaceAbove = selectRect.top;
+          if (spaceBelow < 200 && spaceAbove > spaceBelow) {
+            this.dropdownContainer.style.top = "auto";
+            this.dropdownContainer.style.bottom = "100%";
+            this.dropdownContainer.style.borderRadius = "0.375rem 0.375rem 0 0";
+          } else {
+            this.dropdownContainer.style.bottom = "auto";
+            this.dropdownContainer.style.borderRadius = "0 0 0.375rem 0.375rem";
+          }
+        };
+        setTimeout(repositionDropdown, 0);
+        window.addEventListener("resize", repositionDropdown);
+        window.addEventListener("scroll", repositionDropdown);
+        this.repositionDropdown = repositionDropdown;
+      }
+    }
+    handleDropdownOpen() {
+      if (this.dropdownContainer) {
+        this.dropdownContainer.style.height = "auto";
+        this.dropdownContainer.style.overflow = "visible";
+        this.dropdownContainer.classList.add("ss-active");
+        const allContainers = document.querySelectorAll(".ss-dropdown-container");
+        allContainers.forEach((container) => {
+          if (container !== this.dropdownContainer) {
+            container.style.zIndex = "9999";
+          }
+        });
+        this.dropdownContainer.style.zIndex = "10000";
+      }
+    }
+    handleDropdownClose() {
+      if (this.dropdownContainer) {
+        this.dropdownContainer.classList.remove("ss-active");
+      }
+    }
+    setupAriaObserver() {
+      if (this.element) {
+        this.ariaObserver = new MutationObserver((mutations) => {
+          mutations.forEach((mutation) => {
+            if (mutation.attributeName === "aria-expanded") {
+              const expanded = mutation.target.getAttribute("aria-expanded") === "true";
+              if (expanded) {
+                this.handleDropdownOpen();
+              } else {
+                this.handleDropdownClose();
+              }
+            }
+          });
+        });
+        const possibleTargets = [
+          this.element,
+          this.element.parentNode.querySelector(".ss-main"),
+          this.element.parentNode.querySelector("[aria-expanded]")
+        ];
+        const target = possibleTargets.find(
+          (el) => el && el.hasAttribute && el.hasAttribute("aria-expanded")
+        );
+        if (target) {
+          this.ariaObserver.observe(target, {
+            attributes: true,
+            attributeFilter: ["aria-expanded"]
+          });
+          const expanded = target.getAttribute("aria-expanded") === "true";
+          if (expanded) {
+            this.handleDropdownOpen();
+          } else {
+            this.handleDropdownClose();
+          }
+        }
+      }
     }
     disconnect() {
+      if (this.element) {
+        if (this.boundHandleDropdownOpen) {
+          this.element.removeEventListener(
+            "ss:open",
+            this.boundHandleDropdownOpen
+          );
+        }
+        if (this.boundHandleDropdownClose) {
+          this.element.removeEventListener(
+            "ss:close",
+            this.boundHandleDropdownClose
+          );
+        }
+      }
+      if (this.ariaObserver) {
+        this.ariaObserver.disconnect();
+        this.ariaObserver = null;
+      }
       if (this.slimSelect) {
         this.slimSelect.destroy();
         this.slimSelect = null;
       }
+      if (this.repositionDropdown) {
+        window.removeEventListener("resize", this.repositionDropdown);
+        window.removeEventListener("scroll", this.repositionDropdown);
+        this.repositionDropdown = null;
+      }
+      if (this.dropdownContainer && this.dropdownContainer.parentNode) {
+        this.dropdownContainer.parentNode.removeChild(this.dropdownContainer);
+        this.dropdownContainer = null;
+      }
+      if (this.modifiedSelectWrapper) {
+        this.modifiedSelectWrapper.style.position = "";
+        this.modifiedSelectWrapper = null;
+      }
     }
     reconnect() {
       this.disconnect();
@@ -29531,6 +29667,10 @@ this.ifd0Offset: ${this.ifd0Offset}, file.byteLength: ${e4.byteLength}`), e4.tif
       this.element.showModal();
       this.element.addEventListener("close", this.handleClose.bind(this));
     }
+    close() {
+      this.element.close();
+      window.scrollTo(0, this.originalScrollPosition);
+    }
     disconnect() {
       this.element.removeEventListener("close", this.handleClose);
     }