@wildwinter/expr-editor 0.14.0 → 0.14.1

package/dist/index.js

@@ -427,6 +427,14 @@ function textField(opts) {
   setTimeout(() => input.focus(), 0);
   return wrap;
 }
+function propertyMenuBody(actions, close) {
+  const wrap = el("div", "exed-menu");
+  for (const a of actions) wrap.append(button("exed-opt", a.label, () => {
+    a.run();
+    close();
+  }));
+  return wrap;
+}
 
 // src/flat.ts
 var FLAG_FNS = /* @__PURE__ */ new Set(["check_flags", "set_flags"]);
@@ -545,14 +553,7 @@ function attachPropertyMenu(ctx, node, pillEl) {
   const open = ctx.openMenu ?? ctx.openPopover;
   pillEl.addEventListener("contextmenu", (e) => {
     e.preventDefault();
-    open(pillEl, (close) => {
-      const wrap = el("div", "exed-menu");
-      for (const a of actions) wrap.append(button("exed-opt", a.label, () => {
-        a.run();
-        close();
-      }));
-      return wrap;
-    });
+    open(pillEl, (close) => propertyMenuBody(actions, close));
   });
 }
 function isCompoundComparison(node, ctx) {
@@ -1621,14 +1622,7 @@ function mountEffectsEditor(host, opts) {
       if (actions.length) targetBtn.addEventListener("contextmenu", (e) => {
         e.preventDefault();
         closePopover();
-        popover = openPopover(targetBtn, (close) => {
-          const wrap = el("div", "exed-menu");
-          for (const a of actions) wrap.append(button("exed-opt", a.label, () => {
-            a.run();
-            close();
-          }));
-          return wrap;
-        }, { container: opts.popoverContainer });
+        popover = openPopover(targetBtn, (close) => propertyMenuBody(actions, close), { container: opts.popoverContainer });
       });
     }
     const advances = isSelfAdvance(eff, defaultScope, opts.dialect);
@@ -1794,13 +1788,26 @@ function renderConditionPreview(src, o) {
   const cls = o.propertyActions ? "exed-preview exed-preview-interactive" : "exed-preview";
   return el("div", cls, [exprPills(src, o)]);
 }
+function targetPill(ref, o) {
+  const pill2 = el("span", "exed-pill exed-pill-prop", [ref || "(property)"]);
+  const entry = o.catalogue.find((e) => refOf(e, o.dialect.defaultScope) === ref);
+  if (!entry) return pill2;
+  const tip = propertyTip(entry);
+  if (tip) pill2.title = tip;
+  const actions = o.propertyActions?.({ scope: entry.scope, name: entry.name }) ?? [];
+  if (actions.length) pill2.addEventListener("contextmenu", (e) => {
+    e.preventDefault();
+    openPopover(pill2, (close) => propertyMenuBody(actions, close), { container: o.popoverContainer });
+  });
+  return pill2;
+}
 function renderEffectsPreview(effects, o) {
-  const wrap = el("div", "exed-preview exed-preview-effects");
+  const wrap = el("div", `exed-preview exed-preview-effects${o.propertyActions ? " exed-preview-interactive" : ""}`);
   for (const eff of effects) {
     const row = el("div", "exed-preview-eff");
     if (eff.kind === "set") {
       const advances = isSelfAdvance(eff, o.dialect.defaultScope, o.dialect);
-      row.append(el("span", "exed-pill exed-pill-prop", [eff.target || "(property)"]));
+      row.append(targetPill(eff.target, o));
       if (!advances) row.append(el("span", "exed-effect-eq", ["="]));
       row.append(exprPills(eff.value, o, advances ? eff.target : void 0));
     } else {