@marko/runtime-tags 0.3.45 → 0.3.46

package/dist/common/types.d.ts

@@ -9,13 +9,13 @@ export interface BranchScope extends Scope {
     ___destroyed: 1 | undefined;
     ___abortScopes: Set<Scope> | undefined;
     ___branchScopes: Set<BranchScope> | undefined;
+    ___renderer: ClientRenderer | string;
 }
 export interface Scope {
     $global: Record<string, unknown>;
     _: Scope | undefined;
     ___args: unknown;
     ___pending: 1 | 0 | undefined;
-    ___renderer: ClientRenderer | undefined;
     ___abortControllers: Record<string | number, AbortController | void> | undefined;
     ___closestBranch: BranchScope | undefined;
     [x: string | number]: any;

package/dist/debug/dom.js

@@ -41,8 +41,8 @@ __export(dom_exports, {
   controllable_select_value_effect: () => controllable_select_value_effect,
   controllable_textarea_value: () => controllable_input_value,
   controllable_textarea_value_effect: () => controllable_input_value_effect,
+  createContent: () => createContent,
   createRenderer: () => createRenderer,
-  createRendererWithOwner: () => createRendererWithOwner,
   createTemplate: () => createTemplate,
   data: () => data,
   dynamicClosure: () => dynamicClosure,
@@ -69,6 +69,7 @@ __export(dom_exports, {
   props: () => props,
   register: () => register,
   registerBoundSignal: () => registerBoundSignal,
+  registerContent: () => registerContent,
   registerDynamicClosure: () => registerDynamicClosure,
   resetAbortSignal: () => resetAbortSignal,
   run: () => run,
@@ -735,9 +736,8 @@ function toValueProp(it) {
 var parsers = {};
 function parseHTML(html2, ns) {
   const parser = parsers[ns] ||= document.createElementNS(ns, "template");
-  const content = (parser.innerHTML = html2, parser.content || parser);
-  if (!content.firstChild) content.appendChild(new Text());
-  return content;
+  parser.innerHTML = html2;
+  return parser.content || parser;
 }
 
 // src/dom/dom.ts
@@ -922,7 +922,7 @@ function html(scope, value2, accessor) {
   insertChildNodes(
     parentNode,
     firstChild,
-    scope[accessor] = newContent.firstChild,
+    scope[accessor] = newContent.firstChild || newContent.appendChild(new Text()),
     scope[accessor + "-" /* DynamicPlaceholderLastChild */] = newContent.lastChild
   );
   removeChildNodes(firstChild, lastChild);
@@ -1635,38 +1635,25 @@ function getDebugKey(index, node) {
 }
 
 // src/dom/renderer.ts
-function createBranchScopeWithRenderer(renderer, $global, parentScope, parentNode) {
+function createBranchWithTagNameOrRenderer($global, tagNameOrRenderer, parentScope, parentNode) {
   const branch = createBranch(
     $global,
-    renderer.___owner || parentScope,
-    parentScope
+    tagNameOrRenderer,
+    parentScope,
+    parentNode
   );
-  if (true) {
-    branch.___renderer = renderer;
-  }
-  initBranch(renderer, branch, parentNode);
-  return branch;
-}
-function createBranchScopeWithTagNameOrRenderer(tagNameOrRenderer, $global, parentScope, parentNode) {
-  if (typeof tagNameOrRenderer !== "string") {
-    return createBranchScopeWithRenderer(
-      tagNameOrRenderer,
-      $global,
-      parentScope,
-      parentNode
+  if (typeof tagNameOrRenderer === "string") {
+    branch[true ? `#${tagNameOrRenderer}/0` : 0] = branch.___startNode = branch.___endNode = document.createElementNS(
+      tagNameOrRenderer === "svg" ? "http://www.w3.org/2000/svg" : tagNameOrRenderer === "math" ? "http://www.w3.org/1998/Math/MathML" : parentNode.namespaceURI,
+      tagNameOrRenderer
     );
   }
-  const branch = createBranch($global, parentScope, parentScope);
-  branch[true ? `#${tagNameOrRenderer}/0` : 0] = branch.___startNode = branch.___endNode = document.createElementNS(
-    tagNameOrRenderer === "svg" ? "http://www.w3.org/2000/svg" : tagNameOrRenderer === "math" ? "http://www.w3.org/1998/Math/MathML" : parentNode.namespaceURI,
-    tagNameOrRenderer
-  );
   return branch;
 }
-function createBranch($global, ownerScope, parentScope) {
+function createBranch($global, renderer, parentScope, parentNode) {
   const branch = createScope($global);
-  const parentBranch = parentScope.___closestBranch;
-  branch._ = ownerScope;
+  const parentBranch = parentScope?.___closestBranch;
+  branch._ = renderer.___owner || parentScope;
   branch.___closestBranch = branch;
   if (parentBranch) {
     branch.___branchDepth = parentBranch.___branchDepth + 1;
@@ -1675,34 +1662,32 @@ function createBranch($global, ownerScope, parentScope) {
   } else {
     branch.___branchDepth = 1;
   }
-  return branch;
-}
-function initBranch(renderer, branch, parentNode) {
-  const clone = renderer.___clone(parentNode.namespaceURI);
-  const cloneParent = clone.parentNode;
-  if (cloneParent) {
-    walk(cloneParent.firstChild, renderer.___walks, branch);
-    branch.___startNode = cloneParent.firstChild;
-    branch.___endNode = cloneParent.lastChild;
-  } else {
-    walk(clone, renderer.___walks, branch);
-    branch.___startNode = branch.___endNode = clone;
-  }
-  if (renderer.___setup) {
-    queueRender(branch, renderer.___setup);
+  if (true) {
+    branch.___renderer = renderer;
   }
+  renderer.___init?.(
+    branch,
+    parentNode.namespaceURI
+  );
+  return branch;
 }
-function createRendererWithOwner(template, rawWalks, setup, getArgs) {
+function createContent(id, template, rawWalks, setup, getArgs) {
   let args;
-  const id = true ? Symbol("Marko Renderer") : {};
-  const walks = rawWalks ? /* @__PURE__ */ trimWalkString(rawWalks) : " ";
+  const walks = rawWalks ? /* @__PURE__ */ trimWalkString(rawWalks) : "";
+  const init2 = template ? (branch, ns) => {
+    ((cloneCache[ns] ||= {})[template] ||= createCloneableHTML(
+      template,
+      ns
+    ))(branch, walks);
+    setup && queueRender(branch, setup);
+  } : (branch) => {
+    branch.___startNode = branch.___endNode = new Text();
+    setup && queueRender(branch, setup);
+  };
   return (owner) => {
     return {
       ___id: id,
-      ___template: template,
-      ___walks: walks,
-      ___setup: setup,
-      ___clone: _clone,
+      ___init: init2,
       ___owner: owner,
       get ___args() {
         return args ||= getArgs?.();
@@ -1710,21 +1695,29 @@ function createRendererWithOwner(template, rawWalks, setup, getArgs) {
     };
   };
 }
-function createRenderer(template, walks, setup, getArgs) {
-  return createRendererWithOwner(template, walks, setup, getArgs)();
+function registerContent(id, template, walks, setup, getArgs) {
+  return register(id, createContent(id, template, walks, setup, getArgs));
 }
-function _clone(ns) {
-  return ((cloneCache[ns] ||= {})[this.___template] ||= createCloneableHTML(
-    this.___template,
-    ns
-  ))();
+function createRenderer(template, walks, setup, getArgs) {
+  return createContent("", template, walks, setup, getArgs)();
 }
 var cloneCache = {};
 function createCloneableHTML(html2, ns) {
   const { firstChild, lastChild } = parseHTML(html2, ns);
   const parent = document.createElementNS(ns, "t");
   insertChildNodes(parent, null, firstChild, lastChild);
-  return firstChild === lastChild && firstChild.nodeType < 8 /* Comment */ ? () => firstChild.cloneNode(true) : () => parent.cloneNode(true).firstChild;
+  return firstChild === lastChild && firstChild.nodeType < 8 /* Comment */ ? (branch, walks) => {
+    walk(
+      branch.___startNode = branch.___endNode = firstChild.cloneNode(true),
+      walks,
+      branch
+    );
+  } : (branch, walks) => {
+    const clone = parent.cloneNode(true);
+    walk(clone.firstChild, walks, branch);
+    branch.___startNode = clone.firstChild;
+    branch.___endNode = clone.lastChild;
+  };
 }
 
 // src/dom/control-flow.ts
@@ -1736,7 +1729,7 @@ function conditional(nodeAccessor, ...branches) {
         scope,
         nodeAccessor,
         branches[scope[branchAccessor] = newBranch],
-        createBranchScopeWithRenderer
+        createBranch
       );
     }
   };
@@ -1762,7 +1755,7 @@ var dynamicTag = function dynamicTag2(nodeAccessor, getContent, getTagVar, input
           scope,
           nodeAccessor,
           newRenderer || (getContent ? getContent(scope) : void 0),
-          createBranchScopeWithTagNameOrRenderer
+          createBranchWithTagNameOrRenderer
         );
         if (getTagVar) {
           setTagVar(scope, childScopeAccessor, getTagVar());
@@ -1772,7 +1765,7 @@ var dynamicTag = function dynamicTag2(nodeAccessor, getContent, getTagVar, input
             scope[childScopeAccessor],
             true ? `#${newRenderer}/0` : 0,
             getContent(scope),
-            createBranchScopeWithRenderer
+            createBranch
           );
         }
       }
@@ -1803,7 +1796,7 @@ function setConditionalRenderer(scope, nodeAccessor, newRenderer, createBranch2)
   const referenceNode = scope[nodeAccessor];
   const prevBranch = scope[nodeAccessor + "!" /* ConditionalScope */];
   const parentNode = referenceNode.nodeType > 1 /* Element */ ? (prevBranch?.___startNode || referenceNode).parentNode : referenceNode;
-  const newBranch = scope[nodeAccessor + "!" /* ConditionalScope */] = newRenderer && createBranch2(newRenderer, scope.$global, scope, parentNode);
+  const newBranch = scope[nodeAccessor + "!" /* ConditionalScope */] = newRenderer && createBranch2(scope.$global, newRenderer, scope, parentNode);
   if (referenceNode === parentNode) {
     if (prevBranch) {
       destroyBranch(prevBranch);
@@ -1875,12 +1868,7 @@ function loop(nodeAccessor, renderer, forEach) {
       const newMap = scope[nodeAccessor + "(" /* LoopScopeMap */] = /* @__PURE__ */ new Map();
       const newArray = scope[nodeAccessor + "!" /* LoopScopeArray */] = [];
       forEach(valueOrOp, (key, args) => {
-        const branch = oldMap?.get(key) || createBranchScopeWithRenderer(
-          renderer,
-          scope.$global,
-          scope,
-          parentNode
-        );
+        const branch = oldMap?.get(key) || createBranch(scope.$global, renderer, scope, parentNode);
         params?.(branch, args);
         newMap.set(key, branch);
         newArray.push(branch);
@@ -1908,7 +1896,7 @@ function byFirstArg(name) {
   return name;
 }
 function isDifferentRenderer(a, b) {
-  return a !== b && (a?.___id || 0) !== b?.___id;
+  return a !== b || a?.___id !== b?.___id;
 }
 
 // src/dom/compat.ts
@@ -1929,7 +1917,7 @@ var compat = {
     return value2 === MARK || value2 === CLEAN || value2 === DIRTY;
   },
   isRenderer(renderer) {
-    return renderer.___clone;
+    return renderer.___init;
   },
   getStartNode(branch) {
     return branch.___startNode;
@@ -1959,8 +1947,12 @@ var compat = {
     return value2;
   },
   createRenderer(args, clone) {
-    const renderer = createRenderer("", 0, 0, () => args);
-    renderer.___clone = clone;
+    const renderer = createRenderer(0, 0, 0, () => args);
+    renderer.___init = (branch) => {
+      const cloned = clone();
+      branch.___startNode = cloned.startNode;
+      branch.___endNode = cloned.endNode;
+    };
     return renderer;
   },
   render(out, component, renderer, args) {
@@ -1983,9 +1975,12 @@ var compat = {
     }
     component.effects = prepareEffects(() => {
       if (!branch) {
-        branch = component.scope = createScope(out.global);
-        branch._ = renderer.___owner;
-        initBranch(renderer, branch, document.body);
+        branch = component.scope = createBranch(
+          out.global,
+          renderer,
+          renderer.___owner,
+          document.body
+        );
       } else {
         applyArgs(branch, MARK);
         existing = true;
@@ -2001,8 +1996,8 @@ function noop() {
 }
 
 // src/dom/template.ts
-var createTemplate = (templateId, ...rendererArgs) => {
-  const renderer = createRenderer(...rendererArgs);
+var createTemplate = (...contentArgs) => {
+  const renderer = createContent(...contentArgs)();
   renderer.mount = mount;
   renderer._ = renderer;
   if (true) {
@@ -2012,7 +2007,7 @@ var createTemplate = (templateId, ...rendererArgs) => {
       );
     };
   }
-  return register(templateId, renderer);
+  return register(contentArgs[0], renderer);
 };
 function mount(input = {}, reference, position) {
   let branch;
@@ -2047,8 +2042,7 @@ function mount(input = {}, reference, position) {
   }
   const args = this.___args;
   const effects = prepareEffects(() => {
-    branch = createScope($global);
-    initBranch(this, branch, parentNode);
+    branch = createBranch($global, this, void 0, parentNode);
     args?.(branch, [input]);
   });
   insertChildNodes(

package/dist/debug/dom.mjs

@@ -650,9 +650,8 @@ function toValueProp(it) {
 var parsers = {};
 function parseHTML(html2, ns) {
   const parser = parsers[ns] ||= document.createElementNS(ns, "template");
-  const content = (parser.innerHTML = html2, parser.content || parser);
-  if (!content.firstChild) content.appendChild(new Text());
-  return content;
+  parser.innerHTML = html2;
+  return parser.content || parser;
 }
 
 // src/dom/dom.ts
@@ -837,7 +836,7 @@ function html(scope, value2, accessor) {
   insertChildNodes(
     parentNode,
     firstChild,
-    scope[accessor] = newContent.firstChild,
+    scope[accessor] = newContent.firstChild || newContent.appendChild(new Text()),
     scope[accessor + "-" /* DynamicPlaceholderLastChild */] = newContent.lastChild
   );
   removeChildNodes(firstChild, lastChild);
@@ -1550,38 +1549,25 @@ function getDebugKey(index, node) {
 }
 
 // src/dom/renderer.ts
-function createBranchScopeWithRenderer(renderer, $global, parentScope, parentNode) {
+function createBranchWithTagNameOrRenderer($global, tagNameOrRenderer, parentScope, parentNode) {
   const branch = createBranch(
     $global,
-    renderer.___owner || parentScope,
-    parentScope
+    tagNameOrRenderer,
+    parentScope,
+    parentNode
   );
-  if (true) {
-    branch.___renderer = renderer;
-  }
-  initBranch(renderer, branch, parentNode);
-  return branch;
-}
-function createBranchScopeWithTagNameOrRenderer(tagNameOrRenderer, $global, parentScope, parentNode) {
-  if (typeof tagNameOrRenderer !== "string") {
-    return createBranchScopeWithRenderer(
-      tagNameOrRenderer,
-      $global,
-      parentScope,
-      parentNode
+  if (typeof tagNameOrRenderer === "string") {
+    branch[true ? `#${tagNameOrRenderer}/0` : 0] = branch.___startNode = branch.___endNode = document.createElementNS(
+      tagNameOrRenderer === "svg" ? "http://www.w3.org/2000/svg" : tagNameOrRenderer === "math" ? "http://www.w3.org/1998/Math/MathML" : parentNode.namespaceURI,
+      tagNameOrRenderer
     );
   }
-  const branch = createBranch($global, parentScope, parentScope);
-  branch[true ? `#${tagNameOrRenderer}/0` : 0] = branch.___startNode = branch.___endNode = document.createElementNS(
-    tagNameOrRenderer === "svg" ? "http://www.w3.org/2000/svg" : tagNameOrRenderer === "math" ? "http://www.w3.org/1998/Math/MathML" : parentNode.namespaceURI,
-    tagNameOrRenderer
-  );
   return branch;
 }
-function createBranch($global, ownerScope, parentScope) {
+function createBranch($global, renderer, parentScope, parentNode) {
   const branch = createScope($global);
-  const parentBranch = parentScope.___closestBranch;
-  branch._ = ownerScope;
+  const parentBranch = parentScope?.___closestBranch;
+  branch._ = renderer.___owner || parentScope;
   branch.___closestBranch = branch;
   if (parentBranch) {
     branch.___branchDepth = parentBranch.___branchDepth + 1;
@@ -1590,34 +1576,32 @@ function createBranch($global, ownerScope, parentScope) {
   } else {
     branch.___branchDepth = 1;
   }
-  return branch;
-}
-function initBranch(renderer, branch, parentNode) {
-  const clone = renderer.___clone(parentNode.namespaceURI);
-  const cloneParent = clone.parentNode;
-  if (cloneParent) {
-    walk(cloneParent.firstChild, renderer.___walks, branch);
-    branch.___startNode = cloneParent.firstChild;
-    branch.___endNode = cloneParent.lastChild;
-  } else {
-    walk(clone, renderer.___walks, branch);
-    branch.___startNode = branch.___endNode = clone;
-  }
-  if (renderer.___setup) {
-    queueRender(branch, renderer.___setup);
+  if (true) {
+    branch.___renderer = renderer;
   }
+  renderer.___init?.(
+    branch,
+    parentNode.namespaceURI
+  );
+  return branch;
 }
-function createRendererWithOwner(template, rawWalks, setup, getArgs) {
+function createContent(id, template, rawWalks, setup, getArgs) {
   let args;
-  const id = true ? Symbol("Marko Renderer") : {};
-  const walks = rawWalks ? /* @__PURE__ */ trimWalkString(rawWalks) : " ";
+  const walks = rawWalks ? /* @__PURE__ */ trimWalkString(rawWalks) : "";
+  const init2 = template ? (branch, ns) => {
+    ((cloneCache[ns] ||= {})[template] ||= createCloneableHTML(
+      template,
+      ns
+    ))(branch, walks);
+    setup && queueRender(branch, setup);
+  } : (branch) => {
+    branch.___startNode = branch.___endNode = new Text();
+    setup && queueRender(branch, setup);
+  };
   return (owner) => {
     return {
       ___id: id,
-      ___template: template,
-      ___walks: walks,
-      ___setup: setup,
-      ___clone: _clone,
+      ___init: init2,
       ___owner: owner,
       get ___args() {
         return args ||= getArgs?.();
@@ -1625,21 +1609,29 @@ function createRendererWithOwner(template, rawWalks, setup, getArgs) {
     };
   };
 }
-function createRenderer(template, walks, setup, getArgs) {
-  return createRendererWithOwner(template, walks, setup, getArgs)();
+function registerContent(id, template, walks, setup, getArgs) {
+  return register(id, createContent(id, template, walks, setup, getArgs));
 }
-function _clone(ns) {
-  return ((cloneCache[ns] ||= {})[this.___template] ||= createCloneableHTML(
-    this.___template,
-    ns
-  ))();
+function createRenderer(template, walks, setup, getArgs) {
+  return createContent("", template, walks, setup, getArgs)();
 }
 var cloneCache = {};
 function createCloneableHTML(html2, ns) {
   const { firstChild, lastChild } = parseHTML(html2, ns);
   const parent = document.createElementNS(ns, "t");
   insertChildNodes(parent, null, firstChild, lastChild);
-  return firstChild === lastChild && firstChild.nodeType < 8 /* Comment */ ? () => firstChild.cloneNode(true) : () => parent.cloneNode(true).firstChild;
+  return firstChild === lastChild && firstChild.nodeType < 8 /* Comment */ ? (branch, walks) => {
+    walk(
+      branch.___startNode = branch.___endNode = firstChild.cloneNode(true),
+      walks,
+      branch
+    );
+  } : (branch, walks) => {
+    const clone = parent.cloneNode(true);
+    walk(clone.firstChild, walks, branch);
+    branch.___startNode = clone.firstChild;
+    branch.___endNode = clone.lastChild;
+  };
 }
 
 // src/dom/control-flow.ts
@@ -1651,7 +1643,7 @@ function conditional(nodeAccessor, ...branches) {
         scope,
         nodeAccessor,
         branches[scope[branchAccessor] = newBranch],
-        createBranchScopeWithRenderer
+        createBranch
       );
     }
   };
@@ -1677,7 +1669,7 @@ var dynamicTag = function dynamicTag2(nodeAccessor, getContent, getTagVar, input
           scope,
           nodeAccessor,
           newRenderer || (getContent ? getContent(scope) : void 0),
-          createBranchScopeWithTagNameOrRenderer
+          createBranchWithTagNameOrRenderer
         );
         if (getTagVar) {
           setTagVar(scope, childScopeAccessor, getTagVar());
@@ -1687,7 +1679,7 @@ var dynamicTag = function dynamicTag2(nodeAccessor, getContent, getTagVar, input
             scope[childScopeAccessor],
             true ? `#${newRenderer}/0` : 0,
             getContent(scope),
-            createBranchScopeWithRenderer
+            createBranch
           );
         }
       }
@@ -1718,7 +1710,7 @@ function setConditionalRenderer(scope, nodeAccessor, newRenderer, createBranch2)
   const referenceNode = scope[nodeAccessor];
   const prevBranch = scope[nodeAccessor + "!" /* ConditionalScope */];
   const parentNode = referenceNode.nodeType > 1 /* Element */ ? (prevBranch?.___startNode || referenceNode).parentNode : referenceNode;
-  const newBranch = scope[nodeAccessor + "!" /* ConditionalScope */] = newRenderer && createBranch2(newRenderer, scope.$global, scope, parentNode);
+  const newBranch = scope[nodeAccessor + "!" /* ConditionalScope */] = newRenderer && createBranch2(scope.$global, newRenderer, scope, parentNode);
   if (referenceNode === parentNode) {
     if (prevBranch) {
       destroyBranch(prevBranch);
@@ -1790,12 +1782,7 @@ function loop(nodeAccessor, renderer, forEach) {
       const newMap = scope[nodeAccessor + "(" /* LoopScopeMap */] = /* @__PURE__ */ new Map();
       const newArray = scope[nodeAccessor + "!" /* LoopScopeArray */] = [];
       forEach(valueOrOp, (key, args) => {
-        const branch = oldMap?.get(key) || createBranchScopeWithRenderer(
-          renderer,
-          scope.$global,
-          scope,
-          parentNode
-        );
+        const branch = oldMap?.get(key) || createBranch(scope.$global, renderer, scope, parentNode);
         params?.(branch, args);
         newMap.set(key, branch);
         newArray.push(branch);
@@ -1823,7 +1810,7 @@ function byFirstArg(name) {
   return name;
 }
 function isDifferentRenderer(a, b) {
-  return a !== b && (a?.___id || 0) !== b?.___id;
+  return a !== b || a?.___id !== b?.___id;
 }
 
 // src/dom/compat.ts
@@ -1844,7 +1831,7 @@ var compat = {
     return value2 === MARK || value2 === CLEAN || value2 === DIRTY;
   },
   isRenderer(renderer) {
-    return renderer.___clone;
+    return renderer.___init;
   },
   getStartNode(branch) {
     return branch.___startNode;
@@ -1874,8 +1861,12 @@ var compat = {
     return value2;
   },
   createRenderer(args, clone) {
-    const renderer = createRenderer("", 0, 0, () => args);
-    renderer.___clone = clone;
+    const renderer = createRenderer(0, 0, 0, () => args);
+    renderer.___init = (branch) => {
+      const cloned = clone();
+      branch.___startNode = cloned.startNode;
+      branch.___endNode = cloned.endNode;
+    };
     return renderer;
   },
   render(out, component, renderer, args) {
@@ -1898,9 +1889,12 @@ var compat = {
     }
     component.effects = prepareEffects(() => {
       if (!branch) {
-        branch = component.scope = createScope(out.global);
-        branch._ = renderer.___owner;
-        initBranch(renderer, branch, document.body);
+        branch = component.scope = createBranch(
+          out.global,
+          renderer,
+          renderer.___owner,
+          document.body
+        );
       } else {
         applyArgs(branch, MARK);
         existing = true;
@@ -1916,8 +1910,8 @@ function noop() {
 }
 
 // src/dom/template.ts
-var createTemplate = (templateId, ...rendererArgs) => {
-  const renderer = createRenderer(...rendererArgs);
+var createTemplate = (...contentArgs) => {
+  const renderer = createContent(...contentArgs)();
   renderer.mount = mount;
   renderer._ = renderer;
   if (true) {
@@ -1927,7 +1921,7 @@ var createTemplate = (templateId, ...rendererArgs) => {
       );
     };
   }
-  return register(templateId, renderer);
+  return register(contentArgs[0], renderer);
 };
 function mount(input = {}, reference, position) {
   let branch;
@@ -1962,8 +1956,7 @@ function mount(input = {}, reference, position) {
   }
   const args = this.___args;
   const effects = prepareEffects(() => {
-    branch = createScope($global);
-    initBranch(this, branch, parentNode);
+    branch = createBranch($global, this, void 0, parentNode);
     args?.(branch, [input]);
   });
   insertChildNodes(
@@ -2011,8 +2004,8 @@ export {
   controllable_select_value_effect,
   controllable_input_value as controllable_textarea_value,
   controllable_input_value_effect as controllable_textarea_value_effect,
+  createContent,
   createRenderer,
-  createRendererWithOwner,
   createTemplate,
   data,
   dynamicClosure,
@@ -2039,6 +2032,7 @@ export {
   props,
   register,
   registerBoundSignal,
+  registerContent,
   registerDynamicClosure,
   resetAbortSignal,
   run,

package/dist/dom/compat.d.ts

@@ -16,6 +16,9 @@ export declare const compat: {
         runtimeId: string;
         componentIdPrefix: string;
     }): any;
-    createRenderer(args: NonNullable<Renderer["___args"]>, clone: Renderer["___clone"]): Renderer;
+    createRenderer(args: NonNullable<Renderer["___args"]>, clone: () => {
+        startNode: ChildNode;
+        endNode: ChildNode;
+    }): Renderer;
     render(out: any, component: any, renderer: Renderer, args: any): Node | undefined;
 };

package/dist/dom/control-flow.d.ts

@@ -4,7 +4,7 @@ import { type Signal, type SignalOp } from "./signals";
 export declare function conditional(nodeAccessor: Accessor, ...branches: Renderer[]): (scope: Scope, newBranch: number) => void;
 export declare function patchDynamicTag(fn: <T extends typeof dynamicTag>(cond: T) => T): void;
 export declare let dynamicTag: (nodeAccessor: Accessor, getContent?: ((scope: Scope) => Renderer) | 0, getTagVar?: (() => Signal<unknown>) | 0, inputIsArgs?: 1) => Signal<Renderer | string | undefined>;
-export declare function setConditionalRenderer<T>(scope: Scope, nodeAccessor: Accessor, newRenderer: T, createBranch: (renderer: NonNullable<T>, $global: Scope["$global"], parentScope: Scope, parentNode: ParentNode) => BranchScope): void;
+export declare function setConditionalRenderer<T>(scope: Scope, nodeAccessor: Accessor, newRenderer: T, createBranch: ($global: Scope["$global"], renderer: NonNullable<T>, parentScope: Scope, parentNode: ParentNode) => BranchScope): void;
 export declare function loopOf(nodeAccessor: Accessor, renderer: Renderer): (scope: Scope, valueOrOp: SignalOp | [all: unknown[], by?: ((item: unknown, index: number) => unknown) | undefined]) => void;
 export declare function loopIn(nodeAccessor: Accessor, renderer: Renderer): (scope: Scope, valueOrOp: SignalOp | [obj: {}, by?: ((key: string, v: unknown) => unknown) | undefined]) => void;
 export declare function loopTo(nodeAccessor: Accessor, renderer: Renderer): (scope: Scope, valueOrOp: SignalOp | [to: number, from: number, step: number, by?: ((v: number) => unknown) | undefined]) => void;

package/dist/dom/parse-html.d.ts

@@ -1,4 +1 @@
-export declare function parseHTML(html: string, ns: string): (DocumentFragment | Element) & {
-    firstChild: ChildNode;
-    lastChild: ChildNode;
-};
+export declare function parseHTML(html: string, ns: string): DocumentFragment;