marko 6.0.6 → 6.0.8

package/dist/debug/dom.js

@@ -82,7 +82,6 @@ __export(dom_exports, {
   state: () => state,
   styleAttr: () => styleAttr,
   styleItem: () => styleItem,
-  styleItemValue: () => styleItemValue,
   styleItems: () => styleItems,
   tagVarSignal: () => tagVarSignal,
   tagVarSignalChange: () => tagVarSignalChange,
@@ -148,7 +147,7 @@ function styleValue(styleValue2) {
   return toDelimitedString(styleValue2, ";", stringifyStyleObject);
 }
 function stringifyStyleObject(name, value2) {
-  return value2 || value2 === 0 ? `${name}:${value2 && typeof value2 === "number" && !/^(--|ta|or|li|z)|cou|nk|it|ag|we|do|w$/.test(name) ? value2 + "px" : value2}` : "";
+  return value2 || value2 === 0 ? name + ":" + value2 : "";
 }
 function toDelimitedString(val, delimiter, stringify) {
   let str = "";
@@ -753,9 +752,6 @@ function styleItems(element, items) {
 function styleItem(element, name, value2) {
   element.style.setProperty(name, value2 || value2 === 0 ? value2 + "" : "");
 }
-function styleItemValue(value2) {
-  return value2 && typeof value2 === "number" ? value2 + "px" : value2;
-}
 function data(node, value2) {
   const normalizedValue = normalizeString(value2);
   if (node.data !== normalizedValue) {

package/dist/debug/dom.mjs

@@ -55,7 +55,7 @@ function styleValue(styleValue2) {
   return toDelimitedString(styleValue2, ";", stringifyStyleObject);
 }
 function stringifyStyleObject(name, value2) {
-  return value2 || value2 === 0 ? `${name}:${value2 && typeof value2 === "number" && !/^(--|ta|or|li|z)|cou|nk|it|ag|we|do|w$/.test(name) ? value2 + "px" : value2}` : "";
+  return value2 || value2 === 0 ? name + ":" + value2 : "";
 }
 function toDelimitedString(val, delimiter, stringify) {
   let str = "";
@@ -660,9 +660,6 @@ function styleItems(element, items) {
 function styleItem(element, name, value2) {
   element.style.setProperty(name, value2 || value2 === 0 ? value2 + "" : "");
 }
-function styleItemValue(value2) {
-  return value2 && typeof value2 === "number" ? value2 + "px" : value2;
-}
 function data(node, value2) {
   const normalizedValue = normalizeString(value2);
   if (node.data !== normalizedValue) {
@@ -2278,7 +2275,6 @@ export {
   state,
   styleAttr,
   styleItem,
-  styleItemValue,
   styleItems,
   tagVarSignal,
   tagVarSignalChange,

package/dist/debug/html.js

@@ -118,7 +118,7 @@ function styleValue(styleValue2) {
   return toDelimitedString(styleValue2, ";", stringifyStyleObject);
 }
 function stringifyStyleObject(name, value) {
-  return value || value === 0 ? `${name}:${value && typeof value === "number" && !/^(--|ta|or|li|z)|cou|nk|it|ag|we|do|w$/.test(name) ? value + "px" : value}` : "";
+  return value || value === 0 ? name + ":" + value : "";
 }
 function toDelimitedString(val, delimiter, stringify) {
   let str = "";
@@ -2088,22 +2088,27 @@ function ensureScopeWithId(scopeId) {
 function $global() {
   return $chunk.boundary.state.$global;
 }
-function fork(scopeId, accessor, promise, content) {
+function fork(scopeId, accessor, promise, content, serializeMarker) {
+  const resumeMarker = serializeMarker !== 0;
   if (!isPromise(promise)) {
-    const branchId = peekNextScopeId();
-    $chunk.writeHTML(
-      $chunk.boundary.state.mark("[" /* BranchStart */, branchId + "")
-    );
-    content(promise);
-    writeScope(scopeId, {
-      ["ConditionalScope:" /* ConditionalScope */ + accessor]: writeScope(branchId, {})
-    });
-    $chunk.writeHTML(
-      $chunk.boundary.state.mark(
-        "]" /* BranchEnd */,
-        scopeId + " " + accessor
-      )
-    );
+    if (resumeMarker) {
+      const branchId = peekNextScopeId();
+      $chunk.writeHTML(
+        $chunk.boundary.state.mark("[" /* BranchStart */, branchId + "")
+      );
+      content(promise);
+      writeScope(scopeId, {
+        ["ConditionalScope:" /* ConditionalScope */ + accessor]: writeScope(branchId, {})
+      });
+      $chunk.writeHTML(
+        $chunk.boundary.state.mark(
+          "]" /* BranchEnd */,
+          scopeId + " " + accessor
+        )
+      );
+    } else {
+      content(promise);
+    }
     return;
   }
   const chunk = $chunk;
@@ -2120,25 +2125,29 @@ function fork(scopeId, accessor, promise, content) {
         chunk.async = false;
         if (!boundary.signal.aborted) {
           chunk.render(() => {
-            const branchId = peekNextScopeId();
-            $chunk.writeHTML(
-              $chunk.boundary.state.mark(
-                "[" /* BranchStart */,
-                branchId + ""
-              )
-            );
-            content(value);
-            boundary.state.serializer.writeAssign(
-              writeScope(branchId, {}),
-              ensureScopeWithId(scopeId),
-              "ConditionalScope:" /* ConditionalScope */ + accessor
-            );
-            $chunk.writeHTML(
-              $chunk.boundary.state.mark(
-                "]" /* BranchEnd */,
-                scopeId + " " + accessor
-              )
-            );
+            if (resumeMarker) {
+              const branchId = peekNextScopeId();
+              $chunk.writeHTML(
+                $chunk.boundary.state.mark(
+                  "[" /* BranchStart */,
+                  branchId + ""
+                )
+              );
+              content(value);
+              boundary.state.serializer.writeAssign(
+                writeScope(branchId, {}),
+                ensureScopeWithId(scopeId),
+                "ConditionalScope:" /* ConditionalScope */ + accessor
+              );
+              $chunk.writeHTML(
+                $chunk.boundary.state.mark(
+                  "]" /* BranchEnd */,
+                  scopeId + " " + accessor
+                )
+              );
+            } else {
+              content(value);
+            }
           });
           boundary.endAsync(chunk);
         }
@@ -2376,12 +2385,12 @@ var Chunk = class {
     if (this.lastEffect === registryId) {
       this.effects += "," + scopeId;
     } else {
+      this.lastEffect = registryId;
       this.effects = concatEffects(
         this.effects,
         '"' + registryId + '",' + scopeId
       );
     }
-    this.lastEffect = registryId;
   }
   writeScript(script) {
     this.scripts = concatScripts(this.scripts, script);
@@ -2545,9 +2554,9 @@ var Chunk = class {
     if (hasWalk) {
       scripts = concatScripts(scripts, runtimePrefix + ".w()");
     }
-    this.effects = state.resumes = "";
     this.html = html;
     this.scripts = scripts;
+    this.effects = this.lastEffect = state.resumes = "";
     return this;
   }
   flushHTML() {

package/dist/debug/html.mjs

@@ -33,7 +33,7 @@ function styleValue(styleValue2) {
   return toDelimitedString(styleValue2, ";", stringifyStyleObject);
 }
 function stringifyStyleObject(name, value) {
-  return value || value === 0 ? `${name}:${value && typeof value === "number" && !/^(--|ta|or|li|z)|cou|nk|it|ag|we|do|w$/.test(name) ? value + "px" : value}` : "";
+  return value || value === 0 ? name + ":" + value : "";
 }
 function toDelimitedString(val, delimiter, stringify) {
   let str = "";
@@ -2003,22 +2003,27 @@ function ensureScopeWithId(scopeId) {
 function $global() {
   return $chunk.boundary.state.$global;
 }
-function fork(scopeId, accessor, promise, content) {
+function fork(scopeId, accessor, promise, content, serializeMarker) {
+  const resumeMarker = serializeMarker !== 0;
   if (!isPromise(promise)) {
-    const branchId = peekNextScopeId();
-    $chunk.writeHTML(
-      $chunk.boundary.state.mark("[" /* BranchStart */, branchId + "")
-    );
-    content(promise);
-    writeScope(scopeId, {
-      ["ConditionalScope:" /* ConditionalScope */ + accessor]: writeScope(branchId, {})
-    });
-    $chunk.writeHTML(
-      $chunk.boundary.state.mark(
-        "]" /* BranchEnd */,
-        scopeId + " " + accessor
-      )
-    );
+    if (resumeMarker) {
+      const branchId = peekNextScopeId();
+      $chunk.writeHTML(
+        $chunk.boundary.state.mark("[" /* BranchStart */, branchId + "")
+      );
+      content(promise);
+      writeScope(scopeId, {
+        ["ConditionalScope:" /* ConditionalScope */ + accessor]: writeScope(branchId, {})
+      });
+      $chunk.writeHTML(
+        $chunk.boundary.state.mark(
+          "]" /* BranchEnd */,
+          scopeId + " " + accessor
+        )
+      );
+    } else {
+      content(promise);
+    }
     return;
   }
   const chunk = $chunk;
@@ -2035,25 +2040,29 @@ function fork(scopeId, accessor, promise, content) {
         chunk.async = false;
         if (!boundary.signal.aborted) {
           chunk.render(() => {
-            const branchId = peekNextScopeId();
-            $chunk.writeHTML(
-              $chunk.boundary.state.mark(
-                "[" /* BranchStart */,
-                branchId + ""
-              )
-            );
-            content(value);
-            boundary.state.serializer.writeAssign(
-              writeScope(branchId, {}),
-              ensureScopeWithId(scopeId),
-              "ConditionalScope:" /* ConditionalScope */ + accessor
-            );
-            $chunk.writeHTML(
-              $chunk.boundary.state.mark(
-                "]" /* BranchEnd */,
-                scopeId + " " + accessor
-              )
-            );
+            if (resumeMarker) {
+              const branchId = peekNextScopeId();
+              $chunk.writeHTML(
+                $chunk.boundary.state.mark(
+                  "[" /* BranchStart */,
+                  branchId + ""
+                )
+              );
+              content(value);
+              boundary.state.serializer.writeAssign(
+                writeScope(branchId, {}),
+                ensureScopeWithId(scopeId),
+                "ConditionalScope:" /* ConditionalScope */ + accessor
+              );
+              $chunk.writeHTML(
+                $chunk.boundary.state.mark(
+                  "]" /* BranchEnd */,
+                  scopeId + " " + accessor
+                )
+              );
+            } else {
+              content(value);
+            }
           });
           boundary.endAsync(chunk);
         }
@@ -2291,12 +2300,12 @@ var Chunk = class {
     if (this.lastEffect === registryId) {
       this.effects += "," + scopeId;
     } else {
+      this.lastEffect = registryId;
       this.effects = concatEffects(
         this.effects,
         '"' + registryId + '",' + scopeId
       );
     }
-    this.lastEffect = registryId;
   }
   writeScript(script) {
     this.scripts = concatScripts(this.scripts, script);
@@ -2460,9 +2469,9 @@ var Chunk = class {
     if (hasWalk) {
       scripts = concatScripts(scripts, runtimePrefix + ".w()");
     }
-    this.effects = state.resumes = "";
     this.html = html;
     this.scripts = scripts;
+    this.effects = this.lastEffect = state.resumes = "";
     return this;
   }
   flushHTML() {

package/dist/dom/dom.d.ts

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

package/dist/dom.d.ts

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

package/dist/dom.js

@@ -79,7 +79,6 @@ __export(dom_exports, {
   state: () => state,
   styleAttr: () => styleAttr,
   styleItem: () => styleItem,
-  styleItemValue: () => styleItemValue,
   styleItems: () => styleItems,
   tagVarSignal: () => tagVarSignal,
   tagVarSignalChange: () => tagVarSignalChange,
@@ -129,7 +128,7 @@ function styleValue(styleValue2) {
   return toDelimitedString(styleValue2, ";", stringifyStyleObject);
 }
 function stringifyStyleObject(name, value2) {
-  return value2 || value2 === 0 ? `${name}:${value2 && typeof value2 == "number" && !/^(--|ta|or|li|z)|cou|nk|it|ag|we|do|w$/.test(name) ? value2 + "px" : value2}` : "";
+  return value2 || value2 === 0 ? name + ":" + value2 : "";
 }
 function toDelimitedString(val, delimiter, stringify) {
   let str = "", sep = "", part;
@@ -528,9 +527,6 @@ function styleItems(element, items) {
 function styleItem(element, name, value2) {
   element.style.setProperty(name, value2 || value2 === 0 ? value2 + "" : "");
 }
-function styleItemValue(value2) {
-  return value2 && typeof value2 == "number" ? value2 + "px" : value2;
-}
 function data(node, value2) {
   let normalizedValue = normalizeString(value2);
   node.data !== normalizedValue && (node.data = normalizedValue);

package/dist/dom.mjs

@@ -39,7 +39,7 @@ function styleValue(styleValue2) {
   return toDelimitedString(styleValue2, ";", stringifyStyleObject);
 }
 function stringifyStyleObject(name, value2) {
-  return value2 || value2 === 0 ? `${name}:${value2 && typeof value2 == "number" && !/^(--|ta|or|li|z)|cou|nk|it|ag|we|do|w$/.test(name) ? value2 + "px" : value2}` : "";
+  return value2 || value2 === 0 ? name + ":" + value2 : "";
 }
 function toDelimitedString(val, delimiter, stringify) {
   let str = "", sep = "", part;
@@ -438,9 +438,6 @@ function styleItems(element, items) {
 function styleItem(element, name, value2) {
   element.style.setProperty(name, value2 || value2 === 0 ? value2 + "" : "");
 }
-function styleItemValue(value2) {
-  return value2 && typeof value2 == "number" ? value2 + "px" : value2;
-}
 function data(node, value2) {
   let normalizedValue = normalizeString(value2);
   node.data !== normalizedValue && (node.data = normalizedValue);
@@ -1511,7 +1508,6 @@ export {
   state,
   styleAttr,
   styleItem,
-  styleItemValue,
   styleItems,
   tagVarSignal,
   tagVarSignalChange,

package/dist/html/writer.d.ts

@@ -51,7 +51,7 @@ export declare function $global(): $Global & {
     renderId: string;
     runtimeId: string;
 };
-export declare function fork<T>(scopeId: number, accessor: Accessor, promise: Promise<T> | T, content: (value: T) => void): void;
+export declare function fork<T>(scopeId: number, accessor: Accessor, promise: Promise<T> | T, content: (value: T) => void, serializeMarker?: 0 | 1): void;
 export declare function tryContent(scopeId: number, accessor: Accessor, content: () => void, input: {
     placeholder?: {
         content?(): void;

package/dist/html.js

@@ -103,7 +103,7 @@ function styleValue(styleValue2) {
   return toDelimitedString(styleValue2, ";", stringifyStyleObject);
 }
 function stringifyStyleObject(name, value) {
-  return value || value === 0 ? `${name}:${value && typeof value == "number" && !/^(--|ta|or|li|z)|cou|nk|it|ag|we|do|w$/.test(name) ? value + "px" : value}` : "";
+  return value || value === 0 ? name + ":" + value : "";
 }
 function toDelimitedString(val, delimiter, stringify) {
   let str = "", sep = "", part;
@@ -1349,41 +1349,48 @@ function ensureScopeWithId(scopeId) {
 function $global() {
   return $chunk.boundary.state.$global;
 }
-function fork(scopeId, accessor, promise, content) {
+function fork(scopeId, accessor, promise, content, serializeMarker) {
+  let resumeMarker = serializeMarker !== 0;
   if (!isPromise(promise)) {
-    let branchId = peekNextScopeId();
-    $chunk.writeHTML(
-      $chunk.boundary.state.mark("[" /* BranchStart */, branchId + "")
-    ), content(promise), writeScope(scopeId, {
-      ["d" /* ConditionalScope */ + accessor]: writeScope(branchId, {})
-    }), $chunk.writeHTML(
-      $chunk.boundary.state.mark(
-        "]" /* BranchEnd */,
-        scopeId + " " + accessor
-      )
-    );
+    if (resumeMarker) {
+      let branchId = peekNextScopeId();
+      $chunk.writeHTML(
+        $chunk.boundary.state.mark("[" /* BranchStart */, branchId + "")
+      ), content(promise), writeScope(scopeId, {
+        ["d" /* ConditionalScope */ + accessor]: writeScope(branchId, {})
+      }), $chunk.writeHTML(
+        $chunk.boundary.state.mark(
+          "]" /* BranchEnd */,
+          scopeId + " " + accessor
+        )
+      );
+    } else
+      content(promise);
     return;
   }
   let chunk = $chunk, { boundary } = chunk;
   chunk.next = $chunk = new Chunk(boundary, chunk.next, chunk.context), chunk.async = !0, chunk.context?.[kPendingContexts] && (chunk.context = { ...chunk.context, [kPendingContexts]: 0 }), boundary.startAsync(), promise.then(
     (value) => {
       chunk.async && (chunk.async = !1, boundary.signal.aborted || (chunk.render(() => {
-        let branchId = peekNextScopeId();
-        $chunk.writeHTML(
-          $chunk.boundary.state.mark(
-            "[" /* BranchStart */,
-            branchId + ""
-          )
-        ), content(value), boundary.state.serializer.writeAssign(
-          writeScope(branchId, {}),
-          ensureScopeWithId(scopeId),
-          "d" /* ConditionalScope */ + accessor
-        ), $chunk.writeHTML(
-          $chunk.boundary.state.mark(
-            "]" /* BranchEnd */,
-            scopeId + " " + accessor
-          )
-        );
+        if (resumeMarker) {
+          let branchId = peekNextScopeId();
+          $chunk.writeHTML(
+            $chunk.boundary.state.mark(
+              "[" /* BranchStart */,
+              branchId + ""
+            )
+          ), content(value), boundary.state.serializer.writeAssign(
+            writeScope(branchId, {}),
+            ensureScopeWithId(scopeId),
+            "d" /* ConditionalScope */ + accessor
+          ), $chunk.writeHTML(
+            $chunk.boundary.state.mark(
+              "]" /* BranchEnd */,
+              scopeId + " " + accessor
+            )
+          );
+        } else
+          content(value);
       }), boundary.endAsync(chunk)));
     },
     (err) => {
@@ -1530,10 +1537,10 @@ var State2 = class {
     this.html += html;
   }
   writeEffect(scopeId, registryId) {
-    this.lastEffect === registryId ? this.effects += "," + scopeId : this.effects = concatEffects(
+    this.lastEffect === registryId ? this.effects += "," + scopeId : (this.lastEffect = registryId, this.effects = concatEffects(
       this.effects,
       '"' + registryId + '",' + scopeId
-    ), this.lastEffect = registryId;
+    ));
   }
   writeScript(script) {
     this.scripts = concatScripts(this.scripts, script);
@@ -1621,7 +1628,7 @@ var State2 = class {
       }
       state.writeReorders = null;
     }
-    return hasWalk && (scripts = concatScripts(scripts, runtimePrefix + ".w()")), this.effects = state.resumes = "", this.html = html, this.scripts = scripts, this;
+    return hasWalk && (scripts = concatScripts(scripts, runtimePrefix + ".w()")), this.html = html, this.scripts = scripts, this.effects = this.lastEffect = state.resumes = "", this;
   }
   flushHTML() {
     this.flushScript();

package/dist/html.mjs

@@ -21,7 +21,7 @@ function styleValue(styleValue2) {
   return toDelimitedString(styleValue2, ";", stringifyStyleObject);
 }
 function stringifyStyleObject(name, value) {
-  return value || value === 0 ? `${name}:${value && typeof value == "number" && !/^(--|ta|or|li|z)|cou|nk|it|ag|we|do|w$/.test(name) ? value + "px" : value}` : "";
+  return value || value === 0 ? name + ":" + value : "";
 }
 function toDelimitedString(val, delimiter, stringify) {
   let str = "", sep = "", part;
@@ -1267,41 +1267,48 @@ function ensureScopeWithId(scopeId) {
 function $global() {
   return $chunk.boundary.state.$global;
 }
-function fork(scopeId, accessor, promise, content) {
+function fork(scopeId, accessor, promise, content, serializeMarker) {
+  let resumeMarker = serializeMarker !== 0;
   if (!isPromise(promise)) {
-    let branchId = peekNextScopeId();
-    $chunk.writeHTML(
-      $chunk.boundary.state.mark("[" /* BranchStart */, branchId + "")
-    ), content(promise), writeScope(scopeId, {
-      ["d" /* ConditionalScope */ + accessor]: writeScope(branchId, {})
-    }), $chunk.writeHTML(
-      $chunk.boundary.state.mark(
-        "]" /* BranchEnd */,
-        scopeId + " " + accessor
-      )
-    );
+    if (resumeMarker) {
+      let branchId = peekNextScopeId();
+      $chunk.writeHTML(
+        $chunk.boundary.state.mark("[" /* BranchStart */, branchId + "")
+      ), content(promise), writeScope(scopeId, {
+        ["d" /* ConditionalScope */ + accessor]: writeScope(branchId, {})
+      }), $chunk.writeHTML(
+        $chunk.boundary.state.mark(
+          "]" /* BranchEnd */,
+          scopeId + " " + accessor
+        )
+      );
+    } else
+      content(promise);
     return;
   }
   let chunk = $chunk, { boundary } = chunk;
   chunk.next = $chunk = new Chunk(boundary, chunk.next, chunk.context), chunk.async = !0, chunk.context?.[kPendingContexts] && (chunk.context = { ...chunk.context, [kPendingContexts]: 0 }), boundary.startAsync(), promise.then(
     (value) => {
       chunk.async && (chunk.async = !1, boundary.signal.aborted || (chunk.render(() => {
-        let branchId = peekNextScopeId();
-        $chunk.writeHTML(
-          $chunk.boundary.state.mark(
-            "[" /* BranchStart */,
-            branchId + ""
-          )
-        ), content(value), boundary.state.serializer.writeAssign(
-          writeScope(branchId, {}),
-          ensureScopeWithId(scopeId),
-          "d" /* ConditionalScope */ + accessor
-        ), $chunk.writeHTML(
-          $chunk.boundary.state.mark(
-            "]" /* BranchEnd */,
-            scopeId + " " + accessor
-          )
-        );
+        if (resumeMarker) {
+          let branchId = peekNextScopeId();
+          $chunk.writeHTML(
+            $chunk.boundary.state.mark(
+              "[" /* BranchStart */,
+              branchId + ""
+            )
+          ), content(value), boundary.state.serializer.writeAssign(
+            writeScope(branchId, {}),
+            ensureScopeWithId(scopeId),
+            "d" /* ConditionalScope */ + accessor
+          ), $chunk.writeHTML(
+            $chunk.boundary.state.mark(
+              "]" /* BranchEnd */,
+              scopeId + " " + accessor
+            )
+          );
+        } else
+          content(value);
       }), boundary.endAsync(chunk)));
     },
     (err) => {
@@ -1448,10 +1455,10 @@ var State2 = class {
     this.html += html;
   }
   writeEffect(scopeId, registryId) {
-    this.lastEffect === registryId ? this.effects += "," + scopeId : this.effects = concatEffects(
+    this.lastEffect === registryId ? this.effects += "," + scopeId : (this.lastEffect = registryId, this.effects = concatEffects(
       this.effects,
       '"' + registryId + '",' + scopeId
-    ), this.lastEffect = registryId;
+    ));
   }
   writeScript(script) {
     this.scripts = concatScripts(this.scripts, script);
@@ -1539,7 +1546,7 @@ var State2 = class {
       }
       state.writeReorders = null;
     }
-    return hasWalk && (scripts = concatScripts(scripts, runtimePrefix + ".w()")), this.effects = state.resumes = "", this.html = html, this.scripts = scripts, this;
+    return hasWalk && (scripts = concatScripts(scripts, runtimePrefix + ".w()")), this.html = html, this.scripts = scripts, this.effects = this.lastEffect = state.resumes = "", this;
   }
   flushHTML() {
     this.flushScript();

package/dist/translator/index.js

@@ -1009,7 +1009,7 @@ function styleValue(styleValue2) {
   return toDelimitedString(styleValue2, ";", stringifyStyleObject);
 }
 function stringifyStyleObject(name2, 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}` : "";
+  return value || value === 0 ? name2 + ":" + value : "";
 }
 function toDelimitedString(val, delimiter, stringify) {
   let str = "";
@@ -5265,6 +5265,8 @@ var await_default = {
         const nodeRef2 = tagExtra[kDOMBinding];
         const tagBody = tag.get("body");
         const section = getSection(tag);
+        const bodySection = getSectionForBody(tagBody);
+        const serializeReason = bodySection && getSectionSerializeReason(bodySection);
         flushInto(tag);
         writeHTMLResumeStatements(tagBody);
         tag.replaceWith(
@@ -5277,7 +5279,8 @@ var await_default = {
               import_compiler25.types.arrowFunctionExpression(
                 node.body.params,
                 toFirstExpressionOrBlock(node.body.body)
-              )
+              ),
+              !serializeReason ? import_compiler25.types.numericLiteral(0) : serializeReason === true ? void 0 : getSerializeGuard(serializeReason)
             )
           )
         )[0].skip();
@@ -5623,66 +5626,6 @@ 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");
@@ -6149,7 +6092,7 @@ var native_tag_default = {
                   );
                 } else {
                   if (meta.staticItems) {
-                    write2`${getHTMLRuntime()[helper](computed)}`;
+                    write2`${getHTMLRuntime()[helper](meta.staticItems)}`;
                   }
                   if (meta.dynamicValues) {
                     const keys = Object.keys(meta.dynamicValues);
@@ -6161,7 +6104,7 @@ var native_tag_default = {
                           `${name2}Item`,
                           nodeExpr,
                           import_compiler31.types.stringLiteral(key),
-                          name2 === "style" && css_px_props_default.has(name2) ? callRuntime("styleItemValue", value2) : value2
+                          value2
                         )
                       );
                     } else {
@@ -6169,10 +6112,7 @@ var native_tag_default = {
                       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
-                          )
+                          import_compiler31.types.objectProperty(toPropertyName(key), value2)
                         );
                       }
                       stmt = import_compiler31.types.expressionStatement(
@@ -7842,7 +7782,6 @@ var html_script_default = {
       const tagExtra = tag.node.extra;
       const nodeBinding = tagExtra[kNodeBinding2];
       const write2 = writeTo(tag);
-      const visitAccessor = getScopeAccessorLiteral(nodeBinding);
       if (isOutputHTML()) {
         for (const child of tag.node.body.body) {
           if (import_compiler38.types.isMarkoText(child)) {
@@ -7877,7 +7816,11 @@ var html_script_default = {
             import_compiler38.types.expressionStatement(
               callRuntime(
                 "textContent",
-                import_compiler38.types.memberExpression(scopeIdentifier, visitAccessor, true),
+                import_compiler38.types.memberExpression(
+                  scopeIdentifier,
+                  getScopeAccessorLiteral(nodeBinding),
+                  true
+                ),
                 import_compiler38.types.templateLiteral(templateQuasis, templateExpressions)
               )
             )
@@ -8254,7 +8197,6 @@ var html_style_default = {
       const tagExtra = tag.node.extra;
       const nodeBinding = tagExtra[kNodeBinding3];
       const write2 = writeTo(tag);
-      const visitAccessor = getScopeAccessorLiteral(nodeBinding);
       if (isOutputHTML()) {
         for (const child of tag.node.body.body) {
           if (import_compiler39.types.isMarkoText(child)) {
@@ -8289,7 +8231,11 @@ var html_style_default = {
             import_compiler39.types.expressionStatement(
               callRuntime(
                 "textContent",
-                import_compiler39.types.memberExpression(scopeIdentifier, visitAccessor, true),
+                import_compiler39.types.memberExpression(
+                  scopeIdentifier,
+                  getScopeAccessorLiteral(nodeBinding),
+                  true
+                ),
                 import_compiler39.types.templateLiteral(templateQuasis, templateExpressions)
               )
             )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "marko",
-  "version": "6.0.6",
+  "version": "6.0.8",
   "description": "Optimized runtime for Marko templates.",
   "keywords": [
     "api",

package/dist/translator/util/css-px-props.d.ts

@@ -1,2 +0,0 @@
-declare const _default: Set<string>;
-export default _default;