@cratis/event-models 0.183.1 → 0.185.0

package/dist/screen-editor/{BindingExpressionPropertyEditor-DbYpy_bX.js → BindingExpressionPropertyEditor-ClMKmJ_3.js}

@@ -1,13 +1,13 @@
 import { a as V, i as _, l as J, n as I, o as R, r as O, s as Q, t as j } from "./defaultStructuredEditorStrings-Ch1I0Lci.js";
 import { c as w } from "./structuredValue-vqCZttsk.js";
 import { t as D } from "./StructuredValueEditor-CcwyOga0.js";
-import { useEffect as K, useRef as E, useState as k } from "react";
+import { useEffect as K, useRef as E, useState as F } from "react";
 import { BindingSourceKind as d, PropertyValueType as C } from "@cratis/scene.model";
 import { Fragment as x, jsx as t, jsxs as i } from "react/jsx-runtime";
 var u = /* @__PURE__ */ (function(e) {
   return e.String = "string", e.Number = "number", e.Boolean = "boolean", e.Null = "null", e.Json = "json", e;
-})(u || {}), F = ({ property: e, sources: l, strings: s, disabled: c, onChange: p }) => {
-  const r = s.properties.binding, h = Q(e.effectiveValue) ? e.effectiveValue : void 0, m = h ? void 0 : T(e.effectiveValue), f = V(e), o = h ?? f, g = L(o, e.descriptor.acceptedBindingKinds?.length ? e.descriptor.acceptedBindingKinds : I, l, r), b = o.query ? l.queryResults.find((n) => n.id === o.query || n.name === o.query) : void 0, v = o.componentId ? l.componentOutputs.find((n) => n.componentId === o.componentId) : void 0, a = (n) => p(A({
+})(u || {}), $ = ({ property: e, sources: l, strings: s, disabled: c, onChange: p }) => {
+  const r = s.properties.binding, h = Q(e.effectiveValue) ? e.effectiveValue : void 0, m = h ? void 0 : T(e.effectiveValue), f = V(e), o = h ?? f, y = L(o, e.descriptor.acceptedBindingKinds?.length ? e.descriptor.acceptedBindingKinds : I, l, r), b = o.query ? l.queryResults.find((n) => n.id === o.query || n.name === o.query) : void 0, v = o.componentId ? l.componentOutputs.find((n) => n.componentId === o.componentId) : void 0, a = (n) => p(A({
     ...o,
     ...n
   })), P = () => p(void 0);
@@ -45,7 +45,7 @@ var u = /* @__PURE__ */ (function(e) {
           /* @__PURE__ */ i("label", { children: [/* @__PURE__ */ t("span", { children: r.source }), /* @__PURE__ */ t("select", {
             value: o.kind ?? d.DataContext,
             onChange: (n) => a(M(n.target.value, o)),
-            children: g.map((n) => /* @__PURE__ */ t("option", {
+            children: y.map((n) => /* @__PURE__ */ t("option", {
               value: n.kind,
               disabled: n.disabled,
               children: n.label
@@ -86,7 +86,7 @@ var u = /* @__PURE__ */ (function(e) {
           })] })
         ]
       }),
-      g.filter((n) => n.disabled && n.reason).map((n) => /* @__PURE__ */ i("p", {
+      y.filter((n) => n.disabled && n.reason).map((n) => /* @__PURE__ */ i("p", {
         className: "studio-editor-binding__missing",
         children: [
           n.label,
@@ -94,14 +94,14 @@ var u = /* @__PURE__ */ (function(e) {
           n.reason
         ]
       }, `${n.kind}:reason`)),
-      y(o) === d.DataContext && /* @__PURE__ */ t(S, {
+      g(o) === d.DataContext && /* @__PURE__ */ t(S, {
         id: `${e.descriptor.path}-data-context-paths`,
         label: r.path,
         value: o.path,
         options: l.dataContextPaths,
         onChange: (n) => a({ path: n })
       }),
-      y(o) === d.QueryResult && /* @__PURE__ */ i(x, { children: [
+      g(o) === d.QueryResult && /* @__PURE__ */ i(x, { children: [
         /* @__PURE__ */ i("label", { children: [/* @__PURE__ */ t("span", { children: r.query }), /* @__PURE__ */ i("select", {
           value: o.query ?? "",
           onChange: (n) => a({
@@ -136,7 +136,7 @@ var u = /* @__PURE__ */ (function(e) {
           children: r.missingQuery(o.query)
         })
       ] }),
-      y(o) === d.ComponentProperty && /* @__PURE__ */ i(x, { children: [
+      g(o) === d.ComponentProperty && /* @__PURE__ */ i(x, { children: [
         /* @__PURE__ */ i("label", { children: [/* @__PURE__ */ t("span", { children: r.component }), /* @__PURE__ */ i("select", {
           value: o.componentId ?? "",
           onChange: (n) => a({
@@ -180,7 +180,7 @@ var u = /* @__PURE__ */ (function(e) {
           children: r.missingComponent(o.componentId)
         })
       ] }),
-      y(o) === d.Literal && /* @__PURE__ */ t($, {
+      g(o) === d.Literal && /* @__PURE__ */ t(k, {
         value: o.value,
         descriptor: e.descriptor,
         targetType: o.expectedValueType ?? e.descriptor.valueType,
@@ -209,14 +209,14 @@ var u = /* @__PURE__ */ (function(e) {
     id: e,
     children: c.map((r) => /* @__PURE__ */ t("option", { value: r }, r))
   })
-] }), $ = ({ value: e, descriptor: l, targetType: s, strings: c, structured: p, onChange: r }) => {
-  const h = q(e, s), m = N(e, s), f = E(m), [o, g] = k(h);
+] }), k = ({ value: e, descriptor: l, targetType: s, strings: c, structured: p, onChange: r }) => {
+  const h = q(e, s), m = N(e, s), f = E(m), [o, y] = F(h);
   K(() => {
     const a = N(e, s);
-    a !== f.current && (f.current = a, g(q(e, s)));
+    a !== f.current && (f.current = a, y(q(e, s)));
   }, [e, s]);
   const b = (a) => {
-    g(a);
+    y(a);
     const P = B(a);
     f.current = N(P, s), r(P);
   }, v = w(l);
@@ -287,7 +287,7 @@ var u = /* @__PURE__ */ (function(e) {
   });
 };
 function L(e, l, s, c) {
-  const p = y(e);
+  const p = g(e);
   return I.map((r) => {
     const h = l.includes(r), m = r === d.QueryResult && s.queryResults.length === 0 || r === d.ComponentProperty && s.componentOutputs.length === 0;
     return {
@@ -298,7 +298,7 @@ function L(e, l, s, c) {
     };
   });
 }
-function y(e) {
+function g(e) {
   return e.kind ?? d.DataContext;
 }
 function T(e) {
@@ -313,7 +313,7 @@ function T(e) {
     ].some((l) => l in e) ? e : void 0;
 }
 function A(e) {
-  switch (y(e)) {
+  switch (g(e)) {
     case d.Literal:
       return {
         ...e,
@@ -413,7 +413,7 @@ var Z = ({ onChange: e, context: l, disabled: s }) => {
   const { session: c } = l;
   if (!c) return null;
   const { controller: p, environment: r } = c, h = J(p.document, p.composition.roots, p.context, r.availableSources, r.queryCandidates);
-  return /* @__PURE__ */ t(F, {
+  return /* @__PURE__ */ t($, {
     property: c.property,
     sources: h,
     strings: c.screenStrings,

package/dist/screen-editor/{ColumnListEditor-BHLrr4WK.js → ColumnListEditor-MZzEtJuo.js}

@@ -1,5 +1,5 @@
 import { l as m, o as _, v as N, y } from "./structuredValue-vqCZttsk.js";
-import { FieldEditor as C } from "./FieldEditor-4a_4uQit.js";
+import { FieldEditor as C } from "./FieldEditor-Biz82jlR.js";
 import { jsx as a, jsxs as u } from "react/jsx-runtime";
 var p = [
   "start",

package/dist/screen-editor/{FieldEditor-4a_4uQit.js → FieldEditor-Biz82jlR.js}

@@ -1,4 +1,4 @@
-import { t as y } from "./SearchableSelect-C4yzIyo_.js";
+import { t as y } from "./SearchableSelect-Cj_cgVO0.js";
 import { Fragment as h, jsx as d, jsxs as v } from "react/jsx-runtime";
 function g(n) {
   const e = n.toLowerCase().replace(/[?[\]]/g, "");

package/dist/screen-editor/{FieldListEditor-RGb59BLM.js → FieldListEditor-VWZ3LAwY.js}

@@ -1,5 +1,5 @@
 import { l as c, t as g, v as w, y as m } from "./structuredValue-vqCZttsk.js";
-import { FieldEditor as y } from "./FieldEditor-4a_4uQit.js";
+import { FieldEditor as y } from "./FieldEditor-Biz82jlR.js";
 import { jsx as r, jsxs as u } from "react/jsx-runtime";
 var $ = ({ value: p, onChange: b, descriptor: h, context: l, disabled: a, problem: v, id: d }) => {
   const s = l.strings.editors.list, o = g(p).filter((i) => typeof i == "string"), e = (i) => b(i.length === 0 ? void 0 : i), f = {

package/dist/screen-editor/NavigationItemTargetEditor-pApohBNj.js

@@ -0,0 +1,78 @@
+import { o as h } from "./structuredValue-vqCZttsk.js";
+import { jsx as n, jsxs as p } from "react/jsx-runtime";
+var b = (t) => h(t) && typeof t.module == "string" && t.module !== "" ? {
+  module: t.module,
+  ...typeof t.feature == "string" && t.feature !== "" ? { feature: t.feature } : {}
+} : void 0, u = (t, o) => t?.module === o?.module && (t?.feature ?? "") === (o?.feature ?? "");
+function f(t, o, s, d) {
+  return o.flatMap((i) => {
+    const r = s ? `${s}.${i.id}` : i.id;
+    return [{
+      key: `${t}.${r}`,
+      label: i.name,
+      depth: d,
+      target: {
+        module: t,
+        feature: r
+      },
+      module: !1,
+      owner: t
+    }, ...f(t, i.features, r, d + 1)];
+  });
+}
+var k = (t) => t.modules.flatMap((o) => [{
+  key: o.id,
+  label: o.name,
+  depth: 0,
+  target: { module: o.id },
+  module: !0,
+  owner: o.id
+}, ...f(o.id, o.features, "", 1)]), _ = ({ value: t, onChange: o, context: s, disabled: d, id: i }) => {
+  const r = s.strings.editors.navigationItemTarget, g = s.lookups.structure ?? { modules: [] }, c = k(g), a = b(t), m = s.lookups.navigationModule, l = (e) => m !== void 0 && e.owner !== m, v = a !== void 0 && !c.some((e) => u(e.target, a));
+  return /* @__PURE__ */ p("div", {
+    id: i,
+    className: "studio-editor-target",
+    role: "listbox",
+    "aria-labelledby": `${i}-label`,
+    "aria-disabled": d,
+    children: [
+      /* @__PURE__ */ n("button", {
+        type: "button",
+        role: "option",
+        "aria-selected": a === void 0,
+        disabled: d,
+        className: "studio-editor-target__row",
+        "data-chosen": a === void 0 || void 0,
+        onClick: () => o(void 0),
+        children: r.notLinked
+      }),
+      c.map((e) => /* @__PURE__ */ p("button", {
+        type: "button",
+        role: "option",
+        "aria-selected": u(e.target, a),
+        "aria-disabled": l(e) || void 0,
+        disabled: d,
+        "data-module": e.module || void 0,
+        "data-chosen": u(e.target, a) || void 0,
+        className: "studio-editor-target__row",
+        title: l(e) ? r.outOfScope : void 0,
+        style: { paddingInlineStart: `${12 + e.depth * 16}px` },
+        onClick: () => {
+          l(e) || o(e.target);
+        },
+        children: [/* @__PURE__ */ n("span", { children: e.label }), e.module && /* @__PURE__ */ n("span", {
+          className: "studio-editor-target__kind",
+          children: r.module
+        })]
+      }, e.key)),
+      v && /* @__PURE__ */ n("span", {
+        className: "studio-editor-chip studio-editor-chip--error",
+        role: "alert",
+        children: r.unresolved([a.module, a.feature].filter(Boolean).join(" › "))
+      })
+    ]
+  });
+};
+export {
+  _ as NavigationItemTargetEditor
+};

package/dist/screen-editor/{NavigationTargetEditor-BZ0uQnIl.js → NavigationTargetEditor-DiGohBww.js}

@@ -1,5 +1,5 @@
 import { o as g } from "./structuredValue-vqCZttsk.js";
-import { t as v } from "./SearchableSelect-C4yzIyo_.js";
+import { t as v } from "./SearchableSelect-Cj_cgVO0.js";
 import { Fragment as f, jsx as l, jsxs as y } from "react/jsx-runtime";
 var T = (o) => typeof o == "string" && o !== "" ? o : g(o) && typeof o.screen == "string" && o.screen !== "" ? o.screen : void 0, C = ({ value: o, onChange: b, descriptor: t, context: n, disabled: h, id: c }) => {
   const r = n.strings.editors, d = n.lookups.destinations, s = T(o), a = d.find((e) => e.id === s), i = s !== void 0 && a === void 0, m = t.valueType === "destination", p = d.map((e) => ({

package/dist/screen-editor/{QueryBindingPropertyEditor-DLlC-slh.js → QueryBindingPropertyEditor-DOxhWp02.js}

@@ -33,13 +33,13 @@ function A(e, r, i = r) {
     }]
   };
 }
-function M(e, r) {
+function F(e, r) {
   return {
     ...e,
     results: e.results.filter((i) => i.field !== r)
   };
 }
-var S = (e, r) => e.arguments.find((i) => i.parameter === r.name)?.source.path ?? "", F = (e, r) => e.results.some((i) => i.field === r.name), u = /* @__PURE__ */ (function(e) {
+var M = (e, r) => e.arguments.find((i) => i.parameter === r.name)?.source.path ?? "", S = (e, r) => e.results.some((i) => i.field === r.name), u = /* @__PURE__ */ (function(e) {
   return e.NoQuery = "noQuery", e.MissingQuery = "missingQuery", e.Loading = "loading", e.Empty = "empty", e.Error = "error", e.Ready = "ready", e;
 })({});
 function R({ binding: e, candidate: r, isLoading: i, error: s, rowCount: c }) {
@@ -103,7 +103,7 @@ var k = (e) => e.origin.map((r) => r.name).join(" / "), D = ({ property: e, cand
       t && m && /* @__PURE__ */ d(I, { children: [m.parameters.length > 0 && /* @__PURE__ */ d("div", {
         className: "studio-editor-query__group",
         children: [/* @__PURE__ */ o("strong", { children: l.parameters }), m.parameters.map((n) => /* @__PURE__ */ d("label", { children: [/* @__PURE__ */ d("span", { children: [l.sourceFor(n.name), n.required ? " *" : ""] }), /* @__PURE__ */ d("select", {
-          value: S(t, n),
+          value: M(t, n),
           onChange: (a) => p(L(t, n.name, a.target.value)),
           children: [/* @__PURE__ */ o("option", {
             value: "",
@@ -119,8 +119,8 @@ var k = (e) => e.origin.map((r) => r.name).join(" / "), D = ({ property: e, cand
           className: "studio-editor-query__column",
           children: [/* @__PURE__ */ o("input", {
             type: "checkbox",
-            checked: F(t, n),
-            onChange: (a) => p(a.target.checked ? A(t, n.name) : M(t, n.name))
+            checked: S(t, n),
+            onChange: (a) => p(a.target.checked ? A(t, n.name) : F(t, n.name))
           }), /* @__PURE__ */ o("span", { children: l.showColumn(n.name) })]
         }, n.name))]
       })] }),
@@ -153,7 +153,7 @@ function O(e, r) {
       return "";
   }
 }
-var H = ({ onChange: e, context: r, disabled: i }) => {
+var G = ({ onChange: e, context: r, disabled: i }) => {
   const { session: s } = r;
   return s ? /* @__PURE__ */ o(D, {
     property: s.property,
@@ -165,5 +165,5 @@ var H = ({ onChange: e, context: r, disabled: i }) => {
   }) : null;
 };
 export {
-  H as QueryBindingPropertyEditor
+  G as QueryBindingPropertyEditor
 };

package/dist/screen-editor/{ReferenceEditor-BGuaEvY7.js → ReferenceEditor-DYLimujk.js}

@@ -1,4 +1,4 @@
-import { t as h } from "./SearchableSelect-C4yzIyo_.js";
+import { t as h } from "./SearchableSelect-Cj_cgVO0.js";
 import { Fragment as v, jsx as p, jsxs as g } from "react/jsx-runtime";
 var L = ({ value: s, onChange: d, descriptor: i, context: l, disabled: u, problem: b, id: n }) => {
   const o = l.strings.editors.select, c = i.editorOptions?.reference, m = c ? l.lookups.references(c.target) : [], r = typeof s == "string" && s !== "" ? s : void 0, t = m.map((e) => ({

package/dist/screen-editor/{ReferenceTargetEditors-kxd9SIuG.js → ReferenceTargetEditors-D0jEg1QM.js}

@@ -1,4 +1,4 @@
-import { ReferenceEditor as t } from "./ReferenceEditor-BGuaEvY7.js";
+import { ReferenceEditor as t } from "./ReferenceEditor-DYLimujk.js";
 import { jsx as o } from "react/jsx-runtime";
 var i = (e) => (r) => /* @__PURE__ */ o(t, {
   ...r,

package/dist/screen-editor/ScreenEditor/DesignMode/DesignModeStrings.d.ts

@@ -1,5 +1,6 @@
 export interface DesignModeStrings {
     toolbarLabel: (itemLabel: string) => string;
+    slotName: (slot: string) => string;
     titleField: string;
     notLinked: string;
     chooseSlice: string;
@@ -12,6 +13,7 @@ export interface DesignModeStrings {
     choiceLabel: (title: string) => string;
     close: string;
     toolbar: {
+        toolbarButton: string;
         opensAsDialog: string;
         dialogFromSlice: (template: string) => string;
         dialogDefault: (template: string) => string;

package/dist/screen-editor/ScreenEditor/PropertyEditors/Registry/PropertyEditorProps.d.ts

@@ -42,6 +42,7 @@ export interface EditorLookups {
     destinations: readonly ConfigurationDestination[];
     slots: readonly string[];
     structure?: ApplicationStructure;
+    navigationModule?: string;
     queryCandidates: readonly QueryCandidate[];
     availableSources: Readonly<Record<string, string>>;
     fields: readonly QueryResultField[];

package/dist/screen-editor/ScreenEditor/PropertyEditors/Registry/PropertyEditorStrings.d.ts

@@ -38,6 +38,7 @@ export interface PropertyEditorStrings {
         notLinked: string;
         module: string;
         unresolved: (target: string) => string;
+        outOfScope: string;
     };
     renderingSlot: {
         none: string;

package/dist/screen-editor/ScreenEditor/PropertyEditors/Specific/NavigationItemTargetEditor.d.ts

@@ -10,6 +10,7 @@ interface Row {
     depth: number;
     target: NavigationItemTarget;
     module: boolean;
+    owner: string;
 }
 export declare const rowsOf: (structure: ApplicationStructure) => Row[];
 export declare const NavigationItemTargetEditor: ({ value, onChange, context, disabled, id }: PropertyEditorProps<unknown>) => import("react").JSX.Element;

package/dist/screen-editor/ScreenEditor/Runtime/screenEditorRuntimeForProfile.d.ts

@@ -1,5 +1,6 @@
 import type { ScenePackageBundle } from '@cratis/scene.react';
 import type { PersistedUiProfile } from '../../UiProfile/PersistedUiProfile';
+import type { SampleDataSelectionSettings } from '../../UiProfile/SampleDataSelectionSettings';
 import type { ScreenEditorAppearance } from './ScreenEditorAppearance';
 import { type ScreenEditorRuntime } from './screenEditorRuntime';
-export declare function screenEditorRuntimeForProfile(applied?: PersistedUiProfile, bundles?: ScenePackageBundle[], appearance?: ScreenEditorAppearance): ScreenEditorRuntime;
+export declare function screenEditorRuntimeForProfile(applied?: PersistedUiProfile, bundles?: ScenePackageBundle[], appearance?: ScreenEditorAppearance, sampleData?: SampleDataSelectionSettings): ScreenEditorRuntime;

package/dist/screen-editor/SearchableSelect-Cj_cgVO0.js

@@ -0,0 +1,114 @@
+import { Fragment as R, useId as T, useMemo as U, useRef as V, useState as g } from "react";
+import { jsx as l, jsxs as o } from "react/jsx-runtime";
+function $(u, a) {
+  const r = a.trim().toLowerCase();
+  return u.filter((i) => r === "" || i.label.toLowerCase().includes(r) || (i.group ?? "").toLowerCase().includes(r));
+}
+var H = ({ id: u, options: a, value: r, onChange: i, disabled: b, invalid: j, placeholder: O, searchLabel: v, emptyLabel: E, clearLabel: F, clearable: I, renderClosed: y, inline: c, ...w }) => {
+  const [K, N] = g(!1), d = c === !0 || K, [h, k] = g(""), [x, m] = g(0), D = T(), C = V(null), _ = a.find((e) => e.value === r), n = U(() => $(a, h), [a, h]), s = n.filter((e) => e.disabled !== !0), p = () => {
+    c !== !0 && N(!1), k("");
+  }, M = (e) => {
+    e.disabled || (i(e.value), p());
+  }, L = (e) => {
+    if (e.key === "Escape") {
+      e.stopPropagation(), p();
+      return;
+    }
+    if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+      if (e.preventDefault(), s.length === 0) return;
+      m((t) => (t + (e.key === "ArrowDown" ? 1 : -1) + s.length) % s.length);
+    } else if (e.key === "Enter") {
+      e.preventDefault();
+      const t = s[Math.min(x, s.length - 1)];
+      t && M(t);
+    }
+  }, f = n.some((e) => e.section !== void 0), S = (e) => f ? e.section ?? "" : e.group ?? "", q = [...new Set(n.map(S))].sort((e, t) => f ? 0 : e === "" ? -1 : t === "" ? 1 : 0), B = s[Math.min(x, Math.max(s.length - 1, 0))]?.value;
+  return /* @__PURE__ */ o("div", {
+    ref: C,
+    className: "studio-editor-select",
+    onKeyDown: d ? L : void 0,
+    onBlur: (e) => {
+      C.current?.contains(e.relatedTarget) || p();
+    },
+    children: [
+      c !== !0 && /* @__PURE__ */ l("button", {
+        type: "button",
+        id: u,
+        role: "combobox",
+        "aria-haspopup": "listbox",
+        "aria-expanded": d,
+        "aria-controls": d ? D : void 0,
+        "aria-invalid": j || void 0,
+        className: "studio-editor-select__trigger",
+        disabled: b,
+        ...w,
+        onClick: () => {
+          N(!d), m(0);
+        },
+        children: y ? y(_) : /* @__PURE__ */ l("span", {
+          className: _ ? void 0 : "studio-editor-select__placeholder",
+          children: _?.label ?? O
+        })
+      }),
+      I === !0 && r !== void 0 && !b && /* @__PURE__ */ l("button", {
+        type: "button",
+        className: "studio-editor-select__clear",
+        "aria-label": F,
+        onClick: () => i(void 0),
+        children: "×"
+      }),
+      d && /* @__PURE__ */ o("div", {
+        className: `studio-editor-select__panel${c === !0 ? " studio-editor-select__panel--inline" : ""}`,
+        children: [(c !== !0 || a.length > 10) && /* @__PURE__ */ l("input", {
+          type: "search",
+          autoFocus: !0,
+          className: "studio-editor-select__search",
+          "aria-label": v,
+          placeholder: v,
+          value: h,
+          onChange: (e) => {
+            k(e.target.value), m(0);
+          }
+        }), /* @__PURE__ */ o("ul", {
+          id: D,
+          role: "listbox",
+          "aria-labelledby": w["aria-labelledby"],
+          className: "studio-editor-select__options",
+          children: [n.length === 0 && /* @__PURE__ */ l("li", {
+            className: "studio-editor-select__empty",
+            children: E
+          }), q.map((e) => /* @__PURE__ */ o("li", {
+            role: "presentation",
+            children: [e !== "" && /* @__PURE__ */ l("div", {
+              className: "studio-editor-select__group",
+              children: e
+            }), /* @__PURE__ */ l("ul", {
+              role: "presentation",
+              children: n.filter((t) => S(t) === e).map((t, A, P) => /* @__PURE__ */ o(R, { children: [f && t.group && (A === 0 || P[A - 1].group !== t.group) && /* @__PURE__ */ l("li", {
+                role: "presentation",
+                className: "studio-editor-select__subgroup",
+                children: t.group
+              }), /* @__PURE__ */ o("li", {
+                role: "option",
+                "aria-selected": t.value === r,
+                "aria-disabled": t.disabled || void 0,
+                className: [
+                  "studio-editor-select__option",
+                  t.value === B ? "studio-editor-select__option--active" : "",
+                  t.value === r ? "studio-editor-select__option--chosen" : ""
+                ].join(" ").trim(),
+                title: t.reason ?? (t.group ? t.group : void 0),
+                onMouseDown: (Q) => Q.preventDefault(),
+                onClick: () => M(t),
+                children: [/* @__PURE__ */ l("span", { children: t.label }), t.trailing !== void 0 ? /* @__PURE__ */ l("small", { children: t.trailing }) : t.disabled && t.reason && /* @__PURE__ */ l("small", { children: t.reason })]
+              })] }, t.value))
+            })]
+          }, e))]
+        })]
+      })
+    ]
+  });
+};
+export {
+  H as t
+};

package/dist/screen-editor/{SelectEditor-eeAE7a9p.js → SelectEditor-DStMNhWd.js}

@@ -1,5 +1,5 @@
 import { n as b, t as p } from "./choiceKeys-DQcUX97p.js";
-import { t as h } from "./SearchableSelect-C4yzIyo_.js";
+import { t as h } from "./SearchableSelect-Cj_cgVO0.js";
 import { jsx as m } from "react/jsx-runtime";
 var x = ({ value: i, onChange: c, descriptor: o, context: s, disabled: n, problem: d, id: r }) => {
   const a = s.strings.editors.select, l = i ?? void 0, t = b(o.choices ?? [], l);

package/dist/screen-editor/{SliceEditor-DLqvdYge.js → SliceEditor-C9bAGN4f.js}

@@ -1,4 +1,4 @@
-import { t as m } from "./SearchableSelect-C4yzIyo_.js";
+import { t as m } from "./SearchableSelect-Cj_cgVO0.js";
 import { jsx as b } from "react/jsx-runtime";
 function h(a, i, t) {
   const l = a.slices.length > 0 ? a.slices : a.stateChangeSlices.map((e) => ({

package/dist/screen-editor/{StateChangeEditors-OQ-OUDrv.js → StateChangeEditors-BkAsY31N.js}

@@ -1,4 +1,4 @@
-import { SliceEditor as r } from "./SliceEditor-DLqvdYge.js";
+import { SliceEditor as r } from "./SliceEditor-C9bAGN4f.js";
 import { jsx as i } from "react/jsx-runtime";
 var d = (t) => /* @__PURE__ */ i(r, {
   ...t,

package/dist/screen-editor/{TemplatePropertyEditor-D_OaRTPe.js → TemplatePropertyEditor-Dx1dw5aY.js}

@@ -1,4 +1,4 @@
-import { i as b, n as v, r as k, t as g } from "./toTemplateSources-CN-BMZ39.js";
+import { i as b, n as v, r as k, t as g } from "./toTemplateSources-DHyjt_ff.js";
 import { useMemo as y } from "react";
 import { applicableTemplates as S } from "@cratis/scene.engine";
 import { jsx as m } from "react/jsx-runtime";

package/dist/screen-editor/UiProfile/SampleDataSelectionSettings.d.ts

@@ -0,0 +1,13 @@
+import type { SampleDataMapping } from '@cratis/scene.model';
+/**
+ * The sample data an application uses, chosen once in the UI Profile setup and inherited everywhere: the active pack,
+ * and the shape to read model mappings that go with it. It is the `sampleData` of Scene's `UiProfile`.
+ */
+export interface SampleDataSelectionSettings {
+    /** The active pack's identifier - an own pack or a blueprint's - or empty for the generated data. */
+    activePack: string;
+    /** The shapes the pack names that stand in for a read model of another name. */
+    mappings: SampleDataMapping[];
+}
+/** No pack chosen, no mappings: the generated, deterministic data. */
+export declare const noSampleData: SampleDataSelectionSettings;

package/dist/screen-editor/UiProfile/UiProfileSettings.d.ts

@@ -1,4 +1,5 @@
 import { ColorScheme, LayoutMode } from '@cratis/scene.blueprint.default';
+import type { SampleDataSelectionSettings } from './SampleDataSelectionSettings';
 /**
  * The choices that make up an application's UI profile - what a draft edits and what applying persists.
  *
@@ -26,4 +27,9 @@ export interface UiProfileSettings {
     accent: string;
     /** The screen template new screens start from, or empty for none. Chosen per level by Cratis/StudioIssues#396. */
     defaultScreenTemplate: string;
+    /**
+     * The sample data every preview and run of the application uses: chosen once here (the user's own pack or a blueprint's)
+     * and inherited everywhere, never per screen. Absent for a profile stored before sample data existed: generated data.
+     */
+    sampleData?: SampleDataSelectionSettings;
 }

package/dist/screen-editor/UiProfile/sampleDataOf.d.ts

@@ -0,0 +1,27 @@
+import type { SampleDataSelection } from '@cratis/scene.model';
+import { SampleDataSelectionSettings } from './SampleDataSelectionSettings';
+import { UiProfileSettings } from './UiProfileSettings';
+/**
+ * The sample data choice of settings, which a profile stored before sample data existed does not have.
+ *
+ * @param settings The settings.
+ * @returns The choice; generated data when none was made.
+ */
+export declare const sampleDataOf: (settings: Pick<UiProfileSettings, 'sampleData'>) => SampleDataSelectionSettings;
+/**
+ * Whether two sample data choices are the same.
+ *
+ * @param left The first choice.
+ * @param right The second choice.
+ * @returns `true` when the same pack is active with the same mappings, whatever their order.
+ */
+export declare const areSampleDataEqual: (left: SampleDataSelectionSettings, right: SampleDataSelectionSettings) => boolean;
+/**
+ * The Scene `sampleData` of a profile for a choice: what Stage, the CLI and the screen editor read to resolve the data, so Studio
+ * keeps no separate notion of it. Nothing is returned for the generated data with no mappings - the profile then has no `sampleData`
+ * at all, as one declared without it has.
+ *
+ * @param selection The choice.
+ * @returns The Scene selection, or `undefined` when the choice declares nothing.
+ */
+export declare const toSceneSampleData: (selection: SampleDataSelectionSettings | undefined) => SampleDataSelection | undefined;

package/dist/screen-editor/UiProfile/toSceneUiProfile.d.ts

@@ -1,5 +1,6 @@
 import { UiProfile } from '@cratis/scene.model';
 import { PersistedUiProfile } from './PersistedUiProfile';
+import type { SampleDataSelectionSettings } from './SampleDataSelectionSettings';
 /**
  * Builds the Scene profile a stored UI profile stands for, without needing the package catalog.
  *
@@ -7,6 +8,7 @@ import { PersistedUiProfile } from './PersistedUiProfile';
  * Scene `UiProfile`, so the screen editor and anything else rendering a screen agree with the preview.
  *
  * @param persisted The stored profile.
+ * @param sampleData The application's sample data choice, stored apart from the profile; absent when none was made.
  * @returns The Scene {@link UiProfile}.
  */
-export declare function toSceneUiProfile(persisted: PersistedUiProfile): UiProfile;
+export declare function toSceneUiProfile(persisted: PersistedUiProfile, sampleData?: SampleDataSelectionSettings): UiProfile;