@serendie/ui 2.1.3 → 2.2.0

package/dist/node_modules/@zag-js/dismissable/dist/index.js

@@ -1,13 +1,13 @@
-import { raf as B, contains as h, getDocument as b, waitForElements as I, addDomEvent as D, setStyle as M, getEventTarget as g, isHTMLElement as A } from "../../dom-query/dist/index.js";
-import { trackInteractOutside as N } from "../../interact-outside/dist/index.js";
-import { isFunction as k, warn as p } from "../../utils/dist/index.js";
-function T(e, t) {
-  const i = (r) => {
+import { raf as B, contains as f, getDocument as k, waitForElement as A, setStyle as N, addDomEvent as T, isHTMLElement as x, getEventTarget as m } from "../../dom-query/dist/index.js";
+import { trackInteractOutside as q } from "../../interact-outside/dist/index.js";
+import { isFunction as v, warn as P } from "../../utils/dist/index.js";
+function S(e, t) {
+  const n = (r) => {
     r.key === "Escape" && (r.isComposing || t == null || t(r));
   };
-  return D(b(e), "keydown", i, { capture: !0 });
+  return T(k(e), "keydown", n, { capture: !0 });
 }
-var c = {
+var E = "layer:request-dismiss", c = {
   layers: [],
   branches: [],
   count() {
@@ -24,8 +24,8 @@ var c = {
   },
   isBelowPointerBlockingLayer(e) {
     var r;
-    const t = this.indexOf(e), i = this.topMostPointerBlockingLayer() ? this.indexOf((r = this.topMostPointerBlockingLayer()) == null ? void 0 : r.node) : -1;
-    return t < i;
+    const t = this.indexOf(e), n = this.topMostPointerBlockingLayer() ? this.indexOf((r = this.topMostPointerBlockingLayer()) == null ? void 0 : r.node) : -1;
+    return t < n;
   },
   isTopMost(e) {
     const t = this.layers[this.count() - 1];
@@ -35,38 +35,60 @@ var c = {
     return Array.from(this.layers).slice(this.indexOf(e) + 1);
   },
   isInNestedLayer(e, t) {
-    return this.getNestedLayers(e).some((i) => h(i.node, t));
+    return this.getNestedLayers(e).some((n) => f(n.node, t));
   },
   isInBranch(e) {
-    return Array.from(this.branches).some((t) => h(t, e));
+    return Array.from(this.branches).some((t) => f(t, e));
   },
   add(e) {
-    const t = this.layers.push(e);
-    e.node.style.setProperty("--layer-index", `${t}`);
+    this.layers.push(e), this.syncLayerIndex();
   },
   addBranch(e) {
     this.branches.push(e);
   },
   remove(e) {
     const t = this.indexOf(e);
-    t < 0 || (t < this.count() - 1 && this.getNestedLayers(e).forEach((r) => r.dismiss()), this.layers.splice(t, 1), e.style.removeProperty("--layer-index"));
+    t < 0 || (t < this.count() - 1 && this.getNestedLayers(e).forEach((r) => c.dismiss(r.node, e)), this.layers.splice(t, 1), this.syncLayerIndex());
   },
   removeBranch(e) {
     const t = this.branches.indexOf(e);
     t >= 0 && this.branches.splice(t, 1);
   },
+  syncLayerIndex() {
+    this.layers.forEach((e, t) => {
+      e.node.style.setProperty("--layer-index", `${t}`);
+    });
+  },
   indexOf(e) {
     return this.layers.findIndex((t) => t.node === e);
   },
-  dismiss(e) {
-    var t;
-    (t = this.layers[this.indexOf(e)]) == null || t.dismiss();
+  dismiss(e, t) {
+    const n = this.indexOf(e);
+    if (n === -1) return;
+    const r = this.layers[n];
+    C(e, E, (a) => {
+      var s;
+      (s = r.requestDismiss) == null || s.call(r, a), a.defaultPrevented || r == null || r.dismiss();
+    }), _(e, E, {
+      originalLayer: e,
+      targetLayer: t,
+      originalIndex: n,
+      targetIndex: t ? this.indexOf(t) : -1
+    }), this.syncLayerIndex();
   },
   clear() {
     this.remove(this.layers[0].node);
   }
-}, m;
-function E() {
+};
+function _(e, t, n) {
+  const r = e.ownerDocument.defaultView || window, a = new r.CustomEvent(t, { cancelable: !0, bubbles: !0, detail: n });
+  return e.dispatchEvent(a);
+}
+function C(e, t, n) {
+  e.addEventListener(t, n, { once: !0 });
+}
+var b;
+function L() {
   c.layers.forEach(({ node: e }) => {
     e.style.pointerEvents = c.isBelowPointerBlockingLayer(e) ? "none" : "auto";
   });
@@ -74,90 +96,93 @@ function E() {
 function K(e) {
   e.style.pointerEvents = "";
 }
-function C(e, t) {
-  const i = b(e), r = [];
-  if (c.hasPointerBlockingLayer() && !i.body.hasAttribute("data-inert") && (m = document.body.style.pointerEvents, queueMicrotask(() => {
-    i.body.style.pointerEvents = "none", i.body.setAttribute("data-inert", "");
-  })), t) {
-    const a = I(t, (n) => {
-      r.push(M(n, { pointerEvents: "auto" }));
-    });
-    r.push(a);
-  }
-  return () => {
+function R(e, t) {
+  const n = k(e), r = [];
+  return c.hasPointerBlockingLayer() && !n.body.hasAttribute("data-inert") && (b = document.body.style.pointerEvents, queueMicrotask(() => {
+    n.body.style.pointerEvents = "none", n.body.setAttribute("data-inert", "");
+  })), t == null || t.forEach((a) => {
+    const [s, h] = A(
+      () => {
+        const d = a();
+        return x(d) ? d : null;
+      },
+      { timeout: 1e3 }
+    );
+    s.then((d) => r.push(N(d, { pointerEvents: "auto" }))), r.push(h);
+  }), () => {
     c.hasPointerBlockingLayer() || (queueMicrotask(() => {
-      i.body.style.pointerEvents = m, i.body.removeAttribute("data-inert"), i.body.style.length === 0 && i.body.removeAttribute("style");
+      n.body.style.pointerEvents = b, n.body.removeAttribute("data-inert"), n.body.style.length === 0 && n.body.removeAttribute("style");
     }), r.forEach((a) => a()));
   };
 }
-function _(e, t) {
-  const { warnOnMissingNode: i = !0 } = t;
-  if (i && !e) {
-    p("[@zag-js/dismissable] node is `null` or `undefined`");
+function j(e, t) {
+  const { warnOnMissingNode: n = !0 } = t;
+  if (n && !e) {
+    P("[@zag-js/dismissable] node is `null` or `undefined`");
     return;
   }
   if (!e)
     return;
-  const { onDismiss: r, pointerBlocking: a, exclude: n, debug: y } = t, P = { dismiss: r, node: e, pointerBlocking: a };
-  c.add(P), E();
-  function v(s) {
+  const { onDismiss: r, onRequestDismiss: a, pointerBlocking: s, exclude: h, debug: d } = t, w = { dismiss: r, node: e, pointerBlocking: s, requestDismiss: a };
+  c.add(w), L();
+  function I(i) {
     var u, l;
-    const o = g(s.detail.originalEvent);
-    c.isBelowPointerBlockingLayer(e) || c.isInBranch(o) || ((u = t.onPointerDownOutside) == null || u.call(t, s), (l = t.onInteractOutside) == null || l.call(t, s), !s.defaultPrevented && (y && console.log("onPointerDownOutside:", s.detail.originalEvent), r == null || r()));
+    const o = m(i.detail.originalEvent);
+    c.isBelowPointerBlockingLayer(e) || c.isInBranch(o) || ((u = t.onPointerDownOutside) == null || u.call(t, i), (l = t.onInteractOutside) == null || l.call(t, i), !i.defaultPrevented && (d && console.log("onPointerDownOutside:", i.detail.originalEvent), r == null || r()));
   }
-  function L(s) {
+  function O(i) {
     var u, l;
-    const o = g(s.detail.originalEvent);
-    c.isInBranch(o) || ((u = t.onFocusOutside) == null || u.call(t, s), (l = t.onInteractOutside) == null || l.call(t, s), !s.defaultPrevented && (y && console.log("onFocusOutside:", s.detail.originalEvent), r == null || r()));
+    const o = m(i.detail.originalEvent);
+    c.isInBranch(o) || ((u = t.onFocusOutside) == null || u.call(t, i), (l = t.onInteractOutside) == null || l.call(t, i), !i.defaultPrevented && (d && console.log("onFocusOutside:", i.detail.originalEvent), r == null || r()));
   }
-  function x(s) {
+  function p(i) {
     var o;
-    c.isTopMost(e) && ((o = t.onEscapeKeyDown) == null || o.call(t, s), !s.defaultPrevented && r && (s.preventDefault(), r()));
+    c.isTopMost(e) && ((o = t.onEscapeKeyDown) == null || o.call(t, i), !i.defaultPrevented && r && (i.preventDefault(), r()));
   }
-  function w(s) {
-    var f;
+  function D(i) {
+    var g;
     if (!e) return !1;
-    const o = typeof n == "function" ? n() : n, u = Array.isArray(o) ? o : [o], l = (f = t.persistentElements) == null ? void 0 : f.map((d) => d()).filter(A);
-    return l && u.push(...l), u.some((d) => h(d, s)) || c.isInNestedLayer(e, s);
+    const o = typeof h == "function" ? h() : h, u = Array.isArray(o) ? o : [o], l = (g = t.persistentElements) == null ? void 0 : g.map((y) => y()).filter(x);
+    return l && u.push(...l), u.some((y) => f(y, i)) || c.isInNestedLayer(e, i);
   }
-  const O = [
-    a ? C(e, t.persistentElements) : void 0,
-    T(e, x),
-    N(e, { exclude: w, onFocusOutside: L, onPointerDownOutside: v, defer: t.defer })
+  const M = [
+    s ? R(e, t.persistentElements) : void 0,
+    S(e, p),
+    q(e, { exclude: D, onFocusOutside: O, onPointerDownOutside: I, defer: t.defer })
   ];
   return () => {
-    c.remove(e), E(), K(e), O.forEach((s) => s == null ? void 0 : s());
+    c.remove(e), L(), K(e), M.forEach((i) => i == null ? void 0 : i());
   };
 }
-function S(e, t) {
-  const { defer: i } = t, r = i ? B : (n) => n(), a = [];
+function H(e, t) {
+  const { defer: n } = t, r = n ? B : (s) => s(), a = [];
   return a.push(
     r(() => {
-      const n = k(e) ? e() : e;
-      a.push(_(n, t));
+      const s = v(e) ? e() : e;
+      a.push(j(s, t));
     })
   ), () => {
-    a.forEach((n) => n == null ? void 0 : n());
+    a.forEach((s) => s == null ? void 0 : s());
   };
 }
-function F(e, t = {}) {
-  const { defer: i } = t, r = i ? B : (n) => n(), a = [];
+function Q(e, t = {}) {
+  const { defer: n } = t, r = n ? B : (s) => s(), a = [];
   return a.push(
     r(() => {
-      const n = k(e) ? e() : e;
-      if (!n) {
-        p("[@zag-js/dismissable] branch node is `null` or `undefined`");
+      const s = v(e) ? e() : e;
+      if (!s) {
+        P("[@zag-js/dismissable] branch node is `null` or `undefined`");
         return;
       }
-      c.addBranch(n), a.push(() => {
-        c.removeBranch(n);
+      c.addBranch(s), a.push(() => {
+        c.removeBranch(s);
       });
     })
   ), () => {
-    a.forEach((n) => n == null ? void 0 : n());
+    a.forEach((s) => s == null ? void 0 : s());
   };
 }
 export {
-  F as trackDismissableBranch,
-  S as trackDismissableElement
+  Q as trackDismissableBranch,
+  H as trackDismissableElement
 };