@editora/ui-core 0.1.18 → 0.1.20

package/dist/dialog.esm.js

@@ -1,7 +1,7 @@
-import { E as I } from "./ElementBase-909688f3.mjs";
-import { a as z, r as B } from "./scroll-lock-31da444f.mjs";
-import { c as M } from "./dismissable-layer-9c7e6b58.mjs";
-import { c as R } from "./focus-scope-103833ee.mjs";
+import { E as z } from "./ElementBase-YlTLMsGk.mjs";
+import { a as B, r as I } from "./scroll-lock-LfqXXqsu.mjs";
+import { c as M } from "./dismissable-layer-BmPIoK80.mjs";
+import { c as R } from "./focus-scope-CmEsG5UZ.mjs";
 const W = `
   :host {
     position: fixed;
@@ -378,24 +378,23 @@ const W = `
   }
 `, P = 'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
 function g(n, t) {
-  if (n == null)
-    return t;
+  if (n == null) return t;
   const i = n.trim().toLowerCase();
   return i !== "false" && i !== "0" && i !== "off";
 }
 function a(n) {
   return n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function F() {
+function S() {
   return typeof window < "u" && typeof document < "u";
 }
-function S(n) {
+function C(n) {
   return window.setTimeout(n, 16);
 }
 function p(n) {
   n && window.clearTimeout(n);
 }
-const C = class l extends I {
+const l = class l extends z {
   constructor() {
     super(), this._isActive = !1, this._uid = Math.random().toString(36).slice(2, 10), this._dialogId = this._uid, this._lastFocused = null, this._terminalEmitted = !1, this._closeMeta = null, this._runtimeError = "", this._config = {}, this._dismissableLayer = null, this._focusScope = null, this._disconnectCleanupFrame = 0, this._restoreFocusFrame = 0, this._onClick = this._onClick.bind(this), this._onKeyDown = this._onKeyDown.bind(this), this._onFocusIn = this._onFocusIn.bind(this), this._onSubmit = this._onSubmit.bind(this);
   }
@@ -428,7 +427,7 @@ const C = class l extends I {
     this._disconnectCleanupFrame && (p(this._disconnectCleanupFrame), this._disconnectCleanupFrame = 0), super.connectedCallback(), this.root.addEventListener("click", this._onClick), this.root.addEventListener("keydown", this._onKeyDown), this.addEventListener("submit", this._onSubmit), this._syncFromAttributes(), this._syncOpenState();
   }
   disconnectedCallback() {
-    this.root.removeEventListener("click", this._onClick), this.root.removeEventListener("keydown", this._onKeyDown), this.removeEventListener("submit", this._onSubmit), this._disconnectCleanupFrame && p(this._disconnectCleanupFrame), this._restoreFocusFrame && (p(this._restoreFocusFrame), this._restoreFocusFrame = 0), this._disconnectCleanupFrame = S(() => {
+    this.root.removeEventListener("click", this._onClick), this.root.removeEventListener("keydown", this._onKeyDown), this.removeEventListener("submit", this._onSubmit), this._disconnectCleanupFrame && p(this._disconnectCleanupFrame), this._restoreFocusFrame && (p(this._restoreFocusFrame), this._restoreFocusFrame = 0), this._disconnectCleanupFrame = C(() => {
       this._disconnectCleanupFrame = 0, !this.isConnected && (this._isActive && !this._terminalEmitted ? this.close("dismiss", "unmount") : (this._destroyRuntimeControllers(), this._deactivate()), super.disconnectedCallback());
     });
   }
@@ -498,8 +497,7 @@ const C = class l extends I {
     this.setAttribute("open", "");
   }
   closeDialog(t = "programmatic") {
-    if (!this.hasAttribute("open"))
-      return;
+    if (!this.hasAttribute("open")) return;
     const i = new CustomEvent("request-close", {
       detail: { reason: t },
       bubbles: !0,
@@ -554,16 +552,15 @@ const C = class l extends I {
     t && !this._isActive ? this._activate() : !t && this._isActive && this._deactivate(), this._syncOpenUi();
   }
   _activate() {
-    this._isActive = !0, this._terminalEmitted = !1, this._closeMeta = null, l._openStack.includes(this) || l._openStack.push(this), this._lastFocused = document.activeElement || null, z();
+    this._isActive = !0, this._terminalEmitted = !1, this._closeMeta = null, l._openStack.includes(this) || l._openStack.push(this), this._lastFocused = document.activeElement || null, B();
     const t = this.dialogId || this._uid;
     this._dispatchWithLegacy("ui-open", "open", { id: t }), this.dispatchEvent(new CustomEvent("show", { bubbles: !0, composed: !0 })), this._syncOpenUi(), this._syncRuntimeControllers();
   }
   _deactivate() {
-    if (!this._isActive)
-      return;
+    if (!this._isActive) return;
     this._isActive = !1, this._destroyRuntimeControllers();
     const t = l._openStack.lastIndexOf(this);
-    if (t >= 0 && l._openStack.splice(t, 1), B(), !this._terminalEmitted) {
+    if (t >= 0 && l._openStack.splice(t, 1), I(), !this._terminalEmitted) {
       const e = this._closeMeta || { action: "dismiss", source: "abort" }, s = this.dialogId || this._uid;
       e.action === "cancel" ? this._dispatchWithLegacy("ui-cancel", "cancel", { id: s }) : this._dispatchWithLegacy("ui-dismiss", "dismiss", {
         id: s,
@@ -577,7 +574,7 @@ const C = class l extends I {
       }), this.dispatchEvent(new CustomEvent("hide", { bubbles: !0, composed: !0 })), this._terminalEmitted = !0, this._closeMeta = null;
     }
     const i = this._lastFocused;
-    this._lastFocused = null, i && this._canRestoreFocus(i) && (this._restoreFocusFrame && p(this._restoreFocusFrame), this._restoreFocusFrame = S(() => {
+    this._lastFocused = null, i && this._canRestoreFocus(i) && (this._restoreFocusFrame && p(this._restoreFocusFrame), this._restoreFocusFrame = C(() => {
       this._restoreFocusFrame = 0;
       try {
         this._canRestoreFocus(i) && i.focus();
@@ -602,8 +599,7 @@ const C = class l extends I {
     return this.dispatchEvent(r), o;
   }
   _isTopMost() {
-    if (!this._isActive)
-      return !1;
+    if (!this._isActive) return !1;
     const t = l._openStack;
     return t.length > 0 && t[t.length - 1] === this;
   }
@@ -611,27 +607,22 @@ const C = class l extends I {
     return this.root.querySelector(".panel");
   }
   _canRestoreFocus(t) {
-    if (!t || !t.isConnected || t.disabled || t.getAttribute("aria-hidden") === "true")
-      return !1;
-    if (!F())
-      return !0;
+    if (!t || !t.isConnected || t.disabled || t.getAttribute("aria-hidden") === "true") return !1;
+    if (!S()) return !0;
     const i = window.getComputedStyle(t);
     return i.display !== "none" && i.visibility !== "hidden";
   }
   _collectFocusable(t) {
     return Array.from(t.querySelectorAll(P)).filter((i) => {
-      if (i.disabled || i.getAttribute("aria-hidden") === "true")
-        return !1;
-      const s = F() ? window.getComputedStyle(i) : null;
+      if (i.disabled || i.getAttribute("aria-hidden") === "true") return !1;
+      const s = S() ? window.getComputedStyle(i) : null;
       return !(s && (s.display === "none" || s.visibility === "hidden"));
     });
   }
   _focusInitial() {
-    if (!this.open)
-      return;
+    if (!this.open) return;
     const t = this._queryPanel();
-    if (!t)
-      return;
+    if (!t) return;
     const i = this.getAttribute("initial-focus") || this._config.initialFocus || "";
     if (i) {
       const r = t.querySelector(i);
@@ -654,16 +645,14 @@ const C = class l extends I {
     t.key;
   }
   _destroyRuntimeControllers() {
-    var t, i;
-    (t = this._dismissableLayer) == null || t.destroy(), this._dismissableLayer = null, (i = this._focusScope) == null || i.destroy(), this._focusScope = null;
+    this._dismissableLayer?.destroy(), this._dismissableLayer = null, this._focusScope?.destroy(), this._focusScope = null;
   }
   _syncOpenUi() {
     const t = this.root.querySelector(".overlay"), i = this._queryPanel(), e = this.open;
     !t || !i || (t.hidden = !e, t.setAttribute("data-open", String(e)), t.setAttribute("aria-hidden", e ? "false" : "true"), i.setAttribute("aria-hidden", e ? "false" : "true"));
   }
   _syncRuntimeControllers() {
-    if (this._destroyRuntimeControllers(), !this.open || !this._isTopMost())
-      return;
+    if (this._destroyRuntimeControllers(), !this.open || !this._isTopMost()) return;
     const t = this._queryPanel();
     t && (this._dismissableLayer = M({
       node: t,
@@ -684,9 +673,8 @@ const C = class l extends I {
     }));
   }
   _collectFormData(t) {
-    const i = this._queryPanel(), e = t || this.querySelector("form") || (i == null ? void 0 : i.querySelector("form")) || null;
-    if (!(e instanceof HTMLFormElement) || typeof FormData > "u")
-      return;
+    const i = this._queryPanel(), e = t || this.querySelector("form") || i?.querySelector("form") || null;
+    if (!(e instanceof HTMLFormElement) || typeof FormData > "u") return;
     const s = new FormData(e), o = {};
     for (const [r, h] of s.entries()) {
       const c = String(h);
@@ -700,16 +688,13 @@ const C = class l extends I {
     return Object.keys(o).length ? o : void 0;
   }
   _resolveSubmitForm(t) {
-    var s;
     if (t) {
-      const o = t.closest("form");
-      if (o instanceof HTMLFormElement && this.contains(o))
-        return o;
+      const s = t.closest("form");
+      if (s instanceof HTMLFormElement && this.contains(s)) return s;
     }
     const i = this.querySelector("form");
-    if (i instanceof HTMLFormElement)
-      return i;
-    const e = (s = this._queryPanel()) == null ? void 0 : s.querySelector("form");
+    if (i instanceof HTMLFormElement) return i;
+    const e = this._queryPanel()?.querySelector("form");
     return e instanceof HTMLFormElement ? e : null;
   }
   _isInteractionLocked() {
@@ -733,8 +718,7 @@ const C = class l extends I {
     }
   }
   _handleSubmit(t) {
-    if (this._isInteractionLocked())
-      return;
+    if (this._isInteractionLocked()) return;
     const i = t ?? this._resolveSubmitForm();
     if (i && typeof i.reportValidity == "function" && !i.reportValidity())
       return;
@@ -748,8 +732,7 @@ const C = class l extends I {
     this._isInteractionLocked() || this.closeDialog("cancel");
   }
   _onClick(t) {
-    if (!this.open || !this._isTopMost())
-      return;
+    if (!this.open || !this._isTopMost()) return;
     const i = t.target;
     if (i) {
       if (!i.closest(".panel") && i.closest(".overlay") && this.closeOnOverlay) {
@@ -768,26 +751,24 @@ const C = class l extends I {
     }
   }
   _onSubmit(t) {
-    if (!this.open || !this._isTopMost())
-      return;
+    if (!this.open || !this._isTopMost()) return;
     const i = t.target;
     i && i !== this && this.contains(i) && (t.preventDefault(), t.stopPropagation(), this._handleSubmit(i));
   }
   _onKeyDown(t) {
     if (!(!this.open || !this._isTopMost()) && t.key === "Escape") {
-      if (!this.closeOnEsc)
-        return;
+      if (!this.closeOnEsc) return;
       t.preventDefault(), t.stopPropagation(), this._requestDismiss("esc");
       return;
     }
   }
   render() {
-    const t = this._config.title ?? this.getAttribute("title") ?? "", i = this._config.description ?? this.getAttribute("description") ?? "", e = this._config.submitText ?? this.getAttribute("submit-text") ?? "Submit", s = this._config.cancelText ?? this.getAttribute("cancel-text") ?? "Cancel", o = this._config.loadingText ?? this.getAttribute("loading-text") ?? "Working...", r = t.trim(), h = i.trim(), c = !!this.querySelector('[slot="title"]'), d = !!this.querySelector('[slot="description"]'), f = !!(r || c), m = !!(h || d), E = !!this.querySelector('[slot="content"]'), L = !!this.querySelector('[slot="footer"]'), O = this._config.showCancel ?? !0, D = this._config.showClose ?? this.dismissible, v = this._runtimeError || this._config.errorMessage || this.getAttribute("error-message") || "", b = this.state === "loading", y = `ui-dialog-title-${this._uid}`, x = `ui-dialog-description-${this._uid}`, A = `ui-dialog-error-${this._uid}`, $ = this.getAttribute("aria-label") || "", q = this.getAttribute("aria-labelledby") || "", k = this.getAttribute("aria-describedby") || "", _ = q || (f ? y : ""), w = $ || (_ ? "" : "Dialog"), u = [];
-    k ? u.push(k) : (m && u.push(x), v && u.push(A));
+    const t = this._config.title ?? this.getAttribute("title") ?? "", i = this._config.description ?? this.getAttribute("description") ?? "", e = this._config.submitText ?? this.getAttribute("submit-text") ?? "Submit", s = this._config.cancelText ?? this.getAttribute("cancel-text") ?? "Cancel", o = this._config.loadingText ?? this.getAttribute("loading-text") ?? "Working...", r = t.trim(), h = i.trim(), c = !!this.querySelector('[slot="title"]'), d = !!this.querySelector('[slot="description"]'), f = !!(r || c), m = !!(h || d), E = !!this.querySelector('[slot="content"]'), L = !!this.querySelector('[slot="footer"]'), O = this._config.showCancel ?? !0, $ = this._config.showClose ?? this.dismissible, v = this._runtimeError || this._config.errorMessage || this.getAttribute("error-message") || "", b = this.state === "loading", x = `ui-dialog-title-${this._uid}`, A = `ui-dialog-description-${this._uid}`, k = `ui-dialog-error-${this._uid}`, D = this.getAttribute("aria-label") || "", q = this.getAttribute("aria-labelledby") || "", w = this.getAttribute("aria-describedby") || "", _ = q || (f ? x : ""), F = D || (_ ? "" : "Dialog"), u = [];
+    w ? u.push(w) : (m && u.push(A), v && u.push(k));
     const T = f || m ? `
           <header class="header" part="header">
-            ${f ? `<h2 id="${y}" class="title" part="title"><slot name="title">${a(r)}</slot></h2>` : ""}
-            ${m ? `<p id="${x}" class="description" part="description"><slot name="description">${a(h)}</slot></p>` : ""}
+            ${f ? `<h2 id="${x}" class="title" part="title"><slot name="title">${a(r)}</slot></h2>` : ""}
+            ${m ? `<p id="${A}" class="description" part="description"><slot name="description">${a(h)}</slot></p>` : ""}
           </header>
         ` : "";
     this._destroyRuntimeControllers(), this.setContent(`
@@ -798,13 +779,13 @@ const C = class l extends I {
           part="panel"
           role="${a(this.getAttribute("role") || "dialog")}"
           aria-modal="true"
-          ${w ? `aria-label="${a(w)}"` : ""}
+          ${F ? `aria-label="${a(F)}"` : ""}
           ${_ ? `aria-labelledby="${a(_)}"` : ""}
           ${u.length ? `aria-describedby="${a(u.join(" "))}"` : ""}
           aria-hidden="${this.open ? "false" : "true"}"
           tabindex="-1"
         >
-          ${D ? `<button class="close" part="close" aria-label="Close dialog" type="button" ${b ? "disabled" : ""}>
+          ${$ ? `<button class="close" part="close" aria-label="Close dialog" type="button" ${b ? "disabled" : ""}>
                  <svg class="close-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" aria-hidden="true">
                    <path d="M3.5 3.5L12.5 12.5"></path>
                    <path d="M12.5 3.5L3.5 12.5"></path>
@@ -815,7 +796,7 @@ const C = class l extends I {
             ${E ? '<slot name="content"></slot>' : "<slot></slot>"}
           </div>
 
-          <div class="error" id="${A}" part="error" aria-live="polite" data-empty="${String(!v)}">${a(v)}</div>
+          <div class="error" id="${k}" part="error" aria-live="polite" data-empty="${String(!v)}">${a(v)}</div>
 
           <footer class="footer" part="footer">
             ${b ? `<span class="loading" part="loading"><span class="spinner" aria-hidden="true"></span><span>${a(o)}</span></span>` : '<span aria-hidden="true"></span>'}
@@ -828,9 +809,9 @@ const C = class l extends I {
     `), this._syncOpenUi(), this.open ? this._syncRuntimeControllers() : this._destroyRuntimeControllers();
   }
 };
-C._openStack = [];
-let U = C;
-typeof customElements < "u" && !customElements.get("ui-dialog") && customElements.define("ui-dialog", U);
+l._openStack = [];
+let y = l;
+typeof customElements < "u" && !customElements.get("ui-dialog") && customElements.define("ui-dialog", y);
 export {
-  U as UIDialog
+  y as UIDialog
 };

package/dist/direction-provider.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./ElementBase-1b301e7f.js"),n=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./ElementBase-EV6mVBUV.js"),n=`
   :host {
     display: contents;
     color-scheme: light dark;

package/dist/direction-provider.esm.js

@@ -1,4 +1,4 @@
-import { E as s } from "./ElementBase-909688f3.mjs";
+import { E as s } from "./ElementBase-YlTLMsGk.mjs";
 const o = `
   :host {
     display: contents;
@@ -54,8 +54,7 @@ class n extends s {
   }
   _setDirOnChildren(e) {
     const t = this.root.querySelector("slot");
-    if (!t)
-      return;
+    if (!t) return;
     t.assignedElements({ flatten: !0 }).forEach((i) => {
       i instanceof HTMLElement && i.setAttribute("dir", e);
     });

package/dist/{dismissable-layer-9c7e6b58.mjs → dismissable-layer-BmPIoK80.mjs}

@@ -1,26 +1,26 @@
 const s = [];
 let u = !1, i = null;
-function P(e) {
+function E(e) {
   return !!e && typeof e.nodeType == "number";
 }
-function O(e) {
+function L(e) {
   return e instanceof HTMLElement;
 }
-function L() {
+function v() {
   return s.filter((e) => !e.paused);
 }
 function f() {
-  const e = L();
+  const e = v();
   return e.length ? e[e.length - 1] : null;
 }
-function v(e, t) {
+function l(e, t) {
   return t ? e.includes(t) : !1;
 }
-function g(e, t) {
+function a(e, t) {
   return !e || !t ? !1 : e === t || e.contains(t);
 }
 function p(e, t, n = []) {
-  return !!(g(e.options.node, t) || g(e.options.trigger ?? null, t) || v(n, e.options.node) || v(n, e.options.trigger ?? null));
+  return !!(a(e.options.node, t) || a(e.options.trigger ?? null, t) || l(n, e.options.node) || l(n, e.options.trigger ?? null));
 }
 function d(e) {
   typeof e.prevNodePointerEvents == "string" && (e.options.node.style.pointerEvents = e.prevNodePointerEvents, e.prevNodePointerEvents = void 0);
@@ -28,9 +28,8 @@ function d(e) {
   t && typeof e.prevTriggerPointerEvents == "string" && (t.style.pointerEvents = e.prevTriggerPointerEvents, e.prevTriggerPointerEvents = void 0);
 }
 function r() {
-  if (typeof document > "u" || !document.body)
-    return;
-  if (!L().filter((t) => t.options.disableOutsidePointerEvents).length) {
+  if (typeof document > "u" || !document.body) return;
+  if (!v().filter((t) => t.options.disableOutsidePointerEvents).length) {
     document.body.removeAttribute("data-ui-dismissable-lock"), i !== null && (document.body.style.pointerEvents = i, i = null), s.forEach(d);
     return;
   }
@@ -44,42 +43,39 @@ function r() {
     o && (typeof t.prevTriggerPointerEvents != "string" && (t.prevTriggerPointerEvents = o.style.pointerEvents || ""), o.style.pointerEvents = "auto");
   });
 }
-function w() {
-  u || typeof document > "u" || (document.addEventListener("pointerdown", h, !0), document.addEventListener("focusin", b, !0), document.addEventListener("keydown", k, !0), u = !0);
+function h() {
+  u || typeof document > "u" || (document.addEventListener("pointerdown", g, !0), document.addEventListener("focusin", y, !0), document.addEventListener("keydown", P, !0), u = !0);
 }
-function D() {
-  !u || typeof document > "u" || (document.removeEventListener("pointerdown", h, !0), document.removeEventListener("focusin", b, !0), document.removeEventListener("keydown", k, !0), u = !1);
+function b() {
+  !u || typeof document > "u" || (document.removeEventListener("pointerdown", g, !0), document.removeEventListener("focusin", y, !0), document.removeEventListener("keydown", P, !0), u = !1);
 }
-function y() {
-  s.length ? w() : D();
+function m() {
+  s.length ? h() : b();
 }
 function c(e, t, n) {
-  var l, a, m, E;
-  e.paused || ((a = (l = e.options).onBeforeDismiss) == null ? void 0 : a.call(l, t, n)) === !1 || (E = (m = e.options).onDismiss) == null || E.call(m, t, n);
+  e.paused || e.options.onBeforeDismiss?.(t, n) === !1 || e.options.onDismiss?.(t, n);
 }
-function h(e) {
+function g(e) {
   const t = f();
-  if (!t)
-    return;
-  const n = typeof e.composedPath == "function" ? e.composedPath() : [], o = P(e.target) ? e.target : null;
+  if (!t) return;
+  const n = typeof e.composedPath == "function" ? e.composedPath() : [], o = E(e.target) ? e.target : null;
   p(t, o, n) || t.options.closeOnPointerOutside !== !1 && c(t, "outside-pointer", e);
 }
-function b(e) {
+function y(e) {
   const t = f();
-  if (!t)
-    return;
-  const n = typeof e.composedPath == "function" ? e.composedPath() : [], o = P(e.target) ? e.target : null;
+  if (!t) return;
+  const n = typeof e.composedPath == "function" ? e.composedPath() : [], o = E(e.target) ? e.target : null;
   p(t, o, n) || t.options.closeOnFocusOutside !== !1 && c(t, "outside-focus", e);
 }
-function k(e) {
+function P(e) {
   const t = f();
   t && e.key === "Escape" && t.options.closeOnEscape !== !1 && c(t, "escape-key", e);
 }
-function T(e) {
-  if (!O(e.node))
+function k(e) {
+  if (!L(e.node))
     throw new Error("createDismissableLayer requires a valid HTMLElement node");
   const t = {
-    id: Symbol("dismissable-layer"),
+    id: /* @__PURE__ */ Symbol("dismissable-layer"),
     options: {
       closeOnEscape: !0,
       closeOnPointerOutside: !0,
@@ -88,10 +84,10 @@ function T(e) {
     },
     paused: !1
   };
-  return s.push(t), y(), r(), {
+  return s.push(t), m(), r(), {
     destroy() {
       const n = s.findIndex((o) => o.id === t.id);
-      n >= 0 && s.splice(n, 1), d(t), y(), r();
+      n >= 0 && s.splice(n, 1), d(t), m(), r();
     },
     pause() {
       t.paused = !0, r();
@@ -108,5 +104,5 @@ function T(e) {
   };
 }
 export {
-  T as c
+  k as c
 };

package/dist/dismissable-layer-DNfrKA20.js

@@ -0,0 +1 @@
+"use strict";const s=[];let u=!1,i=null;function E(e){return!!e&&typeof e.nodeType=="number"}function P(e){return e instanceof HTMLElement}function v(){return s.filter(e=>!e.paused)}function f(){const e=v();return e.length?e[e.length-1]:null}function l(e,t){return t?e.includes(t):!1}function a(e,t){return!e||!t?!1:e===t||e.contains(t)}function p(e,t,n=[]){return!!(a(e.options.node,t)||a(e.options.trigger??null,t)||l(n,e.options.node)||l(n,e.options.trigger??null))}function d(e){typeof e.prevNodePointerEvents=="string"&&(e.options.node.style.pointerEvents=e.prevNodePointerEvents,e.prevNodePointerEvents=void 0);const t=e.options.trigger;t&&typeof e.prevTriggerPointerEvents=="string"&&(t.style.pointerEvents=e.prevTriggerPointerEvents,e.prevTriggerPointerEvents=void 0)}function r(){if(typeof document>"u"||!document.body)return;if(!v().filter(t=>t.options.disableOutsidePointerEvents).length){document.body.removeAttribute("data-ui-dismissable-lock"),i!==null&&(document.body.style.pointerEvents=i,i=null),s.forEach(d);return}i===null&&(i=document.body.style.pointerEvents||""),document.body.setAttribute("data-ui-dismissable-lock",""),document.body.style.pointerEvents="none",s.forEach(t=>{if(!(!t.paused&&!!t.options.disableOutsidePointerEvents)){d(t);return}typeof t.prevNodePointerEvents!="string"&&(t.prevNodePointerEvents=t.options.node.style.pointerEvents||""),t.options.node.style.pointerEvents="auto";const o=t.options.trigger;o&&(typeof t.prevTriggerPointerEvents!="string"&&(t.prevTriggerPointerEvents=o.style.pointerEvents||""),o.style.pointerEvents="auto")})}function b(){u||typeof document>"u"||(document.addEventListener("pointerdown",g,!0),document.addEventListener("focusin",y,!0),document.addEventListener("keydown",L,!0),u=!0)}function h(){!u||typeof document>"u"||(document.removeEventListener("pointerdown",g,!0),document.removeEventListener("focusin",y,!0),document.removeEventListener("keydown",L,!0),u=!1)}function m(){s.length?b():h()}function c(e,t,n){e.paused||e.options.onBeforeDismiss?.(t,n)===!1||e.options.onDismiss?.(t,n)}function g(e){const t=f();if(!t)return;const n=typeof e.composedPath=="function"?e.composedPath():[],o=E(e.target)?e.target:null;p(t,o,n)||t.options.closeOnPointerOutside!==!1&&c(t,"outside-pointer",e)}function y(e){const t=f();if(!t)return;const n=typeof e.composedPath=="function"?e.composedPath():[],o=E(e.target)?e.target:null;p(t,o,n)||t.options.closeOnFocusOutside!==!1&&c(t,"outside-focus",e)}function L(e){const t=f();t&&e.key==="Escape"&&t.options.closeOnEscape!==!1&&c(t,"escape-key",e)}function k(e){if(!P(e.node))throw new Error("createDismissableLayer requires a valid HTMLElement node");const t={id:Symbol("dismissable-layer"),options:{closeOnEscape:!0,closeOnPointerOutside:!0,closeOnFocusOutside:!1,...e},paused:!1};return s.push(t),m(),r(),{destroy(){const n=s.findIndex(o=>o.id===t.id);n>=0&&s.splice(n,1),d(t),m(),r()},pause(){t.paused=!0,r()},resume(){t.paused=!1,r()},contains(n){return p(t,n)},dismiss(n="programmatic"){c(t,n)}}}exports.createDismissableLayer=k;

package/dist/dismissable-layer.cjs.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./ElementBase-1b301e7f.js"),a=require("./dismissable-layer-193e3bed.js"),u=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./ElementBase-EV6mVBUV.js"),a=require("./dismissable-layer-DNfrKA20.js"),u=`
   :host {
     display: contents;
     color-scheme: light dark;
   }
-`;function i(o){if(o==null)return!1;const e=o.toLowerCase();return e!=="false"&&e!=="0"&&e!=="off"}class r extends n.ElementBase{constructor(){super(...arguments),this._layer=null,this._lastCloseDetail=null}static get observedAttributes(){return["open","modal","close-on-escape","close-on-pointer-outside","close-on-focus-outside","disable-outside-pointer-events","headless"]}connectedCallback(){super.connectedCallback(),this._syncLayer()}disconnectedCallback(){this._destroyLayer(),super.disconnectedCallback()}attributeChangedCallback(e,t,s){if(t!==s){if(e==="open"&&t!==null&&s===null){const l=this._lastCloseDetail||{reason:"programmatic"};this._destroyLayer(),this.dispatchEvent(new CustomEvent("close",{detail:l,bubbles:!0,composed:!0})),this._lastCloseDetail=null;return}if(e==="open"&&s!==null){this._syncLayer();return}this._syncLayer()}}open(){this.setAttribute("open","")}close(e="programmatic"){this.hasAttribute("open")&&this._emitBeforeClose(e)&&(this._lastCloseDetail={reason:e},this.removeAttribute("open"))}toggle(){this.hasAttribute("open")?this.close():this.open()}_emitBeforeClose(e,t){const s=new CustomEvent("before-close",{detail:{reason:e,originalEvent:t},bubbles:!0,composed:!0,cancelable:!0});return this.dispatchEvent(s)}_destroyLayer(){var e;(e=this._layer)==null||e.destroy(),this._layer=null}_syncLayer(){if(this.isConnected){if(this.hasAttribute("headless")||!this.hasAttribute("open")){this._destroyLayer();return}this._destroyLayer(),this._layer=a.createDismissableLayer({node:this,trigger:this.querySelector('[slot="trigger"]'),modal:i(this.getAttribute("modal")),closeOnEscape:!this.hasAttribute("close-on-escape")||i(this.getAttribute("close-on-escape")),closeOnPointerOutside:!this.hasAttribute("close-on-pointer-outside")||i(this.getAttribute("close-on-pointer-outside")),closeOnFocusOutside:i(this.getAttribute("close-on-focus-outside")),disableOutsidePointerEvents:i(this.getAttribute("disable-outside-pointer-events")),onBeforeDismiss:(e,t)=>(e==="outside-pointer"&&this.dispatchEvent(new CustomEvent("interact-outside",{detail:{originalEvent:t},bubbles:!0,composed:!0})),e==="escape-key"&&this.dispatchEvent(new CustomEvent("escape-key-down",{detail:{originalEvent:t},bubbles:!0,composed:!0})),this._emitBeforeClose(e,t)),onDismiss:(e,t)=>{this._lastCloseDetail={reason:e,originalEvent:t},this.removeAttribute("open")}})}}render(){this.setContent(`<style>${u}</style><slot name="trigger"></slot><slot></slot>`)}shouldRenderOnAttributeChange(){return!1}}typeof customElements<"u"&&!customElements.get("ui-dismissable-layer")&&customElements.define("ui-dismissable-layer",r);exports.UIDismissableLayer=r;
+`;function i(o){if(o==null)return!1;const e=o.toLowerCase();return e!=="false"&&e!=="0"&&e!=="off"}class r extends n.ElementBase{constructor(){super(...arguments),this._layer=null,this._lastCloseDetail=null}static get observedAttributes(){return["open","modal","close-on-escape","close-on-pointer-outside","close-on-focus-outside","disable-outside-pointer-events","headless"]}connectedCallback(){super.connectedCallback(),this._syncLayer()}disconnectedCallback(){this._destroyLayer(),super.disconnectedCallback()}attributeChangedCallback(e,t,s){if(t!==s){if(e==="open"&&t!==null&&s===null){const l=this._lastCloseDetail||{reason:"programmatic"};this._destroyLayer(),this.dispatchEvent(new CustomEvent("close",{detail:l,bubbles:!0,composed:!0})),this._lastCloseDetail=null;return}if(e==="open"&&s!==null){this._syncLayer();return}this._syncLayer()}}open(){this.setAttribute("open","")}close(e="programmatic"){this.hasAttribute("open")&&this._emitBeforeClose(e)&&(this._lastCloseDetail={reason:e},this.removeAttribute("open"))}toggle(){this.hasAttribute("open")?this.close():this.open()}_emitBeforeClose(e,t){const s=new CustomEvent("before-close",{detail:{reason:e,originalEvent:t},bubbles:!0,composed:!0,cancelable:!0});return this.dispatchEvent(s)}_destroyLayer(){this._layer?.destroy(),this._layer=null}_syncLayer(){if(this.isConnected){if(this.hasAttribute("headless")||!this.hasAttribute("open")){this._destroyLayer();return}this._destroyLayer(),this._layer=a.createDismissableLayer({node:this,trigger:this.querySelector('[slot="trigger"]'),modal:i(this.getAttribute("modal")),closeOnEscape:!this.hasAttribute("close-on-escape")||i(this.getAttribute("close-on-escape")),closeOnPointerOutside:!this.hasAttribute("close-on-pointer-outside")||i(this.getAttribute("close-on-pointer-outside")),closeOnFocusOutside:i(this.getAttribute("close-on-focus-outside")),disableOutsidePointerEvents:i(this.getAttribute("disable-outside-pointer-events")),onBeforeDismiss:(e,t)=>(e==="outside-pointer"&&this.dispatchEvent(new CustomEvent("interact-outside",{detail:{originalEvent:t},bubbles:!0,composed:!0})),e==="escape-key"&&this.dispatchEvent(new CustomEvent("escape-key-down",{detail:{originalEvent:t},bubbles:!0,composed:!0})),this._emitBeforeClose(e,t)),onDismiss:(e,t)=>{this._lastCloseDetail={reason:e,originalEvent:t},this.removeAttribute("open")}})}}render(){this.setContent(`<style>${u}</style><slot name="trigger"></slot><slot></slot>`)}shouldRenderOnAttributeChange(){return!1}}typeof customElements<"u"&&!customElements.get("ui-dismissable-layer")&&customElements.define("ui-dismissable-layer",r);exports.UIDismissableLayer=r;

package/dist/dismissable-layer.esm.js

@@ -1,5 +1,5 @@
-import { E as n } from "./ElementBase-909688f3.mjs";
-import { c as l } from "./dismissable-layer-9c7e6b58.mjs";
+import { E as n } from "./ElementBase-YlTLMsGk.mjs";
+import { c as l } from "./dismissable-layer-BmPIoK80.mjs";
 const a = `
   :host {
     display: contents;
@@ -7,8 +7,7 @@ const a = `
   }
 `;
 function i(o) {
-  if (o == null)
-    return !1;
+  if (o == null) return !1;
   const e = o.toLowerCase();
   return e !== "false" && e !== "0" && e !== "off";
 }
@@ -66,8 +65,7 @@ class u extends n {
     return this.dispatchEvent(s);
   }
   _destroyLayer() {
-    var e;
-    (e = this._layer) == null || e.destroy(), this._layer = null;
+    this._layer?.destroy(), this._layer = null;
   }
   _syncLayer() {
     if (this.isConnected) {