@marko/runtime-tags 6.0.108 → 6.0.109

package/dist/debug/dom.js

@@ -57,7 +57,6 @@ __export(dom_exports, {
   _closure_get: () => _closure_get,
   _const: () => _const,
   _content: () => _content,
-  _content_branch: () => _content_branch,
   _content_closures: () => _content_closures,
   _content_resume: () => _content_resume,
   _dynamic_tag: () => _dynamic_tag,
@@ -1317,9 +1316,6 @@ function _content_closures(renderer, closureFns) {
     return instance;
   };
 }
-function _content_branch(template, walks, setup, params) {
-  return _content("", template, walks, setup, params)();
-}
 var cloneCache = {};
 function createCloneableHTML(html, ns) {
   const { firstChild, lastChild } = parseHTML(html, ns);
@@ -1792,10 +1788,11 @@ function longestIncreasingSubsequence(a) {
 }
 
 // src/dom/control-flow.ts
-function _await(nodeAccessor, renderer) {
+function _await(nodeAccessor, template, walks, setup, params) {
   if (false) nodeAccessor = decodeAccessor4(nodeAccessor);
   const promiseAccessor = "Promise:" /* Promise */ + nodeAccessor;
   const branchAccessor = "BranchScopes:" /* BranchScopes */ + nodeAccessor;
+  const renderer = _content("", template, walks, setup)();
   enableBranches();
   return (scope, promise) => {
     const referenceNode = scope[nodeAccessor];
@@ -1865,7 +1862,7 @@ function _await(nodeAccessor, renderer) {
                 );
                 referenceNode.remove();
               }
-              renderer.___params?.(awaitBranch, [data]);
+              params?.(awaitBranch, [data]);
               if (tryWithPlaceholder) {
                 placeholderShown.add(pendingEffects);
                 if (!--tryWithPlaceholder["#PendingAsyncCount" /* PendingAsyncCount */]) {
@@ -1904,15 +1901,16 @@ function _await(nodeAccessor, renderer) {
     );
   };
 }
-function _try(nodeAccessor, content) {
+function _try(nodeAccessor, template, walks, setup) {
   if (false) nodeAccessor = decodeAccessor4(nodeAccessor);
   const branchAccessor = "BranchScopes:" /* BranchScopes */ + nodeAccessor;
+  const renderer = _content("", template, walks, setup)();
   return (scope, input) => {
     if (!scope[branchAccessor]) {
       setConditionalRenderer(
         scope,
         nodeAccessor,
-        content,
+        renderer,
         createAndSetupBranch
       );
     }
@@ -1951,9 +1949,21 @@ function renderCatch(scope, error) {
     );
   }
 }
-function _if(nodeAccessor, ...branches) {
+function _if(nodeAccessor, ...branchesArgs) {
   if (false) nodeAccessor = decodeAccessor4(nodeAccessor);
   const branchAccessor = "ConditionalRenderer:" /* ConditionalRenderer */ + nodeAccessor;
+  const branches = [];
+  let i = 0;
+  while (i < branchesArgs.length) {
+    branches.push(
+      _content(
+        "",
+        branchesArgs[i++],
+        branchesArgs[i++],
+        branchesArgs[i++]
+      )()
+    );
+  }
   enableBranches();
   return (scope, newBranch) => {
     if (newBranch !== scope[branchAccessor]) {
@@ -2089,91 +2099,75 @@ function setConditionalRenderer(scope, nodeAccessor, newRenderer, createBranch2)
     referenceNode.remove();
   }
 }
-function _for_of(nodeAccessor, renderer) {
-  return loop(
-    nodeAccessor,
-    renderer,
-    ([all, by = bySecondArg], cb) => {
-      if (typeof by === "string") {
-        forOf(
-          all,
-          (item, i) => cb(item[by], [item, i])
-        );
-      } else {
-        forOf(all, (item, i) => cb(by(item, i), [item, i]));
-      }
-    }
-  );
-}
-function _for_in(nodeAccessor, renderer) {
-  return loop(
-    nodeAccessor,
-    renderer,
-    ([obj, by = byFirstArg], cb) => forIn(obj, (key, value) => cb(by(key, value), [key, value]))
-  );
-}
-function _for_to(nodeAccessor, renderer) {
-  return loop(
-    nodeAccessor,
-    renderer,
-    ([to, from, step, by = byFirstArg], cb) => forTo(to, from, step, (v) => cb(by(v), [v]))
-  );
-}
-function _for_until(nodeAccessor, renderer) {
-  return loop(
-    nodeAccessor,
-    renderer,
-    ([until, from, step, by = byFirstArg], cb) => forUntil(until, from, step, (v) => cb(by(v), [v]))
-  );
-}
-function loop(nodeAccessor, renderer, forEach) {
-  if (false) nodeAccessor = decodeAccessor4(nodeAccessor);
-  const params = renderer.___params;
-  const scopesAccessor = "BranchScopes:" /* BranchScopes */ + nodeAccessor;
-  const scopesByKeyAccessor = "BranchScopes:" /* BranchScopes */ + scopesAccessor;
-  enableBranches();
-  return (scope, value) => {
-    const referenceNode = scope[nodeAccessor];
-    const oldScopes = toArray(scope[scopesAccessor]);
-    const oldScopesByKey = scope[scopesByKeyAccessor] || oldScopes.reduce(
-      (map, scope2, i) => map.set(scope2["#LoopKey" /* LoopKey */] ?? i, scope2),
-      /* @__PURE__ */ new Map()
+var _for_of = loop(([all, by = bySecondArg], cb) => {
+  if (typeof by === "string") {
+    forOf(
+      all,
+      (item, i) => cb(item[by], [item, i])
     );
-    const newScopes = scope[scopesAccessor] = [];
-    const newScopesByKey = scope[scopesByKeyAccessor] = /* @__PURE__ */ new Map();
-    const parentNode = referenceNode.nodeType > 1 /* Element */ ? referenceNode.parentNode || oldScopes[0]?.["#StartNode" /* StartNode */].parentNode : referenceNode;
-    forEach(value, (key, args) => {
-      if (true) {
-        if (newScopesByKey.has(key)) {
-          console.error(
-            `A <for> tag's \`by\` attribute must return a unique value for each item, but a duplicate was found matching:`,
-            key
-          );
-        }
-      }
-      const branch = oldScopesByKey.get(key) || createAndSetupBranch(
-        scope["$global" /* Global */],
-        renderer,
-        scope,
-        parentNode
+  } else {
+    forOf(all, (item, i) => cb(by(item, i), [item, i]));
+  }
+});
+var _for_in = loop(
+  ([obj, by = byFirstArg], cb) => forIn(obj, (key, value) => cb(by(key, value), [key, value]))
+);
+var _for_to = loop(
+  ([to, from, step, by = byFirstArg], cb) => forTo(to, from, step, (v) => cb(by(v), [v]))
+);
+var _for_until = loop(
+  ([until, from, step, by = byFirstArg], cb) => forUntil(until, from, step, (v) => cb(by(v), [v]))
+);
+function loop(forEach) {
+  return (nodeAccessor, template, walks, setup, params) => {
+    if (false) nodeAccessor = decodeAccessor4(nodeAccessor);
+    const scopesAccessor = "BranchScopes:" /* BranchScopes */ + nodeAccessor;
+    const scopesByKeyAccessor = "BranchScopes:" /* BranchScopes */ + scopesAccessor;
+    const renderer = _content("", template, walks, setup)();
+    enableBranches();
+    return (scope, value) => {
+      const referenceNode = scope[nodeAccessor];
+      const oldScopes = toArray(scope[scopesAccessor]);
+      const oldScopesByKey = scope[scopesByKeyAccessor] || oldScopes.reduce(
+        (map, scope2, i) => map.set(scope2["#LoopKey" /* LoopKey */] ?? i, scope2),
+        /* @__PURE__ */ new Map()
       );
-      params?.(branch, args);
-      newScopesByKey.set(key, branch);
-      newScopes.push(branch);
-    });
-    let afterReference = null;
-    if (referenceNode !== parentNode) {
-      if (oldScopes.length) {
-        afterReference = oldScopes[oldScopes.length - 1]["#EndNode" /* EndNode */].nextSibling;
-        if (!newScopes.length) {
-          parentNode.insertBefore(referenceNode, afterReference);
+      const newScopes = scope[scopesAccessor] = [];
+      const newScopesByKey = scope[scopesByKeyAccessor] = /* @__PURE__ */ new Map();
+      const parentNode = referenceNode.nodeType > 1 /* Element */ ? referenceNode.parentNode || oldScopes[0]?.["#StartNode" /* StartNode */].parentNode : referenceNode;
+      forEach(value, (key, args) => {
+        if (true) {
+          if (newScopesByKey.has(key)) {
+            console.error(
+              `A <for> tag's \`by\` attribute must return a unique value for each item, but a duplicate was found matching:`,
+              key
+            );
+          }
+        }
+        const branch = oldScopesByKey.get(key) || createAndSetupBranch(
+          scope["$global" /* Global */],
+          renderer,
+          scope,
+          parentNode
+        );
+        params?.(branch, args);
+        newScopesByKey.set(key, branch);
+        newScopes.push(branch);
+      });
+      let afterReference = null;
+      if (referenceNode !== parentNode) {
+        if (oldScopes.length) {
+          afterReference = oldScopes[oldScopes.length - 1]["#EndNode" /* EndNode */].nextSibling;
+          if (!newScopes.length) {
+            parentNode.insertBefore(referenceNode, afterReference);
+          }
+        } else if (newScopes.length) {
+          afterReference = referenceNode.nextSibling;
+          referenceNode.remove();
         }
-      } else if (newScopes.length) {
-        afterReference = referenceNode.nextSibling;
-        referenceNode.remove();
       }
-    }
-    reconcile(parentNode, oldScopes, newScopes, afterReference);
+      reconcile(parentNode, oldScopes, newScopes, afterReference);
+    };
   };
 }
 function createBranchWithTagNameOrRenderer($global, tagNameOrRenderer, parentScope, parentNode) {
@@ -2416,7 +2410,7 @@ var compat = {
     return value;
   },
   createRenderer(params, clone) {
-    const renderer = _content_branch(0, 0, 0, params);
+    const renderer = _content("", 0, 0, 0, params)();
     renderer.___clone = (branch) => {
       const cloned = clone();
       branch["#StartNode" /* StartNode */] = cloned.startNode;

package/dist/debug/dom.mjs

@@ -1213,9 +1213,6 @@ function _content_closures(renderer, closureFns) {
     return instance;
   };
 }
-function _content_branch(template, walks, setup, params) {
-  return _content("", template, walks, setup, params)();
-}
 var cloneCache = {};
 function createCloneableHTML(html, ns) {
   const { firstChild, lastChild } = parseHTML(html, ns);
@@ -1688,10 +1685,11 @@ function longestIncreasingSubsequence(a) {
 }
 
 // src/dom/control-flow.ts
-function _await(nodeAccessor, renderer) {
+function _await(nodeAccessor, template, walks, setup, params) {
   if (false) nodeAccessor = decodeAccessor4(nodeAccessor);
   const promiseAccessor = "Promise:" /* Promise */ + nodeAccessor;
   const branchAccessor = "BranchScopes:" /* BranchScopes */ + nodeAccessor;
+  const renderer = _content("", template, walks, setup)();
   enableBranches();
   return (scope, promise) => {
     const referenceNode = scope[nodeAccessor];
@@ -1761,7 +1759,7 @@ function _await(nodeAccessor, renderer) {
                 );
                 referenceNode.remove();
               }
-              renderer.___params?.(awaitBranch, [data]);
+              params?.(awaitBranch, [data]);
               if (tryWithPlaceholder) {
                 placeholderShown.add(pendingEffects);
                 if (!--tryWithPlaceholder["#PendingAsyncCount" /* PendingAsyncCount */]) {
@@ -1800,15 +1798,16 @@ function _await(nodeAccessor, renderer) {
     );
   };
 }
-function _try(nodeAccessor, content) {
+function _try(nodeAccessor, template, walks, setup) {
   if (false) nodeAccessor = decodeAccessor4(nodeAccessor);
   const branchAccessor = "BranchScopes:" /* BranchScopes */ + nodeAccessor;
+  const renderer = _content("", template, walks, setup)();
   return (scope, input) => {
     if (!scope[branchAccessor]) {
       setConditionalRenderer(
         scope,
         nodeAccessor,
-        content,
+        renderer,
         createAndSetupBranch
       );
     }
@@ -1847,9 +1846,21 @@ function renderCatch(scope, error) {
     );
   }
 }
-function _if(nodeAccessor, ...branches) {
+function _if(nodeAccessor, ...branchesArgs) {
   if (false) nodeAccessor = decodeAccessor4(nodeAccessor);
   const branchAccessor = "ConditionalRenderer:" /* ConditionalRenderer */ + nodeAccessor;
+  const branches = [];
+  let i = 0;
+  while (i < branchesArgs.length) {
+    branches.push(
+      _content(
+        "",
+        branchesArgs[i++],
+        branchesArgs[i++],
+        branchesArgs[i++]
+      )()
+    );
+  }
   enableBranches();
   return (scope, newBranch) => {
     if (newBranch !== scope[branchAccessor]) {
@@ -1985,91 +1996,75 @@ function setConditionalRenderer(scope, nodeAccessor, newRenderer, createBranch2)
     referenceNode.remove();
   }
 }
-function _for_of(nodeAccessor, renderer) {
-  return loop(
-    nodeAccessor,
-    renderer,
-    ([all, by = bySecondArg], cb) => {
-      if (typeof by === "string") {
-        forOf(
-          all,
-          (item, i) => cb(item[by], [item, i])
-        );
-      } else {
-        forOf(all, (item, i) => cb(by(item, i), [item, i]));
-      }
-    }
-  );
-}
-function _for_in(nodeAccessor, renderer) {
-  return loop(
-    nodeAccessor,
-    renderer,
-    ([obj, by = byFirstArg], cb) => forIn(obj, (key, value) => cb(by(key, value), [key, value]))
-  );
-}
-function _for_to(nodeAccessor, renderer) {
-  return loop(
-    nodeAccessor,
-    renderer,
-    ([to, from, step, by = byFirstArg], cb) => forTo(to, from, step, (v) => cb(by(v), [v]))
-  );
-}
-function _for_until(nodeAccessor, renderer) {
-  return loop(
-    nodeAccessor,
-    renderer,
-    ([until, from, step, by = byFirstArg], cb) => forUntil(until, from, step, (v) => cb(by(v), [v]))
-  );
-}
-function loop(nodeAccessor, renderer, forEach) {
-  if (false) nodeAccessor = decodeAccessor4(nodeAccessor);
-  const params = renderer.___params;
-  const scopesAccessor = "BranchScopes:" /* BranchScopes */ + nodeAccessor;
-  const scopesByKeyAccessor = "BranchScopes:" /* BranchScopes */ + scopesAccessor;
-  enableBranches();
-  return (scope, value) => {
-    const referenceNode = scope[nodeAccessor];
-    const oldScopes = toArray(scope[scopesAccessor]);
-    const oldScopesByKey = scope[scopesByKeyAccessor] || oldScopes.reduce(
-      (map, scope2, i) => map.set(scope2["#LoopKey" /* LoopKey */] ?? i, scope2),
-      /* @__PURE__ */ new Map()
+var _for_of = loop(([all, by = bySecondArg], cb) => {
+  if (typeof by === "string") {
+    forOf(
+      all,
+      (item, i) => cb(item[by], [item, i])
     );
-    const newScopes = scope[scopesAccessor] = [];
-    const newScopesByKey = scope[scopesByKeyAccessor] = /* @__PURE__ */ new Map();
-    const parentNode = referenceNode.nodeType > 1 /* Element */ ? referenceNode.parentNode || oldScopes[0]?.["#StartNode" /* StartNode */].parentNode : referenceNode;
-    forEach(value, (key, args) => {
-      if (true) {
-        if (newScopesByKey.has(key)) {
-          console.error(
-            `A <for> tag's \`by\` attribute must return a unique value for each item, but a duplicate was found matching:`,
-            key
-          );
-        }
-      }
-      const branch = oldScopesByKey.get(key) || createAndSetupBranch(
-        scope["$global" /* Global */],
-        renderer,
-        scope,
-        parentNode
+  } else {
+    forOf(all, (item, i) => cb(by(item, i), [item, i]));
+  }
+});
+var _for_in = loop(
+  ([obj, by = byFirstArg], cb) => forIn(obj, (key, value) => cb(by(key, value), [key, value]))
+);
+var _for_to = loop(
+  ([to, from, step, by = byFirstArg], cb) => forTo(to, from, step, (v) => cb(by(v), [v]))
+);
+var _for_until = loop(
+  ([until, from, step, by = byFirstArg], cb) => forUntil(until, from, step, (v) => cb(by(v), [v]))
+);
+function loop(forEach) {
+  return (nodeAccessor, template, walks, setup, params) => {
+    if (false) nodeAccessor = decodeAccessor4(nodeAccessor);
+    const scopesAccessor = "BranchScopes:" /* BranchScopes */ + nodeAccessor;
+    const scopesByKeyAccessor = "BranchScopes:" /* BranchScopes */ + scopesAccessor;
+    const renderer = _content("", template, walks, setup)();
+    enableBranches();
+    return (scope, value) => {
+      const referenceNode = scope[nodeAccessor];
+      const oldScopes = toArray(scope[scopesAccessor]);
+      const oldScopesByKey = scope[scopesByKeyAccessor] || oldScopes.reduce(
+        (map, scope2, i) => map.set(scope2["#LoopKey" /* LoopKey */] ?? i, scope2),
+        /* @__PURE__ */ new Map()
       );
-      params?.(branch, args);
-      newScopesByKey.set(key, branch);
-      newScopes.push(branch);
-    });
-    let afterReference = null;
-    if (referenceNode !== parentNode) {
-      if (oldScopes.length) {
-        afterReference = oldScopes[oldScopes.length - 1]["#EndNode" /* EndNode */].nextSibling;
-        if (!newScopes.length) {
-          parentNode.insertBefore(referenceNode, afterReference);
+      const newScopes = scope[scopesAccessor] = [];
+      const newScopesByKey = scope[scopesByKeyAccessor] = /* @__PURE__ */ new Map();
+      const parentNode = referenceNode.nodeType > 1 /* Element */ ? referenceNode.parentNode || oldScopes[0]?.["#StartNode" /* StartNode */].parentNode : referenceNode;
+      forEach(value, (key, args) => {
+        if (true) {
+          if (newScopesByKey.has(key)) {
+            console.error(
+              `A <for> tag's \`by\` attribute must return a unique value for each item, but a duplicate was found matching:`,
+              key
+            );
+          }
+        }
+        const branch = oldScopesByKey.get(key) || createAndSetupBranch(
+          scope["$global" /* Global */],
+          renderer,
+          scope,
+          parentNode
+        );
+        params?.(branch, args);
+        newScopesByKey.set(key, branch);
+        newScopes.push(branch);
+      });
+      let afterReference = null;
+      if (referenceNode !== parentNode) {
+        if (oldScopes.length) {
+          afterReference = oldScopes[oldScopes.length - 1]["#EndNode" /* EndNode */].nextSibling;
+          if (!newScopes.length) {
+            parentNode.insertBefore(referenceNode, afterReference);
+          }
+        } else if (newScopes.length) {
+          afterReference = referenceNode.nextSibling;
+          referenceNode.remove();
         }
-      } else if (newScopes.length) {
-        afterReference = referenceNode.nextSibling;
-        referenceNode.remove();
       }
-    }
-    reconcile(parentNode, oldScopes, newScopes, afterReference);
+      reconcile(parentNode, oldScopes, newScopes, afterReference);
+    };
   };
 }
 function createBranchWithTagNameOrRenderer($global, tagNameOrRenderer, parentScope, parentNode) {
@@ -2312,7 +2307,7 @@ var compat = {
     return value;
   },
   createRenderer(params, clone) {
-    const renderer = _content_branch(0, 0, 0, params);
+    const renderer = _content("", 0, 0, 0, params)();
     renderer.___clone = (branch) => {
       const cloned = clone();
       branch["#StartNode" /* StartNode */] = cloned.startNode;
@@ -2499,7 +2494,6 @@ export {
   _closure_get,
   _const,
   _content,
-  _content_branch,
   _content_closures,
   _content_resume,
   _dynamic_tag,

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

@@ -1,18 +1,18 @@
 import { type Accessor, AccessorProp, type BranchScope, type EncodedAccessor, type Scope } from "../common/types";
-import { type Renderer } from "./renderer";
+import { type Renderer, type SetupFn } from "./renderer";
 import { type Signal } from "./signals";
-export declare function _await(nodeAccessor: EncodedAccessor, renderer: Renderer): (scope: Scope, promise: Promise<unknown>) => void;
-export declare function _try(nodeAccessor: EncodedAccessor, content: Renderer): (scope: Scope, input: {
+export declare function _await(nodeAccessor: EncodedAccessor, template?: string | 0, walks?: string | 0, setup?: SetupFn | 0, params?: Signal<unknown>): (scope: Scope, promise: Promise<unknown>) => void;
+export declare function _try(nodeAccessor: EncodedAccessor, template?: string | 0, walks?: string | 0, setup?: SetupFn | 0): (scope: Scope, input: {
     catch: unknown;
     placeholder: unknown;
 }) => void;
 export declare function renderCatch(scope: Scope, error: unknown): void;
-export declare function _if(nodeAccessor: EncodedAccessor, ...branches: Renderer[]): (scope: Scope, newBranch: number) => void;
+export declare function _if(nodeAccessor: EncodedAccessor, ...branchesArgs: (string | SetupFn | 0)[]): (scope: Scope, newBranch: number) => void;
 export declare function patchDynamicTag(fn: <T extends typeof _dynamic_tag>(cond: T) => T): void;
 export declare let _dynamic_tag: (nodeAccessor: EncodedAccessor, getContent?: ((scope: Scope) => Renderer) | 0, getTagVar?: (() => Signal<unknown>) | 0, inputIsArgs?: 1) => Signal<Renderer | string | undefined>;
 export declare function _resume_dynamic_tag(): void;
 export declare function setConditionalRenderer<T>(scope: Scope, nodeAccessor: Accessor, newRenderer: T, createBranch: ($global: Scope[AccessorProp.Global], renderer: NonNullable<T>, parentScope: Scope, parentNode: ParentNode) => BranchScope): void;
-export declare function _for_of(nodeAccessor: Accessor, renderer: Renderer): (scope: Scope, value: [all: unknown[], by?: ((item: unknown, index: number) => unknown) | undefined]) => void;
-export declare function _for_in(nodeAccessor: Accessor, renderer: Renderer): (scope: Scope, value: [obj: {}, by?: ((key: string, v: unknown) => unknown) | undefined]) => void;
-export declare function _for_to(nodeAccessor: Accessor, renderer: Renderer): (scope: Scope, value: [to: number, from: number, step: number, by?: ((v: number) => unknown) | undefined]) => void;
-export declare function _for_until(nodeAccessor: Accessor, renderer: Renderer): (scope: Scope, value: [until: number, from: number, step: number, by?: ((v: number) => unknown) | undefined]) => void;
+export declare const _for_of: (nodeAccessor: EncodedAccessor, template?: string | 0, walks?: string | 0, setup?: SetupFn | 0, params?: Signal<unknown>) => (scope: Scope, value: [all: unknown[], by?: ((item: unknown, index: number) => unknown) | undefined]) => void;
+export declare const _for_in: (nodeAccessor: EncodedAccessor, template?: string | 0, walks?: string | 0, setup?: SetupFn | 0, params?: Signal<unknown>) => (scope: Scope, value: [obj: {}, by?: ((key: string, v: unknown) => unknown) | undefined]) => void;
+export declare const _for_to: (nodeAccessor: EncodedAccessor, template?: string | 0, walks?: string | 0, setup?: SetupFn | 0, params?: Signal<unknown>) => (scope: Scope, value: [to: number, from: number, step: number, by?: ((v: number) => unknown) | undefined]) => void;
+export declare const _for_until: (nodeAccessor: EncodedAccessor, template?: string | 0, walks?: string | 0, setup?: SetupFn | 0, params?: Signal<unknown>) => (scope: Scope, value: [until: number, from: number, step: number, by?: ((v: number) => unknown) | undefined]) => void;

package/dist/dom/renderer.d.ts

@@ -10,14 +10,12 @@ export type Renderer = {
     ___localClosures?: Record<Accessor, Signal<unknown>>;
     ___localClosureValues?: Record<Accessor, unknown>;
 };
-type SetupFn = (scope: Scope) => void;
+export type SetupFn = (scope: Scope) => void;
 export declare function createBranch($global: Scope[AccessorProp.Global], renderer: Renderer | string, parentScope: Scope | undefined, parentNode: ParentNode): BranchScope;
 export declare function createAndSetupBranch($global: Scope[AccessorProp.Global], renderer: Renderer, parentScope: Scope | undefined, parentNode: ParentNode): BranchScope;
 export declare function setupBranch(renderer: Renderer, branch: BranchScope): BranchScope;
-export declare function _content(id: string, template: string | 0, walks?: string | 0, setup?: {
+export declare function _content(id: string, template?: string | 0, walks?: string | 0, setup?: {
     _: Signal<unknown>;
 } | SetupFn | 0, params?: Signal<unknown> | 0, dynamicScopesAccessor?: Accessor): (owner?: Scope) => Renderer;
 export declare function _content_resume(id: string, template: string | 0, walks?: string | 0, setup?: SetupFn | 0, params?: Signal<unknown> | 0, dynamicScopesAccessor?: Accessor): (owner?: Scope) => Renderer;
 export declare function _content_closures(renderer: ReturnType<typeof _content>, closureFns: Record<Accessor, SignalFn>): (owner: Scope, closureValues: Record<Accessor, unknown>) => Renderer;
-export declare function _content_branch(template: string | 0, walks?: string | 0, setup?: SetupFn | 0, params?: Signal<unknown> | 0): Renderer;
-export {};

package/dist/dom.d.ts

@@ -9,7 +9,7 @@ export { _attr_details_or_dialog_open as _attr_details_open, _attr_details_or_di
 export { _attr, _attr_class, _attr_class_item, _attr_class_items, _attr_content, _attr_style, _attr_style_item, _attr_style_items, _attrs, _attrs_content, _attrs_partial, _attrs_partial_content, _attrs_script, _html, _lifecycle, _text, _text_content, } from "./dom/dom";
 export { _on } from "./dom/event";
 export { _enable_catch as _enable_catch, run } from "./dom/queue";
-export { _content, _content_branch, _content_closures, _content_resume, } from "./dom/renderer";
+export { _content, _content_closures, _content_resume } from "./dom/renderer";
 export { _el, _resume, _var_resume, init } from "./dom/resume";
 export { _child_setup, _closure, _closure_get, _const, _el_read, _for_closure, _hoist, _id, _if_closure, _let, _or, _return, _return_change, _script, _var, _var_change, } from "./dom/signals";
 export { _template } from "./dom/template";

package/dist/dom.js

@@ -54,7 +54,6 @@ __export(dom_exports, {
   _closure_get: () => _closure_get,
   _const: () => _const,
   _content: () => _content,
-  _content_branch: () => _content_branch,
   _content_closures: () => _content_closures,
   _content_resume: () => _content_resume,
   _dynamic_tag: () => _dynamic_tag,
@@ -815,9 +814,6 @@ function _content_closures(renderer, closureFns) {
     return instance.l = closureSignals, instance.o = closureValues, instance;
   };
 }
-function _content_branch(template, walks, setup, params) {
-  return _content("", template, walks, setup, params)();
-}
 var cloneCache = {};
 function createCloneableHTML(html, ns) {
   let { firstChild, lastChild } = parseHTML(html, ns), parent = document.createElementNS(ns, "t");
@@ -1121,9 +1117,9 @@ function longestIncreasingSubsequence(a) {
 }
 
 // src/dom/control-flow.ts
-function _await(nodeAccessor, renderer) {
+function _await(nodeAccessor, template, walks, setup, params) {
   nodeAccessor = decodeAccessor(nodeAccessor);
-  let promiseAccessor = "L" /* Promise */ + nodeAccessor, branchAccessor = "A" /* BranchScopes */ + nodeAccessor;
+  let promiseAccessor = "L" /* Promise */ + nodeAccessor, branchAccessor = "A" /* BranchScopes */ + nodeAccessor, renderer = _content("", template, walks, setup)();
   return enableBranches(), (scope, promise) => {
     let referenceNode = scope[nodeAccessor], tryWithPlaceholder = findBranchWithKey(
       scope,
@@ -1170,7 +1166,7 @@ function _await(nodeAccessor, renderer) {
               ),
               referenceNode.parentNode,
               referenceNode
-            ), referenceNode.remove()), renderer.a?.(awaitBranch, [data]), tryWithPlaceholder && (placeholderShown.add(pendingEffects), !--tryWithPlaceholder.O)) {
+            ), referenceNode.remove()), params?.(awaitBranch, [data]), tryWithPlaceholder && (placeholderShown.add(pendingEffects), !--tryWithPlaceholder.O)) {
               let placeholderBranch = tryWithPlaceholder.P;
               tryWithPlaceholder.P = 0, placeholderBranch && (placeholderBranch.S.parentNode.insertBefore(
                 tryWithPlaceholder.S.parentNode,
@@ -1190,14 +1186,14 @@ function _await(nodeAccessor, renderer) {
     );
   };
 }
-function _try(nodeAccessor, content) {
+function _try(nodeAccessor, template, walks, setup) {
   nodeAccessor = decodeAccessor(nodeAccessor);
-  let branchAccessor = "A" /* BranchScopes */ + nodeAccessor;
+  let branchAccessor = "A" /* BranchScopes */ + nodeAccessor, renderer = _content("", template, walks, setup)();
   return (scope, input) => {
     scope[branchAccessor] || setConditionalRenderer(
       scope,
       nodeAccessor,
-      content,
+      renderer,
       createAndSetupBranch
     );
     let branch = scope[branchAccessor];
@@ -1222,9 +1218,18 @@ function renderCatch(scope, error) {
   } else
     throw error;
 }
-function _if(nodeAccessor, ...branches) {
+function _if(nodeAccessor, ...branchesArgs) {
   nodeAccessor = decodeAccessor(nodeAccessor);
-  let branchAccessor = "D" /* ConditionalRenderer */ + nodeAccessor;
+  let branchAccessor = "D" /* ConditionalRenderer */ + nodeAccessor, branches = [], i = 0;
+  for (; i < branchesArgs.length; )
+    branches.push(
+      _content(
+        "",
+        branchesArgs[i++],
+        branchesArgs[i++],
+        branchesArgs[i++]
+      )()
+    );
   return enableBranches(), (scope, newBranch) => {
     newBranch !== scope[branchAccessor] && setConditionalRenderer(
       scope,
@@ -1318,58 +1323,39 @@ function setConditionalRenderer(scope, nodeAccessor, newRenderer, createBranch2)
     prevBranch.S
   ), removeAndDestroyBranch(prevBranch)) : newBranch && (insertBranchBefore(newBranch, parentNode, referenceNode), referenceNode.remove());
 }
-function _for_of(nodeAccessor, renderer) {
-  return loop(
-    nodeAccessor,
-    renderer,
-    ([all, by = bySecondArg], cb) => {
-      typeof by == "string" ? forOf(
-        all,
-        (item, i) => cb(item[by], [item, i])
-      ) : forOf(all, (item, i) => cb(by(item, i), [item, i]));
-    }
-  );
-}
-function _for_in(nodeAccessor, renderer) {
-  return loop(
-    nodeAccessor,
-    renderer,
-    ([obj, by = byFirstArg], cb) => forIn(obj, (key, value) => cb(by(key, value), [key, value]))
-  );
-}
-function _for_to(nodeAccessor, renderer) {
-  return loop(
-    nodeAccessor,
-    renderer,
-    ([to, from, step, by = byFirstArg], cb) => forTo(to, from, step, (v) => cb(by(v), [v]))
-  );
-}
-function _for_until(nodeAccessor, renderer) {
-  return loop(
-    nodeAccessor,
-    renderer,
-    ([until, from, step, by = byFirstArg], cb) => forUntil(until, from, step, (v) => cb(by(v), [v]))
-  );
-}
-function loop(nodeAccessor, renderer, forEach) {
-  nodeAccessor = decodeAccessor(nodeAccessor);
-  let params = renderer.a, scopesAccessor = "A" /* BranchScopes */ + nodeAccessor, scopesByKeyAccessor = "A" /* BranchScopes */ + scopesAccessor;
-  return enableBranches(), (scope, value) => {
-    let referenceNode = scope[nodeAccessor], oldScopes = toArray(scope[scopesAccessor]), oldScopesByKey = scope[scopesByKeyAccessor] || oldScopes.reduce(
-      (map, scope2, i) => map.set(scope2.M ?? i, scope2),
-      /* @__PURE__ */ new Map()
-    ), newScopes = scope[scopesAccessor] = [], newScopesByKey = scope[scopesByKeyAccessor] = /* @__PURE__ */ new Map(), parentNode = referenceNode.nodeType > 1 /* Element */ ? referenceNode.parentNode || oldScopes[0]?.S.parentNode : referenceNode;
-    forEach(value, (key, args) => {
-      let branch = oldScopesByKey.get(key) || createAndSetupBranch(
-        scope.$,
-        renderer,
-        scope,
-        parentNode
-      );
-      params?.(branch, args), newScopesByKey.set(key, branch), newScopes.push(branch);
-    });
-    let afterReference = null;
-    referenceNode !== parentNode && (oldScopes.length ? (afterReference = oldScopes[oldScopes.length - 1].K.nextSibling, newScopes.length || parentNode.insertBefore(referenceNode, afterReference)) : newScopes.length && (afterReference = referenceNode.nextSibling, referenceNode.remove())), reconcile(parentNode, oldScopes, newScopes, afterReference);
+var _for_of = loop(([all, by = bySecondArg], cb) => {
+  typeof by == "string" ? forOf(
+    all,
+    (item, i) => cb(item[by], [item, i])
+  ) : forOf(all, (item, i) => cb(by(item, i), [item, i]));
+}), _for_in = loop(
+  ([obj, by = byFirstArg], cb) => forIn(obj, (key, value) => cb(by(key, value), [key, value]))
+), _for_to = loop(
+  ([to, from, step, by = byFirstArg], cb) => forTo(to, from, step, (v) => cb(by(v), [v]))
+), _for_until = loop(
+  ([until, from, step, by = byFirstArg], cb) => forUntil(until, from, step, (v) => cb(by(v), [v]))
+);
+function loop(forEach) {
+  return (nodeAccessor, template, walks, setup, params) => {
+    nodeAccessor = decodeAccessor(nodeAccessor);
+    let scopesAccessor = "A" /* BranchScopes */ + nodeAccessor, scopesByKeyAccessor = "A" /* BranchScopes */ + scopesAccessor, renderer = _content("", template, walks, setup)();
+    return enableBranches(), (scope, value) => {
+      let referenceNode = scope[nodeAccessor], oldScopes = toArray(scope[scopesAccessor]), oldScopesByKey = scope[scopesByKeyAccessor] || oldScopes.reduce(
+        (map, scope2, i) => map.set(scope2.M ?? i, scope2),
+        /* @__PURE__ */ new Map()
+      ), newScopes = scope[scopesAccessor] = [], newScopesByKey = scope[scopesByKeyAccessor] = /* @__PURE__ */ new Map(), parentNode = referenceNode.nodeType > 1 /* Element */ ? referenceNode.parentNode || oldScopes[0]?.S.parentNode : referenceNode;
+      forEach(value, (key, args) => {
+        let branch = oldScopesByKey.get(key) || createAndSetupBranch(
+          scope.$,
+          renderer,
+          scope,
+          parentNode
+        );
+        params?.(branch, args), newScopesByKey.set(key, branch), newScopes.push(branch);
+      });
+      let afterReference = null;
+      referenceNode !== parentNode && (oldScopes.length ? (afterReference = oldScopes[oldScopes.length - 1].K.nextSibling, newScopes.length || parentNode.insertBefore(referenceNode, afterReference)) : newScopes.length && (afterReference = referenceNode.nextSibling, referenceNode.remove())), reconcile(parentNode, oldScopes, newScopes, afterReference);
+    };
   };
 }
 function createBranchWithTagNameOrRenderer($global, tagNameOrRenderer, parentScope, parentNode) {
@@ -1532,7 +1518,7 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
     ) : value;
   },
   createRenderer(params, clone) {
-    let renderer = _content_branch(0, 0, 0, params);
+    let renderer = _content("", 0, 0, 0, params)();
     return renderer.f = (branch) => {
       let cloned = clone();
       branch.S = cloned.startNode, branch.K = cloned.endNode;

package/dist/dom.mjs

@@ -714,9 +714,6 @@ function _content_closures(renderer, closureFns) {
     return instance.l = closureSignals, instance.o = closureValues, instance;
   };
 }
-function _content_branch(template, walks, setup, params) {
-  return _content("", template, walks, setup, params)();
-}
 var cloneCache = {};
 function createCloneableHTML(html, ns) {
   let { firstChild, lastChild } = parseHTML(html, ns), parent = document.createElementNS(ns, "t");
@@ -1020,9 +1017,9 @@ function longestIncreasingSubsequence(a) {
 }
 
 // src/dom/control-flow.ts
-function _await(nodeAccessor, renderer) {
+function _await(nodeAccessor, template, walks, setup, params) {
   nodeAccessor = decodeAccessor(nodeAccessor);
-  let promiseAccessor = "L" /* Promise */ + nodeAccessor, branchAccessor = "A" /* BranchScopes */ + nodeAccessor;
+  let promiseAccessor = "L" /* Promise */ + nodeAccessor, branchAccessor = "A" /* BranchScopes */ + nodeAccessor, renderer = _content("", template, walks, setup)();
   return enableBranches(), (scope, promise) => {
     let referenceNode = scope[nodeAccessor], tryWithPlaceholder = findBranchWithKey(
       scope,
@@ -1069,7 +1066,7 @@ function _await(nodeAccessor, renderer) {
               ),
               referenceNode.parentNode,
               referenceNode
-            ), referenceNode.remove()), renderer.a?.(awaitBranch, [data]), tryWithPlaceholder && (placeholderShown.add(pendingEffects), !--tryWithPlaceholder.O)) {
+            ), referenceNode.remove()), params?.(awaitBranch, [data]), tryWithPlaceholder && (placeholderShown.add(pendingEffects), !--tryWithPlaceholder.O)) {
               let placeholderBranch = tryWithPlaceholder.P;
               tryWithPlaceholder.P = 0, placeholderBranch && (placeholderBranch.S.parentNode.insertBefore(
                 tryWithPlaceholder.S.parentNode,
@@ -1089,14 +1086,14 @@ function _await(nodeAccessor, renderer) {
     );
   };
 }
-function _try(nodeAccessor, content) {
+function _try(nodeAccessor, template, walks, setup) {
   nodeAccessor = decodeAccessor(nodeAccessor);
-  let branchAccessor = "A" /* BranchScopes */ + nodeAccessor;
+  let branchAccessor = "A" /* BranchScopes */ + nodeAccessor, renderer = _content("", template, walks, setup)();
   return (scope, input) => {
     scope[branchAccessor] || setConditionalRenderer(
       scope,
       nodeAccessor,
-      content,
+      renderer,
       createAndSetupBranch
     );
     let branch = scope[branchAccessor];
@@ -1121,9 +1118,18 @@ function renderCatch(scope, error) {
   } else
     throw error;
 }
-function _if(nodeAccessor, ...branches) {
+function _if(nodeAccessor, ...branchesArgs) {
   nodeAccessor = decodeAccessor(nodeAccessor);
-  let branchAccessor = "D" /* ConditionalRenderer */ + nodeAccessor;
+  let branchAccessor = "D" /* ConditionalRenderer */ + nodeAccessor, branches = [], i = 0;
+  for (; i < branchesArgs.length; )
+    branches.push(
+      _content(
+        "",
+        branchesArgs[i++],
+        branchesArgs[i++],
+        branchesArgs[i++]
+      )()
+    );
   return enableBranches(), (scope, newBranch) => {
     newBranch !== scope[branchAccessor] && setConditionalRenderer(
       scope,
@@ -1217,58 +1223,39 @@ function setConditionalRenderer(scope, nodeAccessor, newRenderer, createBranch2)
     prevBranch.S
   ), removeAndDestroyBranch(prevBranch)) : newBranch && (insertBranchBefore(newBranch, parentNode, referenceNode), referenceNode.remove());
 }
-function _for_of(nodeAccessor, renderer) {
-  return loop(
-    nodeAccessor,
-    renderer,
-    ([all, by = bySecondArg], cb) => {
-      typeof by == "string" ? forOf(
-        all,
-        (item, i) => cb(item[by], [item, i])
-      ) : forOf(all, (item, i) => cb(by(item, i), [item, i]));
-    }
-  );
-}
-function _for_in(nodeAccessor, renderer) {
-  return loop(
-    nodeAccessor,
-    renderer,
-    ([obj, by = byFirstArg], cb) => forIn(obj, (key, value) => cb(by(key, value), [key, value]))
-  );
-}
-function _for_to(nodeAccessor, renderer) {
-  return loop(
-    nodeAccessor,
-    renderer,
-    ([to, from, step, by = byFirstArg], cb) => forTo(to, from, step, (v) => cb(by(v), [v]))
-  );
-}
-function _for_until(nodeAccessor, renderer) {
-  return loop(
-    nodeAccessor,
-    renderer,
-    ([until, from, step, by = byFirstArg], cb) => forUntil(until, from, step, (v) => cb(by(v), [v]))
-  );
-}
-function loop(nodeAccessor, renderer, forEach) {
-  nodeAccessor = decodeAccessor(nodeAccessor);
-  let params = renderer.a, scopesAccessor = "A" /* BranchScopes */ + nodeAccessor, scopesByKeyAccessor = "A" /* BranchScopes */ + scopesAccessor;
-  return enableBranches(), (scope, value) => {
-    let referenceNode = scope[nodeAccessor], oldScopes = toArray(scope[scopesAccessor]), oldScopesByKey = scope[scopesByKeyAccessor] || oldScopes.reduce(
-      (map, scope2, i) => map.set(scope2.M ?? i, scope2),
-      /* @__PURE__ */ new Map()
-    ), newScopes = scope[scopesAccessor] = [], newScopesByKey = scope[scopesByKeyAccessor] = /* @__PURE__ */ new Map(), parentNode = referenceNode.nodeType > 1 /* Element */ ? referenceNode.parentNode || oldScopes[0]?.S.parentNode : referenceNode;
-    forEach(value, (key, args) => {
-      let branch = oldScopesByKey.get(key) || createAndSetupBranch(
-        scope.$,
-        renderer,
-        scope,
-        parentNode
-      );
-      params?.(branch, args), newScopesByKey.set(key, branch), newScopes.push(branch);
-    });
-    let afterReference = null;
-    referenceNode !== parentNode && (oldScopes.length ? (afterReference = oldScopes[oldScopes.length - 1].K.nextSibling, newScopes.length || parentNode.insertBefore(referenceNode, afterReference)) : newScopes.length && (afterReference = referenceNode.nextSibling, referenceNode.remove())), reconcile(parentNode, oldScopes, newScopes, afterReference);
+var _for_of = loop(([all, by = bySecondArg], cb) => {
+  typeof by == "string" ? forOf(
+    all,
+    (item, i) => cb(item[by], [item, i])
+  ) : forOf(all, (item, i) => cb(by(item, i), [item, i]));
+}), _for_in = loop(
+  ([obj, by = byFirstArg], cb) => forIn(obj, (key, value) => cb(by(key, value), [key, value]))
+), _for_to = loop(
+  ([to, from, step, by = byFirstArg], cb) => forTo(to, from, step, (v) => cb(by(v), [v]))
+), _for_until = loop(
+  ([until, from, step, by = byFirstArg], cb) => forUntil(until, from, step, (v) => cb(by(v), [v]))
+);
+function loop(forEach) {
+  return (nodeAccessor, template, walks, setup, params) => {
+    nodeAccessor = decodeAccessor(nodeAccessor);
+    let scopesAccessor = "A" /* BranchScopes */ + nodeAccessor, scopesByKeyAccessor = "A" /* BranchScopes */ + scopesAccessor, renderer = _content("", template, walks, setup)();
+    return enableBranches(), (scope, value) => {
+      let referenceNode = scope[nodeAccessor], oldScopes = toArray(scope[scopesAccessor]), oldScopesByKey = scope[scopesByKeyAccessor] || oldScopes.reduce(
+        (map, scope2, i) => map.set(scope2.M ?? i, scope2),
+        /* @__PURE__ */ new Map()
+      ), newScopes = scope[scopesAccessor] = [], newScopesByKey = scope[scopesByKeyAccessor] = /* @__PURE__ */ new Map(), parentNode = referenceNode.nodeType > 1 /* Element */ ? referenceNode.parentNode || oldScopes[0]?.S.parentNode : referenceNode;
+      forEach(value, (key, args) => {
+        let branch = oldScopesByKey.get(key) || createAndSetupBranch(
+          scope.$,
+          renderer,
+          scope,
+          parentNode
+        );
+        params?.(branch, args), newScopesByKey.set(key, branch), newScopes.push(branch);
+      });
+      let afterReference = null;
+      referenceNode !== parentNode && (oldScopes.length ? (afterReference = oldScopes[oldScopes.length - 1].K.nextSibling, newScopes.length || parentNode.insertBefore(referenceNode, afterReference)) : newScopes.length && (afterReference = referenceNode.nextSibling, referenceNode.remove())), reconcile(parentNode, oldScopes, newScopes, afterReference);
+    };
   };
 }
 function createBranchWithTagNameOrRenderer($global, tagNameOrRenderer, parentScope, parentNode) {
@@ -1431,7 +1418,7 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
     ) : value;
   },
   createRenderer(params, clone) {
-    let renderer = _content_branch(0, 0, 0, params);
+    let renderer = _content("", 0, 0, 0, params)();
     return renderer.f = (branch) => {
       let cloned = clone();
       branch.S = cloned.startNode, branch.K = cloned.endNode;
@@ -1562,7 +1549,6 @@ export {
   _closure_get,
   _const,
   _content,
-  _content_branch,
   _content_closures,
   _content_resume,
   _dynamic_tag,

package/dist/translator/index.js

@@ -1779,6 +1779,7 @@ var [_getScopeIdentifier] = createSectionState(
   "scopeIdentifier",
   () => import_compiler7.types.identifier("undefined")
 );
+var [getBranchRendererArgs, setSectionRendererArgs] = createSectionState("rendererExpression");
 function forEachSection(fn) {
   const { sections } = (0, import_babel_utils10.getProgram)().node.extra;
   sections?.forEach(fn);
@@ -2505,7 +2506,6 @@ var pureDOMFunctions = /* @__PURE__ */ new Set([
   "_if_closure",
   "_try",
   "_dynamic_tag",
-  "_content_branch",
   "_content_closures",
   "_content",
   "_template",
@@ -4401,54 +4401,58 @@ var dom_default = {
           const { walks: walks2, writes: writes2, setup: setup2, decls: decls2 } = getSectionMeta(childSection);
           writeSignals(childSection);
           if (!childSection.downstreamBinding || bindingHasDownstreamExpressions(childSection.downstreamBinding)) {
-            let renderer = getSectionParentIsOwner(childSection) ? callRuntime(
-              "_content_branch",
-              ...replaceNullishAndEmptyFunctionsWith0([
+            if (getSectionParentIsOwner(childSection)) {
+              setSectionRendererArgs(childSection, [
                 writes2,
                 walks2,
                 setup2,
                 tagParamsIdentifier
-              ])
-            ) : callRuntime(
-              getSectionRegisterReasons(childSection) ? "_content_resume" : "_content",
-              import_compiler23.types.stringLiteral(getResumeRegisterId(childSection, "content")),
-              ...replaceNullishAndEmptyFunctionsWith0([
-                writes2,
-                walks2,
-                setup2,
-                tagParamsIdentifier,
-                childSection.hoisted || childSection.isHoistThrough ? getSectionInstancesAccessorLiteral(childSection) : void 0
-              ])
-            );
-            if (childSection.referencedLocalClosures) {
-              const objProps = [];
-              forEach(childSection.referencedLocalClosures, (closure) => {
-                const closureSignal = getSignal(childSection, closure);
-                const key = toPropertyName(getScopeAccessor(closure, true));
-                if (signalHasStatements(closureSignal)) {
-                  const expr = getSignalFn(closureSignal);
-                  if (import_compiler23.types.isFunction(expr) && import_compiler23.types.isBlockStatement(expr.body)) {
-                    objProps.push(
-                      import_compiler23.types.objectMethod("method", key, expr.params, expr.body)
-                    );
-                  } else {
-                    objProps.push(import_compiler23.types.objectProperty(key, expr));
+              ]);
+            } else {
+              let renderer = callRuntime(
+                getSectionRegisterReasons(childSection) ? "_content_resume" : "_content",
+                import_compiler23.types.stringLiteral(getResumeRegisterId(childSection, "content")),
+                ...replaceNullishAndEmptyFunctionsWith0([
+                  writes2,
+                  walks2,
+                  setup2,
+                  tagParamsIdentifier,
+                  childSection.hoisted || childSection.isHoistThrough ? getSectionInstancesAccessorLiteral(childSection) : void 0
+                ])
+              );
+              if (childSection.referencedLocalClosures) {
+                const objProps = [];
+                forEach(childSection.referencedLocalClosures, (closure) => {
+                  const closureSignal = getSignal(childSection, closure);
+                  const key = toPropertyName(getScopeAccessor(closure, true));
+                  if (signalHasStatements(closureSignal)) {
+                    const expr = getSignalFn(closureSignal);
+                    if (import_compiler23.types.isFunction(expr) && import_compiler23.types.isBlockStatement(expr.body)) {
+                      objProps.push(
+                        import_compiler23.types.objectMethod("method", key, expr.params, expr.body)
+                      );
+                    } else {
+                      objProps.push(import_compiler23.types.objectProperty(key, expr));
+                    }
                   }
+                });
+                if (objProps.length) {
+                  renderer = callRuntime(
+                    "_content_closures",
+                    renderer,
+                    import_compiler23.types.objectExpression(objProps)
+                  );
                 }
-              });
-              if (objProps.length) {
-                renderer = callRuntime(
-                  "_content_closures",
-                  renderer,
-                  import_compiler23.types.objectExpression(objProps)
-                );
               }
+              program.node.body.push(
+                import_compiler23.types.variableDeclaration("const", [
+                  import_compiler23.types.variableDeclarator(
+                    import_compiler23.types.identifier(childSection.name),
+                    renderer
+                  )
+                ])
+              );
             }
-            program.node.body.push(
-              import_compiler23.types.variableDeclaration("const", [
-                import_compiler23.types.variableDeclarator(import_compiler23.types.identifier(childSection.name), renderer)
-              ])
-            );
           }
           if (decls2) {
             extraDecls = extraDecls ? [...extraDecls, ...decls2] : decls2;
@@ -6403,7 +6407,9 @@ var for_default = {
           return callRuntime(
             forTypeToDOMRuntime(forType),
             getScopeAccessorLiteral(nodeRef, true),
-            import_compiler32.types.identifier(bodySection.name)
+            ...replaceNullishAndEmptyFunctionsWith0(
+              getBranchRendererArgs(bodySection)
+            )
           );
         };
         const forAttrs = getKnownAttrValues(node);
@@ -9210,7 +9216,9 @@ var await_default = {
           return callRuntime(
             "_await",
             getScopeAccessorLiteral(nodeRef, true),
-            import_compiler36.types.identifier(bodySection.name)
+            ...replaceNullishAndEmptyFunctionsWith0(
+              getBranchRendererArgs(bodySection)
+            )
           );
         };
         addValue(
@@ -10665,14 +10673,12 @@ var IfTag = {
           const ifTagSection = getSection(ifTag);
           const ifTagExtra = branches[0][0].node.extra;
           const nodeRef = getOptimizedOnlyChildNodeBinding(ifTag, ifTagSection);
-          const rendererIdentifiers = [];
           let expr = import_compiler48.types.numericLiteral(branches.length);
           for (let i = branches.length; i--; ) {
             const [branchTag, branchBodySection] = branches[i];
             const [testAttr] = branchTag.node.attributes;
             const consequent = import_compiler48.types.numericLiteral(branchBodySection ? i : -1);
             if (branchBodySection) {
-              rendererIdentifiers.push(import_compiler48.types.identifier(branchBodySection.name));
               setClosureSignalBuilder(branchTag, (_closure, render) => {
                 return callRuntime(
                   "_if_closure",
@@ -10687,10 +10693,20 @@ var IfTag = {
           }
           const signal = getSignal(ifTagSection, nodeRef, "if");
           signal.build = () => {
+            const rendererArgs = [];
+            for (const [_, branchBodySection] of branches) {
+              if (branchBodySection) {
+                rendererArgs.push(
+                  ...getBranchRendererArgs(branchBodySection).slice(0, 3)
+                );
+              } else {
+                rendererArgs.push(void 0, void 0, void 0);
+              }
+            }
             return callRuntime(
               "_if",
               getScopeAccessorLiteral(nodeRef, true),
-              ...rendererIdentifiers.reverse()
+              ...replaceNullishAndEmptyFunctionsWith0(rendererArgs)
             );
           };
           addValue(ifTagSection, ifTagExtra.referencedBindings, signal, expr);
@@ -11562,7 +11578,9 @@ var try_default = {
           return callRuntime(
             "_try",
             getScopeAccessorLiteral(nodeRef, true),
-            import_compiler57.types.identifier(bodySection.name)
+            ...replaceNullishAndEmptyFunctionsWith0(
+              getBranchRendererArgs(bodySection)
+            )
           );
         };
         if (translatedAttrs.statements.length) {

package/dist/translator/util/sections.d.ts

@@ -67,6 +67,7 @@ export declare function getSectionForBody(body: t.NodePath<t.MarkoTagBody | t.Pr
 export declare function getSection(path: t.NodePath): Section;
 export declare const getScopeIdIdentifier: (section: Section) => t.Identifier;
 export declare const getSectionParentIsOwner: (section: Section) => boolean, setSectionParentIsOwner: (section: Section, value: boolean) => void;
+export declare const getBranchRendererArgs: (section: Section) => [template?: t.Expression | undefined, walks?: t.Expression | undefined, setup?: t.Expression | undefined, params?: t.Expression | undefined], setSectionRendererArgs: (section: Section, value: [template?: t.Expression | undefined, walks?: t.Expression | undefined, setup?: t.Expression | undefined, params?: t.Expression | undefined]) => void;
 export declare const getScopeIdentifier: (section: Section, ignoreDefault?: boolean) => t.Identifier;
 export declare function forEachSection(fn: (section: Section) => void): void;
 export declare function forEachSectionReverse(fn: (section: Section) => void): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marko/runtime-tags",
-  "version": "6.0.108",
+  "version": "6.0.109",
   "description": "Optimized runtime for Marko templates.",
   "keywords": [
     "api",
@@ -48,7 +48,7 @@
     "build": "node -r ~ts ./scripts/bundle.ts"
   },
   "dependencies": {
-    "@marko/compiler": "^5.39.41",
+    "@marko/compiler": "^5.39.42",
     "csstype": "^3.1.3",
     "magic-string": "^0.30.17"
   },