@floegence/floe-webapp-core 0.60.0 → 0.60.2

package/dist/context/ViewActivationContext.d.ts

@@ -1,6 +1,9 @@
 import { type Accessor, type JSX } from 'solid-js';
 export interface ViewActivationContextValue {
     id: string;
+    /** Immediate presentation visibility. Custom providers default to their active accessor. */
+    visible?: Accessor<boolean>;
+    /** Activation effects may wait until after the visible content paints. */
     active: Accessor<boolean>;
     activationSeq: Accessor<number>;
 }
@@ -9,4 +12,4 @@ export interface ViewActivationProviderProps {
     children: JSX.Element;
 }
 export declare function ViewActivationProvider(props: ViewActivationProviderProps): JSX.Element;
-export declare function useViewActivation(): ViewActivationContextValue;
+export declare function useViewActivation(): Required<ViewActivationContextValue>;

package/dist/context/ViewActivationContext.js

@@ -1,22 +1,25 @@
-import { createComponent as i } from "solid-js/web";
-import { untrack as n, useContext as r, createContext as c } from "solid-js";
-const e = c();
-function v(t) {
-  const o = n(() => t.value);
-  return i(e.Provider, {
-    value: o,
+import { createComponent as a } from "solid-js/web";
+import { useContext as o, untrack as v, createContext as u } from "solid-js";
+const i = u();
+function w(t) {
+  const n = o(i), e = v(() => t.value), r = e.visible ?? e.active, c = {
+    ...e,
+    visible: () => (n?.visible() ?? !0) && r()
+  };
+  return a(i.Provider, {
+    value: c,
     get children() {
       return t.children;
     }
   });
 }
-function w() {
-  const t = r(e);
+function d() {
+  const t = o(i);
   if (!t)
     throw new Error("ViewActivationContext not found. Wrap your view with <ViewActivationProvider />.");
   return t;
 }
 export {
-  v as ViewActivationProvider,
-  w as useViewActivation
+  w as ViewActivationProvider,
+  d as useViewActivation
 };

package/dist/hooks/useResizeObserver.d.ts

@@ -6,5 +6,9 @@ export interface Size {
 /**
  * Track the usable content box in local CSS pixels, excluding padding and
  * scrollbars. CSS transforms on the element or its ancestors do not affect it.
+ * With preserveWhenHidden, retain the last measurement while there is no rendered
+ * box. Real zero-sized boxes still report zero; replacing the element resets it.
  */
-export declare function useResizeObserver(element: Accessor<HTMLElement | null | undefined>): Accessor<Size | null>;
+export declare function useResizeObserver(element: Accessor<HTMLElement | null | undefined>, options?: {
+    preserveWhenHidden?: boolean;
+}): Accessor<Size | null>;

package/dist/hooks/useResizeObserver.js

@@ -1,29 +1,28 @@
-import { createSignal as u, createEffect as h, onCleanup as s } from "solid-js";
-function f(d) {
-  const [a, r] = u(null, {
+import { createSignal as l, createEffect as u, onCleanup as d } from "solid-js";
+function g(o, a = {}) {
+  const [c, r] = l(null, {
     equals: (e, t) => e?.width === t?.width && e?.height === t?.height
   });
-  return h(() => {
-    const e = d();
-    if (!e) {
-      r(null);
+  return u(() => {
+    const e = o();
+    if (r(null), !e)
       return;
-    }
     const t = () => {
-      const n = e.ownerDocument.defaultView.getComputedStyle(e), i = (c) => Number.parseFloat(c) || 0;
+      if (a.preserveWhenHidden && e.getClientRects().length === 0) return;
+      const n = e.ownerDocument.defaultView.getComputedStyle(e), i = (h) => Number.parseFloat(h) || 0;
       r({
         width: Math.max(0, e.clientWidth - i(n.paddingLeft) - i(n.paddingRight)),
         height: Math.max(0, e.clientHeight - i(n.paddingTop) - i(n.paddingBottom))
       });
     };
     if (t(), typeof ResizeObserver > "u") {
-      typeof window < "u" && (window.addEventListener("resize", t), s(() => window.removeEventListener("resize", t)));
+      typeof window < "u" && (window.addEventListener("resize", t), d(() => window.removeEventListener("resize", t)));
       return;
     }
-    const o = new ResizeObserver(t);
-    o.observe(e), s(() => o.disconnect());
-  }), a;
+    const s = new ResizeObserver(t);
+    s.observe(e), d(() => s.disconnect());
+  }), c;
 }
 export {
-  f as useResizeObserver
+  g as useResizeObserver
 };

package/dist/hooks/useVirtualWindow.js

@@ -1,11 +1,11 @@
 import { createSignal as f, createMemo as i, onCleanup as F } from "solid-js";
-function x(e) {
-  const a = e.overscan ?? 8;
-  let t = null, o = null, r = null;
+function T(t) {
+  const a = t.overscan ?? 8;
+  let e = null, o = null, r = null;
   const [m, d] = f(0), [z, S] = f(0), c = () => {
-    t && (d(t.scrollTop), S(t.clientHeight));
+    !e || e.getClientRects().length === 0 || (d(e.scrollTop), S(e.clientHeight));
   }, p = () => {
-    if (t && r === null) {
+    if (e && r === null) {
       if (typeof requestAnimationFrame > "u") {
         c();
         return;
@@ -15,20 +15,20 @@ function x(e) {
       });
     }
   }, l = i(() => {
-    const n = e.count(), s = e.itemSize(), u = m(), w = z();
+    const n = t.count(), s = t.itemSize(), u = m(), w = z();
     if (n <= 0 || s <= 0) return { start: 0, end: 0 };
     const b = Math.max(0, Math.floor(u / s) - a), A = Math.min(n, Math.ceil((u + w) / s) + a);
     return { start: b, end: A };
-  }), v = i(() => l().start * e.itemSize()), h = i(() => {
-    const n = e.count();
-    return Math.max(0, n - l().end) * e.itemSize();
-  }), M = i(() => e.count() * e.itemSize()), g = (n) => {
-    t !== n && (o?.disconnect(), o = null, t = n, !(!t || typeof ResizeObserver > "u") && (o = new ResizeObserver(() => c()), o.observe(t), c()));
+  }), v = i(() => l().start * t.itemSize()), g = i(() => {
+    const n = t.count();
+    return Math.max(0, n - l().end) * t.itemSize();
+  }), h = i(() => t.count() * t.itemSize()), M = (n) => {
+    e !== n && (o?.disconnect(), o = null, e = n, e && (c(), !(typeof ResizeObserver > "u") && (o = new ResizeObserver(() => c()), o.observe(e))));
   };
   return F(() => {
     o?.disconnect(), r !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(r), r = null);
-  }), { scrollRef: g, onScroll: p, range: l, paddingTop: v, paddingBottom: h, totalSize: M };
+  }), { scrollRef: M, onScroll: p, range: l, paddingTop: v, paddingBottom: g, totalSize: h };
 }
 export {
-  x as useVirtualWindow
+  T as useVirtualWindow
 };