@unabridged/midwest 0.24.3 → 0.25.0

package/dist/javascript/collection/app/components/midwest/popover_component/popover_component_controller.js

@@ -0,0 +1,67 @@
+import { Controller } from '@hotwired/stimulus';
+
+class Popover extends Controller {
+  animating = false;
+  closeTimer = null;
+  connect() {
+    this.element.addEventListener("beforetoggle", this.onBeforeToggle);
+  }
+  disconnect() {
+    this.element.removeEventListener("beforetoggle", this.onBeforeToggle);
+    this.cleanUp();
+  }
+  onBeforeToggle = (event) => {
+    const toggle = event;
+    if (toggle.newState === "open") {
+      if (this.closeTimer) {
+        clearTimeout(this.closeTimer);
+        this.closeTimer = null;
+      }
+      this.element.classList.remove("is-closing");
+      this.animating = false;
+      return;
+    }
+    if (toggle.newState !== "closed")
+      return;
+    if (window.matchMedia("(width < 700px)").matches)
+      return;
+    if (!this.element.classList.contains("midwest-motion"))
+      return;
+    if (this.animating)
+      return;
+    event.preventDefault();
+    this.animating = true;
+    this.element.classList.add("is-closing");
+    this.closeTimer = setTimeout(() => {
+      this.closeTimer = null;
+      this.element.style.display = "none";
+      this.element.style.transition = "none";
+      this.element.hidePopover();
+      this.animating = false;
+      requestAnimationFrame(() => {
+        this.element.style.removeProperty("display");
+        this.element.style.removeProperty("transition");
+        this.element.classList.remove("is-closing");
+      });
+    }, this.exitDuration());
+  };
+  cleanUp() {
+    if (this.closeTimer) {
+      clearTimeout(this.closeTimer);
+      this.closeTimer = null;
+    }
+    this.element.classList.remove("is-closing");
+    this.element.style.removeProperty("transition");
+    this.animating = false;
+  }
+  exitDuration() {
+    const durations = getComputedStyle(this.element).transitionDuration.split(",").map((s) => {
+      const n = parseFloat(s);
+      return s.trim().endsWith("ms") ? n : n * 1e3;
+    });
+    return Math.max(0, ...durations);
+  }
+}
+
+export { Popover as default };
+//# sourceMappingURL=popover_component_controller.js.map

package/dist/javascript/collection/app/components/midwest/popover_component/popover_component_controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover_component_controller.js","sources":["../../../../../../../app/components/midwest/popover_component/popover_component_controller.ts"],"sourcesContent":["import { Controller } from '@hotwired/stimulus'\n\n// Plays the motion exit animation *before* the native popover close fires.\n// Without this, Chromium recalculates `position-try-fallbacks` the moment\n// `:popover-open` is removed, which jumps the popover to a different anchor\n// position while it is still visible. By deferring the actual close until after\n// the animation, the recalculation happens while the element is already\n// transparent — invisible to the user.\nexport default class Popover extends Controller<HTMLElement> {\n  private animating = false\n  private closeTimer: ReturnType<typeof setTimeout> | null = null\n\n  connect () {\n    this.element.addEventListener('beforetoggle', this.onBeforeToggle)\n  }\n\n  disconnect () {\n    this.element.removeEventListener('beforetoggle', this.onBeforeToggle)\n    this.cleanUp()\n  }\n\n  private onBeforeToggle = (event: Event) => {\n    const toggle = event as ToggleEvent\n\n    // If the popover reopens during the exit animation, cancel it cleanly.\n    if (toggle.newState === 'open') {\n      if (this.closeTimer) { clearTimeout(this.closeTimer); this.closeTimer = null }\n      this.element.classList.remove('is-closing')\n      this.animating = false\n      return\n    }\n\n    if (toggle.newState !== 'closed') return\n    // Anchor positioning is only active on desktop.\n    if (window.matchMedia('(width < 700px)').matches) return\n    // Only intercept motion-driven popovers; non-motion close is instant so there\n    // is no visible jump to fix.\n    if (!this.element.classList.contains('midwest-motion')) return\n    // We are the one calling hidePopover() after the animation — let it through.\n    if (this.animating) return\n\n    event.preventDefault()\n    this.animating = true\n    this.element.classList.add('is-closing')\n\n    this.closeTimer = setTimeout(() => {\n      this.closeTimer = null\n      // Set display:none *before* hidePopover() so that when :popover-open is\n      // removed and position-try-fallbacks recalculates, the element is already\n      // out of the rendering tree — the recalculated position is never painted.\n      this.element.style.display = 'none'\n      this.element.style.transition = 'none'\n      this.element.hidePopover()\n      this.animating = false\n      requestAnimationFrame(() => {\n        this.element.style.removeProperty('display')\n        this.element.style.removeProperty('transition')\n        this.element.classList.remove('is-closing')\n      })\n    }, this.exitDuration())\n  }\n\n  private cleanUp () {\n    if (this.closeTimer) { clearTimeout(this.closeTimer); this.closeTimer = null }\n    this.element.classList.remove('is-closing')\n    this.element.style.removeProperty('transition')\n    this.animating = false\n  }\n\n  private exitDuration (): number {\n    const durations = getComputedStyle(this.element)\n      .transitionDuration.split(',')\n      .map((s) => {\n        const n = parseFloat(s)\n        return s.trim().endsWith('ms') ? n : n * 1000\n      })\n    return Math.max(0, ...durations)\n  }\n}\n"],"names":[],"mappings":"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"}