marko 6.0.3 → 6.0.5

package/dist/translator/index.js

@@ -999,48 +999,44 @@ var import_babel_utils8 = require("@marko/compiler/babel-utils");
 var rest = false ? Symbol("Attribute Tag") : Symbol();
 
 // src/common/helpers.ts
-function classValue(value) {
-  return toDelimitedString(value, " ", stringifyClassObject);
+function classValue(classValue2) {
+  return toDelimitedString(classValue2, " ", stringifyClassObject);
 }
 function stringifyClassObject(name2, value) {
   return value ? name2 : "";
 }
-function styleValue(value) {
-  return toDelimitedString(value, ";", stringifyStyleObject);
+function styleValue(styleValue2) {
+  return toDelimitedString(styleValue2, ";", stringifyStyleObject);
 }
 function stringifyStyleObject(name2, value) {
-  return value || value === 0 ? `${name2}:${typeof value === "number" && value && !/^(--|ta|or|li|z)|cou|nk|it|ag|we|do|w$/.test(name2) ? value + "px" : value}` : "";
+  return value || value === 0 ? `${name2}:${value && typeof value === "number" && !/^(--|ta|or|li|z)|cou|nk|it|ag|we|do|w$/.test(name2) ? value + "px" : value}` : "";
 }
 function toDelimitedString(val, delimiter, stringify) {
-  switch (typeof val) {
-    case "string":
-      return val;
-    case "object":
-      if (val !== null) {
-        let result = "";
-        let curDelimiter = "";
-        if (Array.isArray(val)) {
-          for (const v of val) {
-            const part = toDelimitedString(v, delimiter, stringify);
-            if (part !== "") {
-              result += curDelimiter + part;
-              curDelimiter = delimiter;
-            }
-          }
-        } else {
-          for (const name2 in val) {
-            const v = val[name2];
-            const part = stringify(name2, v);
-            if (part !== "") {
-              result += curDelimiter + part;
-              curDelimiter = delimiter;
-            }
-          }
+  let str = "";
+  let sep = "";
+  let part;
+  if (val) {
+    if (typeof val !== "object") {
+      str += val;
+    } else if (Array.isArray(val)) {
+      for (const v of val) {
+        part = toDelimitedString(v, delimiter, stringify);
+        if (part) {
+          str += sep + part;
+          sep = delimiter;
+        }
+      }
+    } else {
+      for (const name2 in val) {
+        part = stringify(name2, val[name2]);
+        if (part) {
+          str += sep + part;
+          sep = delimiter;
         }
-        return result;
       }
+    }
   }
-  return "";
+  return str;
 }
 function isEventHandler(name2) {
   return /^on[A-Z-]/.test(name2);
@@ -1539,7 +1535,7 @@ function forceSectionSerialize(section, prop) {
     forceSerializeKey(section, getSectionPropSerializeReasonKey(section, prop));
   } else if (section.serializeReason !== true) {
     reasonExprs.delete(section);
-    section.serializeReason = true;
+    setSectionSerializeReason(section, true);
   }
 }
 function forceBindingSerialize(section, binding, prefix2) {
@@ -1547,7 +1543,7 @@ function forceBindingSerialize(section, binding, prefix2) {
 }
 function forceSerializeKey(section, key) {
   if (section.serializeReasons.get(key) !== true) {
-    section.serializeReasons.set(key, true);
+    setSectionKeyedSerializeReason(section, key, true);
     keyedReasonExprs.get(section)?.delete(key);
   }
 }
@@ -1616,9 +1612,9 @@ function addSectionSerializeReasonRef(section, ref, prop) {
           if (reason === true) {
             forceSectionSerialize(section);
           } else {
-            section.serializeReason = mergeSerializeReasons(
-              existingReason,
-              reason
+            setSectionSerializeReason(
+              section,
+              mergeSerializeReasons(existingReason, reason)
             );
           }
         }
@@ -1636,7 +1632,8 @@ function addKeyedSerializeReasonRef(section, key, ref) {
       if (reason === true) {
         forceSerializeKey(section, key);
       } else {
-        section.serializeReasons.set(
+        setSectionKeyedSerializeReason(
+          section,
           key,
           mergeSerializeReasons(existingReason, reason)
         );
@@ -1658,9 +1655,9 @@ function addSectionSerializeReason(section, reason, prop) {
         if (reason === true) {
           forceSectionSerialize(section);
         } else {
-          section.serializeReason = mergeSerializeReasons(
-            existingReason,
-            reason
+          setSectionSerializeReason(
+            section,
+            mergeSerializeReasons(existingReason, reason)
           );
         }
       }
@@ -1682,7 +1679,8 @@ function addKeyedSerializeReason(section, key, reason) {
     if (reason === true) {
       forceSerializeKey(section, key);
     } else {
-      section.serializeReasons.set(
+      setSectionKeyedSerializeReason(
+        section,
         key,
         mergeSerializeReasons(existingReason, reason)
       );
@@ -1730,19 +1728,23 @@ function applySerializeReasonExprs(section) {
   if (keyedExprs) {
     keyedReasonExprs.delete(section);
     for (const [key, exprs] of keyedExprs) {
-      const reason = getSerializeSourcesForExprs(exprs);
-      if (reason) {
-        section.serializeReasons.set(
+      const reason2 = getSerializeSourcesForExprs(exprs);
+      if (reason2) {
+        setSectionKeyedSerializeReason(
+          section,
           key,
-          mergeSerializeReasons(section.serializeReasons.get(key), reason)
+          mergeSerializeReasons(section.serializeReasons.get(key), reason2)
         );
       }
     }
   }
-  section.serializeReason = mergeSerializeReasons(
-    section.serializeReason,
-    getSerializeSourcesForExprs(reasonExprs.get(section))
-  );
+  const reason = getSerializeSourcesForExprs(reasonExprs.get(section));
+  if (reason) {
+    setSectionSerializeReason(
+      section,
+      mergeSerializeReasons(section.serializeReason, reason)
+    );
+  }
   reasonExprs.delete(section);
 }
 function finalizeSectionSerializeReasons(section) {
@@ -1755,7 +1757,7 @@ function finalizeSectionSerializeReasons(section) {
       }
       reason = mergeSerializeReasons(reason, keyedReason);
     }
-    section.serializeReason = reason;
+    setSectionSerializeReason(section, reason);
   }
 }
 function getSerializeSourcesForExpr(expr) {
@@ -1799,6 +1801,12 @@ function mergeSerializeReasons(a, b) {
   if (a === true || b === true) return true;
   return bindingUtil.union(a, b);
 }
+function setSectionSerializeReason(section, reason) {
+  section.serializeReason = reason;
+}
+function setSectionKeyedSerializeReason(section, key, reason) {
+  section.serializeReasons.set(key, reason);
+}
 
 // src/translator/util/state.ts
 var import_babel_utils9 = require("@marko/compiler/babel-utils");
@@ -2360,7 +2368,7 @@ function getExprIfSerialized(reason, expr) {
   ) : void 0;
 }
 function getSerializeGuard(reason) {
-  return reason ? reason === true ? import_compiler13.types.numericLiteral(1) : callRuntime(
+  return callRuntime(
     "serializeGuard",
     import_compiler13.types.identifier(getSharedUid("serialize")),
     import_compiler13.types.numericLiteral(
@@ -2369,7 +2377,7 @@ function getSerializeGuard(reason) {
         reason
       )
     )
-  ) : void 0;
+  );
 }
 var html_default = {
   translate: {
@@ -4316,6 +4324,7 @@ function withPreviousLocation(newNode, originalNode) {
 
 // src/translator/util/references.ts
 var kIsInvoked = Symbol("hoist is invoked");
+var kBranchSerializeReason = Symbol("branch serialize reason");
 var [getBindings] = createProgramState(() => /* @__PURE__ */ new Set());
 var [getNextBindingId, setNextBindingId] = createProgramState(() => 0);
 function createBinding(name2, type, section, upstreamAlias, property, loc = null, declared = false) {
@@ -4768,8 +4777,16 @@ function finalizeReferences() {
       );
     });
     if (section.parent && section.isBranch && section.sectionAccessor && section.upstreamExpression) {
-      addSectionSerializeReasonRef(section, getDirectClosures(section));
-      addSectionSerializeReasonExpr(section, section.upstreamExpression);
+      addSectionSerializeReasonRef(
+        section,
+        !!(section.isHoistThrough || section.hoisted) || getDirectClosures(section),
+        kBranchSerializeReason
+      );
+      addSectionSerializeReasonExpr(
+        section,
+        section.upstreamExpression,
+        kBranchSerializeReason
+      );
       addBindingSerializeReasonExpr(
         section.parent,
         section.sectionAccessor.binding,
@@ -5606,78 +5623,70 @@ var import_babel_utils24 = require("@marko/compiler/babel-utils");
 // src/translator/visitors/tag/native-tag.ts
 var import_compiler31 = require("@marko/compiler");
 var import_babel_utils23 = require("@marko/compiler/babel-utils");
+
+// src/translator/util/css-px-props.ts
+var css_px_props_default = /* @__PURE__ */ new Set([
+  "background-size",
+  "baseline-shift",
+  "border-bottom-left-radius",
+  "border-bottom-right-radius",
+  "border-bottom-width",
+  "border-left-width",
+  "border-right-width",
+  "border-top-left-radius",
+  "border-top-right-radius",
+  "border-top-width",
+  "bottom",
+  "column-gap",
+  "column-rule-width",
+  "column-width",
+  "cx",
+  "cy",
+  "flex-basis",
+  "font-size",
+  "grid-auto-columns",
+  "grid-auto-rows",
+  "height",
+  "left",
+  "letter-spacing",
+  "margin-bottom",
+  "margin-left",
+  "margin-right",
+  "margin-top",
+  "max-height",
+  "max-width",
+  "min-height",
+  "min-width",
+  "offset-distance",
+  "outline-offset",
+  "outline-width",
+  "padding-bottom",
+  "padding-left",
+  "padding-right",
+  "padding-top",
+  "perspective",
+  "r",
+  "right",
+  "row-gap",
+  "rx",
+  "ry",
+  "shape-margin",
+  "stroke-dashoffset",
+  "stroke-width",
+  "text-indent",
+  "top",
+  "vertical-align",
+  "width",
+  "word-spacing",
+  "x",
+  "y"
+]);
+
+// src/translator/visitors/tag/native-tag.ts
 var kNativeTagBinding = Symbol("native tag binding");
 var kSkipMark = Symbol("skip native tag mark");
 var kGetterId = Symbol("node getter id");
 var htmlSelectArgs = /* @__PURE__ */ new WeakMap();
-function assertExclusiveControllableGroups(tag, attrs2) {
-  const exclusiveGroups = [
-    attrs2.open || attrs2.openChange,
-    attrs2.checked || attrs2.checkedChange,
-    attrs2.checkedValue || attrs2.checkedValueChange,
-    attrs2.valueChange
-  ].filter(Boolean);
-  if (exclusiveGroups.length > 1) {
-    throw tag.get("name").buildCodeFrameError(
-      `The attributes ${exclusiveGroups.map((attr2) => `"${attr2.name}"`).join(", ")} are mutually exclusive.`
-    );
-  }
-}
-function getRelatedControllable(tagName, attrs2) {
-  switch (tagName) {
-    case "input":
-      if (attrs2.checked || attrs2.checkedChange) {
-        return {
-          special: false,
-          helper: "controllable_input_checked",
-          attrs: [attrs2.checked, attrs2.checkedChange]
-        };
-      }
-      if (attrs2.checkedValue || attrs2.checkedValueChange) {
-        return {
-          special: true,
-          helper: "controllable_input_checkedValue",
-          attrs: [attrs2.checkedValue, attrs2.checkedValueChange, attrs2.value]
-        };
-      }
-      if (attrs2.value || attrs2.valueChange) {
-        return {
-          special: false,
-          helper: "controllable_input_value",
-          attrs: [attrs2.value, attrs2.valueChange]
-        };
-      }
-      break;
-    case "select":
-      if (attrs2.value || attrs2.valueChange) {
-        return {
-          special: true,
-          helper: "controllable_select_value",
-          attrs: [attrs2.value, attrs2.valueChange]
-        };
-      }
-      break;
-    case "textarea":
-      if (attrs2.value || attrs2.valueChange) {
-        return {
-          special: true,
-          helper: "controllable_textarea_value",
-          attrs: [attrs2.value, attrs2.valueChange]
-        };
-      }
-      break;
-    case "details":
-    case "dialog":
-      if (attrs2.open || attrs2.openChange) {
-        return {
-          special: false,
-          helper: "controllable_detailsOrDialog_open",
-          attrs: [attrs2.open, attrs2.openChange]
-        };
-      }
-      break;
-  }
-}
 var native_tag_default = {
   transform: {
     enter(tag) {
@@ -5783,6 +5792,9 @@ var native_tag_default = {
             relatedControllable.attrs.map((it) => it?.value)
           );
         }
+        if (hasEventHandlers || spreadReferenceNodes) {
+          forceBindingSerialize(tagSection, nodeBinding);
+        }
         if (node.var) {
           forceBindingSerialize(tagSection, nodeBinding);
           for (const ref of tag.scope.getBinding(node.var.name).referencePaths) {
@@ -5794,8 +5806,8 @@ var native_tag_default = {
                 tagSection,
                 getAccessorProp().Owner
               );
-              if (!isInvokedFunction(ref)) {
-                tagExtra[kGetterId] ||= getRegisterUID(
+              if (!tagExtra[kGetterId] && !isInvokedFunction(ref)) {
+                tagExtra[kGetterId] = getRegisterUID(
                   tagSection,
                   nodeBinding.name
                 );
@@ -5807,36 +5819,29 @@ var native_tag_default = {
               );
             }
           }
-        } else if (hasEventHandlers || spreadReferenceNodes) {
-          forceBindingSerialize(tagSection, nodeBinding);
-        } else {
-          addBindingSerializeReasonExpr(
-            tagSection,
-            nodeBinding,
-            push(attrExprExtras, tagExtra)
-          );
         }
+        addBindingSerializeReasonExpr(
+          tagSection,
+          nodeBinding,
+          push(attrExprExtras, tagExtra)
+        );
       }
     }
   },
-  translate: {
-    enter(tag) {
-      const tagName = getTagName(tag);
-      const tagExtra = tag.node.extra;
-      const nodeBinding = tagExtra[kNativeTagBinding];
-      const isHTML = isOutputHTML();
-      const name2 = tag.get("name");
-      const tagDef = (0, import_babel_utils23.getTagDef)(tag);
-      const write2 = writeTo(tag);
-      const tagSection = getSection(tag);
-      if (isHTML && tagExtra.tagNameNullable) {
-        flushBefore(tag);
-      }
-      if (tag.has("var")) {
-        const varName = tag.node.var.name;
-        const varBinding = tag.scope.getBinding(varName);
-        const getterId = tagExtra[kGetterId];
-        if (isHTML) {
+  translate: translateByTarget({
+    html: {
+      enter(tag) {
+        const tagName = getTagName(tag);
+        const tagExtra = tag.node.extra;
+        const nodeBinding = tagExtra[kNativeTagBinding];
+        const tagDef = (0, import_babel_utils23.getTagDef)(tag);
+        const write2 = writeTo(tag);
+        const tagSection = getSection(tag);
+        if (tagExtra.tagNameNullable) {
+          flushBefore(tag);
+        }
+        if (tag.node.var) {
+          const getterId = tagExtra[kGetterId];
           translateVar(
             tag,
             callRuntime(
@@ -5845,96 +5850,21 @@ var native_tag_default = {
               getterId && import_compiler31.types.stringLiteral(getterId)
             )
           );
-        } else {
-          let getterFnIdentifier;
-          if (getterId) {
-            getterFnIdentifier = generateUidIdentifier(`get_${varName}`);
-            (0, import_babel_utils23.getProgram)().node.body.push(
-              import_compiler31.types.variableDeclaration("const", [
-                import_compiler31.types.variableDeclarator(
-                  getterFnIdentifier,
-                  callRuntime(
-                    "nodeRef",
-                    import_compiler31.types.stringLiteral(getterId),
-                    import_compiler31.types.stringLiteral(
-                      getAccessorPrefix().Getter + getScopeAccessorLiteral(nodeBinding).value
-                    )
-                  )
-                )
-              ])
-            );
-          }
-          for (const reference of varBinding.referencePaths) {
-            const referenceSection = getSection(reference);
-            if (isSameOrChildSection(tagSection, referenceSection)) {
-              if (isInvokedFunction(reference)) {
-                reference.parentPath.replaceWith(
-                  import_compiler31.types.expressionStatement(
-                    createScopeReadExpression(referenceSection, nodeBinding)
-                  )
-                );
-              } else if (getterFnIdentifier) {
-                reference.replaceWith(
-                  import_compiler31.types.callExpression(getterFnIdentifier, [
-                    getScopeExpression(referenceSection, getSection(tag))
-                  ])
-                );
-              } else {
-                reference.replaceWith(
-                  import_compiler31.types.expressionStatement(
-                    import_compiler31.types.memberExpression(
-                      getScopeExpression(tagSection, referenceSection),
-                      import_compiler31.types.stringLiteral(
-                        getAccessorPrefix().Getter + getScopeAccessorLiteral(nodeBinding).value
-                      ),
-                      true
-                    )
-                  )
-                );
-              }
-            }
-          }
         }
-      }
-      const visitAccessor = nodeBinding && getScopeAccessorLiteral(nodeBinding);
-      if (visitAccessor) {
-        visit(tag, 32 /* Get */);
-      }
-      write2`<${name2.node}`;
-      const usedAttrs = getUsedAttrs(tagName, tag.node);
-      const { staticAttrs, staticControllable, skipExpression } = usedAttrs;
-      let { spreadExpression } = usedAttrs;
-      if (staticControllable) {
-        const { helper, attrs: attrs2 } = staticControllable;
-        const firstAttr = attrs2.find(Boolean);
-        const referencedBindings = firstAttr.value.extra?.referencedBindings;
-        const values = attrs2.map((attr2) => attr2?.value);
-        if (isHTML) {
+        const visitAccessor = nodeBinding && getScopeAccessorLiteral(nodeBinding);
+        write2`<${tag.node.name}`;
+        const usedAttrs = getUsedAttrs(tagName, tag.node);
+        const { staticAttrs, staticControllable, skipExpression } = usedAttrs;
+        let { spreadExpression } = usedAttrs;
+        if (staticControllable) {
+          const { helper, attrs: attrs2 } = staticControllable;
           if (tagName !== "select" && tagName !== "textarea") {
+            const values = attrs2.map((attr2) => attr2?.value);
             write2`${callRuntime(helper, getScopeIdIdentifier(tagSection), visitAccessor, ...values)}`;
           }
           addHTMLEffectCall(tagSection, void 0);
-        } else {
-          addStatement(
-            "render",
-            tagSection,
-            referencedBindings,
-            import_compiler31.types.expressionStatement(
-              callRuntime(helper, scopeIdentifier, visitAccessor, ...values)
-            )
-          );
-          addStatement(
-            "effect",
-            tagSection,
-            void 0,
-            import_compiler31.types.expressionStatement(
-              callRuntime(`${helper}_effect`, scopeIdentifier, visitAccessor)
-            )
-          );
         }
-      }
-      let writeAtStartOfBody;
-      if (isHTML) {
+        let writeAtStartOfBody;
         if (tagName === "select") {
           if (staticControllable) {
             htmlSelectArgs.set(tag.node, {
@@ -5990,89 +5920,313 @@ var native_tag_default = {
             );
           }
         }
-      }
-      for (const attr2 of staticAttrs) {
-        const { name: name3, value } = attr2;
-        const { confident, computed } = value.extra || {};
-        const valueReferences = value.extra?.referencedBindings;
-        if (isHTML && tagName === "option" && name3 === "value") {
-          write2`${callRuntime("optionValueAttr", value)}`;
-          continue;
-        }
-        switch (name3) {
-          case "class":
-          case "style": {
-            const helper = `${name3}Attr`;
-            if (confident) {
-              write2`${getHTMLRuntime()[helper](computed)}`;
-            } else if (isHTML) {
-              write2`${callRuntime(helper, value)}`;
-            } else {
-              addStatement(
-                "render",
-                tagSection,
-                valueReferences,
-                import_compiler31.types.expressionStatement(
-                  callRuntime(
-                    helper,
-                    import_compiler31.types.memberExpression(scopeIdentifier, visitAccessor, true),
-                    value
-                  )
-                )
-              );
-            }
-            break;
+        for (const attr2 of staticAttrs) {
+          const { name: name2, value } = attr2;
+          const { confident, computed } = value.extra || {};
+          const valueReferences = value.extra?.referencedBindings;
+          if (tagName === "option" && name2 === "value") {
+            write2`${callRuntime("optionValueAttr", value)}`;
+            continue;
           }
-          default:
-            if (confident) {
-              write2`${getHTMLRuntime().attr(name3, computed)}`;
-            } else if (isHTML) {
-              if (isEventHandler(name3)) {
-                addHTMLEffectCall(tagSection, valueReferences);
+          switch (name2) {
+            case "class":
+            case "style": {
+              const helper = `${name2}Attr`;
+              if (confident) {
+                write2`${getHTMLRuntime()[helper](computed)}`;
               } else {
-                write2`${callRuntime("attr", import_compiler31.types.stringLiteral(name3), value)}`;
+                write2`${callRuntime(helper, value)}`;
               }
-            } else if (isEventHandler(name3)) {
-              addStatement(
-                "effect",
-                tagSection,
-                valueReferences,
-                import_compiler31.types.expressionStatement(
-                  callRuntime(
-                    "on",
-                    import_compiler31.types.memberExpression(scopeIdentifier, visitAccessor, true),
-                    import_compiler31.types.stringLiteral(getEventHandlerName(name3)),
-                    value
-                  )
-                )
-              );
-            } else {
-              addStatement(
-                "render",
-                tagSection,
-                valueReferences,
-                import_compiler31.types.expressionStatement(
-                  callRuntime(
-                    "attr",
-                    import_compiler31.types.memberExpression(scopeIdentifier, visitAccessor, true),
-                    import_compiler31.types.stringLiteral(name3),
-                    value
-                  )
-                )
-              );
+              break;
             }
-            break;
+            default:
+              if (confident) {
+                write2`${getHTMLRuntime().attr(name2, computed)}`;
+              } else if (isEventHandler(name2)) {
+                addHTMLEffectCall(tagSection, valueReferences);
+              } else {
+                write2`${callRuntime("attr", import_compiler31.types.stringLiteral(name2), value)}`;
+              }
+              break;
+          }
         }
-      }
-      if (spreadExpression) {
-        if (isHTML) {
+        if (spreadExpression) {
           addHTMLEffectCall(tagSection, tagExtra.referencedBindings);
           if (skipExpression) {
-            write2`${callRuntime("partialAttrs", spreadExpression, skipExpression, visitAccessor, getScopeIdIdentifier(tagSection), name2.node)}`;
+            write2`${callRuntime("partialAttrs", spreadExpression, skipExpression, visitAccessor, getScopeIdIdentifier(tagSection), tag.node.name)}`;
           } else {
-            write2`${callRuntime("attrs", spreadExpression, visitAccessor, getScopeIdIdentifier(tagSection), name2.node)}`;
+            write2`${callRuntime("attrs", spreadExpression, visitAccessor, getScopeIdIdentifier(tagSection), tag.node.name)}`;
+          }
+        }
+        if (tagDef && tagDef.parseOptions?.openTagOnly) {
+          switch (tagDef.htmlType) {
+            case "svg":
+            case "math":
+              write2`/>`;
+              break;
+            default:
+              write2`>`;
+              break;
           }
         } else {
+          write2`>`;
+        }
+        if (tagExtra.tagNameNullable) {
+          tag.insertBefore(
+            import_compiler31.types.ifStatement(tag.node.name, consumeHTML(tag))
+          )[0].skip();
+        }
+        if (writeAtStartOfBody) {
+          write2`${writeAtStartOfBody}`;
+        }
+      },
+      exit(tag) {
+        const tagExtra = tag.node.extra;
+        const nodeBinding = tagExtra[kNativeTagBinding];
+        const openTagOnly = (0, import_babel_utils23.getTagDef)(tag)?.parseOptions?.openTagOnly;
+        const selectArgs = htmlSelectArgs.get(tag.node);
+        const tagName = getTagName(tag);
+        const tagSection = getSection(tag);
+        if (tagExtra.tagNameNullable) {
+          flushInto(tag);
+        }
+        if (selectArgs) {
+          writeTo(tag)`</${tag.node.name}>`;
+          flushInto(tag);
+          tag.insertBefore(
+            import_compiler31.types.expressionStatement(
+              callRuntime(
+                "controllable_select_value",
+                getScopeIdIdentifier(getSection(tag)),
+                getScopeAccessorLiteral(nodeBinding),
+                selectArgs.value,
+                selectArgs.valueChange,
+                import_compiler31.types.arrowFunctionExpression(
+                  [],
+                  import_compiler31.types.blockStatement(tag.node.body.body)
+                )
+              )
+            )
+          );
+        } else {
+          tag.insertBefore(tag.node.body.body).forEach((child) => child.skip());
+        }
+        const markerSerializeReason = nodeBinding && !tagExtra[kSkipMark] && getBindingSerializeReason(tagSection, nodeBinding);
+        if (!openTagOnly && !selectArgs) {
+          writeTo(
+            tag,
+            !markerSerializeReason && (tagName === "html" || tagName === "body")
+          )`</${tag.node.name}>`;
+        }
+        if (tagExtra.tagNameNullable) {
+          tag.insertBefore(
+            import_compiler31.types.ifStatement(tag.node.name, consumeHTML(tag))
+          )[0].skip();
+        }
+        if (markerSerializeReason) {
+          markNode(tag, nodeBinding, markerSerializeReason);
+        }
+        tag.remove();
+      }
+    },
+    dom: {
+      enter(tag) {
+        const tagName = getTagName(tag);
+        const tagExtra = tag.node.extra;
+        const nodeBinding = tagExtra[kNativeTagBinding];
+        const tagDef = (0, import_babel_utils23.getTagDef)(tag);
+        const write2 = writeTo(tag);
+        const tagSection = getSection(tag);
+        if (tag.node.var) {
+          const varName = tag.node.var.name;
+          const varBinding = tag.scope.getBinding(varName);
+          const getterId = tagExtra[kGetterId];
+          let getterFnIdentifier;
+          if (getterId) {
+            getterFnIdentifier = generateUidIdentifier(`get_${varName}`);
+            (0, import_babel_utils23.getProgram)().node.body.push(
+              import_compiler31.types.variableDeclaration("const", [
+                import_compiler31.types.variableDeclarator(
+                  getterFnIdentifier,
+                  callRuntime(
+                    "nodeRef",
+                    import_compiler31.types.stringLiteral(getterId),
+                    import_compiler31.types.stringLiteral(
+                      getAccessorPrefix().Getter + getScopeAccessorLiteral(nodeBinding).value
+                    )
+                  )
+                )
+              ])
+            );
+          }
+          for (const reference of varBinding.referencePaths) {
+            const referenceSection = getSection(reference);
+            if (isSameOrChildSection(tagSection, referenceSection)) {
+              if (isInvokedFunction(reference)) {
+                reference.parentPath.replaceWith(
+                  import_compiler31.types.expressionStatement(
+                    createScopeReadExpression(referenceSection, nodeBinding)
+                  )
+                );
+              } else if (getterFnIdentifier) {
+                reference.replaceWith(
+                  import_compiler31.types.callExpression(getterFnIdentifier, [
+                    getScopeExpression(referenceSection, getSection(tag))
+                  ])
+                );
+              } else {
+                reference.replaceWith(
+                  import_compiler31.types.expressionStatement(
+                    import_compiler31.types.memberExpression(
+                      getScopeExpression(tagSection, referenceSection),
+                      import_compiler31.types.stringLiteral(
+                        getAccessorPrefix().Getter + getScopeAccessorLiteral(nodeBinding).value
+                      ),
+                      true
+                    )
+                  )
+                );
+              }
+            }
+          }
+        }
+        const visitAccessor = nodeBinding && getScopeAccessorLiteral(nodeBinding);
+        if (visitAccessor) {
+          visit(tag, 32 /* Get */);
+        }
+        write2`<${tag.node.name}`;
+        const usedAttrs = getUsedAttrs(tagName, tag.node);
+        const { staticAttrs, staticControllable, skipExpression } = usedAttrs;
+        const { spreadExpression } = usedAttrs;
+        if (staticControllable) {
+          const { helper, attrs: attrs2 } = staticControllable;
+          const firstAttr = attrs2.find(Boolean);
+          const referencedBindings = firstAttr.value.extra?.referencedBindings;
+          const values = attrs2.map((attr2) => attr2?.value);
+          addStatement(
+            "render",
+            tagSection,
+            referencedBindings,
+            import_compiler31.types.expressionStatement(
+              callRuntime(helper, scopeIdentifier, visitAccessor, ...values)
+            )
+          );
+          addStatement(
+            "effect",
+            tagSection,
+            void 0,
+            import_compiler31.types.expressionStatement(
+              callRuntime(`${helper}_effect`, scopeIdentifier, visitAccessor)
+            )
+          );
+        }
+        for (const attr2 of staticAttrs) {
+          const { name: name2, value } = attr2;
+          const { confident, computed } = value.extra || {};
+          const valueReferences = value.extra?.referencedBindings;
+          switch (name2) {
+            case "class":
+            case "style": {
+              const helper = `${name2}Attr`;
+              if (confident) {
+                write2`${getHTMLRuntime()[helper](computed)}`;
+              } else {
+                const nodeExpr = import_compiler31.types.memberExpression(
+                  scopeIdentifier,
+                  visitAccessor,
+                  true
+                );
+                const meta = {
+                  staticItems: void 0,
+                  dynamicItems: void 0,
+                  dynamicValues: void 0
+                };
+                let stmt;
+                trackDelimitedAttrValue(value, meta);
+                if (meta.dynamicItems) {
+                  stmt = import_compiler31.types.expressionStatement(
+                    callRuntime(helper, nodeExpr, value)
+                  );
+                } else {
+                  if (meta.staticItems) {
+                    write2`${getHTMLRuntime()[helper](computed)}`;
+                  }
+                  if (meta.dynamicValues) {
+                    const keys = Object.keys(meta.dynamicValues);
+                    if (keys.length === 1) {
+                      const [key] = keys;
+                      const value2 = meta.dynamicValues[key];
+                      stmt = import_compiler31.types.expressionStatement(
+                        callRuntime(
+                          `${name2}Item`,
+                          nodeExpr,
+                          import_compiler31.types.stringLiteral(key),
+                          name2 === "style" && css_px_props_default.has(name2) ? callRuntime("styleItemValue", value2) : value2
+                        )
+                      );
+                    } else {
+                      const props = [];
+                      for (const key of keys) {
+                        const value2 = meta.dynamicValues[key];
+                        props.push(
+                          import_compiler31.types.objectProperty(
+                            toPropertyName(key),
+                            name2 === "style" && css_px_props_default.has(name2) ? callRuntime("styleItemValue", value2) : value2
+                          )
+                        );
+                      }
+                      stmt = import_compiler31.types.expressionStatement(
+                        callRuntime(
+                          `${name2}Items`,
+                          nodeExpr,
+                          import_compiler31.types.objectExpression(props)
+                        )
+                      );
+                    }
+                  }
+                }
+                if (stmt) {
+                  addStatement("render", tagSection, valueReferences, stmt);
+                }
+              }
+              break;
+            }
+            default:
+              if (confident) {
+                write2`${getHTMLRuntime().attr(name2, computed)}`;
+              } else if (isEventHandler(name2)) {
+                addStatement(
+                  "effect",
+                  tagSection,
+                  valueReferences,
+                  import_compiler31.types.expressionStatement(
+                    callRuntime(
+                      "on",
+                      import_compiler31.types.memberExpression(scopeIdentifier, visitAccessor, true),
+                      import_compiler31.types.stringLiteral(getEventHandlerName(name2)),
+                      value
+                    )
+                  )
+                );
+              } else {
+                addStatement(
+                  "render",
+                  tagSection,
+                  valueReferences,
+                  import_compiler31.types.expressionStatement(
+                    callRuntime(
+                      "attr",
+                      import_compiler31.types.memberExpression(scopeIdentifier, visitAccessor, true),
+                      import_compiler31.types.stringLiteral(name2),
+                      value
+                    )
+                  )
+                );
+              }
+              break;
+          }
+        }
+        if (spreadExpression) {
           if (skipExpression) {
             addStatement(
               "render",
@@ -6113,80 +6267,101 @@ var native_tag_default = {
             false
           );
         }
-      }
-      if (tagDef && tagDef.parseOptions?.openTagOnly) {
-        switch (tagDef.htmlType) {
-          case "svg":
-          case "math":
-            write2`/>`;
-            break;
-          default:
-            write2`>`;
-            break;
+        if (tagDef && tagDef.parseOptions?.openTagOnly) {
+          switch (tagDef.htmlType) {
+            case "svg":
+            case "math":
+              write2`/>`;
+              break;
+            default:
+              write2`>`;
+              break;
+          }
+        } else {
+          write2`>`;
         }
-      } else {
-        write2`>`;
-      }
-      if (isHTML && tagExtra.tagNameNullable) {
-        tag.insertBefore(import_compiler31.types.ifStatement(name2.node, consumeHTML(tag)))[0].skip();
+        enter2(tag);
+      },
+      exit(tag) {
+        const openTagOnly = (0, import_babel_utils23.getTagDef)(tag)?.parseOptions?.openTagOnly;
+        tag.insertBefore(tag.node.body.body).forEach((child) => child.skip());
+        if (!openTagOnly) {
+          writeTo(tag)`</${tag.node.name}>`;
+        }
+        exit2(tag);
+        tag.remove();
       }
-      if (writeAtStartOfBody) {
-        write2`${writeAtStartOfBody}`;
+    }
+  })
+};
+function assertExclusiveControllableGroups(tag, attrs2) {
+  const exclusiveGroups = [
+    attrs2.open || attrs2.openChange,
+    attrs2.checked || attrs2.checkedChange,
+    attrs2.checkedValue || attrs2.checkedValueChange,
+    attrs2.valueChange
+  ].filter(Boolean);
+  if (exclusiveGroups.length > 1) {
+    throw tag.get("name").buildCodeFrameError(
+      `The attributes ${exclusiveGroups.map((attr2) => `"${attr2.name}"`).join(", ")} are mutually exclusive.`
+    );
+  }
+}
+function getRelatedControllable(tagName, attrs2) {
+  switch (tagName) {
+    case "input":
+      if (attrs2.checked || attrs2.checkedChange) {
+        return {
+          special: false,
+          helper: "controllable_input_checked",
+          attrs: [attrs2.checked, attrs2.checkedChange]
+        };
       }
-      enter2(tag);
-    },
-    exit(tag) {
-      const tagExtra = tag.node.extra;
-      const nodeBinding = tagExtra[kNativeTagBinding];
-      const isHTML = isOutputHTML();
-      const openTagOnly = (0, import_babel_utils23.getTagDef)(tag)?.parseOptions?.openTagOnly;
-      const selectArgs = isHTML && htmlSelectArgs.get(tag.node);
-      const tagName = getTagName(tag);
-      const tagSection = getSection(tag);
-      if (isHTML && tagExtra.tagNameNullable) {
-        flushInto(tag);
+      if (attrs2.checkedValue || attrs2.checkedValueChange) {
+        return {
+          special: true,
+          helper: "controllable_input_checkedValue",
+          attrs: [attrs2.checkedValue, attrs2.checkedValueChange, attrs2.value]
+        };
       }
-      if (selectArgs) {
-        writeTo(tag)`</${tag.node.name}>`;
-        flushInto(tag);
-        tag.insertBefore(
-          import_compiler31.types.expressionStatement(
-            callRuntime(
-              "controllable_select_value",
-              getScopeIdIdentifier(getSection(tag)),
-              getScopeAccessorLiteral(nodeBinding),
-              selectArgs.value,
-              selectArgs.valueChange,
-              import_compiler31.types.arrowFunctionExpression(
-                [],
-                import_compiler31.types.blockStatement(tag.node.body.body)
-              )
-            )
-          )
-        );
-      } else {
-        tag.insertBefore(tag.node.body.body).forEach((child) => child.skip());
+      if (attrs2.value || attrs2.valueChange) {
+        return {
+          special: false,
+          helper: "controllable_input_value",
+          attrs: [attrs2.value, attrs2.valueChange]
+        };
       }
-      const markerSerializeReason = nodeBinding && !tagExtra[kSkipMark] && getBindingSerializeReason(tagSection, nodeBinding);
-      if (!openTagOnly && !selectArgs) {
-        writeTo(
-          tag,
-          isHTML && !markerSerializeReason && (tagName === "html" || tagName === "body")
-        )`</${tag.node.name}>`;
+      break;
+    case "select":
+      if (attrs2.value || attrs2.valueChange) {
+        return {
+          special: true,
+          helper: "controllable_select_value",
+          attrs: [attrs2.value, attrs2.valueChange]
+        };
       }
-      if (isHTML && tagExtra.tagNameNullable) {
-        tag.insertBefore(
-          import_compiler31.types.ifStatement(tag.node.name, consumeHTML(tag))
-        )[0].skip();
+      break;
+    case "textarea":
+      if (attrs2.value || attrs2.valueChange) {
+        return {
+          special: true,
+          helper: "controllable_textarea_value",
+          attrs: [attrs2.value, attrs2.valueChange]
+        };
       }
-      if (markerSerializeReason) {
-        markNode(tag, nodeBinding, markerSerializeReason);
+      break;
+    case "details":
+    case "dialog":
+      if (attrs2.open || attrs2.openChange) {
+        return {
+          special: false,
+          helper: "controllable_detailsOrDialog_open",
+          attrs: [attrs2.open, attrs2.openChange]
+        };
       }
-      exit2(tag);
-      tag.remove();
-    }
+      break;
   }
-};
+}
 function getUsedAttrs(tagName, tag) {
   const seen = {};
   const { attributes } = tag;
@@ -6263,6 +6438,86 @@ function getUsedAttrs(tagName, tag) {
     skipExpression
   };
 }
+function trackDelimitedAttrValue(expr, meta) {
+  switch (expr.type) {
+    case "ObjectExpression":
+      trackDelimitedAttrObjectProperties(expr, meta);
+      break;
+    case "ArrayExpression":
+      trackDelimitedAttrArrayItems(expr, meta);
+      break;
+    default:
+      (meta.dynamicItems ||= []).push(expr);
+      break;
+  }
+}
+function trackDelimitedAttrArrayItems(arr, meta) {
+  for (const item of arr.elements) {
+    if (item) {
+      switch (item.type) {
+        case "ArrayExpression": {
+          trackDelimitedAttrArrayItems(item, meta);
+          break;
+        }
+        case "ObjectExpression": {
+          trackDelimitedAttrObjectProperties(item, meta);
+          break;
+        }
+        case "SpreadElement":
+          if (item.argument.type === "ArrayExpression") {
+            trackDelimitedAttrArrayItems(item.argument, meta);
+          } else {
+            (meta.dynamicItems ||= []).push(item);
+          }
+          break;
+        default: {
+          const evalItem = evaluate(item);
+          if (evalItem.confident) {
+            (meta.staticItems ||= []).push(evalItem.computed);
+          } else {
+            (meta.dynamicItems ||= []).push(item);
+          }
+          break;
+        }
+      }
+    }
+  }
+}
+function trackDelimitedAttrObjectProperties(obj, meta) {
+  let staticProps;
+  let dynamicProps;
+  for (const prop of obj.properties) {
+    if (prop.type !== "ObjectProperty" || prop.computed) {
+      (dynamicProps ||= []).push(prop);
+      continue;
+    }
+    let key;
+    if (prop.key.type === "Identifier") {
+      key = prop.key.name;
+    } else {
+      const keyEval = evaluate(prop.key);
+      if (keyEval.confident) {
+        key = keyEval.computed + "";
+      } else {
+        (dynamicProps ||= []).push(prop);
+        continue;
+      }
+    }
+    const value = prop.value;
+    const propEval = evaluate(value);
+    if (propEval.confident) {
+      (staticProps ||= {})[key] = propEval.computed;
+    } else {
+      (meta.dynamicValues ||= {})[key] = value;
+    }
+  }
+  if (staticProps) {
+    (meta.staticItems ||= []).push(staticProps);
+  }
+  if (dynamicProps) {
+    (meta.dynamicItems ||= []).push(import_compiler31.types.objectExpression(dynamicProps));
+  }
+}
 function isChangeHandler(propName) {
   return /^(?:value|checked(?:Value)?|open)Change/.test(propName);
 }
@@ -6385,14 +6640,14 @@ var for_default = {
         const statements = [];
         const bodyStatements = node.body.body;
         const singleNodeOptimization = bodySection.content === null || bodySection.content.singleChild && bodySection.content.startType !== 4 /* Text */;
-        const branchSerializeReason = getSectionSerializeReason(bodySection);
+        const branchSerializeReason = getSectionSerializeReason(
+          bodySection,
+          kBranchSerializeReason
+        );
         const markerSerializeReason = getBindingSerializeReason(
           tagSection,
           nodeBinding
         );
-        if (markerSerializeReason && onlyChildInParentOptimization) {
-          getParentTag(tag).node.extra[kSkipMark] = true;
-        }
         flushInto(tag);
         writeHTMLResumeStatements(tagBody);
         const forTagArgs = getBaseArgsInForTag(forType, forAttrs);
@@ -6401,18 +6656,15 @@ var for_default = {
           import_compiler33.types.arrowFunctionExpression(params, import_compiler33.types.blockStatement(bodyStatements))
         );
         if (branchSerializeReason) {
+          if (markerSerializeReason && onlyChildInParentOptimization) {
+            getParentTag(tag).node.extra[kSkipMark] = true;
+          }
           forTagArgs.push(
             forAttrs.by || import_compiler33.types.numericLiteral(0),
             getScopeIdIdentifier(tagSection),
             getScopeAccessorLiteral(nodeBinding),
-            branchSerializeReason === true || markerSerializeReason === true ? import_compiler33.types.numericLiteral(1) : markerSerializeReason && !bindingUtil.isSuperset(
-              branchSerializeReason,
-              markerSerializeReason
-            ) ? import_compiler33.types.logicalExpression(
-              "||",
-              getSerializeGuard(branchSerializeReason),
-              getSerializeGuard(markerSerializeReason)
-            ) : getSerializeGuard(branchSerializeReason)
+            branchSerializeReason === true ? markerSerializeReason === true && !onlyChildInParentOptimization ? void 0 : import_compiler33.types.numericLiteral(1) : getSerializeGuard(branchSerializeReason),
+            !markerSerializeReason ? import_compiler33.types.numericLiteral(0) : markerSerializeReason === true ? onlyChildInParentOptimization ? import_compiler33.types.numericLiteral(1) : void 0 : getSerializeGuard(markerSerializeReason)
           );
           if (onlyChildInParentOptimization) {
             forTagArgs.push(import_compiler33.types.numericLiteral(1));
@@ -7371,6 +7623,9 @@ var html_script_default = {
           bodyPlaceholderNodes.slice(1)
         );
       }
+      if (hasEventHandlers || spreadReferenceNodes) {
+        forceBindingSerialize(tagSection, nodeBinding);
+      }
       if (node.var) {
         forceBindingSerialize(tagSection, nodeBinding);
         for (const ref of tag.scope.getBinding(node.var.name).referencePaths) {
@@ -7389,15 +7644,12 @@ var html_script_default = {
             trackHoistedReference(ref, nodeBinding);
           }
         }
-      } else if (hasEventHandlers || spreadReferenceNodes) {
-        forceBindingSerialize(tagSection, nodeBinding);
-      } else {
-        addBindingSerializeReasonExpr(
-          tagSection,
-          nodeBinding,
-          push(attrExprExtras, tagExtra)
-        );
       }
+      addBindingSerializeReasonExpr(
+        tagSection,
+        nodeBinding,
+        push(attrExprExtras, tagExtra)
+      );
     }
   },
   translate: {
@@ -7783,6 +8035,9 @@ var html_style_default = {
           bodyPlaceholderNodes.slice(1)
         );
       }
+      if (hasEventHandlers || spreadReferenceNodes) {
+        forceBindingSerialize(tagSection, nodeBinding);
+      }
       if (node.var) {
         forceBindingSerialize(tagSection, nodeBinding);
         for (const ref of tag.scope.getBinding(node.var.name).referencePaths) {
@@ -7801,15 +8056,12 @@ var html_style_default = {
             trackHoistedReference(ref, nodeBinding);
           }
         }
-      } else if (hasEventHandlers || spreadReferenceNodes) {
-        forceBindingSerialize(tagSection, nodeBinding);
-      } else {
-        addBindingSerializeReasonExpr(
-          tagSection,
-          nodeBinding,
-          push(attrExprExtras, tagExtra)
-        );
       }
+      addBindingSerializeReasonExpr(
+        tagSection,
+        nodeBinding,
+        push(attrExprExtras, tagExtra)
+      );
     }
   },
   translate: {
@@ -8255,14 +8507,14 @@ var IfTag = {
           const nextTag = tag.getNextSibling();
           let branchSerializeReasons;
           let statement;
-          if (markerSerializeReason && onlyChildInParentOptimization) {
-            getParentTag(ifTag).node.extra[kSkipMark] = true;
-          }
           for (let i = branches.length; i--; ) {
             const [branchTag, branchBody] = branches[i];
             const bodyStatements = branchTag.node.body.body;
             if (branchBody) {
-              const branchSerializeReason = getSectionSerializeReason(branchBody);
+              const branchSerializeReason = getSectionSerializeReason(
+                branchBody,
+                kBranchSerializeReason
+              );
               if (branchSerializeReason) {
                 if (branchSerializeReasons !== true) {
                   if (branchSerializeReason === true) {
@@ -8296,7 +8548,9 @@ var IfTag = {
             branchTag.remove();
           }
           if (branchSerializeReasons) {
-            const branchSerializeExpr = branchSerializeReasons === true ? !onlyChildInParentOptimization && !markerSerializeReason ? void 0 : getSerializeGuard(branchSerializeReasons) : getSerializeGuardForAny(branchSerializeReasons);
+            if (onlyChildInParentOptimization && markerSerializeReason) {
+              getParentTag(ifTag).node.extra[kSkipMark] = true;
+            }
             const cbNode = import_compiler42.types.arrowFunctionExpression(
               [],
               import_compiler42.types.blockStatement([statement])
@@ -8307,16 +8561,16 @@ var IfTag = {
                 cbNode,
                 getScopeIdIdentifier(ifTagSection),
                 getScopeAccessorLiteral(nodeBinding),
-                branchSerializeExpr,
-                markerSerializeReason ? getSerializeGuard(markerSerializeReason) : onlyChildInParentOptimization ? import_compiler42.types.numericLiteral(0) : void 0,
+                branchSerializeReasons === true ? markerSerializeReason === true && !onlyChildInParentOptimization ? void 0 : import_compiler42.types.numericLiteral(1) : getSerializeGuardForAny(branchSerializeReasons),
+                !markerSerializeReason ? import_compiler42.types.numericLiteral(0) : markerSerializeReason === true ? onlyChildInParentOptimization ? import_compiler42.types.numericLiteral(1) : void 0 : getSerializeGuard(markerSerializeReason),
                 onlyChildInParentOptimization && import_compiler42.types.numericLiteral(1)
               ) : callRuntime(
                 "resumeConditional",
                 cbNode,
                 getScopeIdIdentifier(ifTagSection),
                 getScopeAccessorLiteral(nodeBinding),
-                branchSerializeExpr,
-                getSerializeGuard(markerSerializeReason)
+                branchSerializeReasons === true ? markerSerializeReason === true ? void 0 : import_compiler42.types.numericLiteral(1) : getSerializeGuardForAny(branchSerializeReasons),
+                !markerSerializeReason ? import_compiler42.types.numericLiteral(0) : markerSerializeReason === true ? void 0 : getSerializeGuard(markerSerializeReason)
               )
             );
           }
@@ -9834,13 +10088,12 @@ function translateHTML(tag) {
   let childSerializeReasonExpr;
   if (childSerializeReasonIds) {
     if (childSerializeReasonIds.length === 1) {
-      childSerializeReasonExpr = getSerializeGuard(
-        getBindingSerializeReason(
-          section,
-          childScopeBinding,
-          childSerializeReasonIds[0]
-        )
+      const reason = getBindingSerializeReason(
+        section,
+        childScopeBinding,
+        childSerializeReasonIds[0]
       );
+      childSerializeReasonExpr = !reason ? void 0 : reason == true ? import_compiler56.types.numericLiteral(1) : getSerializeGuard(reason);
     } else {
       const props = [];
       let hasDynamicReasons = false;
@@ -9854,7 +10107,10 @@ function translateHTML(tag) {
         if (reason) {
           hasDynamicReasons ||= reason !== true;
           props.push(
-            import_compiler56.types.objectProperty(import_compiler56.types.numericLiteral(i), getSerializeGuard(reason))
+            import_compiler56.types.objectProperty(
+              import_compiler56.types.numericLiteral(i),
+              reason === true ? import_compiler56.types.numericLiteral(1) : getSerializeGuard(reason)
+            )
           );
         } else {
           hasSkippedReasons = true;
@@ -10598,6 +10854,7 @@ var dynamic_tag_default = {
           tagSection,
           nodeBinding
         );
+        const serializeArg = !serializeReason ? import_compiler57.types.numericLiteral(0) : serializeReason === true ? void 0 : getSerializeGuard(serializeReason);
         const dynamicTagExpr = hasTagArgs ? callRuntime(
           "dynamicTag",
           getScopeIdIdentifier(tagSection),
@@ -10606,16 +10863,16 @@ var dynamic_tag_default = {
           import_compiler57.types.arrayExpression(args),
           import_compiler57.types.numericLiteral(0),
           import_compiler57.types.numericLiteral(1),
-          getSerializeGuard(serializeReason)
+          serializeArg
         ) : callRuntime(
           "dynamicTag",
           getScopeIdIdentifier(tagSection),
           getScopeAccessorLiteral(nodeBinding),
           tagExpression,
           args[0],
-          args[1] || (serializeReason ? import_compiler57.types.numericLiteral(0) : void 0),
-          serializeReason ? import_compiler57.types.numericLiteral(0) : void 0,
-          getSerializeGuard(serializeReason)
+          args[1] || (serializeArg ? import_compiler57.types.numericLiteral(0) : void 0),
+          serializeArg ? import_compiler57.types.numericLiteral(0) : void 0,
+          serializeArg
         );
         if (node.var) {
           const dynamicScopeIdentifier = generateUidIdentifier(