@jxsuite/studio 0.22.1 → 0.23.0

package/dist/studio.js

@@ -195007,7 +195007,7 @@ function stripEventHandlers(node) {
     return node.map(stripEventHandlers);
   const out = {};
   for (const [k, v] of Object.entries(node)) {
-    if (k.startsWith("on") && typeof v === "object" && (v?.$ref || v?.$prototype === "Function"))
+    if (k.startsWith("on") && typeof v === "object" && (v?.$ref || v?.$prototype === "Function" || v?.$expression))
       continue;
     if (k === "children") {
       out.children = Array.isArray(v) ? v.map(stripEventHandlers) : stripEventHandlers(v);
@@ -235327,6 +235327,9 @@ var schema_default = {
         {
           $ref: "#/$defs/ExternalClassDef"
         },
+        {
+          $ref: "#/$defs/ExpressionEntry"
+        },
         {
           type: "object",
           not: {
@@ -235345,6 +235348,11 @@ var schema_default = {
                 required: [
                   "type"
                 ]
+              },
+              {
+                required: [
+                  "$expression"
+                ]
               }
             ]
           }
@@ -236152,1195 +236160,3281 @@ var schema_default = {
         },
         onabort: {
           description: 'Event handler for the "abort" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onactivate: {
           description: 'Event handler for the "activate" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onaddsourcebuffer: {
           description: 'Event handler for the "addsourcebuffer" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onaddtrack: {
           description: 'Event handler for the "addtrack" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onadvertisementreceived: {
           description: 'Event handler for the "advertisementreceived" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onafterprint: {
           description: 'Event handler for the "afterprint" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onanimationcancel: {
           description: 'Event handler for the "animationcancel" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onanimationend: {
           description: 'Event handler for the "animationend" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onanimationiteration: {
           description: 'Event handler for the "animationiteration" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onanimationstart: {
           description: 'Event handler for the "animationstart" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onappinstalled: {
           description: 'Event handler for the "appinstalled" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onaudioend: {
           description: 'Event handler for the "audioend" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onaudioprocess: {
           description: 'Event handler for the "audioprocess" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onaudiostart: {
           description: 'Event handler for the "audiostart" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onauxclick: {
           description: 'Event handler for the "auxclick" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onavailabilitychanged: {
           description: 'Event handler for the "availabilitychanged" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onbackgroundfetchabort: {
           description: 'Event handler for the "backgroundfetchabort" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onbackgroundfetchclick: {
           description: 'Event handler for the "backgroundfetchclick" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onbackgroundfetchfail: {
           description: 'Event handler for the "backgroundfetchfail" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onbackgroundfetchsuccess: {
           description: 'Event handler for the "backgroundfetchsuccess" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onbeforeinput: {
           description: 'Event handler for the "beforeinput" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onbeforeinstallprompt: {
           description: 'Event handler for the "beforeinstallprompt" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onbeforematch: {
           description: 'Event handler for the "beforematch" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onbeforeprint: {
           description: 'Event handler for the "beforeprint" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onbeforetoggle: {
           description: 'Event handler for the "beforetoggle" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onbeforexrselect: {
           description: 'Event handler for the "beforexrselect" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onbegin: {
           description: 'Event handler for the "begin" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onblocked: {
           description: 'Event handler for the "blocked" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onblur: {
           description: 'Event handler for the "blur" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onboundary: {
           description: 'Event handler for the "boundary" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onbufferedamountlow: {
           description: 'Event handler for the "bufferedamountlow" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onbufferedchange: {
           description: 'Event handler for the "bufferedchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oncancel: {
           description: 'Event handler for the "cancel" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oncanmakepayment: {
           description: 'Event handler for the "canmakepayment" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oncanplay: {
           description: 'Event handler for the "canplay" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oncanplaythrough: {
           description: 'Event handler for the "canplaythrough" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oncaptureaction: {
           description: 'Event handler for the "captureaction" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oncapturedmousechange: {
           description: 'Event handler for the "capturedmousechange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oncapturehandlechange: {
           description: 'Event handler for the "capturehandlechange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onchange: {
           description: 'Event handler for the "change" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oncharacterboundsupdate: {
           description: 'Event handler for the "characterboundsupdate" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oncharacteristicvaluechanged: {
           description: 'Event handler for the "characteristicvaluechanged" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onchargingchange: {
           description: 'Event handler for the "chargingchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onchargingtimechange: {
           description: 'Event handler for the "chargingtimechange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onclick: {
           description: 'Event handler for the "click" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onclose: {
           description: 'Event handler for the "close" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onclosing: {
           description: 'Event handler for the "closing" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oncommand: {
           description: 'Event handler for the "command" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oncomplete: {
           description: 'Event handler for the "complete" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oncompositionend: {
           description: 'Event handler for the "compositionend" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oncompositionstart: {
           description: 'Event handler for the "compositionstart" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onconnect: {
           description: 'Event handler for the "connect" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onconnecting: {
           description: 'Event handler for the "connecting" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onconnectionavailable: {
           description: 'Event handler for the "connectionavailable" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onconnectionstatechange: {
           description: 'Event handler for the "connectionstatechange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oncontentdelete: {
           description: 'Event handler for the "contentdelete" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oncontextlost: {
           description: 'Event handler for the "contextlost" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oncontextmenu: {
           description: 'Event handler for the "contextmenu" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oncontextoverflow: {
           description: 'Event handler for the "contextoverflow" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oncontextrestored: {
           description: 'Event handler for the "contextrestored" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oncontrollerchange: {
           description: 'Event handler for the "controllerchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oncookiechange: {
           description: 'Event handler for the "cookiechange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oncopy: {
           description: 'Event handler for the "copy" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oncuechange: {
           description: 'Event handler for the "cuechange" event.',
-          $ref: "#/$defs/RefObject"
-        },
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
+        },
         oncurrententrychange: {
           description: 'Event handler for the "currententrychange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oncurrentscreenchange: {
           description: 'Event handler for the "currentscreenchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oncut: {
           description: 'Event handler for the "cut" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ondataavailable: {
           description: 'Event handler for the "dataavailable" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ondatachannel: {
           description: 'Event handler for the "datachannel" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ondblclick: {
           description: 'Event handler for the "dblclick" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ondequeue: {
           description: 'Event handler for the "dequeue" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ondevicechange: {
           description: 'Event handler for the "devicechange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ondevicemotion: {
           description: 'Event handler for the "devicemotion" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ondeviceorientation: {
           description: 'Event handler for the "deviceorientation" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ondeviceorientationabsolute: {
           description: 'Event handler for the "deviceorientationabsolute" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ondischargingtimechange: {
           description: 'Event handler for the "dischargingtimechange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ondisconnect: {
           description: 'Event handler for the "disconnect" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ondispose: {
           description: 'Event handler for the "dispose" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ondownloadprogress: {
           description: 'Event handler for the "downloadprogress" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ondrag: {
           description: 'Event handler for the "drag" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ondragend: {
           description: 'Event handler for the "dragend" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ondragenter: {
           description: 'Event handler for the "dragenter" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ondragleave: {
           description: 'Event handler for the "dragleave" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ondragover: {
           description: 'Event handler for the "dragover" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ondragstart: {
           description: 'Event handler for the "dragstart" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ondrop: {
           description: 'Event handler for the "drop" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ondurationchange: {
           description: 'Event handler for the "durationchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onemptied: {
           description: 'Event handler for the "emptied" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onencrypted: {
           description: 'Event handler for the "encrypted" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onend: {
           description: 'Event handler for the "end" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onended: {
           description: 'Event handler for the "ended" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onendstreaming: {
           description: 'Event handler for the "endstreaming" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onenter: {
           description: 'Event handler for the "enter" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onenterpictureinpicture: {
           description: 'Event handler for the "enterpictureinpicture" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onerror: {
           description: 'Event handler for the "error" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onexit: {
           description: 'Event handler for the "exit" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onfencedtreeclick: {
           description: 'Event handler for the "fencedtreeclick" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onfetch: {
           description: 'Event handler for the "fetch" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onfinish: {
           description: 'Event handler for the "finish" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onfocus: {
           description: 'Event handler for the "focus" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onformdata: {
           description: 'Event handler for the "formdata" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onframeratechange: {
           description: 'Event handler for the "frameratechange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onfreeze: {
           description: 'Event handler for the "freeze" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onfullscreenchange: {
           description: 'Event handler for the "fullscreenchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onfullscreenerror: {
           description: 'Event handler for the "fullscreenerror" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ongamepadconnected: {
           description: 'Event handler for the "gamepadconnected" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ongamepaddisconnected: {
           description: 'Event handler for the "gamepaddisconnected" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ongatheringstatechange: {
           description: 'Event handler for the "gatheringstatechange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ongattserverdisconnected: {
           description: 'Event handler for the "gattserverdisconnected" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ongeometrychange: {
           description: 'Event handler for the "geometrychange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ongotpointercapture: {
           description: 'Event handler for the "gotpointercapture" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onhashchange: {
           description: 'Event handler for the "hashchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onicecandidate: {
           description: 'Event handler for the "icecandidate" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onicecandidateerror: {
           description: 'Event handler for the "icecandidateerror" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oniceconnectionstatechange: {
           description: 'Event handler for the "iceconnectionstatechange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onicegatheringstatechange: {
           description: 'Event handler for the "icegatheringstatechange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oninput: {
           description: 'Event handler for the "input" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oninputreport: {
           description: 'Event handler for the "inputreport" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oninputsourceschange: {
           description: 'Event handler for the "inputsourceschange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oninstall: {
           description: 'Event handler for the "install" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         oninvalid: {
           description: 'Event handler for the "invalid" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onisolationchange: {
           description: 'Event handler for the "isolationchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onkeydown: {
           description: 'Event handler for the "keydown" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onkeyframerequest: {
           description: 'Event handler for the "keyframerequest" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onkeypress: {
           description: 'Event handler for the "keypress" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onkeystatuseschange: {
           description: 'Event handler for the "keystatuseschange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onkeyup: {
           description: 'Event handler for the "keyup" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onlanguagechange: {
           description: 'Event handler for the "languagechange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onlayoutchange: {
           description: 'Event handler for the "layoutchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onleavepictureinpicture: {
           description: 'Event handler for the "leavepictureinpicture" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onlevelchange: {
           description: 'Event handler for the "levelchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onload: {
           description: 'Event handler for the "load" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onloadeddata: {
           description: 'Event handler for the "loadeddata" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onloadedmetadata: {
           description: 'Event handler for the "loadedmetadata" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onloadend: {
           description: 'Event handler for the "loadend" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onloading: {
           description: 'Event handler for the "loading" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onloadingdone: {
           description: 'Event handler for the "loadingdone" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onloadingerror: {
           description: 'Event handler for the "loadingerror" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onloadstart: {
           description: 'Event handler for the "loadstart" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onlocation: {
           description: 'Event handler for the "location" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onlostpointercapture: {
           description: 'Event handler for the "lostpointercapture" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onmanagedconfigurationchange: {
           description: 'Event handler for the "managedconfigurationchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onmark: {
           description: 'Event handler for the "mark" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onmessage: {
           description: 'Event handler for the "message" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onmessageerror: {
           description: 'Event handler for the "messageerror" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onmidimessage: {
           description: 'Event handler for the "midimessage" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onmousedown: {
           description: 'Event handler for the "mousedown" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onmouseenter: {
           description: 'Event handler for the "mouseenter" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onmouseleave: {
           description: 'Event handler for the "mouseleave" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onmousemove: {
           description: 'Event handler for the "mousemove" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onmouseout: {
           description: 'Event handler for the "mouseout" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onmouseover: {
           description: 'Event handler for the "mouseover" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onmouseup: {
           description: 'Event handler for the "mouseup" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onmute: {
           description: 'Event handler for the "mute" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onnavigate: {
           description: 'Event handler for the "navigate" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onnavigateerror: {
           description: 'Event handler for the "navigateerror" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onnavigatesuccess: {
           description: 'Event handler for the "navigatesuccess" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onnegotiationneeded: {
           description: 'Event handler for the "negotiationneeded" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onnomatch: {
           description: 'Event handler for the "nomatch" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onnotificationclick: {
           description: 'Event handler for the "notificationclick" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onnotificationclose: {
           description: 'Event handler for the "notificationclose" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onoffline: {
           description: 'Event handler for the "offline" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ononline: {
           description: 'Event handler for the "online" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onopen: {
           description: 'Event handler for the "open" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onorientationchange: {
           description: 'Event handler for the "orientationchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onpagehide: {
           description: 'Event handler for the "pagehide" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onpagereveal: {
           description: 'Event handler for the "pagereveal" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onpageshow: {
           description: 'Event handler for the "pageshow" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onpageswap: {
           description: 'Event handler for the "pageswap" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onpaste: {
           description: 'Event handler for the "paste" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onpause: {
           description: 'Event handler for the "pause" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onpayerdetailchange: {
           description: 'Event handler for the "payerdetailchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onpaymentmethodchange: {
           description: 'Event handler for the "paymentmethodchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onpaymentrequest: {
           description: 'Event handler for the "paymentrequest" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onperiodicsync: {
           description: 'Event handler for the "periodicsync" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onplay: {
           description: 'Event handler for the "play" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onplaying: {
           description: 'Event handler for the "playing" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onpointercancel: {
           description: 'Event handler for the "pointercancel" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onpointerdown: {
           description: 'Event handler for the "pointerdown" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onpointerenter: {
           description: 'Event handler for the "pointerenter" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onpointerleave: {
           description: 'Event handler for the "pointerleave" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onpointerlockchange: {
           description: 'Event handler for the "pointerlockchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onpointerlockerror: {
           description: 'Event handler for the "pointerlockerror" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onpointermove: {
           description: 'Event handler for the "pointermove" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onpointerout: {
           description: 'Event handler for the "pointerout" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onpointerover: {
           description: 'Event handler for the "pointerover" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onpointerrawupdate: {
           description: 'Event handler for the "pointerrawupdate" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onpointerup: {
           description: 'Event handler for the "pointerup" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onpopstate: {
           description: 'Event handler for the "popstate" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onportalactivate: {
           description: 'Event handler for the "portalactivate" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onprerenderingchange: {
           description: 'Event handler for the "prerenderingchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onprioritychange: {
           description: 'Event handler for the "prioritychange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onprocessorerror: {
           description: 'Event handler for the "processorerror" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onprogress: {
           description: 'Event handler for the "progress" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onpromptaction: {
           description: 'Event handler for the "promptaction" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onpromptdismiss: {
           description: 'Event handler for the "promptdismiss" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onpush: {
           description: 'Event handler for the "push" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onpushsubscriptionchange: {
           description: 'Event handler for the "pushsubscriptionchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onquotaoverflow: {
           description: 'Event handler for the "quotaoverflow" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onratechange: {
           description: 'Event handler for the "ratechange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onreading: {
           description: 'Event handler for the "reading" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onreadingerror: {
           description: 'Event handler for the "readingerror" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onreadystatechange: {
           description: 'Event handler for the "readystatechange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onredraw: {
           description: 'Event handler for the "redraw" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onreflectionchange: {
           description: 'Event handler for the "reflectionchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onrejectionhandled: {
           description: 'Event handler for the "rejectionhandled" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onrelease: {
           description: 'Event handler for the "release" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onremove: {
           description: 'Event handler for the "remove" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onremovesourcebuffer: {
           description: 'Event handler for the "removesourcebuffer" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onremovetrack: {
           description: 'Event handler for the "removetrack" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onrepeat: {
           description: 'Event handler for the "repeat" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onreset: {
           description: 'Event handler for the "reset" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onresize: {
           description: 'Event handler for the "resize" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onresourcetimingbufferfull: {
           description: 'Event handler for the "resourcetimingbufferfull" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onresult: {
           description: 'Event handler for the "result" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onresume: {
           description: 'Event handler for the "resume" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onrtctransform: {
           description: 'Event handler for the "rtctransform" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onscreenschange: {
           description: 'Event handler for the "screenschange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onscroll: {
           description: 'Event handler for the "scroll" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onscrollend: {
           description: 'Event handler for the "scrollend" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onsecuritypolicyviolation: {
           description: 'Event handler for the "securitypolicyviolation" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onseeked: {
           description: 'Event handler for the "seeked" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onseeking: {
           description: 'Event handler for the "seeking" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onselect: {
           description: 'Event handler for the "select" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onselectedcandidatepairchange: {
           description: 'Event handler for the "selectedcandidatepairchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onselectend: {
           description: 'Event handler for the "selectend" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onselectionchange: {
           description: 'Event handler for the "selectionchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onselectstart: {
           description: 'Event handler for the "selectstart" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onserviceadded: {
           description: 'Event handler for the "serviceadded" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onservicechanged: {
           description: 'Event handler for the "servicechanged" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onserviceremoved: {
           description: 'Event handler for the "serviceremoved" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onshippingaddresschange: {
           description: 'Event handler for the "shippingaddresschange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onshippingoptionchange: {
           description: 'Event handler for the "shippingoptionchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onshow: {
           description: 'Event handler for the "show" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onsignalingstatechange: {
           description: 'Event handler for the "signalingstatechange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onsinkchange: {
           description: 'Event handler for the "sinkchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onslotchange: {
           description: 'Event handler for the "slotchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onsnapchanged: {
           description: 'Event handler for the "snapchanged" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onsnapchanging: {
           description: 'Event handler for the "snapchanging" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onsoundend: {
           description: 'Event handler for the "soundend" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onsoundstart: {
           description: 'Event handler for the "soundstart" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onsourceclose: {
           description: 'Event handler for the "sourceclose" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onsourceended: {
           description: 'Event handler for the "sourceended" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onsourceopen: {
           description: 'Event handler for the "sourceopen" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onspeechend: {
           description: 'Event handler for the "speechend" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onspeechstart: {
           description: 'Event handler for the "speechstart" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onsqueeze: {
           description: 'Event handler for the "squeeze" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onsqueezeend: {
           description: 'Event handler for the "squeezeend" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onsqueezestart: {
           description: 'Event handler for the "squeezestart" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onstalled: {
           description: 'Event handler for the "stalled" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onstart: {
           description: 'Event handler for the "start" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onstartstreaming: {
           description: 'Event handler for the "startstreaming" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onstatechange: {
           description: 'Event handler for the "statechange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onstop: {
           description: 'Event handler for the "stop" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onstorage: {
           description: 'Event handler for the "storage" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onsubmit: {
           description: 'Event handler for the "submit" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onsuccess: {
           description: 'Event handler for the "success" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onsuspend: {
           description: 'Event handler for the "suspend" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onsync: {
           description: 'Event handler for the "sync" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onterminate: {
           description: 'Event handler for the "terminate" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ontextformatupdate: {
           description: 'Event handler for the "textformatupdate" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ontextupdate: {
           description: 'Event handler for the "textupdate" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ontimeout: {
           description: 'Event handler for the "timeout" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ontimeupdate: {
           description: 'Event handler for the "timeupdate" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ontoggle: {
           description: 'Event handler for the "toggle" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ontonechange: {
           description: 'Event handler for the "tonechange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ontoolchange: {
           description: 'Event handler for the "toolchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ontouchcancel: {
           description: 'Event handler for the "touchcancel" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ontouchend: {
           description: 'Event handler for the "touchend" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ontouchmove: {
           description: 'Event handler for the "touchmove" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ontouchstart: {
           description: 'Event handler for the "touchstart" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ontrack: {
           description: 'Event handler for the "track" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ontransitioncancel: {
           description: 'Event handler for the "transitioncancel" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ontransitionend: {
           description: 'Event handler for the "transitionend" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ontransitionrun: {
           description: 'Event handler for the "transitionrun" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         ontransitionstart: {
           description: 'Event handler for the "transitionstart" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onuncapturederror: {
           description: 'Event handler for the "uncapturederror" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onunhandledrejection: {
           description: 'Event handler for the "unhandledrejection" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onunload: {
           description: 'Event handler for the "unload" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onunmute: {
           description: 'Event handler for the "unmute" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onupdate: {
           description: 'Event handler for the "update" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onupdateend: {
           description: 'Event handler for the "updateend" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onupdatefound: {
           description: 'Event handler for the "updatefound" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onupdatestart: {
           description: 'Event handler for the "updatestart" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onupgradeneeded: {
           description: 'Event handler for the "upgradeneeded" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onvalidationstatuschange: {
           description: 'Event handler for the "validationstatuschange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onversionchange: {
           description: 'Event handler for the "versionchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onvisibilitychange: {
           description: 'Event handler for the "visibilitychange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onvoiceschanged: {
           description: 'Event handler for the "voiceschanged" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onvolumechange: {
           description: 'Event handler for the "volumechange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onwaiting: {
           description: 'Event handler for the "waiting" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onwaitingforkey: {
           description: 'Event handler for the "waitingforkey" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onwebkitanimationend: {
           description: 'Event handler for the "webkitanimationend" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onwebkitanimationiteration: {
           description: 'Event handler for the "webkitanimationiteration" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onwebkitanimationstart: {
           description: 'Event handler for the "webkitanimationstart" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onwebkittransitionend: {
           description: 'Event handler for the "webkittransitionend" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onwheel: {
           description: 'Event handler for the "wheel" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         },
         onzoomlevelchange: {
           description: 'Event handler for the "zoomlevelchange" event.',
-          $ref: "#/$defs/RefObject"
+          oneOf: [
+            {
+              $ref: "#/$defs/RefObject"
+            },
+            {
+              $ref: "#/$defs/ExpressionEntry"
+            }
+          ]
         }
       },
       additionalProperties: {
@@ -253901,6 +255995,339 @@ var schema_default = {
         "$map/item/done"
       ]
     },
+    ExpressionPointer: {
+      description: "A JSON Pointer $ref operand within an expression node.",
+      type: "object",
+      properties: {
+        $ref: {
+          type: "string",
+          pattern: "^(\\$map/|\\$reduce/|event#/|#/|parent#/|window#/|document#/)"
+        }
+      },
+      required: [
+        "$ref"
+      ],
+      additionalProperties: false
+    },
+    ExpressionLiteral: {
+      description: "A non-reactive operand: scalar or array of operands.",
+      anyOf: [
+        {
+          type: "string",
+          not: {
+            pattern: "\\$\\{"
+          }
+        },
+        {
+          type: "number"
+        },
+        {
+          type: "boolean"
+        },
+        {
+          type: "null"
+        },
+        {
+          type: "array",
+          items: {
+            $ref: "#/$defs/ExpressionOperand"
+          }
+        }
+      ]
+    },
+    ExpressionOperand: {
+      description: "Anything that may appear in target or value: a pointer, a literal, or a nested expression node.",
+      anyOf: [
+        {
+          $ref: "#/$defs/ExpressionPointer"
+        },
+        {
+          $ref: "#/$defs/ExpressionNode"
+        },
+        {
+          $ref: "#/$defs/ExpressionLiteral"
+        }
+      ]
+    },
+    UnaryOperator: {
+      enum: [
+        "!",
+        "-"
+      ]
+    },
+    BinaryOperator: {
+      enum: [
+        "+",
+        "-",
+        "*",
+        "/",
+        "%",
+        "===",
+        "!==",
+        "<",
+        "<=",
+        ">",
+        ">=",
+        "&&",
+        "||"
+      ]
+    },
+    AssignmentOperator: {
+      enum: [
+        "=",
+        "+=",
+        "-=",
+        "*=",
+        "/="
+      ]
+    },
+    NoArgMethod: {
+      enum: [
+        "pop",
+        "shift"
+      ]
+    },
+    OneArgMethod: {
+      enum: [
+        "push",
+        "unshift"
+      ]
+    },
+    SpliceMethod: {
+      const: "splice"
+    },
+    ReduceMethod: {
+      const: "reduce"
+    },
+    MapFilterMethod: {
+      enum: [
+        "map",
+        "filter"
+      ]
+    },
+    ExpressionNode: {
+      description: "The core expression node. operator + target, with value gated by arity.",
+      type: "object",
+      required: [
+        "operator",
+        "target"
+      ],
+      additionalProperties: false,
+      properties: {
+        operator: {
+          type: "string"
+        },
+        target: {
+          $ref: "#/$defs/ExpressionOperand"
+        },
+        value: {
+          $ref: "#/$defs/ExpressionOperand"
+        },
+        initial: {
+          $ref: "#/$defs/ExpressionOperand"
+        }
+      },
+      oneOf: [
+        {
+          title: "Unary — target only, no value",
+          properties: {
+            operator: {
+              $ref: "#/$defs/UnaryOperator"
+            }
+          },
+          required: [
+            "operator"
+          ],
+          not: {
+            anyOf: [
+              {
+                required: [
+                  "value"
+                ]
+              },
+              {
+                required: [
+                  "initial"
+                ]
+              }
+            ]
+          }
+        },
+        {
+          title: "Binary — left in target, right in value",
+          properties: {
+            operator: {
+              $ref: "#/$defs/BinaryOperator"
+            }
+          },
+          required: [
+            "operator",
+            "value"
+          ],
+          not: {
+            required: [
+              "initial"
+            ]
+          }
+        },
+        {
+          title: "Assignment — writable target, value required",
+          properties: {
+            operator: {
+              $ref: "#/$defs/AssignmentOperator"
+            },
+            target: {
+              $ref: "#/$defs/ExpressionPointer"
+            }
+          },
+          required: [
+            "operator",
+            "value"
+          ],
+          not: {
+            required: [
+              "initial"
+            ]
+          }
+        },
+        {
+          title: "pop / shift — array receiver, no value",
+          properties: {
+            operator: {
+              $ref: "#/$defs/NoArgMethod"
+            },
+            target: {
+              $ref: "#/$defs/ExpressionPointer"
+            }
+          },
+          required: [
+            "operator"
+          ],
+          not: {
+            anyOf: [
+              {
+                required: [
+                  "value"
+                ]
+              },
+              {
+                required: [
+                  "initial"
+                ]
+              }
+            ]
+          }
+        },
+        {
+          title: "push / unshift — array receiver, single value argument",
+          properties: {
+            operator: {
+              $ref: "#/$defs/OneArgMethod"
+            },
+            target: {
+              $ref: "#/$defs/ExpressionPointer"
+            }
+          },
+          required: [
+            "operator",
+            "value"
+          ],
+          not: {
+            required: [
+              "initial"
+            ]
+          }
+        },
+        {
+          title: "splice — array receiver, [start, deleteCount, ...items]",
+          properties: {
+            operator: {
+              $ref: "#/$defs/SpliceMethod"
+            },
+            target: {
+              $ref: "#/$defs/ExpressionPointer"
+            },
+            value: {
+              type: "array",
+              items: {
+                $ref: "#/$defs/ExpressionOperand"
+              },
+              minItems: 1
+            }
+          },
+          required: [
+            "operator",
+            "value"
+          ],
+          not: {
+            required: [
+              "initial"
+            ]
+          }
+        },
+        {
+          title: "reduce — pure fold; per-item expression in value, seed in initial",
+          properties: {
+            operator: {
+              $ref: "#/$defs/ReduceMethod"
+            },
+            target: {
+              $ref: "#/$defs/ExpressionPointer"
+            },
+            value: {
+              $ref: "#/$defs/ExpressionNode"
+            }
+          },
+          required: [
+            "operator",
+            "value",
+            "initial"
+          ]
+        },
+        {
+          title: "map / filter — pure; per-item expression in value, no initial",
+          properties: {
+            operator: {
+              $ref: "#/$defs/MapFilterMethod"
+            },
+            target: {
+              $ref: "#/$defs/ExpressionPointer"
+            },
+            value: {
+              $ref: "#/$defs/ExpressionNode"
+            }
+          },
+          required: [
+            "operator",
+            "value"
+          ],
+          not: {
+            required: [
+              "initial"
+            ]
+          }
+        }
+      ]
+    },
+    ExpressionEntry: {
+      description: "A declarative expression entry (Shape 5). Used as a state entry or inline event handler.",
+      type: "object",
+      required: [
+        "$expression"
+      ],
+      properties: {
+        $expression: {
+          $ref: "#/$defs/ExpressionNode"
+        },
+        $title: {
+          type: "string"
+        },
+        $description: {
+          type: "string"
+        }
+      },
+      additionalProperties: false
+    },
     ElementPropertyValue: {
       oneOf: [
         {
@@ -264412,6 +266839,241 @@ init_reactivity();
 
 // ../runtime/src/runtime.js
 init_reactivity_esm_bundler();
+
+// ../runtime/src/expression.js
+var MUTATING_OPS = new Set([
+  "=",
+  "+=",
+  "-=",
+  "*=",
+  "/=",
+  "push",
+  "pop",
+  "shift",
+  "unshift",
+  "splice"
+]);
+var UNARY_OPS = new Set(["!", "-"]);
+var BINARY_OPS = new Set([
+  "+",
+  "-",
+  "*",
+  "/",
+  "%",
+  "===",
+  "!==",
+  "<",
+  "<=",
+  ">",
+  ">=",
+  "&&",
+  "||"
+]);
+var ASSIGNMENT_OPS = new Set(["=", "+=", "-=", "*=", "/="]);
+var ARRAY_METHOD_OPS = new Set(["push", "pop", "shift", "unshift", "splice"]);
+var AGGREGATE_OPS = new Set(["reduce", "map", "filter"]);
+var BLESSED_OPERATORS = new Set([
+  ...MUTATING_OPS,
+  ...UNARY_OPS,
+  ...BINARY_OPS,
+  ...AGGREGATE_OPS
+]);
+function isMutating(op) {
+  return MUTATING_OPS.has(op);
+}
+function resolveOperand(operand, state, event, iterCtx) {
+  if (operand === null || operand === undefined)
+    return operand;
+  if (typeof operand === "object" && !Array.isArray(operand) && "operator" in operand) {
+    return evaluateExpression(operand, state, event, iterCtx);
+  }
+  if (typeof operand === "object" && !Array.isArray(operand) && "$ref" in operand) {
+    return resolveExprRef(operand.$ref, state, event, iterCtx);
+  }
+  if (Array.isArray(operand)) {
+    return operand.map((o) => resolveOperand(o, state, event, iterCtx));
+  }
+  return operand;
+}
+function resolveExprRef(ref3, state, event, iterCtx) {
+  if (ref3 === "$reduce/acc") {
+    return iterCtx?.acc;
+  }
+  if (ref3.startsWith("$reduce/")) {
+    return iterCtx?.acc;
+  }
+  if (ref3.startsWith("event#/")) {
+    const path2 = ref3.slice("event#/".length);
+    return getPath(event, path2);
+  }
+  if (ref3.startsWith("$map/")) {
+    const parts = ref3.split("/");
+    const key = parts[1];
+    let base2;
+    if (key === "item")
+      base2 = iterCtx?.item ?? state.$map?.item ?? state["$map/item"];
+    else if (key === "index")
+      base2 = iterCtx?.index ?? state.$map?.index ?? state["$map/index"];
+    else
+      base2 = state.$map?.[key] ?? state["$map/" + key];
+    return parts.length > 2 ? getPath(base2, parts.slice(2).join("/")) : base2;
+  }
+  if (ref3.startsWith("#/state/")) {
+    const sub = ref3.slice("#/state/".length);
+    const slash = sub.indexOf("/");
+    if (slash < 0)
+      return state[sub];
+    return getPath(state[sub.slice(0, slash)], sub.slice(slash + 1));
+  }
+  if (ref3.startsWith("parent#/"))
+    return state[ref3.slice("parent#/".length)];
+  if (ref3.startsWith("window#/"))
+    return getPath(globalThis.window, ref3.slice("window#/".length));
+  if (ref3.startsWith("document#/"))
+    return getPath(globalThis.document, ref3.slice("document#/".length));
+  return state[ref3] ?? null;
+}
+function resolveWritableRef(ref3, state, event, iterCtx) {
+  if (ref3.startsWith("$map/")) {
+    const parts = ref3.split("/");
+    const key = parts[1];
+    let base2;
+    if (key === "item")
+      base2 = iterCtx?.item ?? state.$map?.item ?? state["$map/item"];
+    else if (key === "index")
+      base2 = iterCtx?.index ?? state.$map?.index ?? state["$map/index"];
+    else
+      base2 = state.$map?.[key] ?? state["$map/" + key];
+    if (parts.length > 2) {
+      const pathParts = parts.slice(2);
+      const lastKey = pathParts.pop();
+      const obj = pathParts.length > 0 ? getPath(base2, pathParts.join("/")) : base2;
+      return { obj, key: lastKey };
+    }
+    return { obj: state.$map ?? state, key: key === "item" ? "$map/item" : "$map/index" };
+  }
+  if (ref3.startsWith("#/state/")) {
+    const sub = ref3.slice("#/state/".length);
+    const slash = sub.indexOf("/");
+    if (slash < 0)
+      return { obj: state, key: sub };
+    const parts = sub.split("/");
+    const lastKey = parts.pop();
+    let obj = state;
+    for (const p of parts)
+      obj = obj[p];
+    return { obj, key: lastKey };
+  }
+  return { obj: state, key: ref3 };
+}
+function evaluateExpression(node2, state, event, iterCtx) {
+  const { operator, target, value: value2, initial } = node2;
+  if (!BLESSED_OPERATORS.has(operator)) {
+    throw new Error(`$expression: unknown operator "${operator}"`);
+  }
+  if (UNARY_OPS.has(operator) && !("value" in node2)) {
+    const operand = resolveOperand(target, state, event, iterCtx);
+    if (operator === "!")
+      return !operand;
+    if (operator === "-")
+      return -operand;
+  }
+  if (BINARY_OPS.has(operator)) {
+    const left = resolveOperand(target, state, event, iterCtx);
+    const right = resolveOperand(value2, state, event, iterCtx);
+    switch (operator) {
+      case "+":
+        return left + right;
+      case "-":
+        return left - right;
+      case "*":
+        return left * right;
+      case "/":
+        return left / right;
+      case "%":
+        return left % right;
+      case "===":
+        return left === right;
+      case "!==":
+        return left !== right;
+      case "<":
+        return left < right;
+      case "<=":
+        return left <= right;
+      case ">":
+        return left > right;
+      case ">=":
+        return left >= right;
+      case "&&":
+        return left && right;
+      case "||":
+        return left || right;
+    }
+  }
+  if (ASSIGNMENT_OPS.has(operator)) {
+    const rhs = resolveOperand(value2, state, event, iterCtx);
+    const { obj, key } = resolveWritableRef(target.$ref, state, event, iterCtx);
+    switch (operator) {
+      case "=":
+        obj[key] = rhs;
+        break;
+      case "+=":
+        obj[key] += rhs;
+        break;
+      case "-=":
+        obj[key] -= rhs;
+        break;
+      case "*=":
+        obj[key] *= rhs;
+        break;
+      case "/=":
+        obj[key] /= rhs;
+        break;
+    }
+    return;
+  }
+  if (ARRAY_METHOD_OPS.has(operator)) {
+    const arr = resolveOperand(target, state, event, iterCtx);
+    switch (operator) {
+      case "push":
+        return arr.push(resolveOperand(value2, state, event, iterCtx));
+      case "unshift":
+        return arr.unshift(resolveOperand(value2, state, event, iterCtx));
+      case "pop":
+        return arr.pop();
+      case "shift":
+        return arr.shift();
+      case "splice": {
+        const args = resolveOperand(value2, state, event, iterCtx);
+        return arr.splice(...args);
+      }
+    }
+  }
+  if (AGGREGATE_OPS.has(operator)) {
+    const arr = resolveOperand(target, state, event, iterCtx);
+    if (operator === "reduce") {
+      const seed = resolveOperand(initial, state, event, iterCtx);
+      return arr.reduce((acc, item, index2) => {
+        return evaluateExpression(value2, state, event, { acc, item, index: index2 });
+      }, seed);
+    }
+    if (operator === "map") {
+      return arr.map((item, index2) => {
+        return evaluateExpression(value2, state, event, { ...iterCtx, item, index: index2 });
+      });
+    }
+    if (operator === "filter") {
+      return arr.filter((item, index2) => {
+        return evaluateExpression(value2, state, event, { ...iterCtx, item, index: index2 });
+      });
+    }
+  }
+}
+function getPath(obj, path2) {
+  return path2.split(/[./]/).reduce((o, k) => o?.[k], obj);
+}
+
+// ../runtime/src/runtime.js
 async function resolve3(source) {
   if (typeof source !== "string")
     return source;
@@ -264473,6 +267135,8 @@ async function buildScope(doc, parentScope = {}, base2 = location.href) {
     if (typeof def3 === "object") {
       if (def3.$prototype)
         continue;
+      if ("$expression" in def3)
+        continue;
       if (def3.timing === "server" && def3.$src && def3.$export)
         continue;
       if ("default" in def3) {
@@ -264490,6 +267154,16 @@ async function buildScope(doc, parentScope = {}, base2 = location.href) {
       state[key] = computed(() => evaluateTemplate(def3, state));
     }
   }
+  for (const [key, def3] of Object.entries(defs)) {
+    if (def3 && typeof def3 === "object" && !Array.isArray(def3) && "$expression" in def3) {
+      const node2 = def3.$expression;
+      if (isMutating(node2.operator)) {
+        state[key] = (s2, event) => evaluateExpression(node2, s2, event);
+      } else {
+        state[key] = computed(() => evaluateExpression(node2, state, null));
+      }
+    }
+  }
   for (const [key, def3] of Object.entries(defs)) {
     if (typeof def3 === "object" && def3?.$prototype === "Function") {
       state[key] = await resolveFunction(def3, state, key, base2);
@@ -264694,6 +267368,12 @@ function applyProperties(el, def3, state) {
         el.addEventListener(key.slice(2), (e) => fn(scope, e));
         continue;
       }
+      if (val && typeof val === "object" && "$expression" in val) {
+        const node2 = val.$expression;
+        const scope = state;
+        el.addEventListener(key.slice(2), (e) => evaluateExpression(node2, scope, e));
+        continue;
+      }
     }
     bindProperty(el, key, val, state);
   }
@@ -264721,6 +267401,17 @@ function bindProperty(el, key, val, state) {
 function applyStyle2(el, styleDef, mediaQueries = {}, state = {}) {
   const nested = {};
   const media = {};
+  const baseDecls = {};
+  const mediaOverriddenProps = new Set;
+  for (const [prop, val] of Object.entries(styleDef)) {
+    if (prop.startsWith("@") && val && typeof val === "object") {
+      for (const k of Object.keys(val)) {
+        if (!k.startsWith(":") && !k.startsWith(".") && !k.startsWith("&") && !k.startsWith("[") && !k.startsWith("@")) {
+          mediaOverriddenProps.add(k);
+        }
+      }
+    }
+  }
   for (const [prop, val] of Object.entries(styleDef)) {
     if (prop.startsWith("@"))
       media[prop] = val;
@@ -264739,16 +267430,23 @@ function applyStyle2(el, styleDef, mediaQueries = {}, state = {}) {
       effect(() => {
         el.style[prop] = evaluateTemplate(val, state);
       });
+    else if (mediaOverriddenProps.has(prop))
+      baseDecls[prop] = val;
     else
       el.style[prop] = val;
   }
   const hasNested = Object.keys(nested).length > 0;
   const hasMedia = Object.keys(media).length > 0;
-  if (!hasNested && !hasMedia)
+  const hasBaseDecls = Object.keys(baseDecls).length > 0;
+  if (!hasNested && !hasMedia && !hasBaseDecls)
     return;
   const uid = `jx-${Math.random().toString(36).slice(2, 7)}`;
   el.dataset.jx = uid;
   let css = "";
+  const baseCSS = toCSSText(baseDecls);
+  if (baseCSS)
+    css += `[data-jx="${uid}"] { ${baseCSS} }
+`;
   function emitNested(scope, rules) {
     const props = toCSSText(rules);
     if (props)
@@ -264813,8 +267511,7 @@ function renderMappedArray(def3, state, options) {
   applyProperties(container, def3, state);
   applyStyle2(container, def3.style ?? {}, state["$media"] ?? {}, state);
   applyAttributes(container, def3.attributes ?? {}, state);
-  const { items: _items, of: _of, map: mapDef, filter: filterRef, sort: sortRef } = def3.children;
-  const itemsSrc = _items ?? _of;
+  const { items: itemsSrc, map: mapDef, filter: filterRef, sort: sortRef } = def3.children;
   effect(() => {
     container.innerHTML = "";
     let items;
@@ -265355,21 +268052,21 @@ function resolveRef(ref3, state) {
     const parts = ref3.split("/");
     const key = parts[1];
     const base2 = state.$map?.[key] ?? state["$map/" + key];
-    return parts.length > 2 ? getPath(base2, parts.slice(2).join("/")) : base2;
+    return parts.length > 2 ? getPath2(base2, parts.slice(2).join("/")) : base2;
   }
   if (ref3.startsWith("#/state/")) {
     const sub = ref3.slice("#/state/".length);
     const slash = sub.indexOf("/");
     if (slash < 0)
       return state[sub];
-    return getPath(state[sub.slice(0, slash)], sub.slice(slash + 1));
+    return getPath2(state[sub.slice(0, slash)], sub.slice(slash + 1));
   }
   if (ref3.startsWith("parent#/"))
     return state[ref3.slice("parent#/".length)];
   if (ref3.startsWith("window#/"))
-    return getPath(globalThis.window, ref3.slice("window#/".length));
+    return getPath2(globalThis.window, ref3.slice("window#/".length));
   if (ref3.startsWith("document#/"))
-    return getPath(globalThis.document, ref3.slice("document#/".length));
+    return getPath2(globalThis.document, ref3.slice("document#/".length));
   return state[ref3] ?? null;
 }
 function isRefObj(v) {
@@ -265378,7 +268075,7 @@ function isRefObj(v) {
 function isNestedSelector2(k) {
   return k.startsWith(":") || k.startsWith(".") || k.startsWith("&") || k.startsWith("[");
 }
-function getPath(obj, path2) {
+function getPath2(obj, path2) {
   return path2.split(/[./]/).reduce((o, k) => o?.[k], obj);
 }
 function mergeProps(def3, parentState) {
@@ -265979,6 +268676,388 @@ function renderFieldRow({ prop, label: label4, hasValue, onClear, widget, span,
   `;
 }
 
+// src/ui/expression-editor.js
+init_lit_html();
+init_live();
+var UNARY_OPS2 = new Set(["!", "-"]);
+var BINARY_OPS2 = new Set([
+  "+",
+  "-",
+  "*",
+  "/",
+  "%",
+  "===",
+  "!==",
+  "<",
+  "<=",
+  ">",
+  ">=",
+  "&&",
+  "||"
+]);
+var ASSIGN_OPS = new Set(["=", "+=", "-=", "*=", "/="]);
+var NO_ARG_OPS = new Set(["pop", "shift"]);
+var ONE_ARG_OPS = new Set(["push", "unshift"]);
+var OPERATOR_GROUPS = [
+  { label: "Assignment", ops: ["=", "+=", "-=", "*=", "/="] },
+  { label: "Unary", ops: ["!", "-"] },
+  { label: "Arithmetic", ops: ["+", "-", "*", "/", "%"] },
+  { label: "Comparison", ops: ["===", "!==", "<", "<=", ">", ">="] },
+  { label: "Logical", ops: ["&&", "||"] },
+  { label: "Array methods", ops: ["push", "pop", "shift", "unshift", "splice"] },
+  { label: "Aggregate", ops: ["reduce", "map", "filter"] }
+];
+function operatorInfo(op) {
+  if (UNARY_OPS2.has(op))
+    return {
+      needsValue: false,
+      needsInitial: false,
+      targetMustBeRef: false,
+      spliceArray: false,
+      valueIsNode: false
+    };
+  if (BINARY_OPS2.has(op))
+    return {
+      needsValue: true,
+      needsInitial: false,
+      targetMustBeRef: false,
+      spliceArray: false,
+      valueIsNode: false
+    };
+  if (ASSIGN_OPS.has(op))
+    return {
+      needsValue: true,
+      needsInitial: false,
+      targetMustBeRef: true,
+      spliceArray: false,
+      valueIsNode: false
+    };
+  if (NO_ARG_OPS.has(op))
+    return {
+      needsValue: false,
+      needsInitial: false,
+      targetMustBeRef: true,
+      spliceArray: false,
+      valueIsNode: false
+    };
+  if (ONE_ARG_OPS.has(op))
+    return {
+      needsValue: true,
+      needsInitial: false,
+      targetMustBeRef: true,
+      spliceArray: false,
+      valueIsNode: false
+    };
+  if (op === "splice")
+    return {
+      needsValue: true,
+      needsInitial: false,
+      targetMustBeRef: true,
+      spliceArray: true,
+      valueIsNode: false
+    };
+  if (op === "reduce")
+    return {
+      needsValue: true,
+      needsInitial: true,
+      targetMustBeRef: true,
+      spliceArray: false,
+      valueIsNode: true
+    };
+  if (op === "map" || op === "filter")
+    return {
+      needsValue: true,
+      needsInitial: false,
+      targetMustBeRef: true,
+      spliceArray: false,
+      valueIsNode: true
+    };
+  return {
+    needsValue: false,
+    needsInitial: false,
+    targetMustBeRef: false,
+    spliceArray: false,
+    valueIsNode: false
+  };
+}
+function operandMode(operand) {
+  if (operand && typeof operand === "object") {
+    if ("$ref" in operand)
+      return "ref";
+    if ("operator" in operand)
+      return "expression";
+  }
+  return "literal";
+}
+function defaultForMode(mode) {
+  if (mode === "ref")
+    return { $ref: "" };
+  if (mode === "expression")
+    return { operator: "!", target: null };
+  return null;
+}
+function literalType(val) {
+  if (val === null || val === undefined)
+    return "null";
+  if (typeof val === "boolean")
+    return "boolean";
+  if (typeof val === "number")
+    return "number";
+  return "string";
+}
+function defaultForLiteralType(type) {
+  if (type === "number")
+    return 0;
+  if (type === "boolean")
+    return false;
+  if (type === "null")
+    return null;
+  return "";
+}
+function expressionHint(node2) {
+  if (!node2 || !node2.operator)
+    return "$expression";
+  const op = node2.operator;
+  const targetLabel = node2.target?.$ref ? node2.target.$ref.replace("#/state/", "") : node2.target?.operator ? `(${node2.target.operator}…)` : String(node2.target ?? "?");
+  if (ASSIGN_OPS.has(op) || ONE_ARG_OPS.has(op))
+    return `${op} ${targetLabel}`;
+  if (NO_ARG_OPS.has(op))
+    return `${op}(${targetLabel})`;
+  if (op === "splice")
+    return `splice(${targetLabel})`;
+  if (op === "reduce" || op === "map" || op === "filter")
+    return `${op}(${targetLabel})`;
+  if (UNARY_OPS2.has(op))
+    return `${op}${targetLabel}`;
+  return `${targetLabel} ${op} …`;
+}
+function renderRefPicker(refVal, onRefChange, opts) {
+  const stateRefs = (opts.stateDefs || []).map((k) => `#/state/${k}`);
+  const eventRefs = opts.allowEventRef ? ["event#/detail", "event#/target/value"] : [];
+  const allRefs = [...stateRefs, ...eventRefs];
+  const isCustom = refVal && !allRefs.includes(refVal);
+  return html3`
+    <sp-picker
+      size="s"
+      style="flex:1"
+      placeholder="Select…"
+      .value=${live(isCustom ? "__custom__" : refVal || "")}
+      @change=${(e) => {
+    const val = e.target.value;
+    if (val === "__custom__")
+      return;
+    onRefChange(val);
+  }}
+    >
+      ${stateRefs.length > 0 ? stateRefs.map((r) => html3`<sp-menu-item value=${r}>${r.replace("#/state/", "")}</sp-menu-item>`) : html3`<sp-menu-item disabled>No state defined</sp-menu-item>`}
+      ${eventRefs.length > 0 ? html3`
+            <sp-menu-divider></sp-menu-divider>
+            ${eventRefs.map((r) => html3`<sp-menu-item value=${r}>${r}</sp-menu-item>`)}
+          ` : nothing}
+    </sp-picker>
+  `;
+}
+function renderLiteralEditor(operand, onChange) {
+  const type = literalType(operand);
+  return html3`
+    <div style="display:flex;gap:4px;align-items:center;flex:1">
+      <sp-picker
+        size="s"
+        style="min-width:56px"
+        .value=${live(type)}
+        @change=${(e) => {
+    const newType = e.target.value;
+    onChange(defaultForLiteralType(newType));
+  }}
+      >
+        <sp-menu-item value="string">str</sp-menu-item>
+        <sp-menu-item value="number">num</sp-menu-item>
+        <sp-menu-item value="boolean">bool</sp-menu-item>
+        <sp-menu-item value="null">null</sp-menu-item>
+      </sp-picker>
+      ${type === "string" ? html3`<sp-textfield
+            size="s"
+            style="flex:1"
+            .value=${live(String(operand ?? ""))}
+            @input=${(e) => onChange(e.target.value)}
+          ></sp-textfield>` : type === "number" ? html3`<sp-number-field
+              size="s"
+              style="flex:1"
+              .value=${live(Number(operand ?? 0))}
+              @change=${(e) => onChange(Number(e.target.value))}
+            ></sp-number-field>` : type === "boolean" ? html3`<sp-checkbox
+                size="s"
+                ?checked=${!!operand}
+                @change=${(e) => onChange(e.target.checked)}
+                >true</sp-checkbox
+              >` : html3`<span style="font-size:12px;color:var(--spectrum-global-color-gray-600)"
+                >null</span
+              >`}
+    </div>
+  `;
+}
+function renderOperandEditor(operand, onChange, opts) {
+  if (opts.mustBeRef) {
+    const refVal = operand?.$ref ?? "";
+    return html3`
+      <div style="flex:1">${renderRefPicker(refVal, (r) => onChange({ $ref: r }), opts)}</div>
+    `;
+  }
+  const mode = operandMode(operand);
+  return html3`
+    <div style="display:flex;gap:4px;align-items:flex-start;flex:1">
+      <sp-picker
+        size="s"
+        style="min-width:60px"
+        .value=${live(mode)}
+        @change=${(e) => {
+    const newMode = e.target.value;
+    onChange(defaultForMode(newMode));
+  }}
+      >
+        <sp-menu-item value="literal">lit</sp-menu-item>
+        <sp-menu-item value="ref">$ref</sp-menu-item>
+        <sp-menu-item value="expression">expr</sp-menu-item>
+      </sp-picker>
+      ${mode === "literal" ? renderLiteralEditor(operand, onChange) : mode === "ref" ? renderRefPicker(operand?.$ref ?? "", (r) => onChange({ $ref: r }), opts) : renderExpressionEditor(operand, onChange, { ...opts, depth: opts.depth + 1 })}
+    </div>
+  `;
+}
+function renderSpliceArgsEditor(args, onChange, opts) {
+  const safeArgs = Array.isArray(args) ? args : [];
+  const labels = ["start", "del", "item"];
+  return html3`
+    <div class="array-object-field">
+      ${safeArgs.map((arg, idx) => html3`
+          <div
+            class="array-object-row"
+            style="display:flex;gap:4px;align-items:center;margin-bottom:4px"
+          >
+            <span style="font-size:10px;color:var(--spectrum-global-color-gray-600);min-width:30px">
+              ${labels[idx] ?? "item"}
+            </span>
+            ${renderOperandEditor(arg, (newArg) => {
+    const updated = [...safeArgs];
+    updated[idx] = newArg;
+    onChange(updated);
+  }, { ...opts, mustBeRef: false })}
+            <sp-action-button
+              quiet
+              size="xs"
+              @click=${() => {
+    const updated = safeArgs.filter((_, i2) => i2 !== idx);
+    onChange(updated.length > 0 ? updated : [null]);
+  }}
+            >
+              <sp-icon-delete slot="icon"></sp-icon-delete>
+            </sp-action-button>
+          </div>
+        `)}
+      <sp-action-button quiet size="s" @click=${() => onChange([...safeArgs, null])}>
+        + Add arg
+      </sp-action-button>
+    </div>
+  `;
+}
+var _operatorMenuCache = OPERATOR_GROUPS.map((group, i2) => html3`
+    ${i2 > 0 ? html3`<sp-menu-divider></sp-menu-divider>` : nothing}
+    <sp-menu-group>
+      <span slot="header">${group.label}</span>
+      ${group.ops.map((op) => html3`<sp-menu-item value=${op}>${op}</sp-menu-item>`)}
+    </sp-menu-group>
+  `);
+function renderExpressionEditor(node2, onChange, opts) {
+  const depth = opts.depth ?? 0;
+  const safeNode = node2 && typeof node2 === "object" ? node2 : { operator: "=", target: null };
+  const op = safeNode.operator || "=";
+  const info = operatorInfo(op);
+  const nestStyle = depth > 0 ? "border-left:2px solid var(--spectrum-global-color-gray-300);margin-left:8px;padding-left:8px;" : "";
+  return html3`
+    <div class="expression-editor" style=${nestStyle}>
+      ${renderFieldRow({
+    prop: "operator",
+    label: "Operator",
+    hasValue: false,
+    widget: html3`
+          <sp-picker
+            size="s"
+            .value=${live(op)}
+            @change=${(e) => {
+      const newOp = e.target.value;
+      const newInfo = operatorInfo(newOp);
+      const updated = { operator: newOp, target: safeNode.target };
+      if (newInfo.targetMustBeRef && operandMode(safeNode.target) !== "ref") {
+        updated.target = { $ref: "" };
+      }
+      if (newInfo.needsValue) {
+        if (newInfo.valueIsNode) {
+          updated.value = safeNode.value?.operator ? safeNode.value : { operator: "!", target: null };
+        } else if (newInfo.spliceArray) {
+          updated.value = Array.isArray(safeNode.value) ? safeNode.value : [null];
+        } else {
+          updated.value = safeNode.value ?? null;
+        }
+      }
+      if (newInfo.needsInitial)
+        updated.initial = safeNode.initial ?? 0;
+      onChange(updated);
+    }}
+          >
+            ${_operatorMenuCache}
+          </sp-picker>
+        `
+  })}
+      ${renderFieldRow({
+    prop: "target",
+    label: "Target",
+    hasValue: false,
+    widget: renderOperandEditor(safeNode.target, (t) => onChange({ ...safeNode, target: t }), {
+      ...opts,
+      depth,
+      mustBeRef: info.targetMustBeRef
+    })
+  })}
+      ${info.needsValue && !info.valueIsNode && !info.spliceArray ? renderFieldRow({
+    prop: "value",
+    label: "Value",
+    hasValue: false,
+    widget: renderOperandEditor(safeNode.value, (v) => onChange({ ...safeNode, value: v }), { ...opts, depth, mustBeRef: false })
+  }) : nothing}
+      ${info.needsValue && info.valueIsNode ? html3`
+            <div style="margin-top:4px">
+              ${renderFieldRow({
+    prop: "value",
+    label: "Per-item",
+    hasValue: false,
+    widget: nothing
+  })}
+              ${renderExpressionEditor(safeNode.value?.operator ? safeNode.value : { operator: "!", target: null }, (v) => onChange({ ...safeNode, value: v }), { ...opts, depth: depth + 1 })}
+            </div>
+          ` : nothing}
+      ${info.spliceArray ? html3`
+            <div style="margin-top:4px">
+              ${renderFieldRow({
+    prop: "value",
+    label: "Args",
+    hasValue: false,
+    widget: nothing
+  })}
+              ${renderSpliceArgsEditor(safeNode.value, (v) => onChange({ ...safeNode, value: v }), {
+    ...opts,
+    depth
+  })}
+            </div>
+          ` : nothing}
+      ${info.needsInitial ? renderFieldRow({
+    prop: "initial",
+    label: "Initial",
+    hasValue: false,
+    widget: renderOperandEditor(safeNode.initial, (v) => onChange({ ...safeNode, initial: v }), { ...opts, depth, mustBeRef: false })
+  }) : nothing}
+    </div>
+  `;
+}
+
 // src/ui/media-picker.js
 init_lit_html();
 init_live();
@@ -266105,6 +269184,7 @@ var DEF_TEMPLATES = {
   map: { $prototype: "Map", default: {} },
   formData: { $prototype: "FormData", fields: {} },
   function: { $prototype: "Function", body: "", parameters: [] },
+  expression: { $expression: { operator: "=", target: null } },
   external: { $prototype: "", $src: "" }
 };
 var STUDIO_RESERVED_KEYS = new Set([
@@ -266126,6 +269206,8 @@ function defCategory(def3) {
   if (!def3)
     return "state";
   const d2 = def3;
+  if (d2.$expression)
+    return "expression";
   if (d2.$handler || d2.$prototype === "Function")
     return "function";
   if (d2.$compute)
@@ -266138,6 +269220,8 @@ function defBadgeLabel(def3) {
   if (!def3)
     return "S";
   const d2 = def3;
+  if (d2.$expression)
+    return "E";
   if (d2.$handler || d2.$prototype === "Function")
     return "F";
   if (d2.$compute)
@@ -266149,6 +269233,8 @@ function defBadgeLabel(def3) {
 function defHint(name, def3) {
   if (!def3)
     return "";
+  if (def3.$expression)
+    return expressionHint(def3.$expression);
   if (def3.$prototype === "Function") {
     if (def3.body)
       return def3.body.length > 20 ? def3.body.slice(0, 20) + "..." : def3.body;
@@ -266253,6 +269339,7 @@ function renderSignalsTemplate(S, ctx) {
     state: [],
     computed: [],
     data: [],
+    expression: [],
     function: []
   };
   for (const [name, def3] of entries2) {
@@ -266262,6 +269349,7 @@ function renderSignalsTemplate(S, ctx) {
     { key: "state", label: "State", items: groups2.state },
     { key: "computed", label: "Computed", items: groups2.computed },
     { key: "data", label: "Data", items: groups2.data },
+    { key: "expression", label: "Expressions", items: groups2.expression },
     { key: "function", label: "Functions", items: groups2.function }
   ];
   const collapsedCats = S._collapsedSignalCats || (S._collapsedSignalCats = new Set);
@@ -266369,6 +269457,7 @@ function renderSignalsTemplate(S, ctx) {
           <sp-menu-item value="external">External Module…</sp-menu-item>
           ${projectState?.projectConfig?.imports ? html3`<sp-menu-divider></sp-menu-divider>${Object.keys(projectState.projectConfig.imports).map((k) => html3`<sp-menu-item value="import:${k}">${k}</sp-menu-item>`)}` : nothing}
           <sp-menu-divider></sp-menu-divider>
+          <sp-menu-item value="expression">Expression</sp-menu-item>
           <sp-menu-item value="function">Function</sp-menu-item>
         </sp-picker>
       </div>
@@ -266517,6 +269606,11 @@ function renderSignalEditorTemplate(S, name, def3, ctx) {
     fields = renderDataSourceFields(S, name, def3, textareaRow, pickerRow, ctx);
   } else if (cat === "function") {
     fields = renderFunctionFields(S, name, def3, textareaRow, ctx);
+  } else if (cat === "expression") {
+    const exprNode = def3.$expression || { operator: "=", target: null };
+    fields = html3`
+      ${renderExpressionEditor(exprNode, (newNode) => transactDoc(activeTab.value, (t) => mutateUpdateDef(t, name, { $expression: newNode })), { stateDefs: Object.keys(S.document.state || {}), allowEventRef: false })}
+    `;
   }
   return html3`${nameField}${fields}`;
 }
@@ -281800,7 +284894,7 @@ class ColorSpace {
     }
     this.referred = options.referred;
     Object.defineProperty(this, "path", {
-      value: getPath2(this).reverse(),
+      value: getPath3(this).reverse(),
       writable: false,
       enumerable: true,
       configurable: true
@@ -281998,7 +285092,7 @@ class ColorSpace {
     name: "color"
   };
 }
-function getPath2(space) {
+function getPath3(space) {
   let ret = [space];
   for (let s2 = space;s2 = s2.base; ) {
     ret.push(s2);
@@ -301743,7 +304837,7 @@ function eventsSidebarTemplate(helpers) {
     const v = node2[k];
     if (!v || typeof v !== "object")
       return false;
-    return v.$ref || v.$prototype === "Function";
+    return v.$ref || v.$prototype === "Function" || v.$expression;
   });
   return html3`
     <div class="events-panel">
@@ -301753,6 +304847,8 @@ function eventsSidebarTemplate(helpers) {
         ${eventKeys.map((evKey) => {
     const evVal = node2[evKey];
     const isInline = evVal.$prototype === "Function";
+    const isExpression = evVal.$expression != null;
+    const currentMode = isInline ? "inline" : isExpression ? "$expression" : "ref";
     return html3`
             <div class="event-binding">
               <div class="event-row">
@@ -301775,14 +304871,19 @@ function eventsSidebarTemplate(helpers) {
                 <sp-picker
                   size="s"
                   class="event-mode"
-                  .value=${live(isInline ? "inline" : "ref")}
+                  .value=${live(currentMode)}
                   @change=${(e20) => {
-      if (e20.target.value === "inline") {
+      const newMode = e20.target.value;
+      if (newMode === "inline") {
         transactDoc(activeTab.value, (t15) => mutateUpdateProperty(t15, selection, evKey, {
           $prototype: "Function",
           body: "",
           parameters: []
         }));
+      } else if (newMode === "$expression") {
+        transactDoc(activeTab.value, (t15) => mutateUpdateProperty(t15, selection, evKey, {
+          $expression: { operator: "=", target: null }
+        }));
       } else {
         const firstFn = functionDefs[0];
         transactDoc(activeTab.value, (t15) => mutateUpdateProperty(t15, selection, evKey, firstFn ? { $ref: `#/state/${firstFn[0]}` } : { $ref: "" }));
@@ -301790,6 +304891,7 @@ function eventsSidebarTemplate(helpers) {
     }}
                 >
                   <sp-menu-item value="inline">inline</sp-menu-item>
+                  <sp-menu-item value="$expression">$expression</sp-menu-item>
                   <sp-menu-item value="ref">$ref</sp-menu-item>
                 </sp-picker>
                 <sp-action-button
@@ -301832,12 +304934,18 @@ function eventsSidebarTemplate(helpers) {
                         <sp-icon-code slot="icon"></sp-icon-code>
                       </sp-action-button>
                     </div>
-                  ` : html3`
-                    <sp-picker
-                      size="s"
-                      class="event-handler"
-                      .value=${live(evVal.$ref || "__none__")}
-                      @change=${(e20) => {
+                  ` : isExpression ? html3`
+                      <div class="event-body-row">
+                        ${renderExpressionEditor(evVal.$expression, (newNode) => transactDoc(activeTab.value, (t15) => mutateUpdateProperty(t15, selection, evKey, {
+      $expression: newNode
+    })), { stateDefs: Object.keys(defs), allowEventRef: true })}
+                      </div>
+                    ` : html3`
+                      <sp-picker
+                        size="s"
+                        class="event-handler"
+                        .value=${live(evVal.$ref || "__none__")}
+                        @change=${(e20) => {
       if (e20.target.value && e20.target.value !== "__none__") {
         transactDoc(activeTab.value, (t15) => mutateUpdateProperty(t15, selection, evKey, {
           $ref: e20.target.value
@@ -301846,11 +304954,11 @@ function eventsSidebarTemplate(helpers) {
         transactDoc(activeTab.value, (t15) => mutateUpdateProperty(t15, selection, evKey, undefined));
       }
     }}
-                    >
-                      <sp-menu-item value="__none__">— none —</sp-menu-item>
-                      ${functionDefs.map(([fName]) => html3`<sp-menu-item value=${`#/state/${fName}`}>${fName}</sp-menu-item>`)}
-                    </sp-picker>
-                  `}
+                      >
+                        <sp-menu-item value="__none__">— none —</sp-menu-item>
+                        ${functionDefs.map(([fName]) => html3`<sp-menu-item value=${`#/state/${fName}`}>${fName}</sp-menu-item>`)}
+                      </sp-picker>
+                    `}
             </div>
           `;
   })}
@@ -306938,6 +310046,7 @@ function mount6(ctx) {
     });
   });
 }
+var _rafId = 0;
 function render6() {
   if (!_ctx13)
     return;
@@ -306945,7 +310054,7 @@ function render6() {
     return;
   if (!_scheduled2) {
     _scheduled2 = true;
-    queueMicrotask(_flush2);
+    _rafId = requestAnimationFrame(_flush2);
   }
 }
 var _propsContainer = null;
@@ -306968,10 +310077,13 @@ function _ensureContainers() {
 }
 function _flush2() {
   _scheduled2 = false;
+  _rafId = 0;
   if (!_ctx13)
     return;
   if (_rendering)
     return;
+  if (_hasFocus || isColorPopoverOpen())
+    return;
   _rendering = true;
   try {
     const ctx = _ctx13;
@@ -307738,7 +310850,7 @@ initWelcome({
   },
   cloneRepository: () => cloneRepository({ openRecentProject })
 });
-var _canvasRenderScheduled = false;
+var _canvasRafId = 0;
 effect(() => {
   const tab = activeTab.value;
   if (tab) {
@@ -307752,15 +310864,16 @@ effect(() => {
     tab.session.ui.stylebookFilter;
     tab.session.ui.stylebookCustomizedOnly;
   }
-  if (!_canvasRenderScheduled) {
-    _canvasRenderScheduled = true;
-    queueMicrotask(() => {
-      _canvasRenderScheduled = false;
-      try {
-        renderCanvas();
-      } catch (e21) {
-        console.error("renderCanvas error:", e21);
-      }
+  if (!_canvasRafId) {
+    _canvasRafId = requestAnimationFrame(() => {
+      _canvasRafId = requestAnimationFrame(() => {
+        _canvasRafId = 0;
+        try {
+          renderCanvas();
+        } catch (e21) {
+          console.error("renderCanvas error:", e21);
+        }
+      });
     });
   }
 });
@@ -308032,5 +311145,5 @@ effect(() => {
     scheduleAutosave();
 });
 
-//# debugId=1F44B1DD74CD205664756E2164756E21
+//# debugId=2A3CE8832081B8DA64756E2164756E21
 //# sourceMappingURL=studio.js.map