@fluixi/dom 1.0.0-alpha.82 → 1.0.0-alpha.84

package/dist/lib/flow/index-flow.mjs

@@ -1 +1,46 @@
-import{indexArray as l}from"@fluixi/reactive/signal";function o(e){return()=>{let r=e();return typeof r=="function"?r():r}}var t={active:!1,cursor:null,parents:[]};function c(e){let r=t.parents.lastIndexOf(e);r!==-1&&(t.parents.length=r),t.cursor=e.nextSibling}function a(e){if(!t.active||e==null)return;let r=Array.isArray(e)?e[e.length-1]:e;r&&typeof r.nodeType=="number"&&c(r)}function x(e){let r=o(()=>e.each);return l(r,(s,i)=>{let n=e.children(s,i);return a(n),n},{fallback:()=>e.fallback??null})}export{x as Index};
+// src/lib/flow/index-flow.ts
+import { indexArray } from "@fluixi/reactive/signal";
+
+// src/lib/flow/utils.ts
+function resolveReactiveProp(read) {
+  return () => {
+    const value = read();
+    return typeof value === "function" ? value() : value;
+  };
+}
+
+// src/lib/dom/hydration-state.ts
+var hydration = {
+  active: false,
+  cursor: null,
+  parents: []
+};
+function ascendPast(node) {
+  const idx = hydration.parents.lastIndexOf(node);
+  if (idx !== -1) hydration.parents.length = idx;
+  hydration.cursor = node.nextSibling;
+}
+function hydrateAdvancePast(rendered) {
+  if (!hydration.active || rendered == null) return;
+  const last = Array.isArray(rendered) ? rendered[rendered.length - 1] : rendered;
+  if (last && typeof last.nodeType === "number") {
+    ascendPast(last);
+  }
+}
+
+// src/lib/flow/index-flow.ts
+function Index(props) {
+  const each = resolveReactiveProp(() => props.each);
+  return indexArray(
+    each,
+    (item, index) => {
+      const rendered = props.children(item, index);
+      hydrateAdvancePast(rendered);
+      return rendered;
+    },
+    { fallback: () => props.fallback ?? null }
+  );
+}
+export {
+  Index
+};