marko 6.0.101 → 6.0.103

package/dist/debug/dom.js

@@ -79,6 +79,7 @@ __export(dom_exports, {
   _on: () => _on,
   _or: () => _or,
   _resume: () => _resume,
+  _resume_dynamic_tag: () => _resume_dynamic_tag,
   _return: () => _return,
   _return_change: () => _return_change,
   _script: () => _script,
@@ -147,6 +148,55 @@ function _assert_hoist(value) {
     );
   }
 }
+function assertExclusiveAttrs(attrs, onError = throwErr) {
+  if (attrs) {
+    let exclusiveAttrs;
+    if (attrs.checkedChange) {
+      (exclusiveAttrs ||= []).push("checkedChange");
+    }
+    if (attrs.checkedValue) {
+      (exclusiveAttrs ||= []).push("checkedValue");
+      if (attrs.checked) {
+        exclusiveAttrs.push("checked");
+      }
+    } else if (attrs.checkedValueChange) {
+      (exclusiveAttrs ||= []).push("checkedValueChange");
+      if (attrs.checked) {
+        exclusiveAttrs.push("checked");
+      }
+    }
+    if (attrs.valueChange) {
+      (exclusiveAttrs ||= []).push("valueChange");
+    }
+    if (exclusiveAttrs && exclusiveAttrs.length > 1) {
+      onError(
+        `The attributes ${joinWithAnd(exclusiveAttrs)} are mutually exclusive.`
+      );
+    }
+  }
+}
+function assertValidTagName(tagName) {
+  if (!/^[a-z][a-z0-9._-]*$/i.test(tagName)) {
+    throw new Error(
+      `Invalid tag name: "${tagName}". Tag names must start with a letter and contain only letters, numbers, periods, hyphens, and underscores.`
+    );
+  }
+}
+function throwErr(msg) {
+  throw new Error(msg);
+}
+function joinWithAnd(a) {
+  switch (a.length) {
+    case 0:
+      return "";
+    case 1:
+      return a[0];
+    case 2:
+      return `${a[0]} and ${a[1]}`;
+    default:
+      return `${a.slice(0, -1).join(", ")}, and ${a[a.length - 1]}`;
+  }
+}
 
 // src/common/for.ts
 function forIn(obj, cb) {
@@ -237,6 +287,11 @@ function normalizeDynamicRenderer(value) {
   }
 }
 
+// src/common/meta.ts
+var DEFAULT_RUNTIME_ID = "M";
+var DEFAULT_RENDER_ID = "_";
+var DYNAMIC_TAG_SCRIPT_REGISTER_ID = true ? "_dynamicTagScript" : "d";
+
 // src/dom/event.ts
 var defaultDelegator = createDelegator();
 function _on(element, type, handler) {
@@ -305,18 +360,14 @@ function stripSpacesAndPunctuation(str) {
   return str.replace(/[^\p{L}\p{N}]/gu, "");
 }
 
-// src/common/meta.ts
-var DEFAULT_RUNTIME_ID = "M";
-var DEFAULT_RENDER_ID = "_";
-
 // src/dom/scope.ts
 var nextScopeId = 1e6;
 function createScope($global, closestBranch) {
   const scope = {
-    ___id: nextScopeId++,
-    ___creating: 1,
-    ___closestBranch: closestBranch,
-    $global
+    ["#Id" /* Id */]: nextScopeId++,
+    ["#Creating" /* Creating */]: 1,
+    ["#ClosestBranch" /* ClosestBranch */]: closestBranch,
+    ["$global" /* Global */]: $global
   };
   pendingScopes.push(scope);
   return scope;
@@ -325,41 +376,51 @@ function skipScope() {
   return nextScopeId++;
 }
 function findBranchWithKey(scope, key) {
-  let branch = scope.___closestBranch;
+  let branch = scope["#ClosestBranch" /* ClosestBranch */];
   while (branch && !branch[key]) {
-    branch = branch.___parentBranch;
+    branch = branch["#ParentBranch" /* ParentBranch */];
   }
   return branch;
 }
 function destroyBranch(branch) {
-  branch.___parentBranch?.___branchScopes?.delete(branch);
+  branch["#ParentBranch" /* ParentBranch */]?.["#BranchScopes" /* BranchScopes */]?.delete(
+    branch
+  );
   destroyNestedBranches(branch);
 }
 function destroyNestedBranches(branch) {
-  branch.___destroyed = 1;
-  branch.___branchScopes?.forEach(destroyNestedBranches);
-  branch.___abortScopes?.forEach((scope) => {
-    for (const id in scope.___abortControllers) {
+  branch["#Destroyed" /* Destroyed */] = 1;
+  branch["#BranchScopes" /* BranchScopes */]?.forEach(destroyNestedBranches);
+  branch["#AbortScopes" /* AbortScopes */]?.forEach((scope) => {
+    for (const id in scope["#AbortControllers" /* AbortControllers */]) {
       $signalReset(scope, id);
     }
   });
 }
 function removeAndDestroyBranch(branch) {
   destroyBranch(branch);
-  removeChildNodes(branch.___startNode, branch.___endNode);
+  removeChildNodes(
+    branch["#StartNode" /* StartNode */],
+    branch["#EndNode" /* EndNode */]
+  );
 }
 function insertBranchBefore(branch, parentNode, nextSibling) {
   insertChildNodes(
     parentNode,
     nextSibling,
-    branch.___startNode,
-    branch.___endNode
+    branch["#StartNode" /* StartNode */],
+    branch["#EndNode" /* EndNode */]
   );
 }
 function tempDetachBranch(branch) {
   const fragment = new DocumentFragment();
-  fragment.namespaceURI = branch.___startNode.parentNode.namespaceURI;
-  insertChildNodes(fragment, null, branch.___startNode, branch.___endNode);
+  fragment.namespaceURI = branch["#StartNode" /* StartNode */].parentNode.namespaceURI;
+  insertChildNodes(
+    fragment,
+    null,
+    branch["#StartNode" /* StartNode */],
+    branch["#EndNode" /* EndNode */]
+  );
 }
 
 // src/dom/walker.ts
@@ -370,6 +431,7 @@ function walk(startNode, walkCodes, branch) {
 }
 function walkInternal(currentWalkIndex, walkCodes, scope) {
   let value;
+  let id;
   let storedMultiplier = 0;
   let currentMultiplier = 0;
   let currentScopeIndex = 0;
@@ -379,14 +441,14 @@ function walkInternal(currentWalkIndex, walkCodes, scope) {
     storedMultiplier = 0;
     if (value === 32 /* Get */) {
       const node = walker.currentNode;
-      scope[true ? getDebugKey(currentScopeIndex, walker.currentNode) : currentScopeIndex] = node;
-      scope["Getter:" /* Getter */ + (true ? getDebugKey(currentScopeIndex++, walker.currentNode) : currentScopeIndex++)] = () => node;
+      scope[id = true ? getDebugKey(currentScopeIndex++, node) : decodeAccessor(currentScopeIndex++)] = node;
+      scope["Getter:" /* Getter */ + id] = () => node;
     } else if (value === 37 /* Replace */ || value === 49 /* DynamicTagWithVar */) {
       walker.currentNode.replaceWith(
-        walker.currentNode = scope[true ? getDebugKey(currentScopeIndex++, "#text") : currentScopeIndex++] = new Text()
+        walker.currentNode = scope[true ? getDebugKey(currentScopeIndex++, "#text") : decodeAccessor(currentScopeIndex++)] = new Text()
       );
       if (value === 49 /* DynamicTagWithVar */) {
-        scope[true ? getDebugKey(currentScopeIndex++, "#scopeOffset") : currentScopeIndex++] = skipScope();
+        scope[true ? getDebugKey(currentScopeIndex++, "#scopeOffset") : decodeAccessor(currentScopeIndex++)] = skipScope();
       }
     } else if (value === 38 /* EndChild */) {
       return currentWalkIndex;
@@ -394,10 +456,13 @@ function walkInternal(currentWalkIndex, walkCodes, scope) {
       currentWalkIndex = walkInternal(
         currentWalkIndex,
         walkCodes,
-        scope[true ? getDebugKey(currentScopeIndex++, "#childScope") : currentScopeIndex++] = createScope(scope.$global, scope.___closestBranch)
+        scope[true ? getDebugKey(currentScopeIndex++, "#childScope") : decodeAccessor(currentScopeIndex++)] = createScope(
+          scope["$global" /* Global */],
+          scope["#ClosestBranch" /* ClosestBranch */]
+        )
       );
       if (value === 48 /* BeginChildWithVar */) {
-        scope[true ? getDebugKey(currentScopeIndex++, "#scopeOffset") : currentScopeIndex++] = skipScope();
+        scope[true ? getDebugKey(currentScopeIndex++, "#scopeOffset") : decodeAccessor(currentScopeIndex++)] = skipScope();
       }
     } else if (value < 91 /* NextEnd */ + 1) {
       value = 20 /* Next */ * currentMultiplier + value - 67 /* Next */;
@@ -480,17 +545,17 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
                 while (startVisit.previousSibling && ~visits.indexOf(
                   startVisit = startVisit.previousSibling
                 )) ;
-                branch.___endNode = branch.___startNode = startVisit;
+                branch["#EndNode" /* EndNode */] = branch["#StartNode" /* StartNode */] = startVisit;
                 if (visitType === "'" /* BranchEndNativeTag */) {
-                  branch[true ? getDebugKey(0, startVisit) : 0] = startVisit;
+                  branch[true ? getDebugKey(0, startVisit) : "a"] = startVisit;
                 }
               } else {
                 startVisit = branchStarts.pop();
                 if (parent !== startVisit.parentNode) {
                   parent.prepend(startVisit);
                 }
-                branch.___startNode = startVisit;
-                branch.___endNode = visit.previousSibling === startVisit ? startVisit : parent.insertBefore(new Text(), visit);
+                branch["#StartNode" /* StartNode */] = startVisit;
+                branch["#EndNode" /* EndNode */] = visit.previousSibling === startVisit ? startVisit : parent.insertBefore(new Text(), visit);
               }
               while (i-- && orphanBranches[i] > branchId) {
                 branchParents.set(orphanBranches[i], branchId);
@@ -521,12 +586,12 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
               }
             },
             ___scope(scope) {
-              scope.___closestBranch = scopeLookup[scope["#ClosestBranchId" /* ClosestBranchId */] || branchParents.get(scopeId)];
+              scope["#ClosestBranch" /* ClosestBranch */] = scopeLookup[scope["#ClosestBranchId" /* ClosestBranchId */] || branchParents.get(scopeId)];
               if (branchParents.has(scopeId)) {
-                if (scope.___closestBranch) {
-                  ((scope.___parentBranch = scope.___closestBranch).___branchScopes ||= /* @__PURE__ */ new Set()).add(scope);
+                if (scope["#ClosestBranch" /* ClosestBranch */]) {
+                  ((scope["#ParentBranch" /* ParentBranch */] = scope["#ClosestBranch" /* ClosestBranch */])["#BranchScopes" /* BranchScopes */] ||= /* @__PURE__ */ new Set()).add(scope);
                 }
-                scope.___closestBranch = scope;
+                scope["#ClosestBranch" /* ClosestBranch */] = scope;
               }
             }
           };
@@ -558,7 +623,7 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
               visitType = visitText[lastTokenIndex++];
               if (scopeId = +nextToken()) {
                 visitScope = scopeLookup[scopeId] ||= {
-                  ___id: scopeId
+                  ["#Id" /* Id */]: scopeId
                 };
               }
               if (visitType === "*" /* Node */) {
@@ -573,7 +638,7 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
               } else if (typeof serialized === "number") {
                 registeredValues[lastEffect](
                   scopeLookup[serialized] ||= {
-                    ___id: scopeId
+                    ["#Id" /* Id */]: scopeId
                   }
                 );
               } else {
@@ -586,8 +651,8 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
                     lastScopeId += scope;
                   } else {
                     scopeId = ++lastScopeId;
-                    scope.$global = $global;
-                    scope.___id = scopeId;
+                    scope["$global" /* Global */] = $global;
+                    scope["#Id" /* Id */] = scopeId;
                     if (scopeLookup[scopeId] !== scope) {
                       scopeLookup[scopeId] = Object.assign(
                         scope,
@@ -597,9 +662,6 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
                     if (branchesEnabled) {
                       branches.___scope(scope);
                     }
-                    if (true) {
-                      scope.___debugId = "server-" + scopeId;
-                    }
                   }
                 }
               }
@@ -625,20 +687,22 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
   }
 }
 var isResuming;
+function getRegisteredWithScope(id, scope) {
+  const val = registeredValues[id];
+  return scope ? val(scope) : val;
+}
 function _resume(id, obj) {
-  registeredValues[id] = obj;
-  return obj;
+  return registeredValues[id] = obj;
 }
 function _var_resume(id, signal) {
-  registeredValues[id] = (scope) => (value) => signal(scope, value);
+  _resume(id, (scope) => (value) => signal(scope, value));
   return signal;
 }
-function getRegisteredWithScope(id, scope) {
-  const val = registeredValues[id];
-  return scope ? val(scope) : val;
-}
-function _el(id, key) {
-  return _resume(id, (scope) => () => scope[key]());
+function _el(id, accessor) {
+  const getterAccessor = "Getter:" /* Getter */ + (true ? accessor : decodeAccessor2(accessor));
+  return _resume(id, (scope) => () => {
+    return scope[getterAccessor]();
+  });
 }
 
 // src/dom/controllable.ts
@@ -965,48 +1029,45 @@ function triggerMacroTask() {
 }
 
 // src/dom/signals.ts
-function _let(valueAccessor, fn) {
+function _let(id, fn) {
+  const valueAccessor = true ? id.slice(0, id.lastIndexOf("/")) : decodeAccessor3(id);
+  const valueChangeAccessor = "TagVariableChange:" /* TagVariableChange */ + valueAccessor;
   if (true) {
-    var id = +valueAccessor.slice(
-      valueAccessor.lastIndexOf("/") + 1
-    );
-    valueAccessor = valueAccessor.slice(
-      0,
-      valueAccessor.lastIndexOf("/")
-    );
+    id = +valueAccessor.slice(valueAccessor.lastIndexOf("/") + 1);
   }
-  const valueChangeAccessor = "TagVariableChange:" /* TagVariableChange */ + valueAccessor;
   return (scope, value, valueChange) => {
     if (rendering) {
-      if ((scope[valueChangeAccessor] = valueChange) && scope[valueAccessor] !== value || scope.___creating) {
+      if ((scope[valueChangeAccessor] = valueChange) && scope[valueAccessor] !== value || scope["#Creating" /* Creating */]) {
         scope[valueAccessor] = value;
-        fn && fn(scope);
+        fn?.(scope);
       }
     } else if (scope[valueChangeAccessor]) {
       scope[valueChangeAccessor](value);
     } else if (scope[valueAccessor] !== (scope[valueAccessor] = value) && fn) {
       schedule();
-      queueRender(scope, fn, true ? id : valueAccessor);
+      queueRender(scope, fn, id);
     }
     return value;
   };
 }
-function _const(valueAccessor, fn = () => {
-}) {
+function _const(valueAccessor, fn) {
+  if (false) valueAccessor = decodeAccessor3(valueAccessor);
   return (scope, value) => {
     if (!(valueAccessor in scope) || scope[valueAccessor] !== value) {
       scope[valueAccessor] = value;
-      fn(scope);
+      fn?.(scope);
     }
   };
 }
-function _or(id, fn, defaultPending = 1, scopeIdAccessor = /* @__KEY__ */ "___id") {
+function _or(id, fn, defaultPending = 1, scopeIdAccessor = "#Id" /* Id */) {
   return (scope) => {
-    if (scope.___creating) {
-      if (scope[id] === void 0) {
+    if (scope["#Creating" /* Creating */]) {
+      if (id in scope) {
+        if (!--scope[id]) {
+          fn(scope);
+        }
+      } else {
         scope[id] = defaultPending;
-      } else if (!--scope[id]) {
-        fn(scope);
       }
     } else {
       queueRender(scope, fn, id, 0, scope[scopeIdAccessor]);
@@ -1014,6 +1075,8 @@ function _or(id, fn, defaultPending = 1, scopeIdAccessor = /* @__KEY__ */ "___id
   };
 }
 function _for_closure(ownerLoopNodeAccessor, fn) {
+  if (false)
+    ownerLoopNodeAccessor = decodeAccessor3(ownerLoopNodeAccessor);
   const loopScopeAccessor = "LoopScopeArray:" /* LoopScopeArray */ + ownerLoopNodeAccessor;
   const loopScopeMapAccessor = "LoopScopeMap:" /* LoopScopeMap */ + ownerLoopNodeAccessor;
   const ownerSignal = (ownerScope) => {
@@ -1024,14 +1087,14 @@ function _for_closure(ownerLoopNodeAccessor, fn) {
         ownerScope,
         () => {
           for (const scope of scopes) {
-            if (!scope.___creating && !scope.___destroyed) {
+            if (!scope["#Creating" /* Creating */] && !scope["#Destroyed" /* Destroyed */]) {
               fn(scope);
             }
           }
         },
         -1,
         0,
-        firstScope.___id
+        firstScope["#Id" /* Id */]
       );
     }
   };
@@ -1039,11 +1102,15 @@ function _for_closure(ownerLoopNodeAccessor, fn) {
   return ownerSignal;
 }
 function _if_closure(ownerConditionalNodeAccessor, branch, fn) {
+  if (false)
+    ownerConditionalNodeAccessor = decodeAccessor3(
+      ownerConditionalNodeAccessor
+    );
   const scopeAccessor = "ConditionalScope:" /* ConditionalScope */ + ownerConditionalNodeAccessor;
   const branchAccessor = "ConditionalRenderer:" /* ConditionalRenderer */ + ownerConditionalNodeAccessor;
   const ownerSignal = (scope) => {
     const ifScope = scope[scopeAccessor];
-    if (ifScope && !ifScope.___creating && (scope[branchAccessor] || 0) === branch) {
+    if (ifScope && !ifScope["#Creating" /* Creating */] && (scope[branchAccessor] || 0) === branch) {
       queueRender(ifScope, fn, -1);
     }
   };
@@ -1068,7 +1135,7 @@ function _closure(...closureSignals) {
   return (scope) => {
     if (scope[___scopeInstancesAccessor]) {
       for (const childScope of scope[___scopeInstancesAccessor]) {
-        if (!childScope.___creating) {
+        if (!childScope["#Creating" /* Creating */]) {
           queueRender(
             childScope,
             closureSignals[childScope[___signalIndexAccessor]],
@@ -1080,6 +1147,7 @@ function _closure(...closureSignals) {
   };
 }
 function _closure_get(valueAccessor, fn, getOwnerScope) {
+  if (false) valueAccessor = decodeAccessor3(valueAccessor);
   const closureSignal = ((scope) => {
     scope[closureSignal.___signalIndexAccessor] = closureSignal.___index;
     fn(scope);
@@ -1101,7 +1169,7 @@ function _child_setup(setup) {
   return setup;
 }
 function _var(scope, childAccessor, signal) {
-  scope[childAccessor]["#TagVariable" /* TagVariable */] = (value) => signal(scope, value);
+  scope[true ? childAccessor : decodeAccessor3(childAccessor)]["#TagVariable" /* TagVariable */] = (value) => signal(scope, value);
 }
 var _return = (scope, value) => scope["#TagVariable" /* TagVariable */]?.(value);
 function _return_change(scope, changeHandler) {
@@ -1116,7 +1184,7 @@ var _var_change = true ? (scope, value, name = "This") => {
   scope["#TagVariableChange" /* TagVariableChange */](value);
 } : (scope, value) => scope["#TagVariableChange" /* TagVariableChange */]?.(value);
 var tagIdsByGlobal = /* @__PURE__ */ new WeakMap();
-function _id({ $global }) {
+function _id({ ["$global" /* Global */]: $global }) {
   const id = tagIdsByGlobal.get($global) || 0;
   tagIdsByGlobal.set($global, id + 1);
   return "c" + $global.runtimeId + $global.renderId + id.toString(36);
@@ -1150,6 +1218,8 @@ function* traverseAllHoisted(scope, path, curIndex = path.length - 1) {
   }
 }
 function _hoist(...path) {
+  if (false)
+    path = path.map((p) => typeof p === "string" ? p : decodeAccessor3(p));
   return (scope) => {
     const getOne = (...args) => iterator().next().value?.(...args);
     const iterator = getOne[Symbol.iterator] = () => traverseAllHoisted(scope, path);
@@ -1160,15 +1230,15 @@ function _hoist(...path) {
 // src/dom/renderer.ts
 function createBranch($global, renderer, parentScope, parentNode) {
   const branch = createScope($global);
-  const parentBranch = parentScope?.___closestBranch;
+  const parentBranch = parentScope?.["#ClosestBranch" /* ClosestBranch */];
   branch["_" /* Owner */] = renderer.___owner || parentScope;
-  branch.___closestBranch = branch;
+  branch["#ClosestBranch" /* ClosestBranch */] = branch;
   if (parentBranch) {
-    branch.___parentBranch = parentBranch;
-    (parentBranch.___branchScopes ||= /* @__PURE__ */ new Set()).add(branch);
+    branch["#ParentBranch" /* ParentBranch */] = parentBranch;
+    (parentBranch["#BranchScopes" /* BranchScopes */] ||= /* @__PURE__ */ new Set()).add(branch);
   }
   if (true) {
-    branch.___renderer = renderer;
+    branch["#Renderer" /* Renderer */] = renderer;
   }
   renderer.___clone?.(
     branch,
@@ -1199,7 +1269,7 @@ function _content(id, template, walks, setup, params, dynamicScopesAccessor) {
     ))(branch, walks);
   } : (branch) => {
     walk(
-      branch.___startNode = branch.___endNode = new Text(),
+      branch["#StartNode" /* StartNode */] = branch["#EndNode" /* EndNode */] = new Text(),
       walks,
       branch
     );
@@ -1224,7 +1294,7 @@ function _content_resume(id, template, walks, setup, params, dynamicScopesAccess
 function _content_closures(renderer, closureFns) {
   const closureSignals = {};
   for (const key in closureFns) {
-    closureSignals[key] = _const(key, closureFns[key]);
+    closureSignals[key] = _const(true ? key : +key, closureFns[key]);
   }
   return (owner, closureValues) => {
     const instance = renderer(owner);
@@ -1243,15 +1313,15 @@ function createCloneableHTML(html, ns) {
   insertChildNodes(parent, null, firstChild, lastChild);
   return firstChild === lastChild && firstChild.nodeType < 8 /* Comment */ ? (branch, walks) => {
     walk(
-      branch.___startNode = branch.___endNode = firstChild.cloneNode(true),
+      branch["#StartNode" /* StartNode */] = branch["#EndNode" /* 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;
+    branch["#StartNode" /* StartNode */] = clone.firstChild;
+    branch["#EndNode" /* EndNode */] = clone.lastChild;
   };
 }
 
@@ -1310,6 +1380,9 @@ function _attrs(scope, nodeAccessor, nextAttrs) {
       el.removeAttribute(name);
     }
   }
+  if (true) {
+    assertExclusiveAttrs(nextAttrs);
+  }
   attrsInternal(scope, nodeAccessor, nextAttrs);
 }
 function _attrs_content(scope, nodeAccessor, nextAttrs) {
@@ -1331,6 +1404,9 @@ function _attrs_partial(scope, nodeAccessor, nextAttrs, skip) {
   for (const key in nextAttrs) {
     if (!skip[key]) partial[key] = nextAttrs[key];
   }
+  if (true) {
+    assertExclusiveAttrs({ ...nextAttrs, ...skip });
+  }
   attrsInternal(scope, nodeAccessor, partial);
 }
 function _attrs_partial_content(scope, nodeAccessor, nextAttrs, skip) {
@@ -1575,7 +1651,7 @@ function reconcile(parent, oldBranches, newBranches, afterReference) {
   if (oldStart > oldEnd) {
     if (newStart <= newEnd) {
       k = newEnd + 1;
-      nextSibling = k < newBranches.length ? newBranches[k].___startNode : afterReference;
+      nextSibling = k < newBranches.length ? newBranches[k]["#StartNode" /* StartNode */] : afterReference;
       do {
         insertBranchBefore(newBranches[newStart++], parent, nextSibling);
       } while (newStart <= newEnd);
@@ -1633,13 +1709,13 @@ function reconcile(parent, oldBranches, newBranches, afterReference) {
           if (sources[i] === -1) {
             pos = i + newStart;
             newBranch = newBranches[pos++];
-            nextSibling = pos < k ? newBranches[pos].___startNode : afterReference;
+            nextSibling = pos < k ? newBranches[pos]["#StartNode" /* StartNode */] : afterReference;
             insertBranchBefore(newBranch, parent, nextSibling);
           } else {
             if (j < 0 || i !== seq[j]) {
               pos = i + newStart;
               newBranch = newBranches[pos++];
-              nextSibling = pos < k ? newBranches[pos].___startNode : afterReference;
+              nextSibling = pos < k ? newBranches[pos]["#StartNode" /* StartNode */] : afterReference;
               insertBranchBefore(newBranch, parent, nextSibling);
             } else {
               --j;
@@ -1652,7 +1728,7 @@ function reconcile(parent, oldBranches, newBranches, afterReference) {
           if (sources[i] === -1) {
             pos = i + newStart;
             newBranch = newBranches[pos++];
-            nextSibling = pos < k ? newBranches[pos].___startNode : afterReference;
+            nextSibling = pos < k ? newBranches[pos]["#StartNode" /* StartNode */] : afterReference;
             insertBranchBefore(newBranch, parent, nextSibling);
           }
         }
@@ -1703,6 +1779,7 @@ function longestIncreasingSubsequence(a) {
 
 // src/dom/control-flow.ts
 function _await(nodeAccessor, renderer) {
+  if (false) nodeAccessor = decodeAccessor4(nodeAccessor);
   const promiseAccessor = "Promise:" /* Promise */ + nodeAccessor;
   const branchAccessor = "ConditionalScope:" /* ConditionalScope */ + nodeAccessor;
   enableBranches();
@@ -1715,22 +1792,22 @@ function _await(nodeAccessor, renderer) {
     let awaitBranch = scope[branchAccessor];
     if (tryWithPlaceholder) {
       placeholderShown.add(pendingEffects);
-      if (!scope[promiseAccessor] && (tryWithPlaceholder.___pendingAsyncCount = (tryWithPlaceholder.___pendingAsyncCount || 0) + 1) === 1) {
+      if (!scope[promiseAccessor] && (tryWithPlaceholder["#PendingAsyncCount" /* PendingAsyncCount */] = (tryWithPlaceholder["#PendingAsyncCount" /* PendingAsyncCount */] || 0) + 1) === 1) {
         requestAnimationFrame(
-          () => tryWithPlaceholder.___pendingAsyncCount && runEffects(
+          () => tryWithPlaceholder["#PendingAsyncCount" /* PendingAsyncCount */] && runEffects(
             prepareEffects(
               () => queueRender(
                 tryWithPlaceholder,
                 () => {
                   insertBranchBefore(
                     tryWithPlaceholder["#PlaceholderBranch" /* PlaceholderBranch */] = createAndSetupBranch(
-                      scope.$global,
+                      scope["$global" /* Global */],
                       tryWithPlaceholder["#PlaceholderContent" /* PlaceholderContent */],
                       tryWithPlaceholder["_" /* Owner */],
-                      tryWithPlaceholder.___startNode.parentNode
+                      tryWithPlaceholder["#StartNode" /* StartNode */].parentNode
                     ),
-                    tryWithPlaceholder.___startNode.parentNode,
-                    tryWithPlaceholder.___startNode
+                    tryWithPlaceholder["#StartNode" /* StartNode */].parentNode,
+                    tryWithPlaceholder["#StartNode" /* StartNode */]
                   );
                   tempDetachBranch(tryWithPlaceholder);
                 },
@@ -1741,9 +1818,9 @@ function _await(nodeAccessor, renderer) {
         );
       }
     } else if (awaitBranch && !scope[promiseAccessor]) {
-      awaitBranch.___startNode.parentNode.insertBefore(
+      awaitBranch["#StartNode" /* StartNode */].parentNode.insertBefore(
         referenceNode,
-        awaitBranch.___startNode
+        awaitBranch["#StartNode" /* StartNode */]
       );
       tempDetachBranch(awaitBranch);
     }
@@ -1758,13 +1835,13 @@ function _await(nodeAccessor, renderer) {
               if (awaitBranch) {
                 if (!tryWithPlaceholder) {
                   referenceNode.replaceWith(
-                    awaitBranch.___startNode.parentNode
+                    awaitBranch["#StartNode" /* StartNode */].parentNode
                   );
                 }
               } else {
                 insertBranchBefore(
                   awaitBranch = scope[branchAccessor] = createAndSetupBranch(
-                    scope.$global,
+                    scope["$global" /* Global */],
                     renderer,
                     scope,
                     referenceNode.parentNode
@@ -1777,20 +1854,20 @@ function _await(nodeAccessor, renderer) {
               renderer.___params?.(awaitBranch, [data]);
               if (tryWithPlaceholder) {
                 placeholderShown.add(pendingEffects);
-                if (!--tryWithPlaceholder.___pendingAsyncCount) {
+                if (!--tryWithPlaceholder["#PendingAsyncCount" /* PendingAsyncCount */]) {
                   const placeholderBranch = tryWithPlaceholder["#PlaceholderBranch" /* PlaceholderBranch */];
                   tryWithPlaceholder["#PlaceholderBranch" /* PlaceholderBranch */] = 0;
                   if (placeholderBranch) {
-                    placeholderBranch.___startNode.parentNode.insertBefore(
-                      tryWithPlaceholder.___startNode.parentNode,
-                      placeholderBranch.___startNode
+                    placeholderBranch["#StartNode" /* StartNode */].parentNode.insertBefore(
+                      tryWithPlaceholder["#StartNode" /* StartNode */].parentNode,
+                      placeholderBranch["#StartNode" /* StartNode */]
                     );
                     removeAndDestroyBranch(placeholderBranch);
                   }
                   queueEffect(tryWithPlaceholder, (scope2) => {
-                    const pendingEffects2 = scope2.___effects;
+                    const pendingEffects2 = scope2["#Effects" /* Effects */];
                     if (pendingEffects2) {
-                      scope2.___effects = [];
+                      scope2["#Effects" /* Effects */] = [];
                       runEffects(pendingEffects2, true);
                     }
                   });
@@ -1803,7 +1880,8 @@ function _await(nodeAccessor, renderer) {
       },
       (error) => {
         if (thisPromise === scope[promiseAccessor]) {
-          if (tryWithPlaceholder) tryWithPlaceholder.___pendingAsyncCount = 0;
+          if (tryWithPlaceholder)
+            tryWithPlaceholder["#PendingAsyncCount" /* PendingAsyncCount */] = 0;
           scope[promiseAccessor] = 0;
           schedule();
           queueRender(scope, renderCatch, -1, error);
@@ -1813,6 +1891,7 @@ function _await(nodeAccessor, renderer) {
   };
 }
 function _try(nodeAccessor, content) {
+  if (false) nodeAccessor = decodeAccessor4(nodeAccessor);
   const branchAccessor = "ConditionalScope:" /* ConditionalScope */ + nodeAccessor;
   return (scope, input) => {
     if (!scope[branchAccessor]) {
@@ -1841,7 +1920,7 @@ function renderCatch(scope, error) {
     const owner = tryWithCatch["_" /* Owner */];
     const placeholderBranch = tryWithCatch["#PlaceholderBranch" /* PlaceholderBranch */];
     if (placeholderBranch) {
-      tryWithCatch.___pendingAsyncCount = 0;
+      tryWithCatch["#PendingAsyncCount" /* PendingAsyncCount */] = 0;
       owner["ConditionalScope:" /* ConditionalScope */ + tryWithCatch["#BranchAccessor" /* BranchAccessor */]] = placeholderBranch;
       destroyBranch(tryWithCatch);
     }
@@ -1859,6 +1938,7 @@ function renderCatch(scope, error) {
   }
 }
 function _if(nodeAccessor, ...branches) {
+  if (false) nodeAccessor = decodeAccessor4(nodeAccessor);
   const branchAccessor = "ConditionalRenderer:" /* ConditionalRenderer */ + nodeAccessor;
   enableBranches();
   return (scope, newBranch) => {
@@ -1876,6 +1956,7 @@ function patchDynamicTag(fn) {
   _dynamic_tag = fn(_dynamic_tag);
 }
 var _dynamic_tag = function dynamicTag(nodeAccessor, getContent, getTagVar, inputIsArgs) {
+  if (false) nodeAccessor = decodeAccessor4(nodeAccessor);
   const childScopeAccessor = "ConditionalScope:" /* ConditionalScope */ + nodeAccessor;
   const rendererAccessor = "ConditionalRenderer:" /* ConditionalRenderer */ + nodeAccessor;
   enableBranches();
@@ -1889,14 +1970,14 @@ var _dynamic_tag = function dynamicTag(nodeAccessor, getContent, getTagVar, inpu
         createBranchWithTagNameOrRenderer
       );
       if (getTagVar) {
-        _var(scope, childScopeAccessor, getTagVar());
+        scope[childScopeAccessor]["#TagVariable" /* TagVariable */] = (value) => getTagVar()(scope, value);
       }
       if (typeof normalizedRenderer === "string") {
         if (getContent) {
           const content = getContent(scope);
           setConditionalRenderer(
             scope[childScopeAccessor],
-            true ? `#${normalizedRenderer}/0` : 0,
+            true ? `#${normalizedRenderer}/0` : "a",
             content,
             createAndSetupBranch
           );
@@ -1904,7 +1985,7 @@ var _dynamic_tag = function dynamicTag(nodeAccessor, getContent, getTagVar, inpu
             subscribeToScopeSet(
               content.___owner,
               content.___accessor,
-              scope[childScopeAccessor]["ConditionalScope:" /* ConditionalScope */ + (true ? `#${normalizedRenderer}/0` : 0)]
+              scope[childScopeAccessor]["ConditionalScope:" /* ConditionalScope */ + (true ? `#${normalizedRenderer}/0` : "a")]
             );
           }
         }
@@ -1922,9 +2003,12 @@ var _dynamic_tag = function dynamicTag(nodeAccessor, getContent, getTagVar, inpu
       if (typeof normalizedRenderer === "string") {
         (getContent ? _attrs : _attrs_content)(
           childScope,
-          true ? `#${normalizedRenderer}/0` : 0,
+          true ? `#${normalizedRenderer}/0` : "a",
           (inputIsArgs ? args[0] : args) || {}
         );
+        if (childScope["EventAttributes:" /* EventAttributes */ + (true ? `#${normalizedRenderer}/0` : "a")] || childScope["ControlledHandler:" /* ControlledHandler */ + (true ? `#${normalizedRenderer}/0` : "a")]) {
+          queueEffect(childScope, dynamicTagScript);
+        }
       } else {
         for (const accessor in normalizedRenderer.___localClosures) {
           normalizedRenderer.___localClosures[accessor](
@@ -1950,11 +2034,20 @@ var _dynamic_tag = function dynamicTag(nodeAccessor, getContent, getTagVar, inpu
     }
   };
 };
+function _resume_dynamic_tag() {
+  _resume(DYNAMIC_TAG_SCRIPT_REGISTER_ID, dynamicTagScript);
+}
+function dynamicTagScript(branch) {
+  _attrs_script(
+    branch,
+    true ? `#${branch["#Renderer" /* Renderer */]}/0` : "a"
+  );
+}
 function setConditionalRenderer(scope, nodeAccessor, newRenderer, createBranch2) {
   const referenceNode = scope[nodeAccessor];
   const prevBranch = scope["ConditionalScope:" /* ConditionalScope */ + nodeAccessor];
-  const parentNode = referenceNode.nodeType > 1 /* Element */ ? (prevBranch?.___startNode || referenceNode).parentNode : referenceNode;
-  const newBranch = scope["ConditionalScope:" /* ConditionalScope */ + nodeAccessor] = newRenderer && createBranch2(scope.$global, newRenderer, scope, parentNode);
+  const parentNode = referenceNode.nodeType > 1 /* Element */ ? (prevBranch?.["#StartNode" /* StartNode */] || referenceNode).parentNode : referenceNode;
+  const newBranch = scope["ConditionalScope:" /* ConditionalScope */ + nodeAccessor] = newRenderer && createBranch2(scope["$global" /* Global */], newRenderer, scope, parentNode);
   if (referenceNode === parentNode) {
     if (prevBranch) {
       destroyBranch(prevBranch);
@@ -1965,9 +2058,16 @@ function setConditionalRenderer(scope, nodeAccessor, newRenderer, createBranch2)
     }
   } else if (prevBranch) {
     if (newBranch) {
-      insertBranchBefore(newBranch, parentNode, prevBranch.___startNode);
+      insertBranchBefore(
+        newBranch,
+        parentNode,
+        prevBranch["#StartNode" /* StartNode */]
+      );
     } else {
-      parentNode.insertBefore(referenceNode, prevBranch.___startNode);
+      parentNode.insertBefore(
+        referenceNode,
+        prevBranch["#StartNode" /* StartNode */]
+      );
     }
     removeAndDestroyBranch(prevBranch);
   } else if (newBranch) {
@@ -2014,6 +2114,7 @@ function _for_until(nodeAccessor, renderer) {
 }
 function loop(nodeAccessor, renderer, forEach) {
   const params = renderer.___params;
+  if (false) nodeAccessor = decodeAccessor4(nodeAccessor);
   enableBranches();
   return (scope, value) => {
     const referenceNode = scope[nodeAccessor];
@@ -2021,7 +2122,7 @@ function loop(nodeAccessor, renderer, forEach) {
     const oldArray = oldMap ? scope["LoopScopeArray:" /* LoopScopeArray */ + nodeAccessor] || [
       ...oldMap.values()
     ] : [];
-    const parentNode = referenceNode.nodeType > 1 /* Element */ ? referenceNode.parentNode || oldArray[0].___startNode.parentNode : referenceNode;
+    const parentNode = referenceNode.nodeType > 1 /* Element */ ? referenceNode.parentNode || oldArray[0]["#StartNode" /* StartNode */].parentNode : referenceNode;
     const newMap = scope["LoopScopeMap:" /* LoopScopeMap */ + nodeAccessor] = /* @__PURE__ */ new Map();
     const newArray = scope["LoopScopeArray:" /* LoopScopeArray */ + nodeAccessor] = [];
     forEach(value, (key, args) => {
@@ -2033,7 +2134,12 @@ function loop(nodeAccessor, renderer, forEach) {
           );
         }
       }
-      const branch = oldMap?.get(key) || createAndSetupBranch(scope.$global, renderer, scope, parentNode);
+      const branch = oldMap?.get(key) || createAndSetupBranch(
+        scope["$global" /* Global */],
+        renderer,
+        scope,
+        parentNode
+      );
       params?.(branch, args);
       newMap.set(key, branch);
       newArray.push(branch);
@@ -2041,7 +2147,7 @@ function loop(nodeAccessor, renderer, forEach) {
     let afterReference = null;
     if (referenceNode !== parentNode) {
       if (oldArray.length) {
-        afterReference = oldArray[oldArray.length - 1].___endNode.nextSibling;
+        afterReference = oldArray[oldArray.length - 1]["#EndNode" /* EndNode */].nextSibling;
         if (!newArray.length) {
           parentNode.insertBefore(referenceNode, afterReference);
         }
@@ -2054,6 +2160,9 @@ function loop(nodeAccessor, renderer, forEach) {
   };
 }
 function createBranchWithTagNameOrRenderer($global, tagNameOrRenderer, parentScope, parentNode) {
+  if (typeof tagNameOrRenderer === "string") {
+    assertValidTagName(tagNameOrRenderer);
+  }
   const branch = createBranch(
     $global,
     tagNameOrRenderer,
@@ -2061,7 +2170,7 @@ function createBranchWithTagNameOrRenderer($global, tagNameOrRenderer, parentSco
     parentNode
   );
   if (typeof tagNameOrRenderer === "string") {
-    branch[true ? `#${tagNameOrRenderer}/0` : 0] = branch.___startNode = branch.___endNode = document.createElementNS(
+    branch[true ? `#${tagNameOrRenderer}/0` : "a"] = branch["#StartNode" /* StartNode */] = branch["#EndNode" /* EndNode */] = document.createElementNS(
       tagNameOrRenderer === "svg" ? "http://www.w3.org/2000/svg" : tagNameOrRenderer === "math" ? "http://www.w3.org/1998/Math/MathML" : parentNode.namespaceURI,
       tagNameOrRenderer
     );
@@ -2086,7 +2195,7 @@ var pendingEffects = [];
 var pendingScopes = [];
 var rendering;
 var scopeKeyOffset = 1e3;
-function queueRender(scope, signal, signalKey, value, scopeKey = scope.___id) {
+function queueRender(scope, signal, signalKey, value, scopeKey = scope["#Id" /* Id */]) {
   const key = scopeKey * scopeKeyOffset + signalKey;
   const existingRender = signalKey >= 0 && pendingRendersLookup.get(key);
   if (existingRender) {
@@ -2173,12 +2282,12 @@ function runRenders() {
       }
       pendingRenders[i] = item;
     }
-    if (!render.___scope.___closestBranch?.___destroyed) {
+    if (!render.___scope["#ClosestBranch" /* ClosestBranch */]?.["#Destroyed" /* Destroyed */]) {
       runRender(render);
     }
   }
   for (const scope of pendingScopes) {
-    scope.___creating = 0;
+    scope["#Creating" /* Creating */] = 0;
   }
   pendingScopes = [];
 }
@@ -2189,10 +2298,10 @@ var _enable_catch = () => {
   enableBranches();
   const handlePendingTry = (fn, scope, branch) => {
     while (branch) {
-      if (branch.___pendingAsyncCount) {
-        return (branch.___effects ||= []).push(fn, scope);
+      if (branch["#PendingAsyncCount" /* PendingAsyncCount */]) {
+        return (branch["#Effects" /* Effects */] ||= []).push(fn, scope);
       }
-      branch = branch.___parentBranch;
+      branch = branch["#ParentBranch" /* ParentBranch */];
     }
   };
   runEffects = /* @__PURE__ */ ((runEffects2) => (effects, checkPending = placeholderShown.has(effects)) => {
@@ -2204,8 +2313,8 @@ var _enable_catch = () => {
       for (; i < effects.length; ) {
         fn = effects[i++];
         scope = effects[i++];
-        branch = scope.___closestBranch;
-        if (!branch?.___destroyed && !(checkPending && handlePendingTry(fn, scope, branch))) {
+        branch = scope["#ClosestBranch" /* ClosestBranch */];
+        if (!branch?.["#Destroyed" /* Destroyed */] && !(checkPending && handlePendingTry(fn, scope, branch))) {
           fn(scope);
         }
       }
@@ -2224,17 +2333,17 @@ var _enable_catch = () => {
 
 // src/dom/abort-signal.ts
 function $signalReset(scope, id) {
-  const ctrl = scope.___abortControllers?.[id];
+  const ctrl = scope["#AbortControllers" /* AbortControllers */]?.[id];
   if (ctrl) {
     queueEffect(ctrl, abort);
-    scope.___abortControllers[id] = void 0;
+    scope["#AbortControllers" /* AbortControllers */][id] = void 0;
   }
 }
 function $signal(scope, id) {
-  if (scope.___closestBranch) {
-    (scope.___closestBranch.___abortScopes ||= /* @__PURE__ */ new Set()).add(scope);
+  if (scope["#ClosestBranch" /* ClosestBranch */]) {
+    (scope["#ClosestBranch" /* ClosestBranch */]["#AbortScopes" /* AbortScopes */] ||= /* @__PURE__ */ new Set()).add(scope);
   }
-  return ((scope.___abortControllers ||= {})[id] ||= new AbortController()).signal;
+  return ((scope["#AbortControllers" /* AbortControllers */] ||= {})[id] ||= new AbortController()).signal;
 }
 function abort(ctrl) {
   ctrl.abort();
@@ -2264,11 +2373,11 @@ var compat = {
     return renderer.___clone;
   },
   getStartNode(branch) {
-    return branch.___startNode;
+    return branch["#StartNode" /* StartNode */];
   },
   setScopeNodes(branch, startNode, endNode) {
-    branch.___startNode = startNode;
-    branch.___endNode = endNode;
+    branch["#StartNode" /* StartNode */] = startNode;
+    branch["#EndNode" /* EndNode */] = endNode;
   },
   runComponentEffects() {
     if (this.effects) {
@@ -2293,8 +2402,8 @@ var compat = {
     const renderer = _content_branch(0, 0, 0, params);
     renderer.___clone = (branch) => {
       const cloned = clone();
-      branch.___startNode = cloned.startNode;
-      branch.___endNode = cloned.endNode;
+      branch["#StartNode" /* StartNode */] = cloned.startNode;
+      branch["#EndNode" /* EndNode */] = cloned.endNode;
     };
     return renderer;
   },
@@ -2325,7 +2434,10 @@ var compat = {
       renderer.___params?.(branch, renderer._ ? args[0] : args);
     });
     if (created) {
-      return toInsertNode(branch.___startNode, branch.___endNode);
+      return toInsertNode(
+        branch["#StartNode" /* StartNode */],
+        branch["#EndNode" /* EndNode */]
+      );
     }
   }
 };
@@ -2411,8 +2523,8 @@ function mount(input = {}, reference, position) {
   insertChildNodes(
     parentNode,
     nextSibling,
-    branch.___startNode,
-    branch.___endNode
+    branch["#StartNode" /* StartNode */],
+    branch["#EndNode" /* EndNode */]
   );
   runEffects(effects);
   return {