@cratis/event-models 0.222.6 → 0.223.1

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

@@ -1,9 +1,9 @@
 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 { t as D } from "./StructuredValueEditor-DUSATTWd.js";
 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";
+import { BindingSourceKind as d, PropertyValueType as C } from "@cratis/scene.model";
 var u = /* @__PURE__ */ (function(e) {
   return e.String = "string", e.Number = "number", e.Boolean = "boolean", e.Null = "null", e.Json = "json", e;
 })(u || {}), $ = ({ property: e, sources: l, strings: s, disabled: c, onChange: p }) => {

package/dist/screen-editor/{CollectionEditor-C7eX8Hw7.js → CollectionEditor-DoTQJiqE.js}

@@ -1,8 +1,8 @@
 import { a as u, i as D, r as T, t as A } from "./iconDiagnostics-Ds4CnqD0.js";
-import { n as P, t as $ } from "./allowedIconChoices-DBgeRdGI.js";
-import { StructuredPropertyEditor as U } from "./StructuredPropertyEditor-B3lVjrHZ.js";
-import { CollectionOperation as C, DestinationKind as v, PropertyValueType as L, SceneEditKind as O } from "@cratis/scene.model";
+import { n as P, t as $ } from "./allowedIconChoices-KSkQ6blx.js";
+import { StructuredPropertyEditor as U } from "./StructuredPropertyEditor-Bd-8GBgK.js";
 import { jsx as n, jsxs as c } from "react/jsx-runtime";
+import { CollectionOperation as C, DestinationKind as v, PropertyValueType as L, SceneEditKind as O } from "@cratis/scene.model";
 import { OrderedItemEditor as F } from "@cratis/components/ConfigurationEditor";
 var K = /* @__PURE__ */ new Set([
   "label",

package/dist/screen-editor/{IconEditor-C0ibqn-e.js → IconEditor-qXyGbGEX.js}

@@ -1,11 +1,11 @@
-import { n as t, t as d } from "./allowedIconChoices-DBgeRdGI.js";
-import { isIconReference as p } from "@cratis/scene.model";
-import { jsx as g } from "react/jsx-runtime";
+import { n as t, t as d } from "./allowedIconChoices-KSkQ6blx.js";
+import { jsx as p } from "react/jsx-runtime";
+import { isIconReference as g } from "@cratis/scene.model";
 var I = ({ value: a, onChange: s, descriptor: i, context: o, disabled: l, problem: n, id: e }) => {
   const { icons: r } = o.lookups;
-  return /* @__PURE__ */ g(t, {
+  return /* @__PURE__ */ p(t, {
     id: e,
-    value: p(a) ? a : void 0,
+    value: g(a) ? a : void 0,
     onChange: (c) => s(c),
     catalog: r.catalog,
     adapters: r.adapters,

package/dist/screen-editor/{QueryBindingPropertyEditor-BQa1v9AT.js → QueryBindingPropertyEditor-Cu4PTcOz.js}

@@ -1,7 +1,7 @@
 import { t as N } from "./QueryBindingEditor-MTd0R7iQ.js";
 import { useState as C } from "react";
-import { validateBinding as E } from "@cratis/scene.engine";
-import { Fragment as I, jsx as o, jsxs as d } from "react/jsx-runtime";
+import { Fragment as E, jsx as o, jsxs as d } from "react/jsx-runtime";
+import { validateBinding as I } from "@cratis/scene.engine";
 function j(e) {
   return {
     queryId: e.id,
@@ -46,7 +46,7 @@ function R({ binding: e, candidate: r, isLoading: i, error: s, rowCount: c }) {
   return e ? r ? s != null ? u.Error : i ? u.Loading : c === 0 ? u.Empty : u.Ready : u.MissingQuery : u.NoQuery;
 }
 function v(e, r, i, s) {
-  const c = E(e, r, i, s);
+  const c = I(e, r, i, s);
   return {
     diagnostics: c,
     isStorable: c.every((y) => y.severity !== "error")
@@ -100,7 +100,7 @@ var k = (e) => e.origin.map((r) => r.name).join(" / "), D = ({ property: e, cand
         role: "alert",
         children: l.missing
       }),
-      t && m && /* @__PURE__ */ d(I, { children: [m.parameters.length > 0 && /* @__PURE__ */ d("div", {
+      t && m && /* @__PURE__ */ d(E, { 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: M(t, n),

package/dist/screen-editor/ScreenEditor/DropRegions/computeDropRegions.d.ts

@@ -1,4 +1,4 @@
-import { LayoutArrangement } from '@cratis/scene/ScreenEditor';
+import { LayoutArrangement } from '../Layouts/LayoutArrangement';
 import type { StructureTreeAdapter } from '../Structure/StructureTreeAdapter';
 import type { DropRegion } from './DropRegion';
 import { InsertionAxis } from './InsertionAxis';

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

@@ -0,0 +1,23 @@
+import React, { type ReactNode } from 'react';
+export declare const inspectorWidth = 360;
+export interface OverlaySize {
+    width: number;
+    height: number;
+}
+export interface ScreenEditorOverlayFrameState {
+    size: OverlaySize;
+    setSize: (size: OverlaySize) => void;
+    isInspectorOpen: boolean;
+    toggleInspector: () => void;
+    close: () => void;
+}
+export interface ScreenEditorOverlayFrameProps {
+    sourceRect: DOMRect;
+    initialSize?: OverlaySize;
+    centerOffsetX?: number;
+    children: (state: ScreenEditorOverlayFrameState) => ReactNode;
+    renderInspector?: (state: ScreenEditorOverlayFrameState) => ReactNode;
+    canClose?: (size: OverlaySize) => Promise<boolean>;
+    onClosed: (size: OverlaySize) => void;
+}
+export declare const ScreenEditorOverlayFrame: ({ sourceRect, initialSize, centerOffsetX, children, renderInspector, canClose, onClosed }: ScreenEditorOverlayFrameProps) => React.JSX.Element;

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

@@ -0,0 +1,14 @@
+export interface OverlayViewport {
+    width: number;
+    height: number;
+}
+export interface FittedOverlay {
+    width: number;
+    height: number;
+    offsetX: number;
+}
+export declare const overlayMargin = 8;
+export declare function fitOverlay(size: {
+    width: number;
+    height: number;
+}, viewport: OverlayViewport, requestedOffsetX: number): FittedOverlay;

package/dist/screen-editor/ScreenEditor/Layouts/LayoutArrangement.d.ts

@@ -0,0 +1,8 @@
+export declare enum LayoutArrangement {
+    Row = "row",
+    Column = "column",
+    Grid = "grid",
+    Wrap = "wrap",
+    Freeform = "freeform",
+    Grouping = "grouping"
+}

package/dist/screen-editor/ScreenEditor/Layouts/LayoutCatalogEntry.d.ts

@@ -1,5 +1,5 @@
 import type { FlowContainerKind } from '@cratis/scene.model';
-import type { LayoutArrangement } from '@cratis/scene/ScreenEditor';
+import type { LayoutArrangement } from './LayoutArrangement';
 import type { LayoutItem } from './LayoutItem';
 import type { PanelConstruct } from './PanelConstruct';
 export interface LayoutCatalogEntry {

package/dist/screen-editor/ScreenEditor/Layouts/LayoutContainerDescriptor.d.ts

@@ -0,0 +1,10 @@
+import type { ComponentType } from 'react';
+import type { LayoutArrangement } from './LayoutArrangement';
+export interface LayoutContainerDescriptor {
+    type: string;
+    name: string;
+    arrangement: LayoutArrangement;
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+}

package/dist/screen-editor/ScreenEditor/Layouts/toLayoutContainerDescriptors.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentType } from 'react';
-import type { LayoutContainerDescriptor } from '@cratis/scene/ScreenEditor';
+import type { LayoutContainerDescriptor } from './LayoutContainerDescriptor';
 import type { LayoutCatalogEntry } from './LayoutCatalogEntry';
 import type { LayoutItem } from './LayoutItem';
 export type LayoutLabels = Record<LayoutItem, string>;

package/dist/screen-editor/ScreenEditor/Selection/surfaceArrangementOfRoot.d.ts

@@ -1,3 +1,3 @@
 import type { Panel } from '@cratis/scene.model';
-import { LayoutArrangement } from '@cratis/scene/ScreenEditor';
+import { LayoutArrangement } from '../Layouts/LayoutArrangement';
 export declare function surfaceArrangementOfRoot(root: Panel | undefined): LayoutArrangement;

package/dist/screen-editor/ScreenEditor/Structure/StructureTreeAdapter.d.ts

@@ -1,4 +1,4 @@
-import type { LayoutArrangement } from '@cratis/scene/ScreenEditor';
+import type { LayoutArrangement } from '../Layouts/LayoutArrangement';
 import type { Ownership } from './Ownership';
 export interface StructureTreeAdapter<T> {
     idOf(node: T): string;

package/dist/screen-editor/ScreenEditor/index.d.ts

@@ -25,6 +25,8 @@ export * from './Defaults/defaultLayoutIcons';
 export * from './Defaults/defaultPaletteIcons';
 export * from './Defaults/defaultPaletteSources';
 export * from './Layouts/LayoutItem';
+export * from './Layouts/LayoutArrangement';
+export * from './Layouts/LayoutContainerDescriptor';
 export * from './Layouts/toLayoutContainerDescriptors';
 export * from './Palette/buildPalette';
 export * from './Actions/StateChangeSlice';

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

@@ -1,4 +1,4 @@
-import { t as s } from "./StructuredValueEditor-CcwyOga0.js";
+import { t as s } from "./StructuredValueEditor-DUSATTWd.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/{TemplatePropertyEditor-CDKWG7m1.js → TemplatePropertyEditor-JGA5uEfP.js}

@@ -1,7 +1,7 @@
-import { i as b, n as v, r as k, t as g } from "./toTemplateSources-B9ALGe3x.js";
+import { i as b, n as v, r as k, t as g } from "./toTemplateSources-Chd2UNJQ.js";
 import { useMemo as y } from "react";
-import { applicableTemplates as S } from "@cratis/scene.engine";
 import { jsx as m } from "react/jsx-runtime";
+import { applicableTemplates as S } from "@cratis/scene.engine";
 var j = ({ value: o, onChange: i, context: p, disabled: c, id: d }) => {
   const n = p.session?.environment, s = p.session?.screenStrings.properties.templates.picker, t = n?.runtime.bundles, a = n?.runtime.profile, l = n?.templateScope, u = y(() => S({ blueprints: g(t ?? []) }, v({
     bundles: t ?? [],