marko 6.0.7 → 6.0.9

package/dist/debug/dom.js

@@ -82,7 +82,6 @@ __export(dom_exports, {
   state: () => state,
   styleAttr: () => styleAttr,
   styleItem: () => styleItem,
-  styleItemValue: () => styleItemValue,
   styleItems: () => styleItems,
   tagVarSignal: () => tagVarSignal,
   tagVarSignalChange: () => tagVarSignalChange,
@@ -148,7 +147,7 @@ function styleValue(styleValue2) {
   return toDelimitedString(styleValue2, ";", stringifyStyleObject);
 }
 function stringifyStyleObject(name, value2) {
-  return value2 || value2 === 0 ? `${name}:${value2 && typeof value2 === "number" && !/^(--|ta|or|li|z)|cou|nk|it|ag|we|do|w$/.test(name) ? value2 + "px" : value2}` : "";
+  return value2 || value2 === 0 ? name + ":" + value2 : "";
 }
 function toDelimitedString(val, delimiter, stringify) {
   let str = "";
@@ -247,6 +246,10 @@ var DEFAULT_RENDER_ID = "_";
 
 // src/dom/resume.ts
 var registeredValues = {};
+var branchesEnabled;
+function enableBranches() {
+  branchesEnabled = 1;
+}
 function init(runtimeId = DEFAULT_RUNTIME_ID) {
   if (true) {
     if (!runtimeId.match(/^[_$a-z][_$a-z0-9]*$/i)) {
@@ -313,41 +316,43 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
               if (token === "*" /* Node */) {
                 const node = scope[data2] = visit.previousSibling;
                 scope["Getter:" /* Getter */ + data2] = () => node;
-              } else if (token === "[" /* BranchStart */) {
-                if (currentBranchId && dataIndex) {
-                  branchEnd(currentBranchId, visit);
+              } else if (branchesEnabled) {
+                if (token === "[" /* BranchStart */) {
+                  if (currentBranchId && dataIndex) {
+                    branchEnd(currentBranchId, visit);
+                    currentBranchId = branchStack.pop();
+                  }
+                  if (currentBranchId) {
+                    branchStack.push(currentBranchId);
+                    parentBranchIds.set(scopeId, currentBranchId);
+                  }
+                  currentBranchId = scopeId;
+                  scope.___startNode = visit;
+                } else if (token === "]" /* BranchEnd */) {
+                  scope[data2] = visit;
+                  const curParent = visit.parentNode;
+                  const startNode = branchEnd(
+                    currentBranchId,
+                    visit
+                  ).___startNode;
+                  if (curParent !== startNode.parentNode) {
+                    curParent.prepend(startNode);
+                  }
                   currentBranchId = branchStack.pop();
-                }
-                if (currentBranchId) {
-                  branchStack.push(currentBranchId);
-                  parentBranchIds.set(scopeId, currentBranchId);
-                }
-                currentBranchId = scopeId;
-                scope.___startNode = visit;
-              } else if (token === "]" /* BranchEnd */) {
-                scope[data2] = visit;
-                const curParent = visit.parentNode;
-                const startNode = branchEnd(
-                  currentBranchId,
-                  visit
-                ).___startNode;
-                if (curParent !== startNode.parentNode) {
-                  curParent.prepend(startNode);
-                }
-                currentBranchId = branchStack.pop();
-              } else if (token === "|" /* BranchSingleNode */ || token === "=" /* BranchSingleNodeOnlyChildInParent */) {
-                let next = data2.indexOf(" ");
-                let curNode = visit;
-                scope[~next ? data2.slice(0, next) : data2] = token === "=" /* BranchSingleNodeOnlyChildInParent */ ? visit.parentNode : visit;
-                while (~next) {
-                  const start = next + 1;
-                  next = data2.indexOf(" ", start);
-                  const childScopeId = +data2.slice(
-                    start,
-                    ~next ? next : data2.length
-                  );
-                  curNode = branchEnd(childScopeId, curNode).___endNode;
-                  parentBranchIds.set(childScopeId, scopeId);
+                } else if (token === "|" /* BranchSingleNode */ || token === "=" /* BranchSingleNodeOnlyChildInParent */) {
+                  let next = data2.indexOf(" ");
+                  let curNode = visit;
+                  scope[~next ? data2.slice(0, next) : data2] = token === "=" /* BranchSingleNodeOnlyChildInParent */ ? visit.parentNode : visit;
+                  while (~next) {
+                    const start = next + 1;
+                    next = data2.indexOf(" ", start);
+                    const childScopeId = +data2.slice(
+                      start,
+                      ~next ? next : data2.length
+                    );
+                    curNode = branchEnd(childScopeId, curNode).___endNode;
+                    parentBranchIds.set(childScopeId, scopeId);
+                  }
                 }
               }
             }
@@ -379,19 +384,21 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
                         prevScope
                       );
                     }
-                    const parentBranchId = scope["#ClosestBranchId" /* ClosestBranchId */] || parentBranchIds.get(scopeId);
-                    if (parentBranchId) {
-                      scope.___closestBranch = scopeLookup[parentBranchId];
-                    }
-                    if (branchIds.has(scopeId)) {
-                      const branch = scope;
-                      const parentBranch = branch.___closestBranch;
-                      scope.___closestBranch = branch;
-                      if (parentBranch) {
-                        branch.___parentBranch = parentBranch;
-                        (parentBranch.___branchScopes ||= /* @__PURE__ */ new Set()).add(
-                          branch
-                        );
+                    if (branchesEnabled) {
+                      const parentBranchId = scope["#ClosestBranchId" /* ClosestBranchId */] || parentBranchIds.get(scopeId);
+                      if (parentBranchId) {
+                        scope.___closestBranch = scopeLookup[parentBranchId];
+                      }
+                      if (branchIds.has(scopeId)) {
+                        const branch = scope;
+                        const parentBranch = branch.___closestBranch;
+                        scope.___closestBranch = branch;
+                        if (parentBranch) {
+                          branch.___parentBranch = parentBranch;
+                          (parentBranch.___branchScopes ||= /* @__PURE__ */ new Set()).add(
+                            branch
+                          );
+                        }
                       }
                     }
                     if (true) {
@@ -753,9 +760,6 @@ function styleItems(element, items) {
 function styleItem(element, name, value2) {
   element.style.setProperty(name, value2 || value2 === 0 ? value2 + "" : "");
 }
-function styleItemValue(value2) {
-  return value2 && typeof value2 === "number" ? value2 + "px" : value2;
-}
 function data(node, value2) {
   const normalizedValue = normalizeString(value2);
   if (node.data !== normalizedValue) {
@@ -1771,6 +1775,7 @@ function renderCatch(scope, error) {
 }
 function conditional(nodeAccessor, ...branches) {
   const branchAccessor = "ConditionalRenderer:" /* ConditionalRenderer */ + nodeAccessor;
+  enableBranches();
   return (scope, newBranch) => {
     if (newBranch !== scope[branchAccessor]) {
       setConditionalRenderer(
@@ -1788,6 +1793,7 @@ function patchDynamicTag(fn) {
 var dynamicTag = function dynamicTag2(nodeAccessor, getContent, getTagVar, inputIsArgs) {
   const childScopeAccessor = "ConditionalScope:" /* ConditionalScope */ + nodeAccessor;
   const rendererAccessor = "ConditionalRenderer:" /* ConditionalRenderer */ + nodeAccessor;
+  enableBranches();
   return (scope, newRenderer, getInput) => {
     const normalizedRenderer = normalizeDynamicRenderer(newRenderer);
     if (scope[rendererAccessor] !== (scope[rendererAccessor] = normalizedRenderer?.___id || normalizedRenderer) || getContent && !(normalizedRenderer || scope[childScopeAccessor])) {
@@ -1907,6 +1913,7 @@ function loopTo(nodeAccessor, renderer) {
 }
 function loop(nodeAccessor, renderer, forEach) {
   const params = renderer.___params;
+  enableBranches();
   return (scope, value2) => {
     const referenceNode = scope[nodeAccessor];
     const oldMap = scope["LoopScopeMap:" /* LoopScopeMap */ + nodeAccessor];
@@ -2073,6 +2080,7 @@ var runRender = (render) => render.___signal(render.___scope, render.___value);
 var enableCatch = () => {
   enableCatch = () => {
   };
+  enableBranches();
   const handlePendingTry = (fn, scope, branch) => {
     while (branch) {
       if (branch.___pendingAsyncCount) {

package/dist/debug/dom.mjs

@@ -55,7 +55,7 @@ function styleValue(styleValue2) {
   return toDelimitedString(styleValue2, ";", stringifyStyleObject);
 }
 function stringifyStyleObject(name, value2) {
-  return value2 || value2 === 0 ? `${name}:${value2 && typeof value2 === "number" && !/^(--|ta|or|li|z)|cou|nk|it|ag|we|do|w$/.test(name) ? value2 + "px" : value2}` : "";
+  return value2 || value2 === 0 ? name + ":" + value2 : "";
 }
 function toDelimitedString(val, delimiter, stringify) {
   let str = "";
@@ -154,6 +154,10 @@ var DEFAULT_RENDER_ID = "_";
 
 // src/dom/resume.ts
 var registeredValues = {};
+var branchesEnabled;
+function enableBranches() {
+  branchesEnabled = 1;
+}
 function init(runtimeId = DEFAULT_RUNTIME_ID) {
   if (true) {
     if (!runtimeId.match(/^[_$a-z][_$a-z0-9]*$/i)) {
@@ -220,41 +224,43 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
               if (token === "*" /* Node */) {
                 const node = scope[data2] = visit.previousSibling;
                 scope["Getter:" /* Getter */ + data2] = () => node;
-              } else if (token === "[" /* BranchStart */) {
-                if (currentBranchId && dataIndex) {
-                  branchEnd(currentBranchId, visit);
+              } else if (branchesEnabled) {
+                if (token === "[" /* BranchStart */) {
+                  if (currentBranchId && dataIndex) {
+                    branchEnd(currentBranchId, visit);
+                    currentBranchId = branchStack.pop();
+                  }
+                  if (currentBranchId) {
+                    branchStack.push(currentBranchId);
+                    parentBranchIds.set(scopeId, currentBranchId);
+                  }
+                  currentBranchId = scopeId;
+                  scope.___startNode = visit;
+                } else if (token === "]" /* BranchEnd */) {
+                  scope[data2] = visit;
+                  const curParent = visit.parentNode;
+                  const startNode = branchEnd(
+                    currentBranchId,
+                    visit
+                  ).___startNode;
+                  if (curParent !== startNode.parentNode) {
+                    curParent.prepend(startNode);
+                  }
                   currentBranchId = branchStack.pop();
-                }
-                if (currentBranchId) {
-                  branchStack.push(currentBranchId);
-                  parentBranchIds.set(scopeId, currentBranchId);
-                }
-                currentBranchId = scopeId;
-                scope.___startNode = visit;
-              } else if (token === "]" /* BranchEnd */) {
-                scope[data2] = visit;
-                const curParent = visit.parentNode;
-                const startNode = branchEnd(
-                  currentBranchId,
-                  visit
-                ).___startNode;
-                if (curParent !== startNode.parentNode) {
-                  curParent.prepend(startNode);
-                }
-                currentBranchId = branchStack.pop();
-              } else if (token === "|" /* BranchSingleNode */ || token === "=" /* BranchSingleNodeOnlyChildInParent */) {
-                let next = data2.indexOf(" ");
-                let curNode = visit;
-                scope[~next ? data2.slice(0, next) : data2] = token === "=" /* BranchSingleNodeOnlyChildInParent */ ? visit.parentNode : visit;
-                while (~next) {
-                  const start = next + 1;
-                  next = data2.indexOf(" ", start);
-                  const childScopeId = +data2.slice(
-                    start,
-                    ~next ? next : data2.length
-                  );
-                  curNode = branchEnd(childScopeId, curNode).___endNode;
-                  parentBranchIds.set(childScopeId, scopeId);
+                } else if (token === "|" /* BranchSingleNode */ || token === "=" /* BranchSingleNodeOnlyChildInParent */) {
+                  let next = data2.indexOf(" ");
+                  let curNode = visit;
+                  scope[~next ? data2.slice(0, next) : data2] = token === "=" /* BranchSingleNodeOnlyChildInParent */ ? visit.parentNode : visit;
+                  while (~next) {
+                    const start = next + 1;
+                    next = data2.indexOf(" ", start);
+                    const childScopeId = +data2.slice(
+                      start,
+                      ~next ? next : data2.length
+                    );
+                    curNode = branchEnd(childScopeId, curNode).___endNode;
+                    parentBranchIds.set(childScopeId, scopeId);
+                  }
                 }
               }
             }
@@ -286,19 +292,21 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
                         prevScope
                       );
                     }
-                    const parentBranchId = scope["#ClosestBranchId" /* ClosestBranchId */] || parentBranchIds.get(scopeId);
-                    if (parentBranchId) {
-                      scope.___closestBranch = scopeLookup[parentBranchId];
-                    }
-                    if (branchIds.has(scopeId)) {
-                      const branch = scope;
-                      const parentBranch = branch.___closestBranch;
-                      scope.___closestBranch = branch;
-                      if (parentBranch) {
-                        branch.___parentBranch = parentBranch;
-                        (parentBranch.___branchScopes ||= /* @__PURE__ */ new Set()).add(
-                          branch
-                        );
+                    if (branchesEnabled) {
+                      const parentBranchId = scope["#ClosestBranchId" /* ClosestBranchId */] || parentBranchIds.get(scopeId);
+                      if (parentBranchId) {
+                        scope.___closestBranch = scopeLookup[parentBranchId];
+                      }
+                      if (branchIds.has(scopeId)) {
+                        const branch = scope;
+                        const parentBranch = branch.___closestBranch;
+                        scope.___closestBranch = branch;
+                        if (parentBranch) {
+                          branch.___parentBranch = parentBranch;
+                          (parentBranch.___branchScopes ||= /* @__PURE__ */ new Set()).add(
+                            branch
+                          );
+                        }
                       }
                     }
                     if (true) {
@@ -660,9 +668,6 @@ function styleItems(element, items) {
 function styleItem(element, name, value2) {
   element.style.setProperty(name, value2 || value2 === 0 ? value2 + "" : "");
 }
-function styleItemValue(value2) {
-  return value2 && typeof value2 === "number" ? value2 + "px" : value2;
-}
 function data(node, value2) {
   const normalizedValue = normalizeString(value2);
   if (node.data !== normalizedValue) {
@@ -1678,6 +1683,7 @@ function renderCatch(scope, error) {
 }
 function conditional(nodeAccessor, ...branches) {
   const branchAccessor = "ConditionalRenderer:" /* ConditionalRenderer */ + nodeAccessor;
+  enableBranches();
   return (scope, newBranch) => {
     if (newBranch !== scope[branchAccessor]) {
       setConditionalRenderer(
@@ -1695,6 +1701,7 @@ function patchDynamicTag(fn) {
 var dynamicTag = function dynamicTag2(nodeAccessor, getContent, getTagVar, inputIsArgs) {
   const childScopeAccessor = "ConditionalScope:" /* ConditionalScope */ + nodeAccessor;
   const rendererAccessor = "ConditionalRenderer:" /* ConditionalRenderer */ + nodeAccessor;
+  enableBranches();
   return (scope, newRenderer, getInput) => {
     const normalizedRenderer = normalizeDynamicRenderer(newRenderer);
     if (scope[rendererAccessor] !== (scope[rendererAccessor] = normalizedRenderer?.___id || normalizedRenderer) || getContent && !(normalizedRenderer || scope[childScopeAccessor])) {
@@ -1814,6 +1821,7 @@ function loopTo(nodeAccessor, renderer) {
 }
 function loop(nodeAccessor, renderer, forEach) {
   const params = renderer.___params;
+  enableBranches();
   return (scope, value2) => {
     const referenceNode = scope[nodeAccessor];
     const oldMap = scope["LoopScopeMap:" /* LoopScopeMap */ + nodeAccessor];
@@ -1980,6 +1988,7 @@ var runRender = (render) => render.___signal(render.___scope, render.___value);
 var enableCatch = () => {
   enableCatch = () => {
   };
+  enableBranches();
   const handlePendingTry = (fn, scope, branch) => {
     while (branch) {
       if (branch.___pendingAsyncCount) {
@@ -2278,7 +2287,6 @@ export {
   state,
   styleAttr,
   styleItem,
-  styleItemValue,
   styleItems,
   tagVarSignal,
   tagVarSignalChange,

package/dist/debug/html.js

@@ -118,7 +118,7 @@ function styleValue(styleValue2) {
   return toDelimitedString(styleValue2, ";", stringifyStyleObject);
 }
 function stringifyStyleObject(name, value) {
-  return value || value === 0 ? `${name}:${value && typeof value === "number" && !/^(--|ta|or|li|z)|cou|nk|it|ag|we|do|w$/.test(name) ? value + "px" : value}` : "";
+  return value || value === 0 ? name + ":" + value : "";
 }
 function toDelimitedString(val, delimiter, stringify) {
   let str = "";

package/dist/debug/html.mjs

@@ -33,7 +33,7 @@ function styleValue(styleValue2) {
   return toDelimitedString(styleValue2, ";", stringifyStyleObject);
 }
 function stringifyStyleObject(name, value) {
-  return value || value === 0 ? `${name}:${value && typeof value === "number" && !/^(--|ta|or|li|z)|cou|nk|it|ag|we|do|w$/.test(name) ? value + "px" : value}` : "";
+  return value || value === 0 ? name + ":" + value : "";
 }
 function toDelimitedString(val, delimiter, stringify) {
   let str = "";

package/dist/dom/dom.d.ts

@@ -7,7 +7,6 @@ export declare function classItem(element: Element, name: string, value: unknown
 export declare function styleAttr(element: Element, value: unknown): void;
 export declare function styleItems(element: HTMLElement, items: Record<string, unknown>): void;
 export declare function styleItem(element: HTMLElement, name: string, value: unknown): void;
-export declare function styleItemValue(value: unknown): unknown;
 export declare function data(node: Text | Comment, value: unknown): void;
 export declare function textContent(node: ParentNode, value: unknown): void;
 export declare function attrs(scope: Scope, nodeAccessor: Accessor, nextAttrs: Record<string, unknown>): void;

package/dist/dom/resume.d.ts

@@ -1,5 +1,7 @@
 import { type Scope } from "../common/types";
 import type { Signal } from "./signals";
+export declare let branchesEnabled: undefined | 1;
+export declare function enableBranches(): void;
 export declare function init(runtimeId?: string): void;
 export declare let isResuming: undefined | 0 | 1;
 export declare function register<T>(id: string, obj: T): T;

package/dist/dom.d.ts

@@ -4,7 +4,7 @@ export { getAbortSignal, resetAbortSignal } from "./dom/abort-signal";
 export { compat } from "./dom/compat";
 export { awaitTag, conditional, createTry, dynamicTag, loopIn, loopOf, loopTo, } from "./dom/control-flow";
 export { controllable_detailsOrDialog_open, controllable_detailsOrDialog_open_effect, controllable_input_checked, controllable_input_checked_effect, controllable_input_checkedValue, controllable_input_checkedValue_effect, controllable_input_value, controllable_input_value_effect, controllable_select_value, controllable_select_value_effect, controllable_textarea_value, controllable_textarea_value_effect, } from "./dom/controllable";
-export { attr, attrs, attrsEvents, classAttr, classItem, classItems, data, html, lifecycle, partialAttrs, props, styleAttr, styleItem, styleItems, styleItemValue, textContent, } from "./dom/dom";
+export { attr, attrs, attrsEvents, classAttr, classItem, classItems, data, html, lifecycle, partialAttrs, props, styleAttr, styleItem, styleItems, textContent, } from "./dom/dom";
 export { on } from "./dom/event";
 export { enableCatch, run } from "./dom/queue";
 export { createContent, createRenderer, registerContent } from "./dom/renderer";

package/dist/dom.js

@@ -79,7 +79,6 @@ __export(dom_exports, {
   state: () => state,
   styleAttr: () => styleAttr,
   styleItem: () => styleItem,
-  styleItemValue: () => styleItemValue,
   styleItems: () => styleItems,
   tagVarSignal: () => tagVarSignal,
   tagVarSignalChange: () => tagVarSignalChange,
@@ -129,7 +128,7 @@ function styleValue(styleValue2) {
   return toDelimitedString(styleValue2, ";", stringifyStyleObject);
 }
 function stringifyStyleObject(name, value2) {
-  return value2 || value2 === 0 ? `${name}:${value2 && typeof value2 == "number" && !/^(--|ta|or|li|z)|cou|nk|it|ag|we|do|w$/.test(name) ? value2 + "px" : value2}` : "";
+  return value2 || value2 === 0 ? name + ":" + value2 : "";
 }
 function toDelimitedString(val, delimiter, stringify) {
   let str = "", sep = "", part;
@@ -202,7 +201,10 @@ function stripSpacesAndPunctuation(str) {
 var DEFAULT_RUNTIME_ID = "M", DEFAULT_RENDER_ID = "_";
 
 // src/dom/resume.ts
-var registeredValues = {};
+var registeredValues = {}, branchesEnabled;
+function enableBranches() {
+  branchesEnabled = 1;
+}
 function init(runtimeId = DEFAULT_RUNTIME_ID) {
   let renders = self[runtimeId], defineRuntime = (desc) => Object.defineProperty(self, runtimeId, desc), resumeRender, initRuntime = (renders2) => {
     defineRuntime({
@@ -227,25 +229,27 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
               if (token === "*" /* Node */) {
                 let node = scope[data2] = visit.previousSibling;
                 scope["j" /* Getter */ + data2] = () => node;
-              } else if (token === "[" /* BranchStart */)
-                currentBranchId && dataIndex && (branchEnd(currentBranchId, visit), currentBranchId = branchStack.pop()), currentBranchId && (branchStack.push(currentBranchId), parentBranchIds.set(scopeId, currentBranchId)), currentBranchId = scopeId, scope.h = visit;
-              else if (token === "]" /* BranchEnd */) {
-                scope[data2] = visit;
-                let curParent = visit.parentNode, startNode = branchEnd(
-                  currentBranchId,
-                  visit
-                ).h;
-                curParent !== startNode.parentNode && curParent.prepend(startNode), currentBranchId = branchStack.pop();
-              } else if (token === "|" /* BranchSingleNode */ || token === "=" /* BranchSingleNodeOnlyChildInParent */) {
-                let next = data2.indexOf(" "), curNode = visit;
-                for (scope[~next ? data2.slice(0, next) : data2] = token === "=" /* BranchSingleNodeOnlyChildInParent */ ? visit.parentNode : visit; ~next; ) {
-                  let start = next + 1;
-                  next = data2.indexOf(" ", start);
-                  let childScopeId = +data2.slice(
-                    start,
-                    ~next ? next : data2.length
-                  );
-                  curNode = branchEnd(childScopeId, curNode).j, parentBranchIds.set(childScopeId, scopeId);
+              } else if (branchesEnabled) {
+                if (token === "[" /* BranchStart */)
+                  currentBranchId && dataIndex && (branchEnd(currentBranchId, visit), currentBranchId = branchStack.pop()), currentBranchId && (branchStack.push(currentBranchId), parentBranchIds.set(scopeId, currentBranchId)), currentBranchId = scopeId, scope.h = visit;
+                else if (token === "]" /* BranchEnd */) {
+                  scope[data2] = visit;
+                  let curParent = visit.parentNode, startNode = branchEnd(
+                    currentBranchId,
+                    visit
+                  ).h;
+                  curParent !== startNode.parentNode && curParent.prepend(startNode), currentBranchId = branchStack.pop();
+                } else if (token === "|" /* BranchSingleNode */ || token === "=" /* BranchSingleNodeOnlyChildInParent */) {
+                  let next = data2.indexOf(" "), curNode = visit;
+                  for (scope[~next ? data2.slice(0, next) : data2] = token === "=" /* BranchSingleNodeOnlyChildInParent */ ? visit.parentNode : visit; ~next; ) {
+                    let start = next + 1;
+                    next = data2.indexOf(" ", start);
+                    let childScopeId = +data2.slice(
+                      start,
+                      ~next ? next : data2.length
+                    );
+                    curNode = branchEnd(childScopeId, curNode).j, parentBranchIds.set(childScopeId, scopeId);
+                  }
                 }
               }
             }
@@ -265,16 +269,17 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
                     lastScopeId += scope;
                   else {
                     let scopeId = ++lastScopeId, prevScope = scopeLookup[scopeId];
-                    scope.$global = $global, scope.m = scopeId, prevScope !== scope && (scopeLookup[scopeId] = Object.assign(
+                    if (scope.$global = $global, scope.m = scopeId, prevScope !== scope && (scopeLookup[scopeId] = Object.assign(
                       scope,
                       prevScope
-                    ));
-                    let parentBranchId = scope.g || parentBranchIds.get(scopeId);
-                    if (parentBranchId && (scope.k = scopeLookup[parentBranchId]), branchIds.has(scopeId)) {
-                      let branch = scope, parentBranch = branch.k;
-                      scope.k = branch, parentBranch && (branch.t = parentBranch, (parentBranch.z ||= /* @__PURE__ */ new Set()).add(
-                        branch
-                      ));
+                    )), branchesEnabled) {
+                      let parentBranchId = scope.g || parentBranchIds.get(scopeId);
+                      if (parentBranchId && (scope.k = scopeLookup[parentBranchId]), branchIds.has(scopeId)) {
+                        let branch = scope, parentBranch = branch.k;
+                        scope.k = branch, parentBranch && (branch.t = parentBranch, (parentBranch.z ||= /* @__PURE__ */ new Set()).add(
+                          branch
+                        ));
+                      }
                     }
                   }
           } finally {
@@ -528,9 +533,6 @@ function styleItems(element, items) {
 function styleItem(element, name, value2) {
   element.style.setProperty(name, value2 || value2 === 0 ? value2 + "" : "");
 }
-function styleItemValue(value2) {
-  return value2 && typeof value2 == "number" ? value2 + "px" : value2;
-}
 function data(node, value2) {
   let normalizedValue = normalizeString(value2);
   node.data !== normalizedValue && (node.data = normalizedValue);
@@ -1177,7 +1179,7 @@ function renderCatch(scope, error) {
 }
 function conditional(nodeAccessor, ...branches) {
   let branchAccessor = "c" /* ConditionalRenderer */ + nodeAccessor;
-  return (scope, newBranch) => {
+  return enableBranches(), (scope, newBranch) => {
     newBranch !== scope[branchAccessor] && setConditionalRenderer(
       scope,
       nodeAccessor,
@@ -1191,7 +1193,7 @@ function patchDynamicTag(fn) {
 }
 var dynamicTag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
   let childScopeAccessor = "d" /* ConditionalScope */ + nodeAccessor, rendererAccessor = "c" /* ConditionalRenderer */ + nodeAccessor;
-  return (scope, newRenderer, getInput) => {
+  return enableBranches(), (scope, newRenderer, getInput) => {
     let normalizedRenderer = normalizeDynamicRenderer(newRenderer);
     if (scope[rendererAccessor] !== (scope[rendererAccessor] = normalizedRenderer?.m || normalizedRenderer) || getContent && !(normalizedRenderer || scope[childScopeAccessor]))
       if (setConditionalRenderer(
@@ -1274,7 +1276,7 @@ function loopTo(nodeAccessor, renderer) {
 }
 function loop(nodeAccessor, renderer, forEach) {
   let params = renderer.l;
-  return (scope, value2) => {
+  return enableBranches(), (scope, value2) => {
     let referenceNode = scope[nodeAccessor], oldMap = scope["m" /* LoopScopeMap */ + nodeAccessor], oldArray = oldMap ? scope["l" /* LoopScopeArray */ + nodeAccessor] || [
       ...oldMap.values()
     ] : [], parentNode = referenceNode.nodeType > 1 /* Element */ ? referenceNode.parentNode || oldArray[0].h.parentNode : referenceNode, newMap = scope["m" /* LoopScopeMap */ + nodeAccessor] = /* @__PURE__ */ new Map(), newArray = scope["l" /* LoopScopeArray */ + nodeAccessor] = [];
@@ -1376,7 +1378,7 @@ function runRenders() {
 }
 var runRender = (render) => render.L(render.D, render.I), enableCatch = () => {
   enableCatch = () => {
-  };
+  }, enableBranches();
   let handlePendingTry = (fn, scope, branch) => {
     for (; branch; ) {
       if (branch.n)