@lanrenbang/basecoat-ultra 0.1.2

package/dist/js/dialog.js

@@ -0,0 +1,20 @@
+(() => {
+  const initDialog = (dialog) => {
+    if (dialog.getAttribute("role") !== "alertdialog") {
+      dialog.addEventListener("click", (event) => {
+        if (dialog.open) {
+          const rect = dialog.getBoundingClientRect();
+          const isInDialog = rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width;
+          if (!isInDialog) {
+            dialog.close();
+          }
+        }
+      });
+    }
+    dialog.dataset.dialogInitialized = true;
+    dialog.dispatchEvent(new CustomEvent("basecoat:initialized"));
+  };
+  if (window.basecoat) {
+    window.basecoat.register("dialog", "dialog.dialog:not([data-dialog-initialized])", initDialog);
+  }
+})();

package/dist/js/dialog.min.js

@@ -0,0 +1,11 @@
+(() => {
+  const n = (t) => {
+    t.getAttribute("role") !== "alertdialog" && t.addEventListener("click", (e) => {
+      if (t.open) {
+        const i = t.getBoundingClientRect();
+        i.top <= e.clientY && e.clientY <= i.top + i.height && i.left <= e.clientX && e.clientX <= i.left + i.width || t.close();
+      }
+    }), t.dataset.dialogInitialized = !0, t.dispatchEvent(new CustomEvent("basecoat:initialized"));
+  };
+  window.basecoat && window.basecoat.register("dialog", "dialog.dialog:not([data-dialog-initialized])", n);
+})();

package/dist/js/dropdown-menu.js

@@ -0,0 +1,148 @@
+(() => {
+  const initDropdownMenu = (dropdownMenuComponent) => {
+    const trigger = dropdownMenuComponent.querySelector(":scope > button");
+    const popover = dropdownMenuComponent.querySelector(":scope > [data-popover]");
+    const menu = popover?.matches('[role="menu"]') ? popover : popover?.querySelector('[role="menu"]');
+    if (!trigger || !menu || !popover) {
+      const missing = [];
+      if (!trigger) missing.push("trigger");
+      if (!menu) missing.push("menu");
+      if (!popover) missing.push("popover");
+      console.error(`Dropdown menu initialisation failed. Missing element(s): ${missing.join(", ")}`, dropdownMenuComponent);
+      return;
+    }
+    let menuItems = [];
+    let activeIndex = -1;
+    const closePopover = (focusOnTrigger = true) => {
+      if (trigger.getAttribute("aria-expanded") === "false") return;
+      trigger.setAttribute("aria-expanded", "false");
+      trigger.removeAttribute("aria-activedescendant");
+      popover.setAttribute("aria-hidden", "true");
+      if (focusOnTrigger) {
+        trigger.focus();
+      }
+      setActiveItem(-1);
+    };
+    const openPopover = (initialSelection = false) => {
+      document.dispatchEvent(new CustomEvent("basecoat:popover", {
+        detail: { source: dropdownMenuComponent }
+      }));
+      trigger.setAttribute("aria-expanded", "true");
+      popover.setAttribute("aria-hidden", "false");
+      menuItems = Array.from(menu.querySelectorAll('[role^="menuitem"]')).filter(
+        (item) => !item.hasAttribute("disabled") && item.getAttribute("aria-disabled") !== "true"
+      );
+      if (menuItems.length > 0 && initialSelection) {
+        if (initialSelection === "first") {
+          setActiveItem(0);
+        } else if (initialSelection === "last") {
+          setActiveItem(menuItems.length - 1);
+        }
+      }
+    };
+    const setActiveItem = (index) => {
+      if (activeIndex > -1 && menuItems[activeIndex]) {
+        menuItems[activeIndex].classList.remove("active");
+      }
+      activeIndex = index;
+      if (activeIndex > -1 && menuItems[activeIndex]) {
+        const activeItem = menuItems[activeIndex];
+        activeItem.classList.add("active");
+        trigger.setAttribute("aria-activedescendant", activeItem.id);
+      } else {
+        trigger.removeAttribute("aria-activedescendant");
+      }
+    };
+    trigger.addEventListener("click", () => {
+      const isExpanded = trigger.getAttribute("aria-expanded") === "true";
+      if (isExpanded) {
+        closePopover();
+      } else {
+        openPopover(false);
+      }
+    });
+    dropdownMenuComponent.addEventListener("keydown", (event) => {
+      const isExpanded = trigger.getAttribute("aria-expanded") === "true";
+      if (event.key === "Escape") {
+        if (isExpanded) closePopover();
+        return;
+      }
+      if (!isExpanded) {
+        if (["Enter", " "].includes(event.key)) {
+          event.preventDefault();
+          openPopover(false);
+        } else if (event.key === "ArrowDown") {
+          event.preventDefault();
+          openPopover("first");
+        } else if (event.key === "ArrowUp") {
+          event.preventDefault();
+          openPopover("last");
+        }
+        return;
+      }
+      if (menuItems.length === 0) return;
+      let nextIndex = activeIndex;
+      switch (event.key) {
+        case "ArrowDown":
+          event.preventDefault();
+          nextIndex = activeIndex === -1 ? 0 : Math.min(activeIndex + 1, menuItems.length - 1);
+          break;
+        case "ArrowUp":
+          event.preventDefault();
+          nextIndex = activeIndex === -1 ? menuItems.length - 1 : Math.max(activeIndex - 1, 0);
+          break;
+        case "Home":
+          event.preventDefault();
+          nextIndex = 0;
+          break;
+        case "End":
+          event.preventDefault();
+          nextIndex = menuItems.length - 1;
+          break;
+        case "Enter":
+        case " ":
+          event.preventDefault();
+          menuItems[activeIndex]?.click();
+          closePopover();
+          return;
+      }
+      if (nextIndex !== activeIndex) {
+        setActiveItem(nextIndex);
+      }
+    });
+    menu.addEventListener("mousemove", (event) => {
+      const menuItem = event.target.closest('[role^="menuitem"]');
+      if (menuItem && menuItems.includes(menuItem)) {
+        const index = menuItems.indexOf(menuItem);
+        if (index !== activeIndex) {
+          setActiveItem(index);
+        }
+      }
+    });
+    menu.addEventListener("mouseleave", () => {
+      setActiveItem(-1);
+    });
+    menu.addEventListener("click", (event) => {
+      if (event.target.closest('[role^="menuitem"]')) {
+        closePopover();
+      }
+    });
+    document.addEventListener("click", (event) => {
+      if (!dropdownMenuComponent.contains(event.target)) {
+        closePopover();
+      }
+    });
+    document.addEventListener("basecoat:popover", (event) => {
+      if (event.detail.source !== dropdownMenuComponent) {
+        closePopover(false);
+      }
+    });
+    trigger.setAttribute("aria-expanded", "false");
+    popover.setAttribute("aria-hidden", "true");
+    dropdownMenuComponent.dataset.dropdownMenuInitialized = true;
+    dropdownMenuComponent.dispatchEvent(new CustomEvent("basecoat:initialized"));
+  };
+  if (window.basecoat) {
+    window.basecoat.register("dropdown-menu", ".dropdown-menu:not([data-dropdown-menu-initialized])", initDropdownMenu);
+  }
+})();

package/dist/js/dropdown-menu.min.js

@@ -0,0 +1,75 @@
+(() => {
+  const f = (s) => {
+    const i = s.querySelector(":scope > button"), d = s.querySelector(":scope > [data-popover]"), c = d?.matches('[role="menu"]') ? d : d?.querySelector('[role="menu"]');
+    if (!i || !c || !d) {
+      const e = [];
+      i || e.push("trigger"), c || e.push("menu"), d || e.push("popover"), console.error(`Dropdown menu initialisation failed. Missing element(s): ${e.join(", ")}`, s);
+      return;
+    }
+    let a = [], t = -1;
+    const l = (e = !0) => {
+      i.getAttribute("aria-expanded") !== "false" && (i.setAttribute("aria-expanded", "false"), i.removeAttribute("aria-activedescendant"), d.setAttribute("aria-hidden", "true"), e && i.focus(), u(-1));
+    }, o = (e = !1) => {
+      document.dispatchEvent(new CustomEvent("basecoat:popover", {
+        detail: { source: s }
+      })), i.setAttribute("aria-expanded", "true"), d.setAttribute("aria-hidden", "false"), a = Array.from(c.querySelectorAll('[role^="menuitem"]')).filter(
+        (r) => !r.hasAttribute("disabled") && r.getAttribute("aria-disabled") !== "true"
+      ), a.length > 0 && e && (e === "first" ? u(0) : e === "last" && u(a.length - 1));
+    }, u = (e) => {
+      if (t > -1 && a[t] && a[t].classList.remove("active"), t = e, t > -1 && a[t]) {
+        const r = a[t];
+        r.classList.add("active"), i.setAttribute("aria-activedescendant", r.id);
+      } else
+        i.removeAttribute("aria-activedescendant");
+    };
+    i.addEventListener("click", () => {
+      i.getAttribute("aria-expanded") === "true" ? l() : o(!1);
+    }), s.addEventListener("keydown", (e) => {
+      const r = i.getAttribute("aria-expanded") === "true";
+      if (e.key === "Escape") {
+        r && l();
+        return;
+      }
+      if (!r) {
+        ["Enter", " "].includes(e.key) ? (e.preventDefault(), o(!1)) : e.key === "ArrowDown" ? (e.preventDefault(), o("first")) : e.key === "ArrowUp" && (e.preventDefault(), o("last"));
+        return;
+      }
+      if (a.length === 0) return;
+      let n = t;
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault(), n = t === -1 ? 0 : Math.min(t + 1, a.length - 1);
+          break;
+        case "ArrowUp":
+          e.preventDefault(), n = t === -1 ? a.length - 1 : Math.max(t - 1, 0);
+          break;
+        case "Home":
+          e.preventDefault(), n = 0;
+          break;
+        case "End":
+          e.preventDefault(), n = a.length - 1;
+          break;
+        case "Enter":
+        case " ":
+          e.preventDefault(), a[t]?.click(), l();
+          return;
+      }
+      n !== t && u(n);
+    }), c.addEventListener("mousemove", (e) => {
+      const r = e.target.closest('[role^="menuitem"]');
+      if (r && a.includes(r)) {
+        const n = a.indexOf(r);
+        n !== t && u(n);
+      }
+    }), c.addEventListener("mouseleave", () => {
+      u(-1);
+    }), c.addEventListener("click", (e) => {
+      e.target.closest('[role^="menuitem"]') && l();
+    }), document.addEventListener("click", (e) => {
+      s.contains(e.target) || l();
+    }), document.addEventListener("basecoat:popover", (e) => {
+      e.detail.source !== s && l(!1);
+    }), i.setAttribute("aria-expanded", "false"), d.setAttribute("aria-hidden", "true"), s.dataset.dropdownMenuInitialized = !0, s.dispatchEvent(new CustomEvent("basecoat:initialized"));
+  };
+  window.basecoat && window.basecoat.register("dropdown-menu", ".dropdown-menu:not([data-dropdown-menu-initialized])", f);
+})();

package/dist/js/input-otp.js

@@ -0,0 +1,94 @@
+const initOTP = (root = document) => {
+  const containers = root.querySelectorAll(".input-otp");
+  containers.forEach((container) => {
+    if (container.hasAttribute("data-initialized")) return;
+    const inputs = Array.from(container.querySelectorAll("input"));
+    inputs.forEach((input, index) => {
+      input.type = "text";
+      input.inputMode = "text";
+      input.setAttribute("maxlength", "1");
+      input.setAttribute("autocomplete", "one-time-code");
+      input.addEventListener("focus", () => {
+        input.select();
+      });
+      input.addEventListener("input", (e) => {
+        const val = e.target.value;
+        if (val === "") {
+          return;
+        }
+        if (val.length > 1) {
+          input.value = val.slice(-1);
+        }
+        if (input.value.length === 1 && index < inputs.length - 1) {
+          inputs[index + 1].focus();
+        }
+      });
+      input.addEventListener("keydown", (e) => {
+        if (e.key === "Backspace") {
+          e.preventDefault();
+          if (input.value !== "") {
+            input.value = "";
+          } else if (index > 0) {
+            inputs[index - 1].focus();
+          }
+        } else if (e.key === "ArrowLeft") {
+          if (index > 0) {
+            e.preventDefault();
+            inputs[index - 1].focus();
+          }
+        } else if (e.key === "ArrowRight") {
+          if (index < inputs.length - 1) {
+            e.preventDefault();
+            inputs[index + 1].focus();
+          }
+        } else if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {
+          if (input.value.length >= 1 && input.selectionStart === input.selectionEnd) {
+            input.value = "";
+          }
+        }
+      });
+      input.addEventListener("paste", (e) => {
+        e.preventDefault();
+        const pasteData = (e.clipboardData || window.clipboardData).getData("text");
+        const chars = pasteData.split("");
+        let currentIndex = index;
+        chars.forEach((char) => {
+          if (currentIndex < inputs.length) {
+            inputs[currentIndex].value = char;
+            currentIndex++;
+          }
+        });
+        if (currentIndex < inputs.length) {
+          inputs[currentIndex].focus();
+        } else {
+          inputs[inputs.length - 1].focus();
+        }
+      });
+    });
+    container.setAttribute("data-initialized", "true");
+  });
+};
+if (typeof window !== "undefined") {
+  const observer = new MutationObserver((mutations) => {
+    mutations.forEach((mutation) => {
+      if (mutation.type === "childList") {
+        mutation.addedNodes.forEach((node) => {
+          if (node.nodeType === 1) {
+            if (node.classList?.contains("input-otp")) {
+              initOTP(node.parentNode);
+            } else if (node.querySelector?.(".input-otp")) {
+              initOTP(node);
+            }
+          }
+        });
+      }
+    });
+  });
+  document.addEventListener("DOMContentLoaded", () => {
+    initOTP();
+    observer.observe(document.body, { childList: true, subtree: true });
+  });
+}
+export {
+  initOTP
+};

package/dist/js/input-otp.min.js

@@ -0,0 +1,38 @@
+const f = (c = document) => {
+  c.querySelectorAll(".input-otp").forEach((s) => {
+    if (s.hasAttribute("data-initialized")) return;
+    const e = Array.from(s.querySelectorAll("input"));
+    e.forEach((t, r) => {
+      t.type = "text", t.inputMode = "text", t.setAttribute("maxlength", "1"), t.setAttribute("autocomplete", "one-time-code"), t.addEventListener("focus", () => {
+        t.select();
+      }), t.addEventListener("input", (a) => {
+        const o = a.target.value;
+        o !== "" && (o.length > 1 && (t.value = o.slice(-1)), t.value.length === 1 && r < e.length - 1 && e[r + 1].focus());
+      }), t.addEventListener("keydown", (a) => {
+        a.key === "Backspace" ? (a.preventDefault(), t.value !== "" ? t.value = "" : r > 0 && e[r - 1].focus()) : a.key === "ArrowLeft" ? r > 0 && (a.preventDefault(), e[r - 1].focus()) : a.key === "ArrowRight" ? r < e.length - 1 && (a.preventDefault(), e[r + 1].focus()) : a.key.length === 1 && !a.ctrlKey && !a.metaKey && !a.altKey && t.value.length >= 1 && t.selectionStart === t.selectionEnd && (t.value = "");
+      }), t.addEventListener("paste", (a) => {
+        a.preventDefault();
+        const n = (a.clipboardData || window.clipboardData).getData("text").split("");
+        let l = r;
+        n.forEach((u) => {
+          l < e.length && (e[l].value = u, l++);
+        }), l < e.length ? e[l].focus() : e[e.length - 1].focus();
+      });
+    }), s.setAttribute("data-initialized", "true");
+  });
+};
+if (typeof window < "u") {
+  const c = new MutationObserver((i) => {
+    i.forEach((s) => {
+      s.type === "childList" && s.addedNodes.forEach((e) => {
+        e.nodeType === 1 && (e.classList?.contains("input-otp") ? f(e.parentNode) : e.querySelector?.(".input-otp") && f(e));
+      });
+    });
+  });
+  document.addEventListener("DOMContentLoaded", () => {
+    f(), c.observe(document.body, { childList: !0, subtree: !0 });
+  });
+}
+export {
+  f as initOTP
+};

package/dist/js/lighting.js

@@ -0,0 +1,80 @@
+(() => {
+  const LIGHTING_CONFIG = {
+    maxOffset: 12,
+    variableX: "--light-x",
+    variableY: "--light-y",
+    // Selectors that require dynamic lighting
+    selector: ".neu-panel, .neu-field, .neu-btn"
+  };
+  let isTracking = false;
+  let isTicking = false;
+  const updateLightSource = (e) => {
+    const centerX = window.innerWidth / 2;
+    const centerY = window.innerHeight / 2;
+    const normX = (e.clientX - centerX) / centerX;
+    const normY = (e.clientY - centerY) / centerY;
+    const x = normX * LIGHTING_CONFIG.maxOffset * -1;
+    const y = normY * LIGHTING_CONFIG.maxOffset * -1;
+    document.documentElement.style.setProperty(LIGHTING_CONFIG.variableX, `${x}px`);
+    document.documentElement.style.setProperty(LIGHTING_CONFIG.variableY, `${y}px`);
+  };
+  const onMouseMove = (e) => {
+    if (!isTicking) {
+      window.requestAnimationFrame(() => {
+        updateLightSource(e);
+        isTicking = false;
+      });
+      isTicking = true;
+    }
+  };
+  const startTracking = () => {
+    if (isTracking) return;
+    window.addEventListener("mousemove", onMouseMove);
+    isTracking = true;
+  };
+  const checkRequirement = () => {
+    if (isTracking) return;
+    if (document.querySelector(LIGHTING_CONFIG.selector)) {
+      startTracking();
+    }
+  };
+  const init = () => {
+    if (typeof window === "undefined") return;
+    checkRequirement();
+    let timeout;
+    const observer = new MutationObserver((mutations) => {
+      if (isTracking) {
+        observer.disconnect();
+        return;
+      }
+      clearTimeout(timeout);
+      timeout = setTimeout(() => {
+        const mightHaveNeu = mutations.some((m) => {
+          if (m.type === "childList") {
+            return Array.from(m.addedNodes).some(
+              (node) => node.nodeType === 1 && (node.matches(LIGHTING_CONFIG.selector) || node.querySelector(LIGHTING_CONFIG.selector))
+            );
+          }
+          if (m.type === "attributes" && m.attributeName === "class") {
+            return m.target.matches(LIGHTING_CONFIG.selector);
+          }
+          return false;
+        });
+        if (mightHaveNeu) {
+          checkRequirement();
+        }
+      }, 100);
+    });
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: ["class"]
+    });
+  };
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", init);
+  } else {
+    init();
+  }
+})();

package/dist/js/lighting.min.js

@@ -0,0 +1,44 @@
+(() => {
+  const e = {
+    maxOffset: 12,
+    variableX: "--light-x",
+    variableY: "--light-y",
+    // Selectors that require dynamic lighting
+    selector: ".neu-panel, .neu-field, .neu-btn"
+  };
+  let o = !1, c = !1;
+  const d = (t) => {
+    const r = window.innerWidth / 2, s = window.innerHeight / 2, l = (t.clientX - r) / r, n = (t.clientY - s) / s, i = l * e.maxOffset * -1, y = n * e.maxOffset * -1;
+    document.documentElement.style.setProperty(e.variableX, `${i}px`), document.documentElement.style.setProperty(e.variableY, `${y}px`);
+  }, m = (t) => {
+    c || (window.requestAnimationFrame(() => {
+      d(t), c = !1;
+    }), c = !0);
+  }, f = () => {
+    o || (window.addEventListener("mousemove", m), o = !0);
+  }, a = () => {
+    o || document.querySelector(e.selector) && f();
+  }, u = () => {
+    if (typeof window > "u") return;
+    a();
+    let t;
+    const r = new MutationObserver((s) => {
+      if (o) {
+        r.disconnect();
+        return;
+      }
+      clearTimeout(t), t = setTimeout(() => {
+        s.some((n) => n.type === "childList" ? Array.from(n.addedNodes).some(
+          (i) => i.nodeType === 1 && (i.matches(e.selector) || i.querySelector(e.selector))
+        ) : n.type === "attributes" && n.attributeName === "class" ? n.target.matches(e.selector) : !1) && a();
+      }, 100);
+    });
+    r.observe(document.body, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0,
+      attributeFilter: ["class"]
+    });
+  };
+  document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", u) : u();
+})();

package/dist/js/popover.js

@@ -0,0 +1,72 @@
+(() => {
+  const initPopover = (popoverComponent) => {
+    const trigger = popoverComponent.querySelector(":scope > button");
+    const content = popoverComponent.querySelector(":scope > [data-popover]");
+    if (!trigger || !content) {
+      const missing = [];
+      if (!trigger) missing.push("trigger");
+      if (!content) missing.push("content");
+      console.error(`Popover initialisation failed. Missing element(s): ${missing.join(", ")}`, popoverComponent);
+      return;
+    }
+    if (!trigger.hasAttribute("aria-expanded")) {
+      trigger.setAttribute("aria-expanded", "false");
+    }
+    if (!content.hasAttribute("aria-hidden")) {
+      content.setAttribute("aria-hidden", "true");
+    }
+    const handleDocumentClick = (event) => {
+      if (!popoverComponent.contains(event.target)) {
+        closePopover();
+      }
+    };
+    const closePopover = (focusOnTrigger = true) => {
+      if (trigger.getAttribute("aria-expanded") === "false") return;
+      trigger.setAttribute("aria-expanded", "false");
+      content.setAttribute("aria-hidden", "true");
+      document.removeEventListener("click", handleDocumentClick);
+      if (focusOnTrigger) {
+        trigger.focus();
+      }
+    };
+    const openPopover = () => {
+      document.dispatchEvent(new CustomEvent("basecoat:popover", {
+        detail: { source: popoverComponent }
+      }));
+      const elementToFocus = content.querySelector("[autofocus]");
+      if (elementToFocus) {
+        content.addEventListener("transitionend", () => {
+          elementToFocus.focus();
+        }, { once: true });
+      }
+      trigger.setAttribute("aria-expanded", "true");
+      content.setAttribute("aria-hidden", "false");
+      setTimeout(() => {
+        document.addEventListener("click", handleDocumentClick);
+      }, 0);
+    };
+    trigger.addEventListener("click", () => {
+      const isExpanded = trigger.getAttribute("aria-expanded") === "true";
+      if (isExpanded) {
+        closePopover();
+      } else {
+        openPopover();
+      }
+    });
+    popoverComponent.addEventListener("keydown", (event) => {
+      if (event.key === "Escape") {
+        closePopover();
+      }
+    });
+    document.addEventListener("basecoat:popover", (event) => {
+      if (event.detail.source !== popoverComponent) {
+        closePopover(false);
+      }
+    });
+    popoverComponent.dataset.popoverInitialized = true;
+    popoverComponent.dispatchEvent(new CustomEvent("basecoat:initialized"));
+  };
+  if (window.basecoat) {
+    window.basecoat.register("popover", ".popover:not([data-popover-initialized])", initPopover);
+  }
+})();

package/dist/js/popover.min.js

@@ -0,0 +1,34 @@
+(() => {
+  const n = (i) => {
+    const t = i.querySelector(":scope > button"), a = i.querySelector(":scope > [data-popover]");
+    if (!t || !a) {
+      const e = [];
+      t || e.push("trigger"), a || e.push("content"), console.error(`Popover initialisation failed. Missing element(s): ${e.join(", ")}`, i);
+      return;
+    }
+    t.hasAttribute("aria-expanded") || t.setAttribute("aria-expanded", "false"), a.hasAttribute("aria-hidden") || a.setAttribute("aria-hidden", "true");
+    const r = (e) => {
+      i.contains(e.target) || s();
+    }, s = (e = !0) => {
+      t.getAttribute("aria-expanded") !== "false" && (t.setAttribute("aria-expanded", "false"), a.setAttribute("aria-hidden", "true"), document.removeEventListener("click", r), e && t.focus());
+    }, d = () => {
+      document.dispatchEvent(new CustomEvent("basecoat:popover", {
+        detail: { source: i }
+      }));
+      const e = a.querySelector("[autofocus]");
+      e && a.addEventListener("transitionend", () => {
+        e.focus();
+      }, { once: !0 }), t.setAttribute("aria-expanded", "true"), a.setAttribute("aria-hidden", "false"), setTimeout(() => {
+        document.addEventListener("click", r);
+      }, 0);
+    };
+    t.addEventListener("click", () => {
+      t.getAttribute("aria-expanded") === "true" ? s() : d();
+    }), i.addEventListener("keydown", (e) => {
+      e.key === "Escape" && s();
+    }), document.addEventListener("basecoat:popover", (e) => {
+      e.detail.source !== i && s(!1);
+    }), i.dataset.popoverInitialized = !0, i.dispatchEvent(new CustomEvent("basecoat:initialized"));
+  };
+  window.basecoat && window.basecoat.register("popover", ".popover:not([data-popover-initialized])", n);
+})();