marko 6.0.0-next.3.67 → 6.0.0-next.3.69

package/dist/html.mjs

@@ -97,7 +97,7 @@ function forTo(to, from, step, cb) {
 }
 
 // src/html/inlined-runtimes.ts
-var WALKER_RUNTIME_CODE = '(e=>self[e]=self[e]||(l=>{let t,d={},s=[],f=document,i=f.createTreeWalker(f,129),n=self[e][l]={i:l=e+l,d:f,l:d,v:s,x(){},w(e){for(;e=i.nextNode();)this.x(n=(n=e.data)&&!n.indexOf(l)&&(d[t=n.slice(x+1)]=e,n[x]),t,e),n>"#"&&s.push(e)}},x=l.length}))', REORDER_RUNTIME_CODE = '(e=>{let i,t,r,l={},o=(e,i)=>{e.replaceWith(...i.childNodes),i.remove()};e.d.head.append(e.d.querySelector("style["+e.i+"]")||""),e.j={},e.x=(d,n,a,c,p)=>{"#"==d?(l[n]=t).i++:a==r&&i(),"T"==a.tagName&&(n=a.getAttribute(e.i))&&((c=e.l["^"+n])&&(l[n]={i:1,c(i=e.l[n]||a){for(;i.parentNode!==c.parentNode;)i=i.parentNode;for(;i!=r;(r=c.nextSibling).remove());o(c,a)}}),r=a.nextSibling,t=l[n],i=()=>{c||o(e.l[n],a),--t.i||t.c()},(d=e.j[n])&&(p=t.c,t.c=()=>p()+d(e.r)))}})';
+var WALKER_RUNTIME_CODE = '(e=>self[e]=self[e]||(l=>{let t,d={},s=[],f=document,i=f.createTreeWalker(f,129),n=self[e][l]={i:l=e+l,d:f,l:d,v:s,x(){},w(e){for(;e=i.nextNode();)this.x(n=(n=e.data)&&!n.indexOf(l)&&(d[t=n.slice(x+1)]=e,n[x]),t,e),n>"#"&&s.push(e)}},x=l.length}))', REORDER_RUNTIME_CODE = '(e=>{let i,l,t,r={},c=(e,i)=>{e.replaceWith(...i.childNodes),i.remove()};e.d.head.append(e.d.querySelector("style["+e.i+"]")||""),e.j={},e.x=(d,o,n,a,g)=>{"#"==d?(r[o]=l).i++:n==t&&i(),"T"==n.tagName&&(o=n.getAttribute(e.i))&&((a=e.l["^"+o])&&(r[o]={i:1,c(i=e.l[o]||n){for(;(t=i.previousSibling||a).remove(),a!=t;);c(i,n)}}),t=n.nextSibling,l=r[o],i=()=>{a||c(e.l[o],n),--l.i||l.c()},(d=e.j[o])&&(g=l.c,l.c=()=>g()+d(e.r)))}})';
 
 // src/html/serializer.ts
 var { hasOwnProperty } = {}, Generator = function* () {
@@ -411,10 +411,7 @@ function register(id, val, scope) {
 function getRegistered(val) {
   let registered = REGISTRY.get(val);
   if (registered)
-    return {
-      id: registered.id,
-      scope: registered.scope
-    };
+    return { id: registered.id, scope: registered.scope };
 }
 function writeRoot(state, root) {
   let { buf, assigned, mutations } = state, hadBuf = buf.length !== 0, result = "";
@@ -510,7 +507,7 @@ function writeRegistered(state, val, parent, accessor, { access, scope, getter }
       return newScopeRef && ensureId(state, newScopeRef), !0;
     }
     if (scopeRef) {
-      if (isCircular(parent, scopeRef))
+      if (parent && (state.assigned.has(scopeRef) || isCircular(parent, scopeRef)))
         return state.assigned.add(parent), state.assigned.add(fnRef), fnRef.init = access + "(" + ensureId(state, scopeRef) + ")", addAssignment(fnRef, ensureId(state, parent) + toAccess(accessor)), !1;
       state.buf.push(access + "(" + ensureId(state, scopeRef) + ")");
     } else {
@@ -1012,7 +1009,7 @@ function withContext(key, value, cb) {
   let ctx = $chunk.context ||= { [kPendingContexts]: 0 }, prev = ctx[key];
   ctx[kPendingContexts]++, ctx[key] = value;
   try {
-    cb();
+    return cb();
   } finally {
     ctx[kPendingContexts]--, ctx[key] = prev;
   }
@@ -1060,20 +1057,26 @@ function hoist(scopeId, id) {
 }
 function resumeClosestBranch(scopeId) {
   let branchId = $chunk.context?.[branchIdKey];
-  branchId !== void 0 && branchId !== scopeId && writeScope(scopeId, {
-    g: branchId
-  });
+  branchId !== void 0 && branchId !== scopeId && writeScope(scopeId, { g: branchId });
 }
 var branchIdKey = Symbol();
-function resumeForOf(list, cb, scopeId, accessor) {
-  forOf(list, (item, i) => {
+function withBranchId(branchId, cb) {
+  return withContext(branchIdKey, branchId, cb);
+}
+function resumeForOf(list, cb, by, scopeId, accessor) {
+  let loopScopes = /* @__PURE__ */ new Map();
+  forOf(list, (item, index) => {
     let branchId = peekNextScopeId();
     $chunk.writeHTML(
       $chunk.boundary.state.mark(
         "[" /* BranchStart */,
-        branchId + (i ? " " : "")
+        branchId + (index ? " " : "")
       )
-    ), withContext(branchIdKey, branchId, () => cb(item, i));
+    ), withBranchId(branchId, () => {
+      cb(item, index), loopScopes.set(forOfBy(by, item, index), writeScope(branchId, {}));
+    });
+  }), loopScopes.size && writeScope(scopeId, {
+    ["m" /* LoopScopeMap */ + accessor]: loopScopes
   }), $chunk.writeHTML(
     $chunk.boundary.state.mark(
       "]" /* BranchEnd */,
@@ -1081,11 +1084,15 @@ function resumeForOf(list, cb, scopeId, accessor) {
     )
   );
 }
-function resumeSingleNodeForOf(list, cb, scopeId, accessor, onlyChildInParent) {
-  let branchIds = "";
+function resumeSingleNodeForOf(list, cb, by, scopeId, accessor, onlyChildInParent) {
+  let loopScopes = /* @__PURE__ */ new Map(), branchIds = "";
   forOf(list, (item, index) => {
     let branchId = peekNextScopeId();
-    branchIds = " " + branchId + branchIds, withContext(branchIdKey, branchId, () => cb(item, index));
+    branchIds = " " + branchId + branchIds, withBranchId(branchId, () => {
+      cb(item, index), loopScopes.set(forOfBy(by, item, index), writeScope(branchId, {}));
+    });
+  }), loopScopes.size && writeScope(scopeId, {
+    ["m" /* LoopScopeMap */ + accessor]: loopScopes
   }), $chunk.writeHTML(
     $chunk.boundary.state.mark(
       onlyChildInParent ? "=" /* BranchSingleNodeOnlyChildInParent */ : "|" /* BranchSingleNode */,
@@ -1093,13 +1100,20 @@ function resumeSingleNodeForOf(list, cb, scopeId, accessor, onlyChildInParent) {
     )
   );
 }
-function resumeForIn(obj, cb, scopeId, accessor) {
-  let sep = "";
+function forOfBy(by, item, index) {
+  return by ? typeof by == "string" ? item[by] : by(item, index) : index;
+}
+function resumeForIn(obj, cb, by, scopeId, accessor) {
+  let loopScopes = /* @__PURE__ */ new Map(), sep = "";
   forIn(obj, (key, value) => {
     let branchId = peekNextScopeId();
     $chunk.writeHTML(
       $chunk.boundary.state.mark("[" /* BranchStart */, branchId + sep)
-    ), sep = " ", withContext(branchIdKey, branchId, () => cb(key, value));
+    ), sep = " ", withBranchId(branchId, () => {
+      cb(key, value), loopScopes.set(forInBy(by, key, value), writeScope(branchId, {}));
+    });
+  }), loopScopes.size && writeScope(scopeId, {
+    ["m" /* LoopScopeMap */ + accessor]: loopScopes
   }), $chunk.writeHTML(
     $chunk.boundary.state.mark(
       "]" /* BranchEnd */,
@@ -1107,11 +1121,15 @@ function resumeForIn(obj, cb, scopeId, accessor) {
     )
   );
 }
-function resumeSingleNodeForIn(obj, cb, scopeId, accessor, onlyChild) {
-  let branchIds = "";
+function resumeSingleNodeForIn(obj, cb, by, scopeId, accessor, onlyChild) {
+  let loopScopes = /* @__PURE__ */ new Map(), branchIds = "";
   forIn(obj, (key, value) => {
     let branchId = peekNextScopeId();
-    branchIds = " " + branchId + branchIds, withContext(branchIdKey, branchId, () => cb(key, value));
+    branchIds = " " + branchId + branchIds, withBranchId(branchId, () => {
+      cb(key, value), loopScopes.set(forInBy(by, key, value), writeScope(branchId, {}));
+    });
+  }), loopScopes.size && writeScope(scopeId, {
+    ["m" /* LoopScopeMap */ + accessor]: loopScopes
   }), $chunk.writeHTML(
     $chunk.boundary.state.mark(
       onlyChild ? "=" /* BranchSingleNodeOnlyChildInParent */ : "|" /* BranchSingleNode */,
@@ -1119,13 +1137,20 @@ function resumeSingleNodeForIn(obj, cb, scopeId, accessor, onlyChild) {
     )
   );
 }
-function resumeForTo(to, from, step, cb, scopeId, accessor) {
-  let sep = "";
+function forInBy(by, name, value) {
+  return by ? by(name, value) : name;
+}
+function resumeForTo(to, from, step, cb, by, scopeId, accessor) {
+  let loopScopes = /* @__PURE__ */ new Map(), sep = "";
   forTo(to, from, step, (index) => {
     let branchId = peekNextScopeId();
     $chunk.writeHTML(
       $chunk.boundary.state.mark("[" /* BranchStart */, branchId + sep)
-    ), sep = " ", withContext(branchIdKey, branchId, () => cb(index));
+    ), sep = " ", withBranchId(branchId, () => {
+      cb(index), loopScopes.set(forToBy(by, index), writeScope(branchId, {}));
+    });
+  }), loopScopes.size && writeScope(scopeId, {
+    ["m" /* LoopScopeMap */ + accessor]: loopScopes
   }), $chunk.writeHTML(
     $chunk.boundary.state.mark(
       "]" /* BranchEnd */,
@@ -1133,11 +1158,15 @@ function resumeForTo(to, from, step, cb, scopeId, accessor) {
     )
   );
 }
-function resumeSingleNodeForTo(to, from, step, cb, scopeId, accessor, onlyChild) {
-  let branchIds = "";
+function resumeSingleNodeForTo(to, from, step, cb, by, scopeId, accessor, onlyChild) {
+  let loopScopes = /* @__PURE__ */ new Map(), branchIds = "";
   forTo(to, from, step, (index) => {
     let branchId = peekNextScopeId();
-    branchIds = " " + branchId + branchIds, withContext(branchIdKey, branchId, () => cb(index));
+    branchIds = " " + branchId + branchIds, withBranchId(branchId, () => {
+      cb(index), loopScopes.set(forToBy(by, index), writeScope(branchId, {}));
+    });
+  }), loopScopes.size && writeScope(scopeId, {
+    ["m" /* LoopScopeMap */ + accessor]: loopScopes
   }), $chunk.writeHTML(
     $chunk.boundary.state.mark(
       onlyChild ? "=" /* BranchSingleNodeOnlyChildInParent */ : "|" /* BranchSingleNode */,
@@ -1145,22 +1174,31 @@ function resumeSingleNodeForTo(to, from, step, cb, scopeId, accessor, onlyChild)
     )
   );
 }
-function resumeConditional(cb, scopeId, accessor) {
+function forToBy(by, index) {
+  return by ? by(index) : index;
+}
+function resumeConditional(cb, scopeId, accessor, dynamic) {
   let branchId = peekNextScopeId();
-  $chunk.writeHTML(
+  dynamic && $chunk.writeHTML(
     $chunk.boundary.state.mark("[" /* BranchStart */, branchId + "")
-  ), withContext(branchIdKey, branchId, cb), peekNextScopeId() !== branchId ? writeScope(branchId, {}) : nextScopeId(), $chunk.writeHTML(
+  );
+  let branchIndex = withBranchId(branchId, cb);
+  branchIndex !== void 0 ? writeScope(scopeId, {
+    ["c" /* ConditionalRenderer */ + accessor]: dynamic ? branchIndex : void 0,
+    ["d" /* ConditionalScope */ + accessor]: writeScope(branchId, {})
+  }) : nextScopeId(), dynamic && $chunk.writeHTML(
     $chunk.boundary.state.mark(
       "]" /* BranchEnd */,
       scopeId + " " + accessor
     )
   );
 }
-function resumeSingleNodeConditional(cb, scopeId, accessor, onlyChild) {
-  let branchId = peekNextScopeId();
-  withContext(branchIdKey, branchId, cb);
-  let rendered = peekNextScopeId() !== branchId;
-  rendered ? writeScope(branchId, {}) : nextScopeId(), $chunk.writeHTML(
+function resumeSingleNodeConditional(cb, scopeId, accessor, dynamic, onlyChild) {
+  let branchId = peekNextScopeId(), branchIndex = withBranchId(branchId, cb), rendered = branchIndex !== void 0;
+  rendered ? writeScope(scopeId, {
+    ["c" /* ConditionalRenderer */ + accessor]: dynamic ? branchIndex : void 0,
+    ["d" /* ConditionalScope */ + accessor]: writeScope(branchId, {})
+  }) : nextScopeId(), dynamic && $chunk.writeHTML(
     $chunk.boundary.state.mark(
       onlyChild ? "=" /* BranchSingleNodeOnlyChildInParent */ : "|" /* BranchSingleNode */,
       scopeId + " " + accessor + (rendered ? " " + branchId : "")
@@ -1438,8 +1476,9 @@ function prepareChunk(chunk) {
     for (let reorderedChunk of state.writeReorders) {
       let { reorderId } = reorderedChunk, reorderHTML = "", reorderEffects = "", reorderScripts = "", cur = reorderedChunk;
       for (reorderedChunk.reorderId = null; ; ) {
+        cur.flushPlaceholder();
         let { next } = cur;
-        if (cur.flushPlaceholder(), cur.consumed = !0, reorderHTML += cur.html, reorderEffects = concatEffects(reorderEffects, cur.effects), reorderScripts = concatScripts(reorderScripts, cur.scripts), cur.async && (reorderHTML += state.mark(
+        if (cur.consumed = !0, reorderHTML += cur.html, reorderEffects = concatEffects(reorderEffects, cur.effects), reorderScripts = concatScripts(reorderScripts, cur.scripts), cur.async && (reorderHTML += state.mark(
           "#" /* ReorderMarker */,
           cur.reorderId = state.nextReorderId()
         ), cur.html = cur.effects = cur.scripts = "", cur.next = null), next)
@@ -1712,80 +1751,51 @@ var prefix = "$C_", RENDERER_REGISTER_ID = prefix + "r", SET_SCOPE_REGISTER_ID =
 var DEFAULT_RUNTIME_ID = "M", DEFAULT_RENDER_ID = "_";
 
 // src/html/dynamic-tag.ts
-var voidElementsReg = /^(?:area|b(?:ase|r)|col|embed|hr|i(?:mg|nput)|link|meta|param|source|track|wbr)$/;
-function dynamicTagId(tagName) {
-  let normalizedRenderer = normalizeDynamicRenderer(tagName);
-  return normalizedRenderer?.h || normalizedRenderer;
-}
-var dynamicTagInput = (scopeId, accessor, tag, input, content) => {
-  if (!tag && !content) {
-    nextScopeId();
-    return;
-  }
-  if (!tag) {
-    resumeConditional(content, scopeId, accessor);
-    return;
-  }
-  if (typeof tag == "string") {
-    resumeSingleNodeConditional(
-      () => {
-        nextScopeId(), write(`<${tag}${attrs(input, accessor, scopeId, tag)}>`), voidElementsReg.test(tag) || (tag === "textarea" ? write(
-          controllable_textarea_value(
-            scopeId,
-            accessor,
-            input.value,
-            input.valueChange
-          )
-        ) : content && (tag === "select" && ("value" in input || "valueChange" in input) ? controllable_select_value(
+var voidElementsReg = /^(?:area|b(?:ase|r)|col|embed|hr|i(?:mg|nput)|link|meta|param|source|track|wbr)$/, dynamicTag = (scopeId, accessor, tag, inputOrArgs, content, inputIsArgs, resume) => {
+  let renderer = normalizeDynamicRenderer(tag), chunk = getChunk(), branchId = peekNextScopeId(), result;
+  if (typeof renderer == "string") {
+    let input = (inputIsArgs ? inputOrArgs[0] : inputOrArgs) || {};
+    nextScopeId(), write(`<${renderer}${attrs(input, accessor, scopeId, renderer)}>`), voidElementsReg.test(renderer) || (withBranchId(branchId, () => {
+      renderer === "textarea" ? write(
+        controllable_textarea_value(
           scopeId,
           accessor,
           input.value,
-          input.valueChange,
-          content
-        ) : content()), write(`</${tag}>`));
-      },
-      scopeId,
-      accessor
+          input.valueChange
+        )
+      ) : content && (renderer === "select" && ("value" in input || "valueChange" in input) ? controllable_select_value(
+        scopeId,
+        accessor,
+        input.value,
+        input.valueChange,
+        content
+      ) : content());
+    }), write(`</${renderer}>`)), resume && chunk.writeHTML(
+      chunk.boundary.state.mark(
+        "|" /* BranchSingleNode */,
+        scopeId + " " + accessor + " " + branchId
+      )
     );
-    return;
-  }
-  let renderer = normalizeDynamicRenderer(
-    tag
-  ), result;
-  return resumeConditional(
-    () => {
-      result = renderer(content ? { ...input, content } : input);
-    },
-    scopeId,
-    accessor
-  ), result;
-}, dynamicTagArgs = (scopeId, accessor, tag, args) => {
-  if (!tag) {
-    nextScopeId();
-    return;
-  }
-  if (typeof tag == "string") {
-    resumeSingleNodeConditional(
-      () => {
-        nextScopeId(), write(
-          `<${tag}${attrs(args[0], accessor, scopeId, tag)}>`
-        ), voidElementsReg.test(tag) || write(`</${tag}>`);
-      },
-      scopeId,
-      accessor
+  } else
+    resume && chunk.writeHTML(
+      chunk.boundary.state.mark("[" /* BranchStart */, branchId + "")
+    ), result = withBranchId(branchId, () => {
+      if (renderer)
+        return inputIsArgs ? renderer(...inputOrArgs) : renderer(
+          content ? { ...inputOrArgs, content } : inputOrArgs
+        );
+      if (content)
+        return content();
+    }), resume && chunk.writeHTML(
+      chunk.boundary.state.mark(
+        "]" /* BranchEnd */,
+        scopeId + " " + accessor
+      )
     );
-    return;
-  }
-  let renderer = normalizeDynamicRenderer(
-    tag
-  ), result;
-  return resumeConditional(
-    () => {
-      result = renderer(...args);
-    },
-    scopeId,
-    accessor
-  ), result;
+  return peekNextScopeId() !== branchId ? resume && writeScope(scopeId, {
+    ["d" /* ConditionalScope */ + accessor]: writeScope(branchId, {}),
+    ["c" /* ConditionalRenderer */ + accessor]: renderer?.h || renderer
+  }) : nextScopeId(), result;
 };
 function createContent(id, fn) {
   return fn.h = id, fn;
@@ -1794,18 +1804,18 @@ function registerContent(id, fn, scopeId) {
   return register2(createContent(id, fn), id, scopeId);
 }
 function patchDynamicTag(patch) {
-  dynamicTagInput = /* @__PURE__ */ ((originalDynamicTagInput) => (scopeId, accessor, tag, input, content) => originalDynamicTagInput(
-    scopeId,
-    accessor,
-    patch(scopeId, accessor, tag),
-    input,
-    content
-  ))(dynamicTagInput), dynamicTagArgs = /* @__PURE__ */ ((originalDynamicTagArgs) => (scopeId, accessor, tag, args) => originalDynamicTagArgs(
-    scopeId,
-    accessor,
-    patch(scopeId, accessor, tag),
-    args
-  ))(dynamicTagArgs);
+  dynamicTag = /* @__PURE__ */ ((originalDynamicTag) => (scopeId, accessor, tag, input, content, inputIsArgs, resume) => {
+    let patched = patch(scopeId, accessor, tag);
+    return patched.h = tag, originalDynamicTag(
+      scopeId,
+      accessor,
+      patched,
+      input,
+      content,
+      inputIsArgs,
+      resume
+    );
+  })(dynamicTag);
 }
 
 // src/html/compat.ts
@@ -1880,13 +1890,13 @@ var K_TAGS_API_STATE = Symbol(), COMPAT_REGISTRY = /* @__PURE__ */ new WeakMap()
 };
 
 // src/html/for.ts
-function forOfBy(by, item, index) {
+function forOfBy2(by, item, index) {
   return by ? typeof by == "string" ? item[by] : by(item, index) : index;
 }
-function forInBy(by, name, value) {
+function forInBy2(by, name, value) {
   return by ? by(name, value) : name;
 }
-function forToBy(by, index) {
+function forToBy2(by, index) {
   return by ? by(index) : index;
 }
 
@@ -2046,19 +2056,17 @@ export {
   controllable_textarea_value,
   createContent,
   createTemplate,
-  dynamicTagArgs,
-  dynamicTagId,
-  dynamicTagInput,
+  dynamicTag,
   ensureScopeWithId,
   escapeScript,
   escapeStyle,
   escapeXML,
   forIn,
-  forInBy,
+  forInBy2 as forInBy,
   forOf,
-  forOfBy,
+  forOfBy2 as forOfBy,
   forTo,
-  forToBy,
+  forToBy2 as forToBy,
   fork,
   getScopeById,
   hoist,