marko 6.0.0-next.3.36 → 6.0.0-next.3.38

package/dist/dom.mjs

@@ -95,13 +95,13 @@ function normalizeDynamicRenderer(value2) {
 var elementHandlersByEvent = /* @__PURE__ */ new Map(), defaultDelegator = createDelegator();
 function on(element, type, handler) {
   let handlersByElement = elementHandlersByEvent.get(type);
-  handlersByElement || elementHandlersByEvent.set(type, handlersByElement = /* @__PURE__ */ new WeakMap()), handlersByElement.has(element) || defaultDelegator(element, type, handleDelegated), handlersByElement.set(element, handler || void 0);
+  handlersByElement || elementHandlersByEvent.set(type, handlersByElement = /* @__PURE__ */ new WeakMap()), handlersByElement.has(element) || defaultDelegator(element, type, handleDelegated), handlersByElement.set(element, handler || null);
 }
 function createDelegator() {
-  let delegatedEventsByRoot = /* @__PURE__ */ new WeakMap();
+  let kEvents = Symbol();
   return function(node, type, handler) {
-    let root = node.getRootNode(), delegatedEvents = delegatedEventsByRoot.get(root);
-    delegatedEvents || delegatedEventsByRoot.set(root, delegatedEvents = /* @__PURE__ */ new Set()), delegatedEvents.has(type) || (delegatedEvents.add(type), root.addEventListener(type, handler, !0));
+    let root = node.getRootNode();
+    (root[kEvents] ||= {})[type] ||= (root.addEventListener(type, handler, !0), 1);
   };
 }
 function handleDelegated(ev) {
@@ -141,19 +141,19 @@ var DEFAULT_RUNTIME_ID = "M", DEFAULT_RENDER_ID = "_";
 
 // src/dom/resume.ts
 var registeredValues = {}, Render = class {
-  n = [];
-  o = {};
+  m = [];
+  n = {};
   A = {
     _: registeredValues
   };
   constructor(renders, runtimeId, renderId) {
-    this.B = renders, this.C = runtimeId, this.p = renderId, this.q = renders[renderId], this.s();
+    this.B = renders, this.C = runtimeId, this.o = renderId, this.p = renders[renderId], this.q();
   }
   w() {
-    this.q.w(), this.s();
+    this.p.w(), this.q();
   }
-  s() {
-    let data2 = this.q, serializeContext = this.A, scopeLookup = this.o, visits = data2.v, branchIds = /* @__PURE__ */ new Set(), parentBranchIds = /* @__PURE__ */ new Map();
+  q() {
+    let data2 = this.p, serializeContext = this.A, scopeLookup = this.n, visits = data2.v, branchIds = /* @__PURE__ */ new Set(), parentBranchIds = /* @__PURE__ */ new Map();
     if (visits.length) {
       let commentPrefixLen = data2.i.length, closestBranchMarkers = /* @__PURE__ */ new Map(), visitNodes = new Set(visits), lastEndNode;
       data2.v = [];
@@ -175,7 +175,7 @@ var registeredValues = {}, Render = class {
         else if (token === "$" /* ClosestBranch */)
           closestBranchMarkers.set(scopeId, visit);
         else if (token === "[" /* BranchStart */)
-          this.e && (dataIndex && branchEnd(this.e, visit, visit), this.n.push(this.e)), this.e = scopeId, scope.a = visit;
+          this.e && (dataIndex && branchEnd(this.e, visit, visit), this.m.push(this.e)), this.e = scopeId, scope.a = visit;
         else if (token === "]" /* BranchEnd */) {
           scope[data3] = visit;
           let curParent = visit.parentNode, startNode = branchEnd(
@@ -183,10 +183,10 @@ var registeredValues = {}, Render = class {
             visit,
             visit
           ).a;
-          curParent !== startNode.parentNode && curParent.prepend(startNode), this.e = this.n.pop();
-        } else if (token === "|" /* BranchSingleNode */) {
-          let next = data3.indexOf(" "), curNode = scope[~next ? data3.slice(0, next) : data3] = visit;
-          for (; ~next; ) {
+          curParent !== startNode.parentNode && curParent.prepend(startNode), this.e = this.m.pop();
+        } else if (token === "|" /* BranchSingleNode */ || token === "=" /* BranchSingleNodeOnlyChildInParent */) {
+          let next = data3.indexOf(" "), curNode = visit;
+          for (scope[~next ? data3.slice(0, next) : data3] = token === "=" /* BranchSingleNodeOnlyChildInParent */ ? visit.parentNode : visit; ~next; ) {
             let start = next + 1;
             next = data3.indexOf(" ", start);
             let childScopeId = data3.slice(start, ~next ? next : data3.length);
@@ -204,7 +204,7 @@ var registeredValues = {}, Render = class {
           let resumeData = resumes[i++];
           if (typeof resumeData == "function") {
             let scopes = resumeData(serializeContext), { $global } = scopeLookup;
-            $global || (scopeLookup.$global = $global = scopes.$ || {}, $global.runtimeId = this.C, $global.renderId = this.p);
+            $global || (scopeLookup.$global = $global = scopes.$ || {}, $global.runtimeId = this.C, $global.renderId = this.o);
             for (let scopeId in scopes)
               if (scopeId !== "$") {
                 let scope = scopes[scopeId], prevScope = scopeLookup[scopeId];
@@ -215,10 +215,10 @@ var registeredValues = {}, Render = class {
                 let parentBranchId = parentBranchIds.get(scopeId);
                 if (parentBranchId && (scope.c = scopes[parentBranchId]), branchIds.has(scopeId)) {
                   let branch = scope, parentBranch = branch.c;
-                  branch.f = +scopeId, scope.c = branch, parentBranch && (branch.t = parentBranch, (parentBranch.k ||= /* @__PURE__ */ new Set()).add(branch));
+                  branch.f = +scopeId, scope.c = branch, parentBranch && (branch.s = parentBranch, (parentBranch.j ||= /* @__PURE__ */ new Set()).add(branch));
                 }
               }
-          } else i === len || typeof resumes[i] != "string" ? delete this.B[this.p] : registeredValues[resumes[i++]](
+          } else i === len || typeof resumes[i] != "string" ? delete this.B[this.o] : registeredValues[resumes[i++]](
             scopeLookup[resumeData],
             scopeLookup[resumeData]
           );
@@ -325,8 +325,7 @@ function controllable_select_value(scope, nodeAccessor, value2, valueChange) {
   );
 }
 function controllable_select_value_effect(scope, nodeAccessor) {
-  let el = scope[nodeAccessor];
-  syncControllable(el, "input", hasSelectChanged, () => {
+  let el = scope[nodeAccessor], onChange = () => {
     let valueChange = scope[nodeAccessor + ";" /* ControlledHandler */];
     valueChange && (scope[nodeAccessor + "=" /* ControlledType */] = 6 /* Pending */, valueChange(
       Array.isArray(scope[nodeAccessor + ":" /* ControlledValue */]) ? Array.from(el.selectedOptions, toValueProp) : el.value
@@ -335,7 +334,14 @@ function controllable_select_value_effect(scope, nodeAccessor) {
       scope[nodeAccessor + ":" /* ControlledValue */],
       valueChange
     ));
-  });
+  };
+  controllableHandlers.has(el) || new MutationObserver(() => {
+    let value2 = scope[nodeAccessor + ":" /* ControlledValue */];
+    (Array.isArray(value2) ? value2.length !== el.selectedOptions.length || value2.some((value3, i) => value3 != el.selectedOptions[i].value) : el.value != value2) && onChange();
+  }).observe(el, {
+    childList: !0,
+    subtree: !0
+  }), syncControllable(el, "input", hasSelectChanged, onChange);
 }
 function setSelectOptions(el, value2, valueChange) {
   if (Array.isArray(value2))
@@ -387,17 +393,17 @@ function setValueAndUpdateSelection(el, value2) {
 function setCheckboxValue(scope, nodeAccessor, type, checked, checkedChange) {
   scope[nodeAccessor + ";" /* ControlledHandler */] = checkedChange, checkedChange ? (scope[nodeAccessor + "=" /* ControlledType */] = type, scope[nodeAccessor].checked = checked) : (scope[nodeAccessor + "=" /* ControlledType */] = 5 /* None */, scope[nodeAccessor].defaultChecked = checked);
 }
-var delegateFormControl = createDelegator(), formChangeHandlers = /* @__PURE__ */ new WeakMap();
+var controllableDelegate = createDelegator(), controllableHandlers = /* @__PURE__ */ new WeakMap();
 function syncControllable(el, event, hasChanged, onChange) {
-  formChangeHandlers.set(el, onChange), delegateFormControl(el, event, onFormChange), el.form && delegateFormControl(el.form, "reset", onFormReset), isResuming && hasChanged(el) && queueMicrotask(onChange);
+  controllableHandlers.has(el) || (controllableDelegate(el, event, handleChange), el.form && controllableDelegate(el.form, "reset", handleFormReset), isResuming && hasChanged(el) && queueMicrotask(onChange)), controllableHandlers.set(el, onChange);
 }
-function onFormChange(ev) {
-  formChangeHandlers.get(ev.target)?.(ev);
+function handleChange(ev) {
+  controllableHandlers.get(ev.target)?.(ev);
 }
-function onFormReset(ev) {
+function handleFormReset(ev) {
   let handlers = [];
   for (let el of ev.target.elements) {
-    let handler = formChangeHandlers.get(el);
+    let handler = controllableHandlers.get(el);
     handler && hasFormElementChanged(el) && handlers.push(handler);
   }
   requestAnimationFrame(() => {
@@ -651,10 +657,10 @@ function getEmptyBranch(marker) {
   return emptyBranch.a = emptyBranch.b = marker, emptyBranch;
 }
 function destroyBranch(branch) {
-  branch.t?.k?.delete(branch), destroyNestedBranches(branch);
+  branch.s?.j?.delete(branch), destroyNestedBranches(branch);
 }
 function destroyNestedBranches(branch) {
-  branch.E = 1, branch.k?.forEach(destroyNestedBranches), branch.F?.forEach((scope) => {
+  branch.E = 1, branch.j?.forEach(destroyNestedBranches), branch.F?.forEach((scope) => {
     for (let id in scope.h)
       scope.h[id]?.abort();
   });
@@ -793,7 +799,7 @@ function walkInternal(walkCodes, scope, currentWalkIndex) {
 function createBranchScopeWithRenderer(renderer, $global, parentScope, parentNode) {
   let branch = createBranch(
     $global,
-    renderer.u || parentScope,
+    renderer.t || parentScope,
     parentScope
   );
   return initBranch(renderer, branch, parentNode), branch;
@@ -814,11 +820,11 @@ function createBranchScopeWithTagNameOrRenderer(tagNameOrRenderer, $global, pare
 }
 function createBranch($global, ownerScope, parentScope) {
   let branch = createScope($global), parentBranch = parentScope.c;
-  return branch._ = ownerScope, branch.c = branch, parentBranch ? (branch.f = parentBranch.f + 1, branch.t = parentBranch, (parentBranch.k ||= /* @__PURE__ */ new Set()).add(branch)) : branch.f = 1, branch;
+  return branch._ = ownerScope, branch.c = branch, parentBranch ? (branch.f = parentBranch.f + 1, branch.s = parentBranch, (parentBranch.j ||= /* @__PURE__ */ new Set()).add(branch)) : branch.f = 1, branch;
 }
 function initBranch(renderer, branch, parentNode) {
-  let clone = renderer.l(parentNode.namespaceURI), cloneParent = clone.parentNode;
-  walk(cloneParent?.firstChild || clone, renderer.G, branch), branch.a = cloneParent?.firstChild || clone, branch.b = cloneParent?.lastChild || clone, renderer.x && queueRender(branch, renderer.x);
+  let clone = renderer.k(parentNode.namespaceURI), cloneParent = clone.parentNode;
+  walk(cloneParent?.firstChild || clone, renderer.G, branch), branch.a = cloneParent?.firstChild || clone, branch.b = cloneParent?.lastChild || clone, renderer.u && queueRender(branch, renderer.u);
 }
 function dynamicTagAttrs(nodeAccessor, getContent, inputIsArgs) {
   return (scope, attrsOrOp) => {
@@ -830,7 +836,12 @@ function dynamicTagAttrs(nodeAccessor, getContent, inputIsArgs) {
       return renderer.d?.(childScope, attrsOrOp);
     let content = getContent?.(scope);
     if (typeof renderer == "string")
-      setConditionalRendererOnlyChild(childScope, 0, content), attrs(childScope, 0, attrsOrOp());
+      setConditionalRendererOnlyChild(
+        childScope,
+        0,
+        content,
+        createBranchScopeWithTagNameOrRenderer
+      ), attrs(childScope, 0, attrsOrOp());
     else if (renderer.d) {
       let attributes = attrsOrOp();
       renderer.d(
@@ -848,13 +859,12 @@ function dynamicTagAttrs(nodeAccessor, getContent, inputIsArgs) {
 function createRendererWithOwner(template, rawWalks, setup, getArgs) {
   let args, id = {}, walks = rawWalks ? /* @__PURE__ */ trimWalkString(rawWalks) : " ";
   return (owner) => ({
-    j: id,
+    x: id,
     y: template,
     G: walks,
-    x: setup,
-    l: _clone,
-    u: owner,
-    J: void 0,
+    u: setup,
+    k: _clone,
+    t: owner,
     get d() {
       return args ||= getArgs?.();
     }
@@ -876,63 +886,58 @@ function createCloneableHTML(html2, ns) {
 }
 
 // src/dom/control-flow.ts
-function patchConditionals(fn) {
-  conditional = fn(conditional), conditionalOnlyChild = fn(conditionalOnlyChild);
+function conditional(nodeAccessor, ...branches) {
+  let branchAccessor = nodeAccessor + "(" /* ConditionalRenderer */;
+  return (scope, newBranchIndexOrOp) => {
+    newBranchIndexOrOp !== scope[branchAccessor] && newBranchIndexOrOp !== DIRTY && newBranchIndexOrOp !== MARK && newBranchIndexOrOp !== CLEAN && (scope[nodeAccessor].nodeType > 1 /* Element */ ? setConditionalRenderer : setConditionalRendererOnlyChild)(
+      scope,
+      nodeAccessor,
+      branches[scope[branchAccessor] = newBranchIndexOrOp],
+      createBranchScopeWithRenderer
+    );
+  };
+}
+function patchDynamicTag(fn) {
+  dynamicTag = fn(dynamicTag);
 }
-var conditional = function(nodeAccessor, fn, getIntersection) {
+var dynamicTag = function(nodeAccessor, fn, getIntersection) {
   let rendererAccessor = nodeAccessor + "(" /* ConditionalRenderer */, intersection2 = getIntersection && ((scope, op) => (intersection2 = getIntersection())(scope, op));
   return (scope, newRendererOrOp) => {
     if (newRendererOrOp === DIRTY) return;
     let currentRenderer = scope[rendererAccessor], op = newRendererOrOp;
     if (newRendererOrOp !== MARK && newRendererOrOp !== CLEAN) {
       let normalizedRenderer = normalizeDynamicRenderer(newRendererOrOp);
-      isDifferentRenderer(normalizedRenderer, currentRenderer) ? (scope[rendererAccessor] = normalizedRenderer, setConditionalRenderer(scope, nodeAccessor, normalizedRenderer), fn && fn(scope), op = DIRTY) : op = CLEAN;
+      isDifferentRenderer(normalizedRenderer, currentRenderer) ? (scope[rendererAccessor] = normalizedRenderer, setConditionalRenderer(
+        scope,
+        nodeAccessor,
+        normalizedRenderer,
+        createBranchScopeWithTagNameOrRenderer
+      ), fn && fn(scope), op = DIRTY) : op = CLEAN;
     }
     intersection2?.(scope, op);
   };
 };
-function setConditionalRenderer(scope, nodeAccessor, newRenderer) {
-  let prevBranch = scope[nodeAccessor + "!" /* ConditionalScope */] || getEmptyBranch(scope[nodeAccessor]), newBranch = newRenderer ? createBranchScopeWithTagNameOrRenderer(
+function setConditionalRenderer(scope, nodeAccessor, newRenderer, createBranch2) {
+  let prevBranch = scope[nodeAccessor + "!" /* ConditionalScope */] || getEmptyBranch(scope[nodeAccessor]), newBranch = newRenderer ? createBranch2(
     newRenderer,
     scope.$global,
     scope,
     prevBranch.b.parentNode
   ) : getEmptyBranch(scope[nodeAccessor]);
-  insertBranchBefore(
+  prevBranch !== newBranch && (insertBranchBefore(
     newBranch,
     prevBranch.b.parentNode,
     prevBranch.b.nextSibling
-  ), removeAndDestroyBranch(prevBranch), scope[nodeAccessor + "!" /* ConditionalScope */] = newRenderer && newBranch;
+  ), removeAndDestroyBranch(prevBranch), scope[nodeAccessor + "!" /* ConditionalScope */] = newRenderer && newBranch);
 }
-var conditionalOnlyChild = function(nodeAccessor, fn, getIntersection) {
-  let rendererAccessor = nodeAccessor + "(" /* ConditionalRenderer */, intersection2 = getIntersection && ((scope, op) => (intersection2 = getIntersection())(scope, op));
-  return (scope, newRendererOrOp) => {
-    if (newRendererOrOp === DIRTY) return;
-    let currentRenderer = scope[rendererAccessor], op = newRendererOrOp;
-    if (newRendererOrOp !== MARK && newRendererOrOp !== CLEAN) {
-      let normalizedRenderer = normalizeDynamicRenderer(newRendererOrOp);
-      isDifferentRenderer(normalizedRenderer, currentRenderer) ? (currentRenderer = scope[rendererAccessor] = normalizedRenderer, setConditionalRendererOnlyChild(
-        scope,
-        nodeAccessor,
-        normalizedRenderer
-      ), fn && fn(scope), op = DIRTY) : op = CLEAN;
-    }
-    intersection2?.(scope, op);
-  };
-};
-function setConditionalRendererOnlyChild(scope, nodeAccessor, newRenderer) {
-  let prevBranch = scope[nodeAccessor + "!" /* ConditionalScope */], referenceNode = scope[nodeAccessor], newBranch = newRenderer ? createBranchScopeWithTagNameOrRenderer(
-    newRenderer,
-    scope.$global,
-    scope,
-    referenceNode
-  ) : void 0;
+function setConditionalRendererOnlyChild(scope, nodeAccessor, newRenderer, createBranch2) {
+  let prevBranch = scope[nodeAccessor + "!" /* ConditionalScope */], referenceNode = scope[nodeAccessor], newBranch = newRenderer && createBranch2(newRenderer, scope.$global, scope, referenceNode);
   referenceNode.textContent = "", newBranch && insertBranchBefore(newBranch, referenceNode, null), prevBranch && destroyBranch(prevBranch), scope[nodeAccessor + "!" /* ConditionalScope */] = newBranch;
 }
 var emptyMarkerMap = /* @__PURE__ */ new Map([
-  [Symbol(), getEmptyBranch(void 0)]
+  [Symbol(), /* @__PURE__ */ getEmptyBranch(0)]
 ]), emptyMarkerArray = [
-  /* @__PURE__ */ getEmptyBranch(void 0)
+  /* @__PURE__ */ getEmptyBranch(0)
 ], emptyMap = /* @__PURE__ */ new Map(), emptyArray = [];
 function loopOf(nodeAccessor, renderer) {
   return loop(
@@ -990,7 +995,7 @@ function byFirstArg(name) {
   return name;
 }
 function isDifferentRenderer(a, b) {
-  return a !== b && (a?.j || 0) !== b?.j;
+  return a !== b && (a?.x || 0) !== b?.x;
 }
 
 // src/dom/signals.ts
@@ -1035,10 +1040,10 @@ function loopClosure(ownerLoopNodeAccessor, fn, getIntersection) {
   };
   return helperSignal._ = signal, helperSignal;
 }
-function conditionalClosure(ownerConditionalNodeAccessor, getRenderer, fn, getIntersection) {
-  let signal = closure(fn, getIntersection), scopeAccessor = ownerConditionalNodeAccessor + "!" /* ConditionalScope */, rendererAccessor = ownerConditionalNodeAccessor + "(" /* ConditionalRenderer */, helperSignal = (scope, value2) => {
-    let conditionalScope = scope[scopeAccessor];
-    conditionalScope && !conditionalScope.g && scope[rendererAccessor]?.j === getRenderer().j && queueSource(conditionalScope, signal, value2);
+function conditionalClosure(ownerConditionalNodeAccessor, branch, fn, getIntersection) {
+  let signal = closure(fn, getIntersection), scopeAccessor = ownerConditionalNodeAccessor + "!" /* ConditionalScope */, branchAccessor = ownerConditionalNodeAccessor + "(" /* ConditionalRenderer */, helperSignal = (scope, value2) => {
+    let ifScope = scope[scopeAccessor];
+    ifScope && !ifScope.g && scope[branchAccessor] === branch && queueSource(ifScope, signal, value2);
   };
   return helperSignal._ = signal, helperSignal;
 }
@@ -1097,7 +1102,7 @@ function queueSource(scope, signal, value2) {
 }
 function queueRender(scope, signal, value2) {
   let i = pendingRenders.length, render = {
-    m: scope,
+    l: scope,
     H: signal,
     I: value2,
     z: i
@@ -1153,7 +1158,7 @@ function runRenders() {
       }
       pendingRenders[i] = item;
     }
-    render.m.c?.E || render.H(render.m, render.I);
+    render.l.c?.E || render.H(render.l, render.I);
   }
   finishPendingScopes();
 }
@@ -1161,7 +1166,7 @@ function comparePendingRenders(a, b) {
   return getBranchDepth(a) - getBranchDepth(b) || a.z - b.z;
 }
 function getBranchDepth(render) {
-  return render.m.c?.f || 0;
+  return render.l.c?.f || 0;
 }
 
 // src/dom/abort-signal.ts
@@ -1181,7 +1186,7 @@ var prefix = "$C_", RENDERER_REGISTER_ID = prefix + "r", SET_SCOPE_REGISTER_ID =
 
 // src/dom/compat.ts
 var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
-  patchConditionals,
+  patchConditionals: patchDynamicTag,
   queueEffect,
   init(warp10Noop) {
     register(SET_SCOPE_REGISTER_ID, (branch) => {
@@ -1195,7 +1200,7 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
     return value2 === MARK || value2 === CLEAN || value2 === DIRTY;
   },
   isRenderer(renderer) {
-    return renderer.l !== void 0;
+    return renderer.k;
   },
   getStartNode(branch) {
     return branch.a;
@@ -1215,12 +1220,12 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
   }) {
     return Array.isArray(value2) && typeof value2[0] == "string" ? getRegisteredWithScope(
       value2[0],
-      value2.length === 2 && window[runtimeId]?.[componentIdPrefix === "s" ? "_" : componentIdPrefix]?.o[value2[1]]
+      value2.length === 2 && window[runtimeId]?.[componentIdPrefix === "s" ? "_" : componentIdPrefix]?.n[value2[1]]
     ) : value2;
   },
   createRenderer(setup, clone, args) {
-    let renderer = createRenderer("", void 0, setup, args && (() => args));
-    return renderer.l = clone, renderer;
+    let renderer = createRenderer("", 0, setup, args && (() => args));
+    return renderer.k = clone, renderer;
   },
   render(out, component, renderer, args) {
     let branch = component.scope;
@@ -1232,7 +1237,7 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
         normalizedInput[key === "renderBody" ? "content" : key] = input[key];
     }
     if (component.effects = prepareEffects(() => {
-      branch ? (applyArgs(branch, MARK), existing = !0) : (branch = component.scope = createScope(out.global), branch._ = renderer.u, initBranch(renderer, branch, document.body)), applyArgs(branch, args);
+      branch ? (applyArgs(branch, MARK), existing = !0) : (branch = component.scope = createScope(out.global), branch._ = renderer.t, initBranch(renderer, branch, document.body)), applyArgs(branch, args);
     }), !existing)
       return toInsertNode(branch.a, branch.b);
   }
@@ -1296,7 +1301,6 @@ export {
   compat,
   conditional,
   conditionalClosure,
-  conditionalOnlyChild,
   controllable_detailsOrDialog_open,
   controllable_detailsOrDialog_open_effect,
   controllable_input_checked,
@@ -1314,6 +1318,7 @@ export {
   createTemplate,
   data,
   dynamicClosure,
+  dynamicTag,
   dynamicTagAttrs,
   effect,
   forIn,

package/dist/html/writer.d.ts

@@ -27,13 +27,13 @@ export declare function markResumeNode(scopeId: number, accessor: Accessor): str
 export declare function nodeRef(scopeId: number, id?: string): () => void;
 export declare function resumeClosestBranch(scopeId: number): void;
 export declare function resumeForOf(list: Falsy | Iterable<unknown>, cb: (item: unknown, index: number) => void, scopeId: number, accessor: Accessor): void;
-export declare function resumeSingleNodeForOf(list: Falsy | Iterable<unknown>, cb: (item: unknown, index: number) => void, scopeId: number, accessor: Accessor): void;
+export declare function resumeSingleNodeForOf(list: Falsy | Iterable<unknown>, cb: (item: unknown, index: number) => void, scopeId: number, accessor: Accessor, onlyChildInParent?: 1): void;
 export declare function resumeForIn(obj: Falsy | {}, cb: (key: string, value: unknown) => void, scopeId: number, accessor: Accessor): void;
-export declare function resumeSingleNodeForIn(obj: Falsy | {}, cb: (key: string, value: unknown) => void, scopeId: number, accessor: Accessor): void;
+export declare function resumeSingleNodeForIn(obj: Falsy | {}, cb: (key: string, value: unknown) => void, scopeId: number, accessor: Accessor, onlyChild?: 1): void;
 export declare function resumeForTo(to: number, from: number | Falsy, step: number | Falsy, cb: (index: number) => void, scopeId: number, accessor: Accessor): void;
-export declare function resumeSingleNodeForTo(to: number, from: number | Falsy, step: number | Falsy, cb: (index: number) => void, scopeId: number, accessor: Accessor): void;
+export declare function resumeSingleNodeForTo(to: number, from: number | Falsy, step: number | Falsy, cb: (index: number) => void, scopeId: number, accessor: Accessor, onlyChild?: 1): void;
 export declare function resumeConditional(cb: () => void | number, scopeId: number, accessor: Accessor): void;
-export declare function resumeSingleNodeConditional(cb: () => void | number, scopeId: number, accessor: Accessor): void;
+export declare function resumeSingleNodeConditional(cb: () => void | number, scopeId: number, accessor: Accessor, onlyChild?: 1): void;
 export declare function writeScope(scopeId: number, partialScope: PartialScope): ScopeInternals;
 export declare function writeExistingScope(scope: ScopeInternals): ScopeInternals;
 export declare function ensureScopeWithId(scopeId: number): PartialScope;

package/dist/html.js

@@ -1066,14 +1066,14 @@ function resumeForOf(list, cb, scopeId, accessor) {
     )
   );
 }
-function resumeSingleNodeForOf(list, cb, scopeId, accessor) {
+function resumeSingleNodeForOf(list, cb, scopeId, accessor, onlyChildInParent) {
   let branchIds = "";
   forOf(list, (item, index) => {
     let branchId = peekNextScopeId();
     branchIds = " " + branchId + branchIds, withContext(branchIdKey, branchId, () => cb(item, index));
   }), $chunk.writeHTML(
     $chunk.boundary.state.mark(
-      "|" /* BranchSingleNode */,
+      onlyChildInParent ? "=" /* BranchSingleNodeOnlyChildInParent */ : "|" /* BranchSingleNode */,
       scopeId + " " + accessor + branchIds
     )
   );
@@ -1092,14 +1092,14 @@ function resumeForIn(obj, cb, scopeId, accessor) {
     )
   );
 }
-function resumeSingleNodeForIn(obj, cb, scopeId, accessor) {
+function resumeSingleNodeForIn(obj, cb, scopeId, accessor, onlyChild) {
   let branchIds = "";
   forIn(obj, (key, value) => {
     let branchId = peekNextScopeId();
     branchIds = " " + branchId + branchIds, withContext(branchIdKey, branchId, () => cb(key, value));
   }), $chunk.writeHTML(
     $chunk.boundary.state.mark(
-      "|" /* BranchSingleNode */,
+      onlyChild ? "=" /* BranchSingleNodeOnlyChildInParent */ : "|" /* BranchSingleNode */,
       scopeId + " " + accessor + branchIds
     )
   );
@@ -1118,14 +1118,14 @@ function resumeForTo(to, from, step, cb, scopeId, accessor) {
     )
   );
 }
-function resumeSingleNodeForTo(to, from, step, cb, scopeId, accessor) {
+function resumeSingleNodeForTo(to, from, step, cb, scopeId, accessor, onlyChild) {
   let branchIds = "";
   forTo(to, from, step, (index) => {
     let branchId = peekNextScopeId();
     branchIds = " " + branchId + branchIds, withContext(branchIdKey, branchId, () => cb(index));
   }), $chunk.writeHTML(
     $chunk.boundary.state.mark(
-      "|" /* BranchSingleNode */,
+      onlyChild ? "=" /* BranchSingleNodeOnlyChildInParent */ : "|" /* BranchSingleNode */,
       scopeId + " " + accessor + branchIds
     )
   );
@@ -1141,13 +1141,13 @@ function resumeConditional(cb, scopeId, accessor) {
     )
   );
 }
-function resumeSingleNodeConditional(cb, 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(
     $chunk.boundary.state.mark(
-      "|" /* BranchSingleNode */,
+      onlyChild ? "=" /* BranchSingleNodeOnlyChildInParent */ : "|" /* BranchSingleNode */,
       scopeId + " " + accessor + (rendered ? " " + branchId : "")
     )
   );

package/dist/html.mjs

@@ -987,14 +987,14 @@ function resumeForOf(list, cb, scopeId, accessor) {
     )
   );
 }
-function resumeSingleNodeForOf(list, cb, scopeId, accessor) {
+function resumeSingleNodeForOf(list, cb, scopeId, accessor, onlyChildInParent) {
   let branchIds = "";
   forOf(list, (item, index) => {
     let branchId = peekNextScopeId();
     branchIds = " " + branchId + branchIds, withContext(branchIdKey, branchId, () => cb(item, index));
   }), $chunk.writeHTML(
     $chunk.boundary.state.mark(
-      "|" /* BranchSingleNode */,
+      onlyChildInParent ? "=" /* BranchSingleNodeOnlyChildInParent */ : "|" /* BranchSingleNode */,
       scopeId + " " + accessor + branchIds
     )
   );
@@ -1013,14 +1013,14 @@ function resumeForIn(obj, cb, scopeId, accessor) {
     )
   );
 }
-function resumeSingleNodeForIn(obj, cb, scopeId, accessor) {
+function resumeSingleNodeForIn(obj, cb, scopeId, accessor, onlyChild) {
   let branchIds = "";
   forIn(obj, (key, value) => {
     let branchId = peekNextScopeId();
     branchIds = " " + branchId + branchIds, withContext(branchIdKey, branchId, () => cb(key, value));
   }), $chunk.writeHTML(
     $chunk.boundary.state.mark(
-      "|" /* BranchSingleNode */,
+      onlyChild ? "=" /* BranchSingleNodeOnlyChildInParent */ : "|" /* BranchSingleNode */,
       scopeId + " " + accessor + branchIds
     )
   );
@@ -1039,14 +1039,14 @@ function resumeForTo(to, from, step, cb, scopeId, accessor) {
     )
   );
 }
-function resumeSingleNodeForTo(to, from, step, cb, scopeId, accessor) {
+function resumeSingleNodeForTo(to, from, step, cb, scopeId, accessor, onlyChild) {
   let branchIds = "";
   forTo(to, from, step, (index) => {
     let branchId = peekNextScopeId();
     branchIds = " " + branchId + branchIds, withContext(branchIdKey, branchId, () => cb(index));
   }), $chunk.writeHTML(
     $chunk.boundary.state.mark(
-      "|" /* BranchSingleNode */,
+      onlyChild ? "=" /* BranchSingleNodeOnlyChildInParent */ : "|" /* BranchSingleNode */,
       scopeId + " " + accessor + branchIds
     )
   );
@@ -1062,13 +1062,13 @@ function resumeConditional(cb, scopeId, accessor) {
     )
   );
 }
-function resumeSingleNodeConditional(cb, 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(
     $chunk.boundary.state.mark(
-      "|" /* BranchSingleNode */,
+      onlyChild ? "=" /* BranchSingleNodeOnlyChildInParent */ : "|" /* BranchSingleNode */,
       scopeId + " " + accessor + (rendered ? " " + branchId : "")
     )
   );

package/dist/translator/core/for.d.ts

@@ -1,14 +1,5 @@
 import { types as t } from "@marko/compiler";
-import { type Binding } from "../util/references";
 type ForType = "in" | "of" | "to";
-declare const kForMarkerBinding: unique symbol;
-declare const kOnlyChildInParent: unique symbol;
-declare module "@marko/compiler/dist/types" {
-    interface NodeExtra {
-        [kForMarkerBinding]?: Binding;
-        [kOnlyChildInParent]?: boolean;
-    }
-}
 declare const _default: {
     analyze(tag: t.NodePath<t.MarkoTag>): void;
     translate: {

package/dist/translator/core/if.d.ts

@@ -1,11 +1,4 @@
 import { types as t } from "@marko/compiler";
-import { type Binding } from "../util/references";
-declare const kBinding: unique symbol;
-declare module "@marko/compiler/dist/types" {
-    interface MarkoTagExtra {
-        [kBinding]?: Binding;
-    }
-}
 export declare const IfTag: {
     analyze(tag: t.NodePath<t.MarkoTag>): void;
     translate: {
@@ -50,4 +43,3 @@ export declare const ElseTag: {
         controlFlow: true;
     };
 };
-export {};