@floegence/floe-webapp-core 0.86.67 → 0.86.69

package/dist/components/ui/Popover.js

@@ -1,4 +1,4 @@
-import { setAttribute as i, insert as g, createComponent as R, Portal as M, spread as H, mergeProps as T, memo as z, effect as j, template as k, use as S, delegateEvents as q } from "solid-js/web";
+import { setAttribute as s, insert as g, createComponent as R, Portal as M, spread as H, mergeProps as T, memo as z, effect as j, template as k, use as S, delegateEvents as q } from "solid-js/web";
 import { createSignal as O, createMemo as N, createEffect as U, onCleanup as K, Show as W } from "solid-js";
 import { cn as D } from "../../utils/cn.js";
 import { calculateMenuPosition as G } from "./menuUtils.js";
@@ -9,33 +9,34 @@ import { resolveSurfacePortalHost as X, projectSurfacePortalPosition as Y, isSur
 var oe = /* @__PURE__ */ k("<div data-floe-popover-panel role=dialog aria-modal=false data-floe-surface=floating>"), ne = /* @__PURE__ */ k('<div class="relative inline-flex"><div class=inline-flex data-floe-popover-trigger aria-haspopup=dialog>');
 let re = 0;
 function me(n) {
-  const h = () => n.open !== void 0, [B, A] = O(n.defaultOpen ?? !1), s = () => h() ? !!n.open : B(), c = (o) => {
-    h() || A(o), o !== s() && n.onOpenChange?.(o);
-  }, r = Q({
-    open: s,
-    element: () => l
+  const h = () => n.open !== void 0, [B, I] = O(n.defaultOpen ?? !1), c = () => h() ? !!n.open : B(), i = (o) => {
+    h() || I(o), o !== c() && n.onOpenChange?.(o);
+  }, a = Q({
+    open: c,
+    element: () => r
   }), [w, v] = O({
     x: -9999,
     y: -9999
   });
-  let a, l;
-  const p = `floe-popover-${re += 1}`, b = `${p}-panel`, u = N(() => r.mounted() ? X({
-    owner: a
+  let l, r;
+  const p = `floe-popover-${re += 1}`, b = `${p}-panel`, d = N(() => a.mounted() ? X({
+    owner: l
   }) : {
     host: null,
     boundaryHost: null,
     mountHost: null,
     mode: "global"
-  }), F = () => ee(u()), y = () => Z(u()), I = () => te(u()), x = (o) => Y(o, u()), P = () => (n.placement ?? "bottom-start").startsWith("top") ? "top" : "bottom", L = () => (n.placement ?? "bottom-start").slice(P() === "top" ? 5 : 7), _ = () => c(!1);
+  }), A = () => ee(d()), y = () => Z(d()), F = () => te(d()), x = (o) => Y(o, d()), P = () => (n.placement ?? "bottom-start").startsWith("top") ? "top" : "bottom", L = () => (n.placement ?? "bottom-start").slice(P() === "top" ? 5 : 7), _ = () => i(!1);
   V({
-    open: r.mounted,
-    root: () => l,
+    open: a.mounted,
+    root: () => r,
     containsTarget: (o) => {
       const e = o instanceof Element ? o : document.activeElement;
-      return e?.closest(`[data-floe-popover="${p}"]`) ? !0 : !!a?.contains(e ?? null);
+      return r?.contains(e ?? null) || e?.closest(`[data-floe-popover="${p}"]`) ? !0 : !!l?.contains(e ?? null);
     },
-    onClose: () => c(!1),
-    onEscapeOutside: () => c(!1),
+    onClose: () => i(!1),
+    onInteractOutside: () => i(!1),
+    onEscapeOutside: () => i(!1),
     lockBodyScroll: !1,
     trapFocus: !1,
     autoFocus: !1,
@@ -45,10 +46,10 @@ function me(n) {
     escapeKeyPhase: "bubble"
   });
   const E = () => {
-    if (!a || !l) return;
-    const o = G(a.getBoundingClientRect(), l.getBoundingClientRect(), L(), I());
+    if (!l || !r) return;
+    const o = G(l.getBoundingClientRect(), r.getBoundingClientRect(), L(), F());
     if (P() === "top") {
-      const e = a.getBoundingClientRect(), f = l.getBoundingClientRect();
+      const e = l.getBoundingClientRect(), f = r.getBoundingClientRect();
       v({
         x: o.x,
         y: e.top - f.height - 6
@@ -58,7 +59,7 @@ function me(n) {
     v(o);
   };
   return U(() => {
-    if (!r.mounted()) {
+    if (!a.mounted()) {
       v({
         x: -9999,
         y: -9999
@@ -71,30 +72,30 @@ function me(n) {
     });
   }), (() => {
     var o = ne(), e = o.firstChild;
-    i(o, "data-floe-popover", p), e.$$keydown = (t) => {
-      t.key === "Escape" && s() && (t.stopPropagation(), c(!1));
-    }, e.$$click = () => c(!s());
-    var f = a;
-    return typeof f == "function" ? S(f, e) : a = e, g(e, () => n.trigger), g(o, R(W, {
+    s(o, "data-floe-popover", p), e.$$keydown = (t) => {
+      t.key === "Escape" && c() && (t.stopPropagation(), i(!1));
+    }, e.$$click = () => i(!c());
+    var f = l;
+    return typeof f == "function" ? S(f, e) : l = e, g(e, () => n.trigger), g(o, R(W, {
       get when() {
-        return r.mounted();
+        return a.mounted();
       },
       get children() {
         return R(M, {
           get mount() {
-            return F();
+            return A();
           },
           get children() {
-            var t = oe(), d = l;
-            return typeof d == "function" ? S(d, t) : l = t, i(t, "id", b), H(t, T({
+            var t = oe(), u = r;
+            return typeof u == "function" ? S(u, t) : r = t, s(t, "id", b), H(t, T({
               get class() {
                 return D(y() ? "absolute z-20" : "fixed z-50", "bg-popover text-popover-foreground", "rounded-panel border border-[var(--floe-line)]", "shadow-[var(--floe-window-shadow)]", "floe-floating-presence floe-floating-menu", n.class);
               },
               get "data-floating-presence"() {
-                return r.state();
+                return a.state();
               },
               get "aria-hidden"() {
-                return r.exiting() ? "true" : void 0;
+                return a.exiting() ? "true" : void 0;
               },
               get "aria-label"() {
                 return n.ariaLabel;
@@ -117,8 +118,8 @@ function me(n) {
         });
       }
     }), null), j((t) => {
-      var d = n.triggerInputSurface ? "true" : void 0, m = n.triggerInputSurface ? "inset" : void 0, $ = s(), C = r.mounted() ? b : void 0;
-      return d !== t.e && i(e, "data-floe-input-surface", t.e = d), m !== t.t && i(e, "data-floe-surface", t.t = m), $ !== t.a && i(e, "aria-expanded", t.a = $), C !== t.o && i(e, "aria-controls", t.o = C), t;
+      var u = n.triggerInputSurface ? "true" : void 0, m = n.triggerInputSurface ? "inset" : void 0, $ = c(), C = a.mounted() ? b : void 0;
+      return u !== t.e && s(e, "data-floe-input-surface", t.e = u), m !== t.t && s(e, "data-floe-surface", t.t = m), $ !== t.a && s(e, "aria-expanded", t.a = $), C !== t.o && s(e, "aria-controls", t.o = C), t;
     }, {
       e: void 0,
       t: void 0,