@cratis/event-models 0.350.3 → 0.351.0

package/dist/screen-editor/{BindingExpressionPropertyEditor-BDzuLWUA.js → BindingExpressionPropertyEditor-C01GX5mV.js}

@@ -1,5 +1,5 @@
 import { a as V, c as O, i as J, n as K, o as T, r as w, s as F, t as j, u as D } from "./defaultStructuredEditorStrings-Bwbw58wD.js";
-import { t as Q } from "./StructuredValueEditor-DUSATTWd.js";
+import { t as Q } from "./StructuredValueEditor-DZbDHWDg.js";
 import { c as E } from "./structuredValue-vqCZttsk.js";
 import { useEffect as L, useRef as $, useState as A } from "react";
 import { Fragment as q, jsx as t, jsxs as u } from "react/jsx-runtime";

package/dist/screen-editor/{CollectionEditor-BvAtXikL.js → CollectionEditor-DxpJWgWa.js}

@@ -1,6 +1,6 @@
 import { n as T, t as A } from "./allowedIconChoices-KSkQ6blx.js";
 import { a as u, i as D, r as P, t as $ } from "./iconDiagnostics-BZq0t8-V.js";
-import { StructuredPropertyEditor as U } from "./StructuredPropertyEditor-Bd-8GBgK.js";
+import { StructuredPropertyEditor as U } from "./StructuredPropertyEditor-CdG5bfkx.js";
 import { jsx as n, jsxs as c } from "react/jsx-runtime";
 import { CollectionOperation as C, DestinationKind as v, PropertyValueType as L, SceneEditKind as S } from "@cratis/scene.model";
 import { OrderedItemEditor as F } from "@cratis/components/ConfigurationEditor";

package/dist/screen-editor/ScreenEditor/Drafting/SceneScreenDraftReview.d.ts

@@ -7,7 +7,7 @@ export interface SceneScreenDraftReviewProps {
     controller: ScreenEditorController;
     environment: ScreenEditorEnvironment;
     agent: SceneScreenDraftAgent;
-    onPreview?: (document: SceneDocument) => void;
+    onPreview?: (document: SceneDocument, fitsDialog: boolean) => void;
     strings?: SceneScreenDraftStrings;
     previewing?: boolean;
 }

package/dist/screen-editor/ScreenEditor/Drafting/SceneScreenDraftToolbar.d.ts

@@ -10,7 +10,7 @@ export interface SceneScreenDraftToolbarProps {
     agent?: SceneScreenDraftAgent;
     readOnly: boolean;
     authoringTemplate?: string;
-    onPreview?: (document: SceneDocument) => void;
+    onPreview?: (document: SceneDocument, fitsDialog: boolean) => void;
     previewing?: boolean;
 }
 export declare const SceneScreenDraftToolbar: ({ controller, environment, strings, agent, readOnly, authoringTemplate, onPreview, previewing }: SceneScreenDraftToolbarProps) => import("react").JSX.Element | null;

package/dist/screen-editor/ScreenEditor/Host/ScreenEditorOverlay.d.ts

@@ -25,7 +25,7 @@ export interface ScreenEditorOverlayProps {
     onClose: (result: ScreenEditorResult) => void;
     onBeforeClose?: (result: ScreenEditorResult) => Promise<string | undefined>;
     onDismiss?: () => void;
-    onPreview?: (document: SceneDocument) => void;
+    onPreview?: (document: SceneDocument, fitsDialog: boolean) => void;
     previewing?: boolean;
     readOnly?: boolean;
     draftAgent?: SceneScreenDraftAgent;

package/dist/screen-editor/ScreenEditor/Host/ScreenEditorWindow.d.ts

@@ -30,7 +30,7 @@ export interface ScreenEditorWindowProps {
     saveFailure?: string;
     onKeepEditing?: () => void;
     onDiscard?: () => void;
-    onPreview?: (document: SceneDocument) => void;
+    onPreview?: (document: SceneDocument, fitsDialog: boolean) => void;
     readOnly?: boolean;
     toolbarActions?: ReactNode;
     renderControls?: (controls: ReactNode) => ReactNode;

package/dist/screen-editor/ScreenEditor/PropertyEditors/Structured/withIconReferences.d.ts

@@ -0,0 +1,2 @@
+import { type PropertyDescriptor } from '@cratis/scene.model';
+export declare function withIconReferences(descriptor: PropertyDescriptor, value: unknown): unknown;

package/dist/screen-editor/ScreenEditor/Surface/designTimePointer.d.ts

@@ -8,4 +8,7 @@ export interface DesignTimePointerDecision {
 export declare function decideDesignTimePointer(type: string, target: EventTarget | null, button?: number): DesignTimePointerDecision;
 export declare function elementIdAt(target: EventTarget | null): string | undefined;
 export declare const itemHitSelector = "[data-scene-item], [data-scene-nav-item], [data-scene-outlet-item]";
-export declare function itemIdAt(target: EventTarget | null): string | undefined;
+export declare function itemIdAt(target: EventTarget | null, point?: {
+    x: number;
+    y: number;
+}): string | undefined;

package/dist/screen-editor/{StructuredPropertyEditor-Bd-8GBgK.js → StructuredPropertyEditor-CdG5bfkx.js}

@@ -1,4 +1,4 @@
-import { t as s } from "./StructuredValueEditor-DUSATTWd.js";
+import { t as s } from "./StructuredValueEditor-DZbDHWDg.js";
 import { jsx as u } from "react/jsx-runtime";
 var p = ({ value: r, onChange: t, descriptor: e, context: i, disabled: d, id: o }) => /* @__PURE__ */ u(s, {
   descriptor: e,

package/dist/screen-editor/StructuredValueEditor-DZbDHWDg.js

@@ -0,0 +1,349 @@
+import { a as E, d as O, f as j, g as $, h as K, i as F, l as N, n as P, o as _, r as V, s as D, t as g, u as M, v as T, y as w } from "./structuredValue-vqCZttsk.js";
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { PropertyValueType as y } from "@cratis/scene.model";
+var I = ({ descriptor: e, value: l, id: b, strings: a, disabled: n, onChange: o }) => {
+  const c = e.editorKind === O, r = g(l), u = (s) => o(s.length === 0 ? void 0 : s);
+  return /* @__PURE__ */ m("fieldset", {
+    className: "studio-editor-structured__list",
+    disabled: n,
+    children: [
+      /* @__PURE__ */ t("legend", { children: e.label }),
+      r.map((s, d) => /* @__PURE__ */ m("div", {
+        className: "studio-editor-structured__entry",
+        children: [
+          /* @__PURE__ */ t("input", {
+            id: `${b}-${d}`,
+            "aria-label": a.entry(d + 1),
+            type: c ? "number" : "text",
+            value: c ? typeof s == "number" ? String(s) : "" : typeof s == "string" ? s : "",
+            onChange: (i) => o(T(r, d, c ? i.target.value === "" ? 0 : Number(i.target.value) : i.target.value))
+          }),
+          /* @__PURE__ */ t("button", {
+            type: "button",
+            "aria-label": a.moveEntryUp(d + 1),
+            disabled: d === 0,
+            onClick: () => o(N(r, d, -1)),
+            children: a.moveUpText
+          }),
+          /* @__PURE__ */ t("button", {
+            type: "button",
+            "aria-label": a.moveEntryDown(d + 1),
+            disabled: d === r.length - 1,
+            onClick: () => o(N(r, d, 1)),
+            children: a.moveDownText
+          }),
+          /* @__PURE__ */ t("button", {
+            type: "button",
+            "aria-label": a.removeEntry(d + 1),
+            onClick: () => u(w(r, d)),
+            children: a.removeText
+          })
+        ]
+      }, d)),
+      /* @__PURE__ */ t("button", {
+        type: "button",
+        onClick: () => o([...r, c ? 0 : ""]),
+        children: a.addEntry
+      })
+    ]
+  });
+}, U = (e) => typeof e == "number" ? "number" : typeof e == "boolean" ? "flag" : "text", L = ({ label: e, value: l, id: b, strings: a, disabled: n, onChange: o }) => {
+  const c = U(l), r = (u) => {
+    u !== c && o(u === "number" ? typeof l == "string" && l.trim() !== "" && Number.isFinite(Number(l)) ? Number(l) : 0 : u === "flag" ? l === !0 || l === "true" : l === void 0 ? void 0 : String(l));
+  };
+  return /* @__PURE__ */ m("div", {
+    className: "studio-editor-structured__scalar",
+    children: [/* @__PURE__ */ m("select", {
+      "aria-label": `${e} ${a.scalarType}`,
+      disabled: n,
+      value: c,
+      onChange: (u) => r(u.target.value),
+      children: [
+        /* @__PURE__ */ t("option", {
+          value: "text",
+          children: a.scalarText
+        }),
+        /* @__PURE__ */ t("option", {
+          value: "number",
+          children: a.scalarNumber
+        }),
+        /* @__PURE__ */ t("option", {
+          value: "flag",
+          children: a.scalarFlag
+        })
+      ]
+    }), c === "flag" ? /* @__PURE__ */ m("label", { children: [/* @__PURE__ */ t("input", {
+      id: b,
+      type: "checkbox",
+      disabled: n,
+      checked: l === !0,
+      onChange: (u) => o(u.target.checked)
+    }), /* @__PURE__ */ t("span", { children: a.scalarFlagOn })] }) : /* @__PURE__ */ t("input", {
+      id: b,
+      "aria-label": e,
+      type: c === "number" ? "number" : "text",
+      disabled: n,
+      value: l === void 0 ? "" : String(l),
+      onChange: (u) => o(u.target.value === "" ? void 0 : c === "number" ? Number(u.target.value) : u.target.value)
+    })]
+  });
+}, A = (e) => [
+  "string",
+  "number",
+  "boolean"
+].includes(typeof e), B = ({ descriptor: e, value: l, id: b, strings: a, disabled: n, onChange: o }) => {
+  const c = _(l) ? l : {}, r = Object.entries(c), u = (i) => o(i.length === 0 ? void 0 : Object.fromEntries(i)), s = (i, f) => {
+    const p = f.trim();
+    p === "" || p === r[i][0] || r.some(([h], v) => v !== i && h === p) || u(r.map(([h, v], k) => k === i ? [p, v] : [h, v]));
+  }, d = () => {
+    let i = r.length + 1;
+    for (; `value${i}` in c; ) i++;
+    u([...r, [`value${i}`, ""]]);
+  };
+  return /* @__PURE__ */ m("fieldset", {
+    className: "studio-editor-structured__list",
+    disabled: n,
+    children: [
+      /* @__PURE__ */ t("legend", { children: e.label }),
+      r.map(([i, f], p) => /* @__PURE__ */ m("div", {
+        className: "studio-editor-structured__entry",
+        children: [
+          /* @__PURE__ */ t("input", {
+            "aria-label": a.mapName(p + 1),
+            defaultValue: i,
+            onBlur: (h) => {
+              s(p, h.target.value), h.target.value = i;
+            }
+          }),
+          A(f) ? /* @__PURE__ */ t(L, {
+            label: a.mapValue(i),
+            value: f,
+            id: `${b}-${p}`,
+            strings: a,
+            disabled: n,
+            onChange: (h) => u(r.map(([v, k]) => v === i ? [v, h === void 0 ? "" : h] : [v, k]))
+          }) : /* @__PURE__ */ t("span", { children: a.keptValue }),
+          /* @__PURE__ */ t("button", {
+            type: "button",
+            "aria-label": a.removeMapEntry(i),
+            onClick: () => u(r.filter(([h]) => h !== i)),
+            children: a.removeText
+          })
+        ]
+      }, i)),
+      /* @__PURE__ */ t("button", {
+        type: "button",
+        onClick: d,
+        children: a.addMapEntry
+      })
+    ]
+  });
+}, C = ({ descriptor: e, value: l, id: b, strings: a, disabled: n, onChange: o }) => Array.isArray(l) ? /* @__PURE__ */ m("div", {
+  className: "studio-editor-structured__either",
+  children: [/* @__PURE__ */ t(I, {
+    descriptor: e,
+    value: l,
+    id: b,
+    strings: a,
+    disabled: n,
+    onChange: o
+  }), /* @__PURE__ */ t("button", {
+    type: "button",
+    disabled: n,
+    onClick: () => o(typeof l[0] == "string" && l[0] !== "" ? l[0] : void 0),
+    children: `${e.label}: ${a.useSingle}`
+  })]
+}) : /* @__PURE__ */ m("div", {
+  className: "studio-editor-structured__either",
+  children: [/* @__PURE__ */ m("label", {
+    className: "studio-editor-structured__field",
+    children: [/* @__PURE__ */ t("span", { children: e.label }), /* @__PURE__ */ t("input", {
+      id: b,
+      disabled: n,
+      value: typeof l == "string" ? l : "",
+      onChange: (c) => o(c.target.value === "" ? void 0 : c.target.value)
+    })]
+  }), /* @__PURE__ */ t("button", {
+    type: "button",
+    disabled: n,
+    onClick: () => o(typeof l == "string" && l !== "" ? [l] : [""]),
+    children: `${e.label}: ${a.useList}`
+  })]
+}), S = ({ descriptor: e, value: l, idPrefix: b, strings: a, disabled: n, onChange: o }) => {
+  const c = `${b}-${e.path}`;
+  switch (e.valueType) {
+    case y.String:
+      return /* @__PURE__ */ m("label", {
+        className: "studio-editor-structured__field",
+        children: [/* @__PURE__ */ t("span", { children: e.label }), /* @__PURE__ */ t("input", {
+          id: c,
+          disabled: n,
+          value: typeof l == "string" ? l : "",
+          onChange: (r) => o(r.target.value === "" ? void 0 : r.target.value)
+        })]
+      });
+    case y.Icon:
+      if (l === void 0 || typeof l == "string") return /* @__PURE__ */ m("label", {
+        className: "studio-editor-structured__field",
+        children: [/* @__PURE__ */ t("span", { children: e.label }), /* @__PURE__ */ t("input", {
+          id: c,
+          disabled: n,
+          placeholder: "Cratis.Icons.Lucide#plus",
+          value: l ?? "",
+          onChange: (r) => o(r.target.value === "" ? void 0 : r.target.value)
+        })]
+      });
+      break;
+    case y.Number:
+      return /* @__PURE__ */ m("label", {
+        className: "studio-editor-structured__field",
+        children: [/* @__PURE__ */ t("span", { children: e.label }), /* @__PURE__ */ t("input", {
+          id: c,
+          type: "number",
+          disabled: n,
+          value: typeof l == "number" ? String(l) : "",
+          onChange: (r) => o(r.target.value === "" ? void 0 : Number(r.target.value))
+        })]
+      });
+    case y.Boolean:
+      return /* @__PURE__ */ m("label", {
+        className: "studio-editor-structured__field studio-editor-structured__field--flag",
+        children: [/* @__PURE__ */ t("input", {
+          id: c,
+          type: "checkbox",
+          disabled: n,
+          checked: l === !0,
+          onChange: (r) => o(r.target.checked)
+        }), /* @__PURE__ */ t("span", { children: e.label })]
+      });
+    case y.Enum: {
+      const r = e.choices ?? [], u = r.findIndex((s) => s.value === l);
+      return /* @__PURE__ */ m("label", {
+        className: "studio-editor-structured__field",
+        children: [/* @__PURE__ */ t("span", { children: e.label }), /* @__PURE__ */ m("select", {
+          id: c,
+          disabled: n,
+          value: u < 0 ? "" : String(u),
+          onChange: (s) => o(s.target.value === "" ? void 0 : r[Number(s.target.value)]?.value),
+          children: [/* @__PURE__ */ t("option", {
+            value: "",
+            children: a.unset
+          }), r.map((s, d) => /* @__PURE__ */ t("option", {
+            value: String(d),
+            children: s.label
+          }, d))]
+        })]
+      });
+    }
+  }
+  if (E(e) && e.editorKind === j) return /* @__PURE__ */ m("label", {
+    className: "studio-editor-structured__field",
+    children: [/* @__PURE__ */ t("span", { children: e.label }), /* @__PURE__ */ t(L, {
+      label: e.label,
+      value: l,
+      id: c,
+      strings: a,
+      disabled: n,
+      onChange: o
+    })]
+  });
+  if (E(e) && e.editorKind === K) return /* @__PURE__ */ t(C, {
+    descriptor: e,
+    value: l,
+    id: c,
+    strings: a,
+    disabled: n,
+    onChange: o
+  });
+  if (D(e)) return /* @__PURE__ */ t(B, {
+    descriptor: e,
+    value: l,
+    id: c,
+    strings: a,
+    disabled: n,
+    onChange: o
+  });
+  if (E(e)) return /* @__PURE__ */ t(I, {
+    descriptor: e,
+    value: l,
+    id: c,
+    strings: a,
+    disabled: n,
+    onChange: o
+  });
+  if (F(e)) return /* @__PURE__ */ m("fieldset", {
+    className: "studio-editor-structured__object",
+    disabled: n,
+    children: [/* @__PURE__ */ t("legend", { children: e.label }), e.properties.map((r) => /* @__PURE__ */ t(S, {
+      descriptor: r,
+      value: _(l) ? l[r.path] : void 0,
+      idPrefix: c,
+      strings: a,
+      disabled: n,
+      onChange: (u) => o($(l, r.path, u))
+    }, r.path))]
+  });
+  if (V(e)) {
+    const r = g(l), u = e.item.label ?? a.item, s = e.item.positional === !0;
+    return /* @__PURE__ */ m("fieldset", {
+      className: "studio-editor-structured__collection",
+      disabled: n,
+      children: [
+        /* @__PURE__ */ t("legend", { children: e.label }),
+        r.map((d, i) => /* @__PURE__ */ m("fieldset", {
+          className: "studio-editor-structured__item",
+          children: [
+            /* @__PURE__ */ t("legend", { children: a.itemTitle(u, i + 1) }),
+            e.item.properties.map((f) => /* @__PURE__ */ t(S, {
+              descriptor: f,
+              value: _(d) ? d[f.path] : void 0,
+              idPrefix: `${c}-${i}`,
+              strings: a,
+              disabled: n,
+              onChange: (p) => o(T(r, i, $(P(d, s), f.path, p) ?? {}))
+            }, f.path)),
+            /* @__PURE__ */ m("div", {
+              className: "studio-editor-structured__actions",
+              children: [
+                /* @__PURE__ */ t("button", {
+                  type: "button",
+                  "aria-label": a.moveUp(u, i + 1),
+                  disabled: i === 0,
+                  onClick: () => o(N(r, i, -1)),
+                  children: a.moveUpText
+                }),
+                /* @__PURE__ */ t("button", {
+                  type: "button",
+                  "aria-label": a.moveDown(u, i + 1),
+                  disabled: i === r.length - 1,
+                  onClick: () => o(N(r, i, 1)),
+                  children: a.moveDownText
+                }),
+                /* @__PURE__ */ t("button", {
+                  type: "button",
+                  "aria-label": a.remove(u, i + 1),
+                  onClick: () => o(w(r, i)),
+                  children: a.removeText
+                })
+              ]
+            })
+          ]
+        }, !s && _(d) && typeof d.id == "string" ? d.id : i)),
+        /* @__PURE__ */ t("button", {
+          type: "button",
+          disabled: e.constraints?.maximumItems !== void 0 && r.length >= e.constraints.maximumItems,
+          onClick: () => o([...r, M(s)]),
+          children: a.add(u)
+        })
+      ]
+    });
+  }
+  return /* @__PURE__ */ t("p", {
+    className: "studio-editor-structured__undescribed",
+    role: "alert",
+    children: a.noEditor(e.label)
+  });
+};
+export {
+  S as t
+};