@floegence/floe-webapp-core 0.86.71 → 0.86.73

package/dist/components/layout/KeepAliveStack.js

@@ -1,52 +1,52 @@
-import { insert as B, createComponent as y, effect as C, className as P, setStyleProperty as K, template as R, memo as N, setAttribute as q } from "solid-js/web";
-import { createMemo as S, createSignal as I, untrack as x, createEffect as E, For as j, createRenderEffect as D, onCleanup as G, ErrorBoundary as H, Suspense as J } from "solid-js";
-import { ViewActivationProvider as L } from "../../context/ViewActivationContext.js";
-import { cn as z } from "../../utils/cn.js";
-import { deferAfterPaint as Q } from "../../utils/defer.js";
-var O = /* @__PURE__ */ R("<div>");
-function M(e) {
+import { insert as C, createComponent as y, effect as P, className as K, setStyleProperty as O, template as N, memo as j, setAttribute as z } from "solid-js/web";
+import { createMemo as m, createSignal as M, untrack as x, createEffect as q, For as D, createRenderEffect as G, onCleanup as H, ErrorBoundary as J, Suspense as L } from "solid-js";
+import { ViewActivationProvider as Q } from "../../context/ViewActivationContext.js";
+import { cn as V } from "../../utils/cn.js";
+import { deferAfterPaint as T } from "../../utils/defer.js";
+var R = /* @__PURE__ */ N("<div>");
+function A(e) {
   return String(e ?? "").trim();
 }
-function V(e) {
-  const s = [], u = /* @__PURE__ */ new Set();
+function B(e) {
+  const u = [], s = /* @__PURE__ */ new Set();
   for (const l of e) {
-    const a = M(l?.id);
-    a && (u.has(a) || (u.add(a), s.push(a)));
+    const o = A(l?.id);
+    o && (s.has(o) || (s.add(o), u.push(o)));
   }
-  return s;
+  return u;
 }
-function T(e, s) {
-  const u = new Set(e), l = /* @__PURE__ */ new Map();
-  for (const a of s) {
-    const d = M(a?.id);
-    d && u.has(d) && (l.has(d) || l.set(d, a));
+function U(e, u) {
+  const s = new Set(e), l = /* @__PURE__ */ new Map();
+  for (const o of u) {
+    const d = A(o?.id);
+    d && s.has(d) && (l.has(d) || l.set(d, o));
   }
   return l;
 }
-function U(e) {
-  const [s, u] = I(0), [l, a] = I(!1);
+function W(e) {
+  const [u, s] = M(0), [l, o] = M(!1);
   let d = 0;
-  D(() => {
-    const r = e.active(), i = e.activationMode();
+  G(() => {
+    const i = e.active(), c = e.activationMode();
     d += 1;
-    const h = d;
-    if (!r) {
-      a(!1);
+    const w = d;
+    if (!i) {
+      o(!1);
       return;
     }
     const f = () => {
-      h !== d || !e.active() || x(l) || (a(!0), u((m) => m + 1));
+      w !== d || !e.active() || x(l) || (o(!0), s((S) => S + 1));
     };
-    i === "after-paint" ? Q(f) : f();
-  }), G(() => {
+    c === "after-paint" ? T(f) : f();
+  }), H(() => {
     d += 1;
   });
-  const A = x(() => ({
+  const E = x(() => ({
     id: e.id,
     visible: e.active,
     active: l,
-    activationSeq: s
-  })), v = () => e.renderFallback ? y(J, {
+    activationSeq: u
+  })), v = () => e.renderFallback ? y(L, {
     get fallback() {
       return e.renderFallback(e.id);
     },
@@ -54,102 +54,105 @@ function U(e) {
       return e.children;
     }
   }) : e.children;
-  return y(L, {
-    value: A,
+  return y(Q, {
+    value: E,
     get children() {
-      var r = O();
-      return B(r, (() => {
-        var i = N(() => !!e.renderError);
-        return () => i() ? y(H, {
-          fallback: (h, f) => e.renderError(h, f, e.id),
+      var i = R();
+      return C(i, (() => {
+        var c = j(() => !!e.renderError);
+        return () => c() ? y(J, {
+          fallback: (w, f) => e.renderError(w, f, e.id),
           get children() {
             return v();
           }
         }) : v();
-      })()), C((i) => {
-        var h = e.class, f = e.id, m = e.active() ? void 0 : "true", g = !e.active(), t = e.active() ? "block" : "none";
-        return h !== i.e && P(r, i.e = h), f !== i.t && q(r, "data-floe-keep-alive-view", i.t = f), m !== i.a && q(r, "aria-hidden", i.a = m), g !== i.o && (r.inert = i.o = g), t !== i.i && K(r, "display", i.i = t), i;
+      })()), P((c) => {
+        var w = e.class, f = e.id, S = e.active() ? void 0 : "true", g = !e.active(), I = e.active() ? "block" : "none";
+        return w !== c.e && K(i, c.e = w), f !== c.t && z(i, "data-floe-keep-alive-view", c.t = f), S !== c.a && z(i, "aria-hidden", c.a = S), g !== c.o && (i.inert = c.o = g), I !== c.i && O(i, "display", c.i = I), c;
       }, {
         e: void 0,
         t: void 0,
         a: void 0,
         o: void 0,
         i: void 0
-      }), r;
+      }), i;
     }
   });
 }
-function $(e) {
-  const s = () => e.lazyMount !== !1, u = () => e.keepMounted !== !1, l = () => e.activationMode ?? "sync", a = S(() => V(e.views)), [d, A] = I(x(() => T(V(e.views), e.views))), v = S(() => M(e.activeId));
-  E(() => {
-    const t = a(), n = e.views;
-    A((c) => {
-      let o = !1;
-      const w = new Map(c), F = new Set(t);
-      for (const b of w.keys())
-        F.has(b) || (w.delete(b), o = !0);
-      for (const b of n) {
-        const k = M(b?.id);
-        k && F.has(k) && (w.has(k) || (w.set(k, b), o = !0));
+function p(e) {
+  const u = () => e.lazyMount !== !1, s = () => e.keepMounted !== !1, l = () => e.activationMode ?? "sync", o = m(() => B(e.views)), [d, E] = M(x(() => U(B(e.views), e.views))), v = m(() => A(e.activeId));
+  q(() => {
+    const n = o(), t = e.views;
+    E((r) => {
+      let a = !1;
+      const h = new Map(r), F = new Set(n);
+      for (const b of h.keys())
+        F.has(b) || (h.delete(b), a = !0);
+      for (const b of t) {
+        const k = A(b?.id);
+        k && F.has(k) && (h.has(k) || (h.set(k, b), a = !0));
       }
-      return o ? w : c;
+      return a ? h : r;
     });
   });
-  const r = S(() => ({
-    order: a(),
+  const i = m(() => ({
+    order: o(),
     byId: d()
-  })), i = () => {
-    if (!u()) return /* @__PURE__ */ new Set();
-    if (!s()) return new Set(r().order);
-    const t = v();
-    return t ? r().byId.has(t) ? /* @__PURE__ */ new Set([t]) : /* @__PURE__ */ new Set() : /* @__PURE__ */ new Set();
-  }, [h, f] = I(i());
-  E(() => {
-    if (!u()) return;
-    const t = new Set(r().order);
-    f((n) => {
-      let c = !1;
-      const o = /* @__PURE__ */ new Set();
-      for (const w of n) {
-        if (!t.has(w)) {
-          c = !0;
+  })), c = () => {
+    if (!s()) return /* @__PURE__ */ new Set();
+    if (!u()) return new Set(i().order);
+    const n = v();
+    return n ? i().byId.has(n) ? /* @__PURE__ */ new Set([n]) : /* @__PURE__ */ new Set() : /* @__PURE__ */ new Set();
+  }, [w, f] = M(c());
+  q(() => {
+    if (!s()) return;
+    const n = new Set(i().order);
+    f((t) => {
+      let r = !1;
+      const a = /* @__PURE__ */ new Set();
+      for (const h of t) {
+        if (!n.has(h)) {
+          r = !0;
           continue;
         }
-        o.add(w);
+        a.add(h);
       }
-      return c ? o : n;
+      return r ? a : t;
     });
-  }), E(() => {
-    if (!u() || !s()) return;
-    const t = v();
-    t && r().byId.has(t) && f((n) => {
-      if (n.has(t)) return n;
-      const c = new Set(n);
-      return c.add(t), c;
+  }), q(() => {
+    if (!s() || !u()) return;
+    const n = v();
+    n && i().byId.has(n) && f((t) => {
+      if (t.has(n)) return t;
+      const r = new Set(t);
+      return r.add(n), r;
     });
   });
-  const m = S(() => {
-    const t = r().order, n = v();
-    if (!u())
-      return n ? r().byId.has(n) ? [n] : [] : [];
-    if (!s()) return t;
-    const c = h();
-    return t.filter((o) => c.has(o) || o === n);
-  }), g = S(() => {
-    const t = v();
-    return t ? r().byId.has(t) : !1;
+  const S = m(() => {
+    const n = i().order, t = v();
+    if (!s())
+      return t ? i().byId.has(t) ? [t] : [] : [];
+    if (!u()) return n;
+    const r = w();
+    return n.filter((a) => r.has(a) || a === t);
+  }), g = m((n) => {
+    const t = new Set(S());
+    return [...n.filter((r) => t.delete(r)), ...t];
+  }, []), I = m(() => {
+    const n = v();
+    return n ? i().byId.has(n) : !1;
   });
   return (() => {
-    var t = O();
-    return B(t, y(j, {
+    var n = R();
+    return C(n, y(D, {
       get each() {
-        return m();
+        return g();
       },
-      children: (n) => {
-        const c = () => d().get(n);
-        return y(U, {
-          id: n,
-          active: () => v() === n,
+      children: (t) => {
+        const r = m(() => d().get(t));
+        return y(W, {
+          id: t,
+          active: () => v() === t,
           activationMode: l,
           get renderFallback() {
             return e.renderFallback;
@@ -158,22 +161,22 @@ function $(e) {
             return e.renderError;
           },
           get class() {
-            return z("absolute inset-0", c()?.class);
+            return V("absolute inset-0", r()?.class);
           },
           get children() {
-            return c()?.render();
+            return r()?.render();
           }
         });
       }
-    })), C((n) => {
-      var c = z("relative h-full min-h-0 w-full", e.class), o = g() ? "block" : "none";
-      return c !== n.e && P(t, n.e = c), o !== n.t && K(t, "display", n.t = o), n;
+    })), P((t) => {
+      var r = V("relative h-full min-h-0 w-full", e.class), a = I() ? "block" : "none";
+      return r !== t.e && K(n, t.e = r), a !== t.t && O(n, "display", t.t = a), t;
     }, {
       e: void 0,
       t: void 0
-    }), t;
+    }), n;
   })();
 }
 export {
-  $ as KeepAliveStack
+  p as KeepAliveStack
 };

package/dist/components/ui/FloatingWindow.js

@@ -566,7 +566,7 @@ function en(n) {
               var i = Rt();
               return f(i, () => n.footer), i;
             }
-          }), null), f(t, l(y, {
+          }), null), f(e, l(y, {
             get when() {
               return Z(() => !!(me() && !c()))() && !g();
             },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.86.71",
+  "version": "0.86.73",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",