marko 6.0.60 → 6.0.62

package/dist/dom.js

@@ -17,87 +17,88 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0
 // src/dom.ts
 var dom_exports = {};
 __export(dom_exports, {
-  attr: () => attr,
+  $signal: () => $signal,
+  $signalReset: () => $signalReset,
+  _attr: () => _attr,
+  _attr_class: () => _attr_class,
+  _attr_class_item: () => _attr_class_item,
+  _attr_class_items: () => _attr_class_items,
+  _attr_content: () => _attr_content,
+  _attr_details_open: () => _attr_details_or_dialog_open,
+  _attr_details_open_script: () => _attr_details_or_dialog_open_script,
+  _attr_dialog_open: () => _attr_details_or_dialog_open,
+  _attr_dialog_open_script: () => _attr_details_or_dialog_open_script,
+  _attr_input_checked: () => _attr_input_checked,
+  _attr_input_checkedValue: () => _attr_input_checkedValue,
+  _attr_input_checkedValue_script: () => _attr_input_checkedValue_script,
+  _attr_input_checked_script: () => _attr_input_checked_script,
+  _attr_input_value: () => _attr_input_value,
+  _attr_input_value_script: () => _attr_input_value_script,
+  _attr_select_value: () => _attr_select_value,
+  _attr_select_value_script: () => _attr_select_value_script,
+  _attr_style: () => _attr_style,
+  _attr_style_item: () => _attr_style_item,
+  _attr_style_items: () => _attr_style_items,
+  _attr_textarea_value: () => _attr_input_value,
+  _attr_textarea_value_script: () => _attr_input_value_script,
+  _attrs: () => _attrs,
+  _attrs_content: () => _attrs_content,
+  _attrs_partial: () => _attrs_partial,
+  _attrs_partial_content: () => _attrs_partial_content,
+  _attrs_script: () => _attrs_script,
+  _await: () => _await,
+  _closure: () => _closure,
+  _closure_get: () => _closure_get,
+  _const: () => _const,
+  _content: () => _content,
+  _content_branch: () => _content_branch,
+  _content_closures: () => _content_closures,
+  _content_resume: () => _content_resume,
+  _dynamic_tag: () => _dynamic_tag,
+  _el: () => _el,
+  _enable_catch: () => _enable_catch,
+  _for_closure: () => _for_closure,
+  _for_in: () => _for_in,
+  _for_of: () => _for_of,
+  _for_to: () => _for_to,
+  _hoist: () => _hoist,
+  _html: () => _html,
+  _id: () => _id,
+  _if: () => _if,
+  _if_closure: () => _if_closure,
+  _let: () => _let,
+  _lifecycle: () => _lifecycle,
+  _on: () => _on,
+  _or: () => _or,
+  _resume: () => _resume,
+  _return: () => _return,
+  _return_change: () => _return_change,
+  _script: () => _script,
+  _template: () => _template,
+  _text: () => _text,
+  _text_content: () => _text_content,
+  _try: () => _try,
+  _var: () => _var,
+  _var_change: () => _var_change,
+  _var_resume: () => _var_resume,
   attrTag: () => attrTag,
   attrTags: () => attrTags,
-  attrs: () => attrs,
-  attrsAndContent: () => attrsAndContent,
-  attrsEvents: () => attrsEvents,
-  awaitTag: () => awaitTag,
-  classAttr: () => classAttr,
-  classItem: () => classItem,
-  classItems: () => classItems,
   compat: () => compat,
-  conditional: () => conditional,
-  conditionalClosure: () => conditionalClosure,
-  controllable_detailsOrDialog_open: () => controllable_detailsOrDialog_open,
-  controllable_detailsOrDialog_open_effect: () => controllable_detailsOrDialog_open_effect,
-  controllable_input_checked: () => controllable_input_checked,
-  controllable_input_checkedValue: () => controllable_input_checkedValue,
-  controllable_input_checkedValue_effect: () => controllable_input_checkedValue_effect,
-  controllable_input_checked_effect: () => controllable_input_checked_effect,
-  controllable_input_value: () => controllable_input_value,
-  controllable_input_value_effect: () => controllable_input_value_effect,
-  controllable_select_value: () => controllable_select_value,
-  controllable_select_value_effect: () => controllable_select_value_effect,
-  controllable_textarea_value: () => controllable_input_value,
-  controllable_textarea_value_effect: () => controllable_input_value_effect,
-  createContent: () => createContent,
-  createRenderer: () => createRenderer,
-  createTemplate: () => createTemplate,
-  createTry: () => createTry,
-  data: () => data,
-  dynamicClosure: () => dynamicClosure,
-  dynamicClosureRead: () => dynamicClosureRead,
-  dynamicTag: () => dynamicTag,
-  effect: () => effect,
-  enableCatch: () => enableCatch,
   forIn: () => forIn,
   forOf: () => forOf,
   forTo: () => forTo,
-  getAbortSignal: () => getAbortSignal,
-  hoist: () => hoist,
-  html: () => html,
   init: () => init,
-  insertContent: () => insertContent,
-  intersection: () => intersection,
-  lifecycle: () => lifecycle,
-  localClosures: () => localClosures,
-  loopClosure: () => loopClosure,
-  loopIn: () => loopIn,
-  loopOf: () => loopOf,
-  loopTo: () => loopTo,
-  nextTagId: () => nextTagId,
-  nodeRef: () => nodeRef,
-  on: () => on,
-  partialAttrs: () => partialAttrs,
-  partialAttrsAndContent: () => partialAttrsAndContent,
-  props: () => props,
-  register: () => register,
-  registerBoundSignal: () => registerBoundSignal,
-  registerContent: () => registerContent,
-  resetAbortSignal: () => resetAbortSignal,
-  run: () => run,
-  setTagVar: () => setTagVar,
-  setTagVarChange: () => setTagVarChange,
-  state: () => state,
-  styleAttr: () => styleAttr,
-  styleItem: () => styleItem,
-  styleItems: () => styleItems,
-  tagVarSignal: () => tagVarSignal,
-  tagVarSignalChange: () => tagVarSignalChange,
-  textContent: () => textContent,
-  value: () => value
+  run: () => run
 });
 module.exports = __toCommonJS(dom_exports);
 
 // src/common/attr-tag.ts
 var empty = [], rest = Symbol();
-function attrTag(attrs2) {
-  return attrs2[Symbol.iterator] = attrTagIterator, attrs2[rest] = empty, attrs2;
+function attrTag(attrs) {
+  return attrs[Symbol.iterator] = attrTagIterator, attrs[rest] = empty, attrs;
 }
-function attrTags(first, attrs2) {
-  return first ? (first[rest] === empty ? first[rest] = [attrs2] : first[rest].push(attrs2), first) : attrTag(attrs2);
+function attrTags(first, attrs) {
+  return first ? (first[rest] === empty ? first[rest] = [attrs] : first[rest].push(attrs), first) : attrTag(attrs);
 }
 function* attrTagIterator() {
   yield this, yield* this[rest];
@@ -125,14 +126,14 @@ function forTo(to, from, step, cb) {
 function classValue(classValue2) {
   return toDelimitedString(classValue2, " ", stringifyClassObject);
 }
-function stringifyClassObject(name, value2) {
-  return value2 ? name : "";
+function stringifyClassObject(name, value) {
+  return value ? name : "";
 }
 function styleValue(styleValue2) {
   return toDelimitedString(styleValue2, ";", stringifyStyleObject);
 }
-function stringifyStyleObject(name, value2) {
-  return value2 || value2 === 0 ? name + ":" + value2 : "";
+function stringifyStyleObject(name, value) {
+  return value || value === 0 ? name + ":" + value : "";
 }
 function toDelimitedString(val, delimiter, stringify) {
   let str = "", sep = "", part;
@@ -153,13 +154,13 @@ function isEventHandler(name) {
 function getEventHandlerName(name) {
   return name[2] === "-" ? name.slice(3) : name.slice(2).toLowerCase();
 }
-function normalizeDynamicRenderer(value2) {
-  return value2 ? value2.content || value2.default || value2 : void 0;
+function normalizeDynamicRenderer(value) {
+  return value ? value.content || value.default || value : void 0;
 }
 
 // src/dom/event.ts
 var defaultDelegator = createDelegator();
-function on(element, type, handler) {
+function _on(element, type, handler) {
   element["$" + type] === void 0 && defaultDelegator(element, type, handleDelegated), element["$" + type] = handler || null;
 }
 function createDelegator() {
@@ -251,36 +252,36 @@ function walk(startNode, walkCodes, branch) {
   walker.currentNode = startNode, walkInternal(0, walkCodes, branch);
 }
 function walkInternal(currentWalkIndex, walkCodes, scope) {
-  let value2, storedMultiplier = 0, currentMultiplier = 0, currentScopeIndex = 0;
+  let value, storedMultiplier = 0, currentMultiplier = 0, currentScopeIndex = 0;
   for (; currentWalkIndex < walkCodes.length; )
-    if (value2 = walkCodes.charCodeAt(currentWalkIndex++), currentMultiplier = storedMultiplier, storedMultiplier = 0, value2 === 32 /* Get */) {
+    if (value = walkCodes.charCodeAt(currentWalkIndex++), currentMultiplier = storedMultiplier, storedMultiplier = 0, value === 32 /* Get */) {
       let node = walker.currentNode;
       scope[currentScopeIndex] = node, scope["j" /* Getter */ + currentScopeIndex++] = () => node;
-    } else if (value2 === 37 /* Replace */ || value2 === 49 /* DynamicTagWithVar */)
+    } else if (value === 37 /* Replace */ || value === 49 /* DynamicTagWithVar */)
       walker.currentNode.replaceWith(
         walker.currentNode = scope[currentScopeIndex++] = new Text()
-      ), value2 === 49 /* DynamicTagWithVar */ && (scope[currentScopeIndex++] = skipScope(scope));
+      ), value === 49 /* DynamicTagWithVar */ && (scope[currentScopeIndex++] = skipScope(scope));
     else {
-      if (value2 === 38 /* EndChild */)
+      if (value === 38 /* EndChild */)
         return currentWalkIndex;
-      if (value2 === 47 /* BeginChild */ || value2 === 48 /* BeginChildWithVar */)
+      if (value === 47 /* BeginChild */ || value === 48 /* BeginChildWithVar */)
         currentWalkIndex = walkInternal(
           currentWalkIndex,
           walkCodes,
           scope[currentScopeIndex++] = createScope(scope.$global, scope.k)
-        ), value2 === 48 /* BeginChildWithVar */ && (scope[currentScopeIndex++] = skipScope(scope));
-      else if (value2 < 92)
-        for (value2 = 20 /* Next */ * currentMultiplier + value2 - 67 /* Next */; value2--; )
+        ), value === 48 /* BeginChildWithVar */ && (scope[currentScopeIndex++] = skipScope(scope));
+      else if (value < 92)
+        for (value = 20 /* Next */ * currentMultiplier + value - 67 /* Next */; value--; )
           walker.nextNode();
-      else if (value2 < 107)
-        for (value2 = 10 /* Over */ * currentMultiplier + value2 - 97 /* Over */; value2--; )
+      else if (value < 107)
+        for (value = 10 /* Over */ * currentMultiplier + value - 97 /* Over */; value--; )
           walker.nextSibling();
-      else if (value2 < 117) {
-        for (value2 = 10 /* Out */ * currentMultiplier + value2 - 107 /* Out */; value2--; )
+      else if (value < 117) {
+        for (value = 10 /* Out */ * currentMultiplier + value - 107 /* Out */; value--; )
           walker.parentNode();
         walker.nextSibling();
       } else
-        storedMultiplier = currentMultiplier * 10 /* Multiplier */ + value2 - 117 /* Multiplier */;
+        storedMultiplier = currentMultiplier * 10 /* Multiplier */ + value - 117 /* Multiplier */;
     }
 }
 
@@ -293,59 +294,50 @@ function init(runtimeId = "M") {
   let renders = self[runtimeId], defineRuntime = (desc) => Object.defineProperty(self, runtimeId, desc), resumeRender, initRuntime = (renders2) => {
     defineRuntime({
       value: resumeRender = ((renderId) => {
-        let render = resumeRender[renderId] = renders2[renderId] || renders2(renderId), walk2 = render.w, commentPrefixLen = render.i.length, scopeLookup = render.s = {}, serializeContext = {
+        let render = resumeRender[renderId] = renders2[renderId] || renders2(renderId), walk2 = render.w, scopeLookup = render.s = {}, serializeContext = {
           _: registeredValues
         }, branches = branchesEnabled && /* @__PURE__ */ (() => {
-          let branchStack = [], branchIds = /* @__PURE__ */ new Set(), parentBranchIds = /* @__PURE__ */ new Map(), lastEndNode, currentBranchId, endBranch = (branchId, reference) => {
-            let branch = scopeLookup[branchId] ||= {}, endNode = reference, prevNode;
-            for (; (prevNode = endNode.previousSibling) !== branch.h && ~visits.indexOf(endNode = prevNode); ) ;
-            return branch.j = lastEndNode = endNode === lastEndNode ? reference.parentNode.insertBefore(new Text(), reference) : endNode, branch.h ||= lastEndNode, branchIds.add(branchId), branch;
+          let branchParents = /* @__PURE__ */ new Map(), branchStarts = [], orphanBranches = [], endBranch = (singleNode) => {
+            let parent = visit.parentNode, startVisit = visit, i = orphanBranches.length, claimed = 0, branchId, branch;
+            for (; branchId = +lastToken; ) {
+              if (branch = scopeLookup[branchId] ||= {}, singleNode) {
+                for (; startVisit.previousSibling && ~visits.indexOf(
+                  startVisit = startVisit.previousSibling
+                ); ) ;
+                branch.j = branch.h = startVisit, visitType === "'" /* BranchEndNativeTag */ && (branch[0] = startVisit);
+              } else
+                startVisit = branchStarts.pop(), parent !== startVisit.parentNode && parent.prepend(startVisit), branch.h = startVisit, branch.j = visit.previousSibling === startVisit ? startVisit : parent.insertBefore(new Text(), visit);
+              for (; i-- && orphanBranches[i] > branchId; )
+                branchParents.set(orphanBranches[i], branchId), claimed++;
+              orphanBranches.push(branchId), branchParents.set(branchId, 0), nextToken();
+            }
+            orphanBranches.splice(i, claimed);
           };
           return {
             K() {
-              if (visitToken === "[" /* BranchStart */)
-                currentBranchId && visitDataIndex && (endBranch(currentBranchId, visit), currentBranchId = branchStack.pop()), currentBranchId && (branchStack.push(currentBranchId), parentBranchIds.set(scopeId, currentBranchId)), currentBranchId = scopeId, visitScope.h = visit;
-              else if (visitToken === "]" /* BranchEnd */) {
-                let curParent = visit.parentNode, startNode = endBranch(
-                  currentBranchId,
-                  visit
-                ).h;
-                visitScope[visitData] = visit, curParent !== startNode.parentNode && curParent.prepend(startNode), currentBranchId = branchStack.pop();
-              } else {
-                let next = visitData.indexOf(" "), curNode = visit;
-                for (visitScope[~next ? visitData.slice(0, next) : visitData] = visitToken === "=" /* BranchSingleNodeOnlyChildInParent */ ? visit.parentNode : visit; ~next; ) {
-                  let start = next + 1;
-                  next = visitData.indexOf(" ", start);
-                  let childScopeId = +visitData.slice(
-                    start,
-                    ~next ? next : visitData.length
-                  );
-                  if (curNode = endBranch(childScopeId, curNode).j, parentBranchIds.set(childScopeId, scopeId), visitToken === "'" /* BranchNativeTag */) {
-                    let childBranch = scopeLookup[childScopeId];
-                    childBranch[0] = childBranch.h = childBranch.j = curNode;
-                  }
-                }
-              }
+              visitType === "[" /* BranchStart */ ? (endBranch(), branchStarts.push(visit)) : (visitScope[
+                nextToken()
+                /* read accessor */
+              ] = visitType === ")" /* BranchEndOnlyChildInParent */ || visitType === "}" /* BranchEndSingleNodeOnlyChildInParent */ ? visit.parentNode : visit, nextToken(), endBranch(
+                visitType !== "]" /* BranchEnd */ && visitType !== ")" /* BranchEndOnlyChildInParent */
+              ));
             },
             t(scope) {
-              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.y = parentBranch, (parentBranch.A ||= /* @__PURE__ */ new Set()).add(branch));
-              }
+              scope.k = scopeLookup[scope.g || branchParents.get(scopeId)], branchParents.has(scopeId) && (scope.k && ((scope.y = scope.k).A ||= /* @__PURE__ */ new Set()).add(scope), scope.k = scope);
             }
           };
-        })(), $global, lastScopeId = 0, lastEffect, visits, resumes, scopeId, visit, visitText, visitData, visitDataIndex, visitToken, visitScope;
+        })(), $global, lastScopeId = 0, lastEffect, visits, resumes, scopeId, visit, visitText, visitType, visitScope, lastToken, lastTokenIndex, nextToken = () => lastToken = visitText.slice(
+          lastTokenIndex,
+          // eslint-disable-next-line no-cond-assign
+          (lastTokenIndex = visitText.indexOf(" ", lastTokenIndex) + 1) ? lastTokenIndex - 1 : visitText.length
+        );
         return render.w = () => {
           try {
             walk2(), isResuming = 1;
             for (visit of visits = render.v)
-              visitText = visit.data, visitDataIndex = visitText.indexOf(" ") + 1, scopeId = +visitText.slice(
-                commentPrefixLen + 1,
-                visitDataIndex ? visitDataIndex - 1 : visitText.length
-              ), visitData = visitDataIndex ? visitText.slice(visitDataIndex) : "", visitToken = visitText[commentPrefixLen], visitScope = scopeLookup[scopeId] ||= {
+              lastTokenIndex = render.i.length, visitText = visit.data, visitType = visitText[lastTokenIndex++], (scopeId = +nextToken()) && (visitScope = scopeLookup[scopeId] ||= {
                 l: scopeId
-              }, visitToken === "*" /* Node */ ? visitScope["j" /* Getter */ + visitData] = /* @__PURE__ */ ((node) => () => node)(visitScope[visitData] = visit.previousSibling) : branches && branches.K();
+              }), visitType === "*" /* Node */ ? visitScope["j" /* Getter */ + nextToken()] = /* @__PURE__ */ ((node) => () => node)(visitScope[lastToken] = visit.previousSibling) : branchesEnabled && branches.K();
             for (let serialized of resumes = render.r || [])
               if (typeof serialized == "string")
                 lastEffect = serialized;
@@ -361,7 +353,7 @@ function init(runtimeId = "M") {
                   $global ? typeof scope == "number" ? lastScopeId += scope : (scopeId = ++lastScopeId, scope.$global = $global, scope.l = scopeId, scopeLookup[scopeId] !== scope && (scopeLookup[scopeId] = Object.assign(
                     scope,
                     scopeLookup[scopeId]
-                  )), branches && branches.t(scope)) : ($global = scope || {}, $global.runtimeId = runtimeId, $global.renderId = renderId, $global.p = 1e6);
+                  )), branchesEnabled && branches.t(scope)) : ($global = scope || {}, $global.runtimeId = runtimeId, $global.renderId = renderId, $global.p = 1e6);
           } finally {
             isResuming = visits.length = resumes.length = 0;
           }
@@ -380,22 +372,22 @@ function init(runtimeId = "M") {
     });
 }
 var isResuming;
-function register(id, obj) {
+function _resume(id, obj) {
   return registeredValues[id] = obj, obj;
 }
-function registerBoundSignal(id, signal) {
-  return registeredValues[id] = (scope) => (value2) => signal(scope, value2), signal;
+function _var_resume(id, signal) {
+  return registeredValues[id] = (scope) => (value) => signal(scope, value), signal;
 }
 function getRegisteredWithScope(id, scope) {
   let val = registeredValues[id];
   return scope ? val(scope) : val;
 }
-function nodeRef(id, key) {
-  return register(id, (scope) => () => scope[key]());
+function _el(id, key) {
+  return _resume(id, (scope) => () => scope[key]());
 }
 
 // src/dom/controllable.ts
-function controllable_input_checked(scope, nodeAccessor, checked, checkedChange) {
+function _attr_input_checked(scope, nodeAccessor, checked, checkedChange) {
   setCheckboxValue(
     scope,
     nodeAccessor,
@@ -404,7 +396,7 @@ function controllable_input_checked(scope, nodeAccessor, checked, checkedChange)
     checkedChange
   );
 }
-function controllable_input_checked_effect(scope, nodeAccessor) {
+function _attr_input_checked_script(scope, nodeAccessor) {
   let el = scope[nodeAccessor];
   syncControllable(el, "input", hasCheckboxChanged, () => {
     let checkedChange = scope["e" /* ControlledHandler */ + nodeAccessor];
@@ -414,16 +406,16 @@ function controllable_input_checked_effect(scope, nodeAccessor) {
     }
   });
 }
-function controllable_input_checkedValue(scope, nodeAccessor, checkedValue, checkedValueChange, value2) {
-  scope["g" /* ControlledValue */ + nodeAccessor] = checkedValue, attr(scope[nodeAccessor], "value", value2), setCheckboxValue(
+function _attr_input_checkedValue(scope, nodeAccessor, checkedValue, checkedValueChange, value) {
+  scope["g" /* ControlledValue */ + nodeAccessor] = checkedValue, _attr(scope[nodeAccessor], "value", value), setCheckboxValue(
     scope,
     nodeAccessor,
     1 /* InputCheckedValue */,
-    Array.isArray(checkedValue) ? checkedValue.includes(value2) : checkedValue === value2,
+    Array.isArray(checkedValue) ? checkedValue.includes(value) : checkedValue === value,
     checkedValueChange
   );
 }
-function controllable_input_checkedValue_effect(scope, nodeAccessor) {
+function _attr_input_checkedValue_script(scope, nodeAccessor) {
   let el = scope[nodeAccessor];
   syncControllable(el, "input", hasCheckboxChanged, () => {
     let checkedValueChange = scope["e" /* ControlledHandler */ + nodeAccessor];
@@ -440,11 +432,11 @@ function controllable_input_checkedValue_effect(scope, nodeAccessor) {
     }
   });
 }
-function controllable_input_value(scope, nodeAccessor, value2, valueChange) {
-  let el = scope[nodeAccessor], normalizedValue = normalizeStrProp(value2);
-  scope["e" /* ControlledHandler */ + nodeAccessor] = valueChange, valueChange ? (scope["f" /* ControlledType */ + nodeAccessor] = 0 /* InputChecked */, scope["g" /* ControlledValue */ + nodeAccessor] = value2, el.isConnected ? setValueAndUpdateSelection(el, normalizedValue) : el.defaultValue = normalizedValue) : (scope["f" /* ControlledType */ + nodeAccessor] = 5 /* None */, el.defaultValue = normalizedValue);
+function _attr_input_value(scope, nodeAccessor, value, valueChange) {
+  let el = scope[nodeAccessor], normalizedValue = normalizeStrProp(value);
+  scope["e" /* ControlledHandler */ + nodeAccessor] = valueChange, valueChange ? (scope["f" /* ControlledType */ + nodeAccessor] = 0 /* InputChecked */, scope["g" /* ControlledValue */ + nodeAccessor] = value, el.isConnected ? setValueAndUpdateSelection(el, normalizedValue) : el.defaultValue = normalizedValue) : (scope["f" /* ControlledType */ + nodeAccessor] = 5 /* None */, el.defaultValue = normalizedValue);
 }
-function controllable_input_value_effect(scope, nodeAccessor) {
+function _attr_input_value_script(scope, nodeAccessor) {
   let el = scope[nodeAccessor];
   isResuming && (scope["g" /* ControlledValue */ + nodeAccessor] = el.defaultValue), syncControllable(el, "input", hasValueChanged, (ev) => {
     let valueChange = scope["e" /* ControlledHandler */ + nodeAccessor];
@@ -454,17 +446,17 @@ function controllable_input_value_effect(scope, nodeAccessor) {
     ), inputType = "");
   });
 }
-function controllable_select_value(scope, nodeAccessor, value2, valueChange) {
-  scope["e" /* ControlledHandler */ + nodeAccessor] = valueChange, valueChange ? (scope["f" /* ControlledType */ + nodeAccessor] = 3 /* SelectValue */, scope["g" /* ControlledValue */ + nodeAccessor] = value2) : scope["f" /* ControlledType */ + nodeAccessor] = 5 /* None */, pendingEffects.unshift(
+function _attr_select_value(scope, nodeAccessor, value, valueChange) {
+  scope["e" /* ControlledHandler */ + nodeAccessor] = valueChange, valueChange ? (scope["f" /* ControlledType */ + nodeAccessor] = 3 /* SelectValue */, scope["g" /* ControlledValue */ + nodeAccessor] = value) : scope["f" /* ControlledType */ + nodeAccessor] = 5 /* None */, pendingEffects.unshift(
     () => setSelectOptions(
       scope[nodeAccessor],
-      value2,
+      value,
       valueChange
     ),
     scope
   );
 }
-function controllable_select_value_effect(scope, nodeAccessor) {
+function _attr_select_value_script(scope, nodeAccessor) {
   let el = scope[nodeAccessor], onChange = () => {
     let valueChange = scope["e" /* ControlledHandler */ + nodeAccessor];
     if (valueChange) {
@@ -479,21 +471,21 @@ function controllable_select_value_effect(scope, nodeAccessor) {
     }
   };
   el._ || new MutationObserver(() => {
-    let value2 = scope["g" /* ControlledValue */ + nodeAccessor];
-    (Array.isArray(value2) ? value2.length !== el.selectedOptions.length || value2.some((value3, i) => value3 != el.selectedOptions[i].value) : el.value != value2) && onChange();
+    let value = scope["g" /* ControlledValue */ + nodeAccessor];
+    (Array.isArray(value) ? value.length !== el.selectedOptions.length || value.some((value2, i) => value2 != el.selectedOptions[i].value) : el.value != value) && onChange();
   }).observe(el, {
     childList: !0,
     subtree: !0
   }), syncControllable(el, "input", hasSelectChanged, onChange);
 }
-function setSelectOptions(el, value2, valueChange) {
-  if (Array.isArray(value2))
+function setSelectOptions(el, value, valueChange) {
+  if (Array.isArray(value))
     for (let opt of el.options) {
-      let selected = value2.includes(opt.value);
+      let selected = value.includes(opt.value);
       valueChange ? opt.selected = selected : opt.defaultSelected = selected;
     }
   else {
-    let normalizedValue = normalizeStrProp(value2);
+    let normalizedValue = normalizeStrProp(value);
     if (valueChange)
       el.value = normalizedValue;
     else
@@ -501,10 +493,10 @@ function setSelectOptions(el, value2, valueChange) {
         opt.defaultSelected = opt.value === normalizedValue;
   }
 }
-function controllable_detailsOrDialog_open(scope, nodeAccessor, open, openChange) {
+function _attr_details_or_dialog_open(scope, nodeAccessor, open, openChange) {
   scope["e" /* ControlledHandler */ + nodeAccessor] = openChange, openChange ? scope["f" /* ControlledType */ + nodeAccessor] = 4 /* DetailsOrDialogOpen */ : scope["f" /* ControlledType */ + nodeAccessor] = 5 /* None */, scope[nodeAccessor].open = scope["g" /* ControlledValue */ + nodeAccessor] = normalizeBoolProp(open);
 }
-function controllable_detailsOrDialog_open_effect(scope, nodeAccessor) {
+function _attr_details_or_dialog_open_script(scope, nodeAccessor) {
   let el = scope[nodeAccessor], hasChanged = () => el.open !== scope["g" /* ControlledValue */ + nodeAccessor];
   syncControllable(
     el,
@@ -520,13 +512,13 @@ function controllable_detailsOrDialog_open_effect(scope, nodeAccessor) {
   );
 }
 var inputType = "";
-function setValueAndUpdateSelection(el, value2) {
-  if (el.value !== value2) {
+function setValueAndUpdateSelection(el, value) {
+  if (el.value !== value) {
     let updatedPosition = resolveCursorPosition(
       inputType,
       el.getRootNode().activeElement === el && el.selectionStart,
       el.value,
-      el.value = value2
+      el.value = value
     );
     ~updatedPosition && el.setSelectionRange(updatedPosition, updatedPosition);
   }
@@ -565,11 +557,11 @@ function hasSelectChanged(el) {
 function hasFormElementChanged(el) {
   return el.options ? hasSelectChanged(el) : hasValueChanged(el) || hasCheckboxChanged(el);
 }
-function normalizeStrProp(value2) {
-  return normalizeAttrValue(value2) || "";
+function normalizeStrProp(value) {
+  return normalizeAttrValue(value) || "";
 }
-function normalizeBoolProp(value2) {
-  return value2 != null && value2 !== !1;
+function normalizeBoolProp(value) {
+  return value != null && value !== !1;
 }
 function updateList(arr, val, push) {
   let index = arr.indexOf(val);
@@ -581,9 +573,9 @@ function toValueProp(it) {
 
 // src/dom/parse-html.ts
 var parsers = {};
-function parseHTML(html2, ns) {
+function parseHTML(html, ns) {
   let parser = parsers[ns] ||= document.createElementNS(ns, "template");
-  return parser.innerHTML = html2, parser.content || parser;
+  return parser.innerHTML = html, parser.content || parser;
 }
 
 // src/dom/schedule.ts
@@ -601,31 +593,31 @@ function triggerMacroTask() {
 }
 
 // src/dom/signals.ts
-function state(valueAccessor, fn) {
+function _let(valueAccessor, fn) {
   if (0)
     var id;
-  let valueChangeAccessor = "o" /* TagVariableChange */ + valueAccessor, update = (scope, value2) => {
-    scope[valueAccessor] !== value2 && (scope[valueAccessor] = value2, fn(scope, value2));
+  let valueChangeAccessor = "o" /* TagVariableChange */ + valueAccessor, update = (scope, value) => {
+    scope[valueAccessor] !== value && (scope[valueAccessor] = value, fn(scope, value));
   };
-  return (scope, value2, valueChange) => (rendering ? ((scope[valueChangeAccessor] = valueChange) && scope[valueAccessor] !== value2 || !(valueAccessor in scope)) && (scope[valueAccessor] = value2, fn(scope, value2)) : scope[valueChangeAccessor] ? scope[valueChangeAccessor](value2) : (schedule(), queueRender(
+  return (scope, value, valueChange) => (rendering ? ((scope[valueChangeAccessor] = valueChange) && scope[valueAccessor] !== value || !(valueAccessor in scope)) && (scope[valueAccessor] = value, fn(scope, value)) : scope[valueChangeAccessor] ? scope[valueChangeAccessor](value) : (schedule(), queueRender(
     scope,
     update,
     valueAccessor,
-    value2
-  )), value2);
+    value
+  )), value);
 }
-function value(valueAccessor, fn = () => {
+function _const(valueAccessor, fn = () => {
 }) {
-  return (scope, value2) => {
-    (!(valueAccessor in scope) || scope[valueAccessor] !== value2) && (scope[valueAccessor] = value2, fn(scope, value2));
+  return (scope, value) => {
+    (!(valueAccessor in scope) || scope[valueAccessor] !== value) && (scope[valueAccessor] = value, fn(scope, value));
   };
 }
-function intersection(id, fn, defaultPending = 1, scopeIdAccessor = /* @__KEY__ */ "l") {
+function _or(id, fn, defaultPending = 1, scopeIdAccessor = /* @__KEY__ */ "l") {
   return (scope) => {
     scope.q ? scope[id] === void 0 ? scope[id] = defaultPending : --scope[id] || fn(scope) : queueRender(scope, fn, id, 0, scope[scopeIdAccessor]);
   };
 }
-function loopClosure(valueAccessor, ownerLoopNodeAccessor, fn) {
+function _for_closure(valueAccessor, ownerLoopNodeAccessor, fn) {
   let childSignal = closure(valueAccessor, fn), loopScopeAccessor = "l" /* LoopScopeArray */ + ownerLoopNodeAccessor, loopScopeMapAccessor = "m" /* LoopScopeMap */ + ownerLoopNodeAccessor, ownerSignal = (ownerScope) => {
     let scopes = ownerScope[loopScopeAccessor] ||= ownerScope[loopScopeMapAccessor] ? [...ownerScope[loopScopeMapAccessor].values()] : [], [firstScope] = scopes;
     firstScope && queueRender(
@@ -641,7 +633,7 @@ function loopClosure(valueAccessor, ownerLoopNodeAccessor, fn) {
   };
   return ownerSignal._ = childSignal, ownerSignal;
 }
-function conditionalClosure(valueAccessor, ownerConditionalNodeAccessor, branch, fn) {
+function _if_closure(valueAccessor, ownerConditionalNodeAccessor, branch, fn) {
   let childSignal = closure(valueAccessor, fn), scopeAccessor = "d" /* ConditionalScope */ + ownerConditionalNodeAccessor, branchAccessor = "c" /* ConditionalRenderer */ + ownerConditionalNodeAccessor, ownerSignal = (scope) => {
     let ifScope = scope[scopeAccessor];
     ifScope && !ifScope.q && scope[branchAccessor] === branch && queueRender(ifScope, childSignal, -1);
@@ -650,12 +642,12 @@ function conditionalClosure(valueAccessor, ownerConditionalNodeAccessor, branch,
 }
 function subscribeToScopeSet(ownerScope, accessor, scope) {
   let subscribers = ownerScope[accessor] ||= /* @__PURE__ */ new Set();
-  subscribers.has(scope) || (subscribers.add(scope), getAbortSignal(scope, -1).addEventListener(
+  subscribers.has(scope) || (subscribers.add(scope), $signal(scope, -1).addEventListener(
     "abort",
     () => ownerScope[accessor].delete(scope)
   ));
 }
-function dynamicClosure(...closureSignals) {
+function _closure(...closureSignals) {
   let [{ E: ___scopeInstancesAccessor, F: ___signalIndexAccessor }] = closureSignals;
   for (let i = closureSignals.length; i--; )
     closureSignals[i].L = i;
@@ -669,7 +661,7 @@ function dynamicClosure(...closureSignals) {
         );
   };
 }
-function dynamicClosureRead(valueAccessor, fn, getOwnerScope) {
+function _closure_get(valueAccessor, fn, getOwnerScope) {
   let childSignal = closure(valueAccessor, fn, getOwnerScope), closureSignal = ((scope) => {
     scope[closureSignal.F] = closureSignal.L, childSignal(scope), subscribeToScopeSet(
       getOwnerScope ? getOwnerScope(scope) : scope._,
@@ -687,20 +679,20 @@ function closure(valueAccessor, fn, getOwnerScope) {
     );
   };
 }
-function setTagVar(scope, childAccessor, tagVarSignal2) {
-  scope[childAccessor].e = (value2) => tagVarSignal2(scope, value2);
+function _var(scope, childAccessor, signal) {
+  scope[childAccessor].e = (value) => signal(scope, value);
 }
-var tagVarSignal = (scope, value2) => scope.e?.(value2);
-function setTagVarChange(scope, changeHandler) {
+var _return = (scope, value) => scope.e?.(value);
+function _return_change(scope, changeHandler) {
   scope.f = changeHandler;
 }
-var tagVarSignalChange = (scope, value2) => scope.f?.(value2), tagIdsByGlobal = /* @__PURE__ */ new WeakMap();
-function nextTagId({ $global }) {
+var _var_change = (scope, value) => scope.f?.(value), tagIdsByGlobal = /* @__PURE__ */ new WeakMap();
+function _id({ $global }) {
   let id = tagIdsByGlobal.get($global) || 0;
   return tagIdsByGlobal.set($global, id + 1), "c" + $global.runtimeId + $global.renderId + id.toString(36);
 }
-function effect(id, fn) {
-  return register(id, fn), (scope) => {
+function _script(id, fn) {
+  return _resume(id, fn), (scope) => {
     queueEffect(scope, fn);
   };
 }
@@ -711,7 +703,7 @@ function* traverseAllHoisted(scope, path, curIndex = path.length - 1) {
         yield* traverseAllHoisted(s, path, curIndex);
     else curIndex ? yield* traverseAllHoisted(scope[path[curIndex]], path, curIndex - 1) : yield scope[path[0]];
 }
-function hoist(...path) {
+function _hoist(...path) {
   return (scope) => {
     let getOne = (...args) => iterator().next().value(...args), iterator = getOne[Symbol.iterator] = () => traverseAllHoisted(scope, path);
     return getOne;
@@ -735,7 +727,7 @@ function createAndSetupBranch($global, renderer, parentScope, parentNode) {
 function setupBranch(renderer, branch) {
   return renderer.D && queueRender(branch, renderer.D, -1), branch;
 }
-function createContent(id, template, walks, setup, params, dynamicScopesAccessor) {
+function _content(id, template, walks, setup, params, dynamicScopesAccessor) {
   walks = walks ? walks.replace(/[^\0-1]+$/, "") : "", setup = setup ? setup._ || setup : void 0, params ||= void 0;
   let clone = template ? (branch, ns) => {
     ((cloneCache[ns] ||= {})[template] ||= createCloneableHTML(
@@ -758,27 +750,27 @@ function createContent(id, template, walks, setup, params, dynamicScopesAccessor
     n: dynamicScopesAccessor
   });
 }
-function registerContent(id, template, walks, setup, params, dynamicScopesAccessor) {
-  return register(
+function _content_resume(id, template, walks, setup, params, dynamicScopesAccessor) {
+  return _resume(
     id,
-    createContent(id, template, walks, setup, params, dynamicScopesAccessor)
+    _content(id, template, walks, setup, params, dynamicScopesAccessor)
   );
 }
-function localClosures(renderer, closureFns) {
+function _content_closures(renderer, closureFns) {
   let closureSignals = {};
   for (let key in closureFns)
-    closureSignals[key] = value(key, closureFns[key]);
+    closureSignals[key] = _const(key, closureFns[key]);
   return (owner, closureValues) => {
     let instance = renderer(owner);
     return instance.G = closureSignals, instance.M = closureValues, instance;
   };
 }
-function createRenderer(template, walks, setup, params) {
-  return createContent("", template, walks, setup, params)();
+function _content_branch(template, walks, setup, params) {
+  return _content("", template, walks, setup, params)();
 }
 var cloneCache = {};
-function createCloneableHTML(html2, ns) {
-  let { firstChild, lastChild } = parseHTML(html2, ns), parent = document.createElementNS(ns, "t");
+function createCloneableHTML(html, ns) {
+  let { firstChild, lastChild } = parseHTML(html, ns), parent = document.createElementNS(ns, "t");
   return insertChildNodes(parent, null, firstChild, lastChild), firstChild === lastChild && firstChild.nodeType < 8 /* Comment */ ? (branch, walks) => {
     walk(
       branch.h = branch.j = firstChild.cloneNode(!0),
@@ -792,41 +784,41 @@ function createCloneableHTML(html2, ns) {
 }
 
 // src/dom/dom.ts
-function attr(element, name, value2) {
-  setAttribute(element, name, normalizeAttrValue(value2));
+function _attr(element, name, value) {
+  setAttribute(element, name, normalizeAttrValue(value));
 }
-function setAttribute(element, name, value2) {
-  element.getAttribute(name) != value2 && (value2 === void 0 ? element.removeAttribute(name) : element.setAttribute(name, value2));
+function setAttribute(element, name, value) {
+  element.getAttribute(name) != value && (value === void 0 ? element.removeAttribute(name) : element.setAttribute(name, value));
 }
-function classAttr(element, value2) {
-  setAttribute(element, "class", classValue(value2) || void 0);
+function _attr_class(element, value) {
+  setAttribute(element, "class", classValue(value) || void 0);
 }
-function classItems(element, items) {
+function _attr_class_items(element, items) {
   for (let key in items)
-    classItem(element, key, items[key]);
+    _attr_class_item(element, key, items[key]);
 }
-function classItem(element, name, value2) {
-  element.classList.toggle(name, !!value2);
+function _attr_class_item(element, name, value) {
+  element.classList.toggle(name, !!value);
 }
-function styleAttr(element, value2) {
-  setAttribute(element, "style", styleValue(value2) || void 0);
+function _attr_style(element, value) {
+  setAttribute(element, "style", styleValue(value) || void 0);
 }
-function styleItems(element, items) {
+function _attr_style_items(element, items) {
   for (let key in items)
-    styleItem(element, key, items[key]);
+    _attr_style_item(element, key, items[key]);
 }
-function styleItem(element, name, value2) {
-  element.style.setProperty(name, value2 || value2 === 0 ? value2 + "" : "");
+function _attr_style_item(element, name, value) {
+  element.style.setProperty(name, value || value === 0 ? value + "" : "");
 }
-function data(node, value2) {
-  let normalizedValue = normalizeString(value2);
+function _text(node, value) {
+  let normalizedValue = normalizeString(value);
   node.data !== normalizedValue && (node.data = normalizedValue);
 }
-function textContent(node, value2) {
-  let normalizedValue = normalizeString(value2);
+function _text_content(node, value) {
+  let normalizedValue = normalizeString(value);
   node.textContent !== normalizedValue && (node.textContent = normalizedValue);
 }
-function attrs(scope, nodeAccessor, nextAttrs) {
+function _attrs(scope, nodeAccessor, nextAttrs) {
   let el = scope[nodeAccessor];
   for (let i = el.attributes.length; i--; ) {
     let { name } = el.attributes.item(i);
@@ -834,13 +826,13 @@ function attrs(scope, nodeAccessor, nextAttrs) {
   }
   attrsInternal(scope, nodeAccessor, nextAttrs);
 }
-function attrsAndContent(scope, nodeAccessor, nextAttrs) {
-  attrs(scope, nodeAccessor, nextAttrs), insertContent(scope, nodeAccessor, nextAttrs?.content);
+function _attrs_content(scope, nodeAccessor, nextAttrs) {
+  _attrs(scope, nodeAccessor, nextAttrs), _attr_content(scope, nodeAccessor, nextAttrs?.content);
 }
-function hasAttrAlias(element, attr2, nextAttrs) {
-  return attr2 === "checked" && element.tagName === "INPUT" && "checkedValue" in nextAttrs;
+function hasAttrAlias(element, attr, nextAttrs) {
+  return attr === "checked" && element.tagName === "INPUT" && "checkedValue" in nextAttrs;
 }
-function partialAttrs(scope, nodeAccessor, nextAttrs, skip) {
+function _attrs_partial(scope, nodeAccessor, nextAttrs, skip) {
   let el = scope[nodeAccessor], partial = {};
   for (let i = el.attributes.length; i--; ) {
     let { name } = el.attributes.item(i);
@@ -850,22 +842,22 @@ function partialAttrs(scope, nodeAccessor, nextAttrs, skip) {
     skip[key] || (partial[key] = nextAttrs[key]);
   attrsInternal(scope, nodeAccessor, partial);
 }
-function partialAttrsAndContent(scope, nodeAccessor, nextAttrs, skip) {
-  partialAttrs(scope, nodeAccessor, nextAttrs, skip), insertContent(scope, nodeAccessor, nextAttrs?.content);
+function _attrs_partial_content(scope, nodeAccessor, nextAttrs, skip) {
+  _attrs_partial(scope, nodeAccessor, nextAttrs, skip), _attr_content(scope, nodeAccessor, nextAttrs?.content);
 }
 function attrsInternal(scope, nodeAccessor, nextAttrs) {
   let el = scope[nodeAccessor], events, skip;
   switch (el.tagName) {
     case "INPUT":
       if ("checked" in nextAttrs || "checkedChange" in nextAttrs)
-        controllable_input_checked(
+        _attr_input_checked(
           scope,
           nodeAccessor,
           nextAttrs.checked,
           nextAttrs.checkedChange
         );
       else if ("checkedValue" in nextAttrs || "checkedValueChange" in nextAttrs)
-        controllable_input_checkedValue(
+        _attr_input_checkedValue(
           scope,
           nodeAccessor,
           nextAttrs.checkedValue,
@@ -873,7 +865,7 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
           nextAttrs.value
         );
       else if ("value" in nextAttrs || "valueChange" in nextAttrs)
-        controllable_input_value(
+        _attr_input_value(
           scope,
           nodeAccessor,
           nextAttrs.value,
@@ -884,7 +876,7 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
       skip = /^(?:value|checked(?:Value)?)(?:Change)?$/;
       break;
     case "SELECT":
-      ("value" in nextAttrs || "valueChange" in nextAttrs) && (controllable_select_value(
+      ("value" in nextAttrs || "valueChange" in nextAttrs) && (_attr_select_value(
         scope,
         nodeAccessor,
         nextAttrs.value,
@@ -892,7 +884,7 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
       ), skip = /^value(?:Change)?$/);
       break;
     case "TEXTAREA":
-      ("value" in nextAttrs || "valueChange" in nextAttrs) && (controllable_input_value(
+      ("value" in nextAttrs || "valueChange" in nextAttrs) && (_attr_input_value(
         scope,
         nodeAccessor,
         nextAttrs.value,
@@ -901,7 +893,7 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
       break;
     case "DETAILS":
     case "DIALOG":
-      ("open" in nextAttrs || "openChange" in nextAttrs) && (controllable_detailsOrDialog_open(
+      ("open" in nextAttrs || "openChange" in nextAttrs) && (_attr_details_or_dialog_open(
         scope,
         nodeAccessor,
         nextAttrs.open,
@@ -910,54 +902,54 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
       break;
   }
   for (let name in nextAttrs) {
-    let value2 = nextAttrs[name];
+    let value = nextAttrs[name];
     switch (name) {
       case "class":
-        classAttr(el, value2);
+        _attr_class(el, value);
         break;
       case "style":
-        styleAttr(el, value2);
+        _attr_style(el, value);
         break;
       default: {
-        isEventHandler(name) ? (events ||= scope["i" /* EventAttributes */ + nodeAccessor] = {})[getEventHandlerName(name)] = value2 : skip?.test(name) || name === "content" && el.tagName !== "META" || attr(el, name, value2);
+        isEventHandler(name) ? (events ||= scope["i" /* EventAttributes */ + nodeAccessor] = {})[getEventHandlerName(name)] = value : skip?.test(name) || name === "content" && el.tagName !== "META" || _attr(el, name, value);
         break;
       }
     }
   }
 }
-function insertContent(scope, nodeAccessor, value2) {
-  let content = normalizeClientRender(value2), rendererAccessor = "c" /* ConditionalRenderer */ + nodeAccessor;
+function _attr_content(scope, nodeAccessor, value) {
+  let content = normalizeClientRender(value), rendererAccessor = "c" /* ConditionalRenderer */ + nodeAccessor;
   scope[rendererAccessor] !== (scope[rendererAccessor] = content?.l) && (setConditionalRenderer(scope, nodeAccessor, content, createAndSetupBranch), content?.n && subscribeToScopeSet(
     content.u,
     content.n,
     scope["d" /* ConditionalScope */ + nodeAccessor]
   ));
 }
-function attrsEvents(scope, nodeAccessor) {
+function _attrs_script(scope, nodeAccessor) {
   let el = scope[nodeAccessor], events = scope["i" /* EventAttributes */ + nodeAccessor];
   switch (scope["f" /* ControlledType */ + nodeAccessor]) {
     case 0 /* InputChecked */:
-      controllable_input_checked_effect(scope, nodeAccessor);
+      _attr_input_checked_script(scope, nodeAccessor);
       break;
     case 1 /* InputCheckedValue */:
-      controllable_input_checkedValue_effect(scope, nodeAccessor);
+      _attr_input_checkedValue_script(scope, nodeAccessor);
       break;
     case 2 /* InputValue */:
-      controllable_input_value_effect(scope, nodeAccessor);
+      _attr_input_value_script(scope, nodeAccessor);
       break;
     case 3 /* SelectValue */:
-      controllable_select_value_effect(scope, nodeAccessor);
+      _attr_select_value_script(scope, nodeAccessor);
       break;
     case 4 /* DetailsOrDialogOpen */:
-      controllable_detailsOrDialog_open_effect(scope, nodeAccessor);
+      _attr_details_or_dialog_open_script(scope, nodeAccessor);
       break;
   }
   for (let name in events)
-    on(el, name, events[name]);
+    _on(el, name, events[name]);
 }
-function html(scope, value2, accessor) {
+function _html(scope, value, accessor) {
   let firstChild = scope[accessor], parentNode = firstChild.parentNode, lastChild = scope["h" /* DynamicPlaceholderLastChild */ + accessor] || firstChild, newContent = parseHTML(
-    value2 || value2 === 0 ? value2 + "" : "",
+    value || value === 0 ? value + "" : "",
     parentNode.namespaceURI
   );
   insertChildNodes(
@@ -967,33 +959,21 @@ function html(scope, value2, accessor) {
     scope["h" /* DynamicPlaceholderLastChild */ + accessor] = newContent.lastChild
   ), removeChildNodes(firstChild, lastChild);
 }
-function normalizeClientRender(value2) {
-  let renderer = normalizeDynamicRenderer(value2);
+function normalizeClientRender(value) {
+  let renderer = normalizeDynamicRenderer(value);
   if (renderer && renderer.l)
     return renderer;
 }
-function props(scope, nodeIndex, index) {
-  let nextProps = scope[index], prevProps = scope[index + "-"], node = scope[nodeIndex];
-  if (prevProps)
-    for (let name in prevProps)
-      name in nextProps || (node[name] = void 0);
-  for (let name in nextProps)
-    node[name] = nextProps[name];
-  scope[index + "-"] = nextProps;
+function normalizeAttrValue(value) {
+  if (value || value === 0)
+    return value === !0 ? "" : value + "";
 }
-function normalizeAttrValue(value2) {
-  if (value2 || value2 === 0)
-    return value2 === !0 ? "" : value2 + "";
+function normalizeString(value) {
+  return value || value === 0 ? value + "" : "\u200D";
 }
-function normalizeString(value2) {
-  return value2 || value2 === 0 ? value2 + "" : "\u200D";
-}
-function lifecycle(scope, index, thisObj) {
+function _lifecycle(scope, index, thisObj) {
   let instance = scope[index];
-  instance ? (Object.assign(instance, thisObj), instance.onUpdate?.()) : (scope[index] = thisObj, thisObj.onMount?.(), getAbortSignal(
-    scope,
-    "k" /* LifecycleAbortController */ + index
-  ).onabort = () => thisObj.onDestroy?.());
+  instance ? (Object.assign(instance, thisObj), instance.onUpdate?.()) : (scope[index] = thisObj, thisObj.onMount?.(), $signal(scope, "k" /* LifecycleAbortController */ + index).onabort = () => thisObj.onDestroy?.());
 }
 function removeChildNodes(startNode, endNode) {
   let stop = endNode.nextSibling, current = startNode;
@@ -1091,7 +1071,7 @@ function longestIncreasingSubsequence(a) {
 }
 
 // src/dom/control-flow.ts
-function awaitTag(nodeAccessor, renderer) {
+function _await(nodeAccessor, renderer) {
   let promiseAccessor = "n" /* Promise */ + nodeAccessor, branchAccessor = "d" /* ConditionalScope */ + nodeAccessor;
   return (scope, promise) => {
     let referenceNode = scope[nodeAccessor], tryWithPlaceholder = findBranchWithKey(
@@ -1124,7 +1104,7 @@ function awaitTag(nodeAccessor, renderer) {
       awaitBranch.h
     ), tempDetachBranch(awaitBranch));
     let thisPromise = scope[promiseAccessor] = promise.then(
-      (data2) => {
+      (data) => {
         thisPromise === scope[promiseAccessor] && (scope[promiseAccessor] = 0, schedule(), queueRender(
           scope,
           () => {
@@ -1139,7 +1119,7 @@ function awaitTag(nodeAccessor, renderer) {
               ),
               referenceNode.parentNode,
               referenceNode
-            ), referenceNode.remove()), renderer.m?.(awaitBranch, [data2]), tryWithPlaceholder && (placeholderShown.add(pendingEffects), !--tryWithPlaceholder.o)) {
+            ), referenceNode.remove()), renderer.m?.(awaitBranch, [data]), tryWithPlaceholder && (placeholderShown.add(pendingEffects), !--tryWithPlaceholder.o)) {
               let placeholderBranch = tryWithPlaceholder.c;
               tryWithPlaceholder.c = 0, placeholderBranch && (placeholderBranch.h.parentNode.insertBefore(
                 tryWithPlaceholder.h.parentNode,
@@ -1156,13 +1136,13 @@ function awaitTag(nodeAccessor, renderer) {
     );
   };
 }
-function createTry(nodeAccessor, tryContent) {
+function _try(nodeAccessor, content) {
   let branchAccessor = "d" /* ConditionalScope */ + nodeAccessor;
   return (scope, input) => {
     scope[branchAccessor] || setConditionalRenderer(
       scope,
       nodeAccessor,
-      tryContent,
+      content,
       createAndSetupBranch
     );
     let branch = scope[branchAccessor];
@@ -1187,7 +1167,7 @@ function renderCatch(scope, error) {
   } else
     throw error;
 }
-function conditional(nodeAccessor, ...branches) {
+function _if(nodeAccessor, ...branches) {
   let branchAccessor = "c" /* ConditionalRenderer */ + nodeAccessor;
   return enableBranches(), (scope, newBranch) => {
     newBranch !== scope[branchAccessor] && setConditionalRenderer(
@@ -1199,9 +1179,9 @@ function conditional(nodeAccessor, ...branches) {
   };
 }
 function patchDynamicTag(fn) {
-  dynamicTag = fn(dynamicTag);
+  _dynamic_tag = fn(_dynamic_tag);
 }
-var dynamicTag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
+var _dynamic_tag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
   let childScopeAccessor = "d" /* ConditionalScope */ + nodeAccessor, rendererAccessor = "c" /* ConditionalRenderer */ + nodeAccessor;
   return enableBranches(), (scope, newRenderer, getInput) => {
     let normalizedRenderer = normalizeDynamicRenderer(newRenderer);
@@ -1211,7 +1191,7 @@ var dynamicTag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
         nodeAccessor,
         normalizedRenderer || (getContent ? getContent(scope) : void 0),
         createBranchWithTagNameOrRenderer
-      ), getTagVar && setTagVar(scope, childScopeAccessor, getTagVar()), typeof normalizedRenderer == "string") {
+      ), getTagVar && _var(scope, childScopeAccessor, getTagVar()), typeof normalizedRenderer == "string") {
         if (getContent) {
           let content = getContent(scope);
           setConditionalRenderer(
@@ -1233,7 +1213,7 @@ var dynamicTag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
     if (normalizedRenderer) {
       let childScope = scope[childScopeAccessor], args = getInput?.();
       if (typeof normalizedRenderer == "string")
-        (getContent ? attrs : attrsAndContent)(
+        (getContent ? _attrs : _attrs_content)(
           childScope,
           0,
           (inputIsArgs ? args[0] : args) || {}
@@ -1265,7 +1245,7 @@ function setConditionalRenderer(scope, nodeAccessor, newRenderer, createBranch2)
   let referenceNode = scope[nodeAccessor], prevBranch = scope["d" /* ConditionalScope */ + nodeAccessor], parentNode = referenceNode.nodeType > 1 /* Element */ ? (prevBranch?.h || referenceNode).parentNode : referenceNode, newBranch = scope["d" /* ConditionalScope */ + nodeAccessor] = newRenderer && createBranch2(scope.$global, newRenderer, scope, parentNode);
   referenceNode === parentNode ? (prevBranch && (destroyBranch(prevBranch), referenceNode.textContent = ""), newBranch && insertBranchBefore(newBranch, parentNode, null)) : prevBranch ? (newBranch ? insertBranchBefore(newBranch, parentNode, prevBranch.h) : parentNode.insertBefore(referenceNode, prevBranch.h), removeAndDestroyBranch(prevBranch)) : newBranch && (insertBranchBefore(newBranch, parentNode, referenceNode), referenceNode.remove());
 }
-function loopOf(nodeAccessor, renderer) {
+function _for_of(nodeAccessor, renderer) {
   return loop(
     nodeAccessor,
     renderer,
@@ -1277,14 +1257,14 @@ function loopOf(nodeAccessor, renderer) {
     }
   );
 }
-function loopIn(nodeAccessor, renderer) {
+function _for_in(nodeAccessor, renderer) {
   return loop(
     nodeAccessor,
     renderer,
-    ([obj, by = byFirstArg], cb) => forIn(obj, (key, value2) => cb(by(key, value2), [key, value2]))
+    ([obj, by = byFirstArg], cb) => forIn(obj, (key, value) => cb(by(key, value), [key, value]))
   );
 }
-function loopTo(nodeAccessor, renderer) {
+function _for_to(nodeAccessor, renderer) {
   return loop(
     nodeAccessor,
     renderer,
@@ -1293,11 +1273,11 @@ function loopTo(nodeAccessor, renderer) {
 }
 function loop(nodeAccessor, renderer, forEach) {
   let params = renderer.m;
-  return enableBranches(), (scope, value2) => {
+  return enableBranches(), (scope, value) => {
     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] = [];
-    forEach(value2, (key, args) => {
+    forEach(value, (key, args) => {
       let branch = oldMap?.get(key) || createAndSetupBranch(scope.$global, renderer, scope, parentNode);
       params?.(branch, args), newMap.set(key, branch), newArray.push(branch);
     });
@@ -1326,16 +1306,16 @@ function byFirstArg(name) {
 
 // src/dom/queue.ts
 var pendingRenders = [], pendingRendersLookup = /* @__PURE__ */ new Map(), caughtError = /* @__PURE__ */ new WeakSet(), placeholderShown = /* @__PURE__ */ new WeakSet(), pendingEffects = [], pendingScopes = [], rendering, scopeKeyOffset = 1e3;
-function queueRender(scope, signal, signalKey, value2, scopeKey = scope.l) {
+function queueRender(scope, signal, signalKey, value, scopeKey = scope.l) {
   let key = scopeKey * scopeKeyOffset + signalKey, existingRender = signalKey >= 0 && pendingRendersLookup.get(key);
   if (existingRender)
-    existingRender.I = value2;
+    existingRender.I = value;
   else {
     let render = {
       x: key,
       t: scope,
       N: signal,
-      I: value2
+      I: value
     }, i = pendingRenders.push(render) - 1;
     for (; i; ) {
       let parentIndex = i - 1 >> 1, parent = pendingRenders[parentIndex];
@@ -1393,8 +1373,8 @@ function runRenders() {
     scope.q = 0;
   pendingScopes = [];
 }
-var runRender = (render) => render.N(render.t, render.I), enableCatch = () => {
-  enableCatch = () => {
+var runRender = (render) => render.N(render.t, render.I), _enable_catch = () => {
+  _enable_catch = () => {
   }, enableBranches();
   let handlePendingTry = (fn, scope, branch) => {
     for (; branch; ) {
@@ -1420,11 +1400,11 @@ var runRender = (render) => render.N(render.t, render.I), enableCatch = () => {
 };
 
 // src/dom/abort-signal.ts
-function resetAbortSignal(scope, id) {
+function $signalReset(scope, id) {
   let ctrl = scope.z?.[id];
   ctrl && (queueEffect(ctrl, abort), scope.z[id] = void 0);
 }
-function getAbortSignal(scope, id) {
+function $signal(scope, id) {
   return scope.k && (scope.k.J ||= /* @__PURE__ */ new Set()).add(scope), ((scope.z ||= {})[id] ||= new AbortController()).signal;
 }
 function abort(ctrl) {
@@ -1439,12 +1419,12 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
   patchDynamicTag,
   queueEffect,
   init(warp10Noop) {
-    register(SET_SCOPE_REGISTER_ID, (branch) => {
+    _resume(SET_SCOPE_REGISTER_ID, (branch) => {
       classIdToBranch.set(branch.m5c, branch);
-    }), register(RENDER_BODY_ID, warp10Noop);
+    }), _resume(RENDER_BODY_ID, warp10Noop);
   },
   registerRenderer(fn) {
-    register(RENDERER_REGISTER_ID, fn);
+    _resume(RENDERER_REGISTER_ID, fn);
   },
   isRenderer(renderer) {
     return renderer.C;
@@ -1461,14 +1441,14 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
   runComponentDestroy() {
     this.scope && destroyBranch(this.scope);
   },
-  resolveRegistered(value2, $global) {
-    return Array.isArray(value2) && typeof value2[0] == "string" ? getRegisteredWithScope(
-      value2[0],
-      value2.length === 2 && self[$global.runtimeId]?.[$global.renderId]?.s[value2[1]]
-    ) : value2;
+  resolveRegistered(value, $global) {
+    return Array.isArray(value) && typeof value[0] == "string" ? getRegisteredWithScope(
+      value[0],
+      value.length === 2 && self[$global.runtimeId]?.[$global.renderId]?.s[value[1]]
+    ) : value;
   },
   createRenderer(params, clone) {
-    let renderer = createRenderer(0, 0, 0, params);
+    let renderer = _content_branch(0, 0, 0, params);
     return renderer.C = (branch) => {
       let cloned = clone();
       branch.h = cloned.startNode, branch.j = cloned.endNode;
@@ -1494,15 +1474,15 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
 };
 
 // src/dom/template.ts
-var createTemplate = (id, template, walks, setup, inputSignal) => {
-  let renderer = createContent(
+var _template = (id, template, walks, setup, inputSignal) => {
+  let renderer = _content(
     id,
     template,
     walks,
     setup,
     inputSignal
   )();
-  return renderer.mount = mount, renderer._ = renderer, register(id, renderer);
+  return renderer.mount = mount, renderer._ = renderer, _resume(id, renderer);
 };
 function mount(input = {}, reference, position) {
   let branch, parentNode = reference, nextSibling = null, { $global } = input;
@@ -1546,7 +1526,7 @@ function mount(input = {}, reference, position) {
       return curValue;
     },
     set value(newValue) {
-      tagVarSignalChange(branch, newValue);
+      _var_change(branch, newValue);
     },
     update(newInput) {
       args && runEffects(