marko 6.0.7 → 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 = "";

package/dist/debug/html.mjs

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

package/dist/dom/dom.d.ts

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

package/dist/dom.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.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;

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;

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 = "";
@@ -5626,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");
@@ -6152,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);
@@ -6164,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 {
@@ -6172,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(
@@ -7845,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)) {
@@ -7880,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)
               )
             )
@@ -8257,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)) {
@@ -8292,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.7",
+  "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;