marko 6.0.50 → 6.0.51

package/dist/common/types.d.ts

@@ -29,6 +29,7 @@ export declare enum ResumeSymbol {
     BranchStart = "[",
     BranchEnd = "]",
     BranchSingleNode = "|",
+    BranchNativeTag = "'",
     BranchSingleNodeOnlyChildInParent = "="
 }
 export { AccessorPrefix, AccessorProp } from "./accessor.debug";

package/dist/debug/dom.js

@@ -248,6 +248,132 @@ function stripSpacesAndPunctuation(str) {
 var DEFAULT_RUNTIME_ID = "M";
 var DEFAULT_RENDER_ID = "_";
 
+// src/dom/scope.ts
+function createScope($global, closestBranch) {
+  const scope = {
+    ___id: $global.___nextScopeId++,
+    ___creating: 1,
+    ___closestBranch: closestBranch,
+    $global
+  };
+  pendingScopes.push(scope);
+  return scope;
+}
+function skipScope(scope) {
+  return scope.$global.___nextScopeId++;
+}
+function findBranchWithKey(scope, key) {
+  let branch = scope.___closestBranch;
+  while (branch && !branch[key]) {
+    branch = branch.___parentBranch;
+  }
+  return branch;
+}
+function destroyBranch(branch) {
+  branch.___parentBranch?.___branchScopes?.delete(branch);
+  destroyNestedBranches(branch);
+}
+function destroyNestedBranches(branch) {
+  branch.___destroyed = 1;
+  branch.___branchScopes?.forEach(destroyNestedBranches);
+  branch.___abortScopes?.forEach((scope) => {
+    for (const id in scope.___abortControllers) {
+      scope.___abortControllers[id]?.abort();
+    }
+  });
+}
+function removeAndDestroyBranch(branch) {
+  destroyBranch(branch);
+  removeChildNodes(branch.___startNode, branch.___endNode);
+}
+function insertBranchBefore(branch, parentNode, nextSibling) {
+  insertChildNodes(
+    parentNode,
+    nextSibling,
+    branch.___startNode,
+    branch.___endNode
+  );
+}
+function tempDetachBranch(branch) {
+  const fragment = new DocumentFragment();
+  fragment.namespaceURI = branch.___startNode.parentNode.namespaceURI;
+  insertChildNodes(fragment, null, branch.___startNode, branch.___endNode);
+}
+
+// src/dom/walker.ts
+var walker = /* @__PURE__ */ document.createTreeWalker(document);
+function walk(startNode, walkCodes, branch) {
+  walker.currentNode = startNode;
+  walkInternal(0, walkCodes, branch);
+}
+function walkInternal(currentWalkIndex, walkCodes, scope) {
+  let value2;
+  let storedMultiplier = 0;
+  let currentMultiplier = 0;
+  let currentScopeIndex = 0;
+  for (; currentWalkIndex < walkCodes.length; ) {
+    value2 = walkCodes.charCodeAt(currentWalkIndex++);
+    currentMultiplier = storedMultiplier;
+    storedMultiplier = 0;
+    if (value2 === 32 /* Get */) {
+      const node = walker.currentNode;
+      scope[true ? getDebugKey(currentScopeIndex, walker.currentNode) : currentScopeIndex] = node;
+      scope["Getter:" /* Getter */ + (true ? getDebugKey(currentScopeIndex++, walker.currentNode) : currentScopeIndex++)] = () => node;
+    } else if (value2 === 37 /* Replace */ || value2 === 49 /* DynamicTagWithVar */) {
+      walker.currentNode.replaceWith(
+        walker.currentNode = scope[true ? getDebugKey(currentScopeIndex++, "#text") : currentScopeIndex++] = new Text()
+      );
+      if (value2 === 49 /* DynamicTagWithVar */) {
+        scope[true ? getDebugKey(currentScopeIndex++, "#scopeOffset") : currentScopeIndex++] = skipScope(scope);
+      }
+    } else if (value2 === 38 /* EndChild */) {
+      return currentWalkIndex;
+    } else if (value2 === 47 /* BeginChild */ || value2 === 48 /* BeginChildWithVar */) {
+      currentWalkIndex = walkInternal(
+        currentWalkIndex,
+        walkCodes,
+        scope[true ? getDebugKey(currentScopeIndex++, "#childScope") : currentScopeIndex++] = createScope(scope.$global, scope.___closestBranch)
+      );
+      if (value2 === 48 /* BeginChildWithVar */) {
+        scope[true ? getDebugKey(currentScopeIndex++, "#scopeOffset") : currentScopeIndex++] = skipScope(scope);
+      }
+    } else if (value2 < 91 /* NextEnd */ + 1) {
+      value2 = 20 /* Next */ * currentMultiplier + value2 - 67 /* Next */;
+      while (value2--) {
+        walker.nextNode();
+      }
+    } else if (value2 < 106 /* OverEnd */ + 1) {
+      value2 = 10 /* Over */ * currentMultiplier + value2 - 97 /* Over */;
+      while (value2--) {
+        walker.nextSibling();
+      }
+    } else if (value2 < 116 /* OutEnd */ + 1) {
+      value2 = 10 /* Out */ * currentMultiplier + value2 - 107 /* Out */;
+      while (value2--) {
+        walker.parentNode();
+      }
+      walker.nextSibling();
+    } else {
+      if (value2 < 117 /* Multiplier */ || value2 > 126 /* MultiplierEnd */) {
+        throw new Error(`Unknown walk code: ${value2}`);
+      }
+      storedMultiplier = currentMultiplier * 10 /* Multiplier */ + value2 - 117 /* Multiplier */;
+    }
+  }
+}
+function getDebugKey(index, node) {
+  if (typeof node === "string") {
+    return `${node}/${index}`;
+  } else if (node.nodeType === 3 /* Text */) {
+    return `#text/${index}`;
+  } else if (node.nodeType === 8 /* Comment */) {
+    return `#comment/${index}`;
+  } else if (node.nodeType === 1 /* Element */) {
+    return `#${node.tagName.toLowerCase()}/${index}`;
+  }
+  return index;
+}
+
 // src/dom/resume.ts
 var registeredValues = {};
 var branchesEnabled;
@@ -329,6 +455,10 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
                   );
                   curNode = endBranch(childScopeId, curNode).___endNode;
                   parentBranchIds.set(childScopeId, scopeId);
+                  if (visitToken === "'" /* BranchNativeTag */) {
+                    const childBranch = scopeLookup[childScopeId];
+                    childBranch[true ? getDebugKey(0, curNode) : 0] = childBranch.___startNode = childBranch.___endNode = curNode;
+                  }
                 }
               }
             },
@@ -739,58 +869,6 @@ function parseHTML(html2, ns) {
   return parser.content || parser;
 }
 
-// src/dom/scope.ts
-function createScope($global, closestBranch) {
-  const scope = {
-    ___id: $global.___nextScopeId++,
-    ___creating: 1,
-    ___closestBranch: closestBranch,
-    $global
-  };
-  pendingScopes.push(scope);
-  return scope;
-}
-function skipScope(scope) {
-  return scope.$global.___nextScopeId++;
-}
-function findBranchWithKey(scope, key) {
-  let branch = scope.___closestBranch;
-  while (branch && !branch[key]) {
-    branch = branch.___parentBranch;
-  }
-  return branch;
-}
-function destroyBranch(branch) {
-  branch.___parentBranch?.___branchScopes?.delete(branch);
-  destroyNestedBranches(branch);
-}
-function destroyNestedBranches(branch) {
-  branch.___destroyed = 1;
-  branch.___branchScopes?.forEach(destroyNestedBranches);
-  branch.___abortScopes?.forEach((scope) => {
-    for (const id in scope.___abortControllers) {
-      scope.___abortControllers[id]?.abort();
-    }
-  });
-}
-function removeAndDestroyBranch(branch) {
-  destroyBranch(branch);
-  removeChildNodes(branch.___startNode, branch.___endNode);
-}
-function insertBranchBefore(branch, parentNode, nextSibling) {
-  insertChildNodes(
-    parentNode,
-    nextSibling,
-    branch.___startNode,
-    branch.___endNode
-  );
-}
-function tempDetachBranch(branch) {
-  const fragment = new DocumentFragment();
-  fragment.namespaceURI = branch.___startNode.parentNode.namespaceURI;
-  insertChildNodes(fragment, null, branch.___startNode, branch.___endNode);
-}
-
 // src/dom/schedule.ts
 var runTask;
 var isScheduled;
@@ -1026,80 +1104,6 @@ function hoist(...path) {
   };
 }
 
-// src/dom/walker.ts
-var walker = /* @__PURE__ */ document.createTreeWalker(document);
-function walk(startNode, walkCodes, branch) {
-  walker.currentNode = startNode;
-  walkInternal(0, walkCodes, branch);
-}
-function walkInternal(currentWalkIndex, walkCodes, scope) {
-  let value2;
-  let storedMultiplier = 0;
-  let currentMultiplier = 0;
-  let currentScopeIndex = 0;
-  for (; currentWalkIndex < walkCodes.length; ) {
-    value2 = walkCodes.charCodeAt(currentWalkIndex++);
-    currentMultiplier = storedMultiplier;
-    storedMultiplier = 0;
-    if (value2 === 32 /* Get */) {
-      const node = walker.currentNode;
-      scope[true ? getDebugKey(currentScopeIndex, walker.currentNode) : currentScopeIndex] = node;
-      scope["Getter:" /* Getter */ + (true ? getDebugKey(currentScopeIndex++, walker.currentNode) : currentScopeIndex++)] = () => node;
-    } else if (value2 === 37 /* Replace */ || value2 === 49 /* DynamicTagWithVar */) {
-      walker.currentNode.replaceWith(
-        walker.currentNode = scope[true ? getDebugKey(currentScopeIndex++, "#text") : currentScopeIndex++] = new Text()
-      );
-      if (value2 === 49 /* DynamicTagWithVar */) {
-        scope[true ? getDebugKey(currentScopeIndex++, "#scopeOffset") : currentScopeIndex++] = skipScope(scope);
-      }
-    } else if (value2 === 38 /* EndChild */) {
-      return currentWalkIndex;
-    } else if (value2 === 47 /* BeginChild */ || value2 === 48 /* BeginChildWithVar */) {
-      currentWalkIndex = walkInternal(
-        currentWalkIndex,
-        walkCodes,
-        scope[true ? getDebugKey(currentScopeIndex++, "#childScope") : currentScopeIndex++] = createScope(scope.$global, scope.___closestBranch)
-      );
-      if (value2 === 48 /* BeginChildWithVar */) {
-        scope[true ? getDebugKey(currentScopeIndex++, "#scopeOffset") : currentScopeIndex++] = skipScope(scope);
-      }
-    } else if (value2 < 91 /* NextEnd */ + 1) {
-      value2 = 20 /* Next */ * currentMultiplier + value2 - 67 /* Next */;
-      while (value2--) {
-        walker.nextNode();
-      }
-    } else if (value2 < 106 /* OverEnd */ + 1) {
-      value2 = 10 /* Over */ * currentMultiplier + value2 - 97 /* Over */;
-      while (value2--) {
-        walker.nextSibling();
-      }
-    } else if (value2 < 116 /* OutEnd */ + 1) {
-      value2 = 10 /* Out */ * currentMultiplier + value2 - 107 /* Out */;
-      while (value2--) {
-        walker.parentNode();
-      }
-      walker.nextSibling();
-    } else {
-      if (value2 < 117 /* Multiplier */ || value2 > 126 /* MultiplierEnd */) {
-        throw new Error(`Unknown walk code: ${value2}`);
-      }
-      storedMultiplier = currentMultiplier * 10 /* Multiplier */ + value2 - 117 /* Multiplier */;
-    }
-  }
-}
-function getDebugKey(index, node) {
-  if (typeof node === "string") {
-    return `${node}/${index}`;
-  } else if (node.nodeType === 3 /* Text */) {
-    return `#text/${index}`;
-  } else if (node.nodeType === 8 /* Comment */) {
-    return `#comment/${index}`;
-  } else if (node.nodeType === 1 /* Element */) {
-    return `#${node.tagName.toLowerCase()}/${index}`;
-  }
-  return index;
-}
-
 // src/dom/renderer.ts
 function createBranch($global, renderer, parentScope, parentNode) {
   const branch = createScope($global);
@@ -1877,7 +1881,7 @@ var dynamicTag = function dynamicTag2(nodeAccessor, getContent, getTagVar, input
       const childScope = scope[childScopeAccessor];
       const args = getInput?.();
       if (typeof normalizedRenderer === "string") {
-        attrs(
+        (getContent ? attrs : attrsAndContent)(
           childScope,
           true ? `#${normalizedRenderer}/0` : 0,
           (inputIsArgs ? args[0] : args) || {}

package/dist/debug/dom.mjs

@@ -152,6 +152,132 @@ function stripSpacesAndPunctuation(str) {
 var DEFAULT_RUNTIME_ID = "M";
 var DEFAULT_RENDER_ID = "_";
 
+// src/dom/scope.ts
+function createScope($global, closestBranch) {
+  const scope = {
+    ___id: $global.___nextScopeId++,
+    ___creating: 1,
+    ___closestBranch: closestBranch,
+    $global
+  };
+  pendingScopes.push(scope);
+  return scope;
+}
+function skipScope(scope) {
+  return scope.$global.___nextScopeId++;
+}
+function findBranchWithKey(scope, key) {
+  let branch = scope.___closestBranch;
+  while (branch && !branch[key]) {
+    branch = branch.___parentBranch;
+  }
+  return branch;
+}
+function destroyBranch(branch) {
+  branch.___parentBranch?.___branchScopes?.delete(branch);
+  destroyNestedBranches(branch);
+}
+function destroyNestedBranches(branch) {
+  branch.___destroyed = 1;
+  branch.___branchScopes?.forEach(destroyNestedBranches);
+  branch.___abortScopes?.forEach((scope) => {
+    for (const id in scope.___abortControllers) {
+      scope.___abortControllers[id]?.abort();
+    }
+  });
+}
+function removeAndDestroyBranch(branch) {
+  destroyBranch(branch);
+  removeChildNodes(branch.___startNode, branch.___endNode);
+}
+function insertBranchBefore(branch, parentNode, nextSibling) {
+  insertChildNodes(
+    parentNode,
+    nextSibling,
+    branch.___startNode,
+    branch.___endNode
+  );
+}
+function tempDetachBranch(branch) {
+  const fragment = new DocumentFragment();
+  fragment.namespaceURI = branch.___startNode.parentNode.namespaceURI;
+  insertChildNodes(fragment, null, branch.___startNode, branch.___endNode);
+}
+
+// src/dom/walker.ts
+var walker = /* @__PURE__ */ document.createTreeWalker(document);
+function walk(startNode, walkCodes, branch) {
+  walker.currentNode = startNode;
+  walkInternal(0, walkCodes, branch);
+}
+function walkInternal(currentWalkIndex, walkCodes, scope) {
+  let value2;
+  let storedMultiplier = 0;
+  let currentMultiplier = 0;
+  let currentScopeIndex = 0;
+  for (; currentWalkIndex < walkCodes.length; ) {
+    value2 = walkCodes.charCodeAt(currentWalkIndex++);
+    currentMultiplier = storedMultiplier;
+    storedMultiplier = 0;
+    if (value2 === 32 /* Get */) {
+      const node = walker.currentNode;
+      scope[true ? getDebugKey(currentScopeIndex, walker.currentNode) : currentScopeIndex] = node;
+      scope["Getter:" /* Getter */ + (true ? getDebugKey(currentScopeIndex++, walker.currentNode) : currentScopeIndex++)] = () => node;
+    } else if (value2 === 37 /* Replace */ || value2 === 49 /* DynamicTagWithVar */) {
+      walker.currentNode.replaceWith(
+        walker.currentNode = scope[true ? getDebugKey(currentScopeIndex++, "#text") : currentScopeIndex++] = new Text()
+      );
+      if (value2 === 49 /* DynamicTagWithVar */) {
+        scope[true ? getDebugKey(currentScopeIndex++, "#scopeOffset") : currentScopeIndex++] = skipScope(scope);
+      }
+    } else if (value2 === 38 /* EndChild */) {
+      return currentWalkIndex;
+    } else if (value2 === 47 /* BeginChild */ || value2 === 48 /* BeginChildWithVar */) {
+      currentWalkIndex = walkInternal(
+        currentWalkIndex,
+        walkCodes,
+        scope[true ? getDebugKey(currentScopeIndex++, "#childScope") : currentScopeIndex++] = createScope(scope.$global, scope.___closestBranch)
+      );
+      if (value2 === 48 /* BeginChildWithVar */) {
+        scope[true ? getDebugKey(currentScopeIndex++, "#scopeOffset") : currentScopeIndex++] = skipScope(scope);
+      }
+    } else if (value2 < 91 /* NextEnd */ + 1) {
+      value2 = 20 /* Next */ * currentMultiplier + value2 - 67 /* Next */;
+      while (value2--) {
+        walker.nextNode();
+      }
+    } else if (value2 < 106 /* OverEnd */ + 1) {
+      value2 = 10 /* Over */ * currentMultiplier + value2 - 97 /* Over */;
+      while (value2--) {
+        walker.nextSibling();
+      }
+    } else if (value2 < 116 /* OutEnd */ + 1) {
+      value2 = 10 /* Out */ * currentMultiplier + value2 - 107 /* Out */;
+      while (value2--) {
+        walker.parentNode();
+      }
+      walker.nextSibling();
+    } else {
+      if (value2 < 117 /* Multiplier */ || value2 > 126 /* MultiplierEnd */) {
+        throw new Error(`Unknown walk code: ${value2}`);
+      }
+      storedMultiplier = currentMultiplier * 10 /* Multiplier */ + value2 - 117 /* Multiplier */;
+    }
+  }
+}
+function getDebugKey(index, node) {
+  if (typeof node === "string") {
+    return `${node}/${index}`;
+  } else if (node.nodeType === 3 /* Text */) {
+    return `#text/${index}`;
+  } else if (node.nodeType === 8 /* Comment */) {
+    return `#comment/${index}`;
+  } else if (node.nodeType === 1 /* Element */) {
+    return `#${node.tagName.toLowerCase()}/${index}`;
+  }
+  return index;
+}
+
 // src/dom/resume.ts
 var registeredValues = {};
 var branchesEnabled;
@@ -233,6 +359,10 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
                   );
                   curNode = endBranch(childScopeId, curNode).___endNode;
                   parentBranchIds.set(childScopeId, scopeId);
+                  if (visitToken === "'" /* BranchNativeTag */) {
+                    const childBranch = scopeLookup[childScopeId];
+                    childBranch[true ? getDebugKey(0, curNode) : 0] = childBranch.___startNode = childBranch.___endNode = curNode;
+                  }
                 }
               }
             },
@@ -643,58 +773,6 @@ function parseHTML(html2, ns) {
   return parser.content || parser;
 }
 
-// src/dom/scope.ts
-function createScope($global, closestBranch) {
-  const scope = {
-    ___id: $global.___nextScopeId++,
-    ___creating: 1,
-    ___closestBranch: closestBranch,
-    $global
-  };
-  pendingScopes.push(scope);
-  return scope;
-}
-function skipScope(scope) {
-  return scope.$global.___nextScopeId++;
-}
-function findBranchWithKey(scope, key) {
-  let branch = scope.___closestBranch;
-  while (branch && !branch[key]) {
-    branch = branch.___parentBranch;
-  }
-  return branch;
-}
-function destroyBranch(branch) {
-  branch.___parentBranch?.___branchScopes?.delete(branch);
-  destroyNestedBranches(branch);
-}
-function destroyNestedBranches(branch) {
-  branch.___destroyed = 1;
-  branch.___branchScopes?.forEach(destroyNestedBranches);
-  branch.___abortScopes?.forEach((scope) => {
-    for (const id in scope.___abortControllers) {
-      scope.___abortControllers[id]?.abort();
-    }
-  });
-}
-function removeAndDestroyBranch(branch) {
-  destroyBranch(branch);
-  removeChildNodes(branch.___startNode, branch.___endNode);
-}
-function insertBranchBefore(branch, parentNode, nextSibling) {
-  insertChildNodes(
-    parentNode,
-    nextSibling,
-    branch.___startNode,
-    branch.___endNode
-  );
-}
-function tempDetachBranch(branch) {
-  const fragment = new DocumentFragment();
-  fragment.namespaceURI = branch.___startNode.parentNode.namespaceURI;
-  insertChildNodes(fragment, null, branch.___startNode, branch.___endNode);
-}
-
 // src/dom/schedule.ts
 var runTask;
 var isScheduled;
@@ -930,80 +1008,6 @@ function hoist(...path) {
   };
 }
 
-// src/dom/walker.ts
-var walker = /* @__PURE__ */ document.createTreeWalker(document);
-function walk(startNode, walkCodes, branch) {
-  walker.currentNode = startNode;
-  walkInternal(0, walkCodes, branch);
-}
-function walkInternal(currentWalkIndex, walkCodes, scope) {
-  let value2;
-  let storedMultiplier = 0;
-  let currentMultiplier = 0;
-  let currentScopeIndex = 0;
-  for (; currentWalkIndex < walkCodes.length; ) {
-    value2 = walkCodes.charCodeAt(currentWalkIndex++);
-    currentMultiplier = storedMultiplier;
-    storedMultiplier = 0;
-    if (value2 === 32 /* Get */) {
-      const node = walker.currentNode;
-      scope[true ? getDebugKey(currentScopeIndex, walker.currentNode) : currentScopeIndex] = node;
-      scope["Getter:" /* Getter */ + (true ? getDebugKey(currentScopeIndex++, walker.currentNode) : currentScopeIndex++)] = () => node;
-    } else if (value2 === 37 /* Replace */ || value2 === 49 /* DynamicTagWithVar */) {
-      walker.currentNode.replaceWith(
-        walker.currentNode = scope[true ? getDebugKey(currentScopeIndex++, "#text") : currentScopeIndex++] = new Text()
-      );
-      if (value2 === 49 /* DynamicTagWithVar */) {
-        scope[true ? getDebugKey(currentScopeIndex++, "#scopeOffset") : currentScopeIndex++] = skipScope(scope);
-      }
-    } else if (value2 === 38 /* EndChild */) {
-      return currentWalkIndex;
-    } else if (value2 === 47 /* BeginChild */ || value2 === 48 /* BeginChildWithVar */) {
-      currentWalkIndex = walkInternal(
-        currentWalkIndex,
-        walkCodes,
-        scope[true ? getDebugKey(currentScopeIndex++, "#childScope") : currentScopeIndex++] = createScope(scope.$global, scope.___closestBranch)
-      );
-      if (value2 === 48 /* BeginChildWithVar */) {
-        scope[true ? getDebugKey(currentScopeIndex++, "#scopeOffset") : currentScopeIndex++] = skipScope(scope);
-      }
-    } else if (value2 < 91 /* NextEnd */ + 1) {
-      value2 = 20 /* Next */ * currentMultiplier + value2 - 67 /* Next */;
-      while (value2--) {
-        walker.nextNode();
-      }
-    } else if (value2 < 106 /* OverEnd */ + 1) {
-      value2 = 10 /* Over */ * currentMultiplier + value2 - 97 /* Over */;
-      while (value2--) {
-        walker.nextSibling();
-      }
-    } else if (value2 < 116 /* OutEnd */ + 1) {
-      value2 = 10 /* Out */ * currentMultiplier + value2 - 107 /* Out */;
-      while (value2--) {
-        walker.parentNode();
-      }
-      walker.nextSibling();
-    } else {
-      if (value2 < 117 /* Multiplier */ || value2 > 126 /* MultiplierEnd */) {
-        throw new Error(`Unknown walk code: ${value2}`);
-      }
-      storedMultiplier = currentMultiplier * 10 /* Multiplier */ + value2 - 117 /* Multiplier */;
-    }
-  }
-}
-function getDebugKey(index, node) {
-  if (typeof node === "string") {
-    return `${node}/${index}`;
-  } else if (node.nodeType === 3 /* Text */) {
-    return `#text/${index}`;
-  } else if (node.nodeType === 8 /* Comment */) {
-    return `#comment/${index}`;
-  } else if (node.nodeType === 1 /* Element */) {
-    return `#${node.tagName.toLowerCase()}/${index}`;
-  }
-  return index;
-}
-
 // src/dom/renderer.ts
 function createBranch($global, renderer, parentScope, parentNode) {
   const branch = createScope($global);
@@ -1781,7 +1785,7 @@ var dynamicTag = function dynamicTag2(nodeAccessor, getContent, getTagVar, input
       const childScope = scope[childScopeAccessor];
       const args = getInput?.();
       if (typeof normalizedRenderer === "string") {
-        attrs(
+        (getContent ? attrs : attrsAndContent)(
           childScope,
           true ? `#${normalizedRenderer}/0` : 0,
           (inputIsArgs ? args[0] : args) || {}

package/dist/debug/html.js

@@ -3128,48 +3128,51 @@ var dynamicTag = (scopeId, accessor, tag, inputOrArgs, content, inputIsArgs, ser
   let result;
   if (typeof renderer === "string") {
     const input = (inputIsArgs ? inputOrArgs[0] : inputOrArgs) || {};
-    const renderContent = content || normalizeDynamicRenderer(input.content);
     nextScopeId();
-    write(`<${renderer}${attrs(input, accessor, scopeId, renderer)}>`);
+    write(
+      `<${renderer}${attrs(input, true ? `#${renderer}/0` : 0, branchId, renderer)}>`
+    );
     if (!voidElementsReg.test(renderer)) {
-      const renderNativeTag = () => {
-        if (renderer === "textarea") {
-          if (content) {
-            throw new Error(
-              "A dynamic tag rendering a `<textarea>` cannot have `content` and must use the `value` attribute instead."
-            );
-          }
-          write(
-            controllable_textarea_value(
-              scopeId,
-              accessor,
-              input.value,
-              input.valueChange
-            )
+      const renderContent = content || normalizeDynamicRenderer(input.content);
+      if (renderer === "textarea") {
+        if (renderContent) {
+          throw new Error(
+            "A dynamic tag rendering a `<textarea>` cannot have `content` and must use the `value` attribute instead."
+          );
+        }
+        write(
+          controllable_textarea_value(
+            branchId,
+            true ? `#${renderer}/0` : 0,
+            input.value,
+            input.valueChange
+          )
+        );
+      } else if (renderContent) {
+        if (typeof renderContent !== "function") {
+          throw new Error(
+            `Body content is not supported for the \`<${renderer}>\` tag.`
+          );
+        }
+        if (renderer === "select" && ("value" in input || "valueChange" in input)) {
+          controllable_select_value(
+            branchId,
+            true ? `#${renderer}/0` : 0,
+            input.value,
+            input.valueChange,
+            renderContent
+          );
+        } else {
+          dynamicTag(
+            branchId,
+            true ? `#${renderer}/0` : 0,
+            renderContent,
+            [],
+            0,
+            1,
+            serializeReason
           );
-        } else if (renderContent) {
-          if (typeof renderContent !== "function") {
-            throw new Error(
-              `Body content is not supported for the \`<${renderer}>\` tag.`
-            );
-          }
-          if (renderer === "select" && ("value" in input || "valueChange" in input)) {
-            controllable_select_value(
-              scopeId,
-              accessor,
-              input.value,
-              input.valueChange,
-              renderContent
-            );
-          } else {
-            renderContent();
-          }
         }
-      };
-      if (shouldResume) {
-        withBranchId(branchId, renderNativeTag);
-      } else {
-        renderNativeTag();
       }
       write(`</${renderer}>`);
     } else if (content) {
@@ -3180,7 +3183,7 @@ var dynamicTag = (scopeId, accessor, tag, inputOrArgs, content, inputIsArgs, ser
     if (shouldResume) {
       write(
         state.mark(
-          "|" /* BranchSingleNode */,
+          "'" /* BranchNativeTag */,
           scopeId + " " + accessor + " " + branchId
         )
       );