@marko/runtime-tags 0.3.8 → 0.3.11

package/dist/debug/dom.js

@@ -1181,15 +1181,14 @@ function controllable_detailsOrDialog_open(scope, nodeAccessor, open, openChange
 }
 function controllable_detailsOrDialog_open_effect(scope, nodeAccessor) {
   const el = scope[nodeAccessor];
+  const hasChanged = () => el.open !== scope[nodeAccessor + ":" /* ControlledValue */];
   syncControllable(
     el,
     el.tagName === "DIALOG" ? "close" : "toggle",
-    () => {
-      return scope[nodeAccessor + ";" /* ControlledHandler */] && el.open !== scope[nodeAccessor + ":" /* ControlledValue */];
-    },
+    hasChanged,
     () => {
       const openChange = scope[nodeAccessor + ";" /* ControlledHandler */];
-      if (openChange) {
+      if (openChange && hasChanged()) {
         scope[nodeAccessor + "=" /* ControlledType */] = 6 /* Pending */;
         openChange(el.open);
         run();

package/dist/debug/dom.mjs

@@ -1091,15 +1091,14 @@ function controllable_detailsOrDialog_open(scope, nodeAccessor, open, openChange
 }
 function controllable_detailsOrDialog_open_effect(scope, nodeAccessor) {
   const el = scope[nodeAccessor];
+  const hasChanged = () => el.open !== scope[nodeAccessor + ":" /* ControlledValue */];
   syncControllable(
     el,
     el.tagName === "DIALOG" ? "close" : "toggle",
-    () => {
-      return scope[nodeAccessor + ";" /* ControlledHandler */] && el.open !== scope[nodeAccessor + ":" /* ControlledValue */];
-    },
+    hasChanged,
     () => {
       const openChange = scope[nodeAccessor + ";" /* ControlledHandler */];
-      if (openChange) {
+      if (openChange && hasChanged()) {
         scope[nodeAccessor + "=" /* ControlledType */] = 6 /* Pending */;
         openChange(el.open);
         run();

package/dist/dom.js

@@ -731,14 +731,14 @@ function controllable_detailsOrDialog_open(scope, nodeAccessor, open, openChange
   scope[nodeAccessor + ";" /* ControlledHandler */] = openChange, openChange ? scope[nodeAccessor + "=" /* ControlledType */] = 4 /* DetailsOrDialogOpen */ : scope[nodeAccessor + "=" /* ControlledType */] = 5 /* None */, scope[nodeAccessor].open = normalizeBoolProp(open);
 }
 function controllable_detailsOrDialog_open_effect(scope, nodeAccessor) {
-  let el = scope[nodeAccessor];
+  let el = scope[nodeAccessor], hasChanged = () => el.open !== scope[nodeAccessor + ":" /* ControlledValue */];
   syncControllable(
     el,
     el.tagName === "DIALOG" ? "close" : "toggle",
-    () => scope[nodeAccessor + ";" /* ControlledHandler */] && el.open !== scope[nodeAccessor + ":" /* ControlledValue */],
+    hasChanged,
     () => {
       let openChange = scope[nodeAccessor + ";" /* ControlledHandler */];
-      openChange && (scope[nodeAccessor + "=" /* ControlledType */] = 6 /* Pending */, openChange(el.open), run(), scope[nodeAccessor + "=" /* ControlledType */] === 6 /* Pending */ && (el.open = !el.open));
+      openChange && hasChanged() && (scope[nodeAccessor + "=" /* ControlledType */] = 6 /* Pending */, openChange(el.open), run(), scope[nodeAccessor + "=" /* ControlledType */] === 6 /* Pending */ && (el.open = !el.open));
     }
   );
 }

package/dist/dom.mjs

@@ -644,14 +644,14 @@ function controllable_detailsOrDialog_open(scope, nodeAccessor, open, openChange
   scope[nodeAccessor + ";" /* ControlledHandler */] = openChange, openChange ? scope[nodeAccessor + "=" /* ControlledType */] = 4 /* DetailsOrDialogOpen */ : scope[nodeAccessor + "=" /* ControlledType */] = 5 /* None */, scope[nodeAccessor].open = normalizeBoolProp(open);
 }
 function controllable_detailsOrDialog_open_effect(scope, nodeAccessor) {
-  let el = scope[nodeAccessor];
+  let el = scope[nodeAccessor], hasChanged = () => el.open !== scope[nodeAccessor + ":" /* ControlledValue */];
   syncControllable(
     el,
     el.tagName === "DIALOG" ? "close" : "toggle",
-    () => scope[nodeAccessor + ";" /* ControlledHandler */] && el.open !== scope[nodeAccessor + ":" /* ControlledValue */],
+    hasChanged,
     () => {
       let openChange = scope[nodeAccessor + ";" /* ControlledHandler */];
-      openChange && (scope[nodeAccessor + "=" /* ControlledType */] = 6 /* Pending */, openChange(el.open), run(), scope[nodeAccessor + "=" /* ControlledType */] === 6 /* Pending */ && (el.open = !el.open));
+      openChange && hasChanged() && (scope[nodeAccessor + "=" /* ControlledType */] = 6 /* Pending */, openChange(el.open), run(), scope[nodeAccessor + "=" /* ControlledType */] === 6 /* Pending */ && (el.open = !el.open));
     }
   );
 }

package/dist/translator/index.js

@@ -7329,9 +7329,7 @@ var script_default = {
     const { node } = tag;
     const { body } = node.body;
     if (body.length) {
-      const codePrefix = "async ()=>{";
-      const codeSuffix = "}";
-      let code = codePrefix;
+      let code = "";
       for (const child of body) {
         if (child.type !== "MarkoText") {
           throw tag.hub.file.hub.buildError(
@@ -7342,22 +7340,15 @@ var script_default = {
         }
         code += child.value;
       }
-      code += codeSuffix;
       const start = body[0]?.start;
       const end = body[body.length - 1]?.end;
-      const bodyExpression = (0, import_babel_utils30.parseExpression)(
-        tag.hub.file,
-        code,
-        start,
-        end,
-        codePrefix.length
-      );
-      bodyExpression.async = traverseContains(
-        bodyExpression.body,
-        isAwaitExpression
+      const bodyStatements = (0, import_babel_utils30.parseStatements)(tag.hub.file, code, start, end);
+      const valueFn = import_compiler41.types.arrowFunctionExpression(
+        [],
+        import_compiler41.types.blockStatement(bodyStatements),
+        traverseContains(bodyStatements, isAwaitExpression)
       );
-      bodyExpression.fromBody = true;
-      node.attributes.push(import_compiler41.types.markoAttribute("value", bodyExpression));
+      node.attributes.push(import_compiler41.types.markoAttribute("value", valueFn));
       node.body.body = [];
     }
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marko/runtime-tags",
-  "version": "0.3.8",
+  "version": "0.3.11",
   "description": "Optimized runtime for Marko templates.",
   "keywords": [
     "api",
@@ -41,6 +41,11 @@
   "scripts": {
     "build": "node -r ~ts ./scripts/bundle.ts"
   },
+  "dependencies": {
+    "@marko/compiler": "^5.39.5",
+    "csstype": "^3.1.3",
+    "magic-string": "^0.30.17"
+  },
   "exports:override": {
     "./*.d.marko": "./tag-types/*",
     "./translator": "./src/translator/index.ts",