marko 5.39.23 → 5.39.25

package/dist/runtime/helpers/tags-compat/runtime-dom.js

@@ -191,12 +191,10 @@ exports.p = function (domCompat) {
 
       for (const key in rawInput) {
         const value = rawInput[key];
-        if (/^on[-A-Z]/.test(key)) {
-          if (typeof value === "function") {
-            (customEvents || (customEvents = {}))[
-            key[2] === "-" ? key.slice(3) : key.slice(2).toLowerCase()] =
-            [value];
-          }
+        if (/^on[-A-Z]/.test(key) && typeof value === "function") {
+          (customEvents || (customEvents = {}))[toCustomEventName(key)] = [
+          value];
+
         } else {
           normalizedInput[key === "content" ? "renderBody" : key] = value;
         }
@@ -260,4 +258,12 @@ exports.p = function (domCompat) {
     _: RenderBodyComponent,
     Component: defineComponent({}, RenderBodyComponent)
   }));
-};
+};
+
+function toCustomEventName(key) {
+  return key[2] === "-" ?
+  key.slice(3) :
+  key.
+  slice(2).
+  replace(/[A-Z]/g, (m, i) => (i ? "-" : "") + m.toLowerCase());
+}

package/dist/runtime/helpers/tags-compat/runtime-html.js

@@ -187,15 +187,13 @@ exports.p = function (htmlCompat) {
 
         for (const key in originalInput) {
           const value = originalInput[key];
-          if (/^on[-A-Z]/.test(key)) {
-            if (typeof value === "function") {
-              (customEvents || (customEvents = [])).push([
-              key[2] === "-" ? key.slice(3) : key.slice(2).toLowerCase(),
-              value]
-              );
-              forceBoundary = true;
-              value.toJSON = htmlCompat.toJSON(state);
-            }
+          if (/^on[-A-Z]/.test(key) && typeof value === "function") {
+            (customEvents || (customEvents = [])).push([
+            toCustomEventName(key),
+            value]
+            );
+            forceBoundary = true;
+            value.toJSON = htmlCompat.toJSON(state);
           } else {
             input[key === "content" ? "renderBody" : key] = value;
           }
@@ -243,6 +241,14 @@ exports.p = function (htmlCompat) {
   };
 };
 
+function toCustomEventName(key) {
+  return key[2] === "-" ?
+  key.slice(3) :
+  key.
+  slice(2).
+  replace(/[A-Z]/g, (m, i) => (i ? "-" : "") + m.toLowerCase());
+}
+
 function hasBridgedClassEvent(input) {
   if (input && typeof input === "object" && !Array.isArray(input)) {
     for (const key in input) {

package/docs/typescript.md

@@ -186,7 +186,7 @@ export interface Input {
   renderBody: Marko.Body<[number]>
 }
 
-<for|i| from=0 to=input.to by=2>
+<for|i| from=0 to=input.to step=2>
   <${input.renderBody}(i)/>
 </for>
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "marko",
-  "version": "5.39.23",
+  "version": "5.39.25",
   "private": false,
   "description": "UI Components + streaming, async, high performance, HTML templating for Node.js and the browser.",
   "keywords": [
@@ -71,7 +71,7 @@
   },
   "dependencies": {
     "@marko/compiler": "^5.41.0",
-    "@marko/runtime-tags": "^6.3.14",
+    "@marko/runtime-tags": "^6.3.16",
     "app-module-path": "^2.2.0",
     "argly": "^1.2.0",
     "browser-refresh-client": "1.1.4",

package/src/runtime/helpers/tags-compat/runtime-dom.js

@@ -191,12 +191,10 @@ exports.p = function (domCompat) {
 
       for (const key in rawInput) {
         const value = rawInput[key];
-        if (/^on[-A-Z]/.test(key)) {
-          if (typeof value === "function") {
-            (customEvents || (customEvents = {}))[
-              key[2] === "-" ? key.slice(3) : key.slice(2).toLowerCase()
-            ] = [value];
-          }
+        if (/^on[-A-Z]/.test(key) && typeof value === "function") {
+          (customEvents || (customEvents = {}))[toCustomEventName(key)] = [
+            value,
+          ];
         } else {
           normalizedInput[key === "content" ? "renderBody" : key] = value;
         }
@@ -261,3 +259,11 @@ exports.p = function (domCompat) {
     Component: defineComponent({}, RenderBodyComponent),
   }));
 };
+
+function toCustomEventName(key) {
+  return key[2] === "-"
+    ? key.slice(3)
+    : key
+        .slice(2)
+        .replace(/[A-Z]/g, (m, i) => (i ? "-" : "") + m.toLowerCase());
+}

package/src/runtime/helpers/tags-compat/runtime-html.js

@@ -187,15 +187,13 @@ exports.p = function (htmlCompat) {
 
         for (const key in originalInput) {
           const value = originalInput[key];
-          if (/^on[-A-Z]/.test(key)) {
-            if (typeof value === "function") {
-              (customEvents || (customEvents = [])).push([
-                key[2] === "-" ? key.slice(3) : key.slice(2).toLowerCase(),
-                value,
-              ]);
-              forceBoundary = true;
-              value.toJSON = htmlCompat.toJSON(state);
-            }
+          if (/^on[-A-Z]/.test(key) && typeof value === "function") {
+            (customEvents || (customEvents = [])).push([
+              toCustomEventName(key),
+              value,
+            ]);
+            forceBoundary = true;
+            value.toJSON = htmlCompat.toJSON(state);
           } else {
             input[key === "content" ? "renderBody" : key] = value;
           }
@@ -243,6 +241,14 @@ exports.p = function (htmlCompat) {
   };
 };
 
+function toCustomEventName(key) {
+  return key[2] === "-"
+    ? key.slice(3)
+    : key
+        .slice(2)
+        .replace(/[A-Z]/g, (m, i) => (i ? "-" : "") + m.toLowerCase());
+}
+
 function hasBridgedClassEvent(input) {
   if (input && typeof input === "object" && !Array.isArray(input)) {
     for (const key in input) {