@floegence/floe-webapp-core 0.36.61 → 0.36.62

package/dist/components/workbench/WorkbenchCanvasField.js

@@ -1,21 +1,21 @@
-import { insert as l, memo as g, createComponent as d, effect as M, template as O } from "solid-js/web";
-import { createMemo as a, createSignal as E, For as C } from "solid-js";
+import { insert as l, memo as u, createComponent as c, effect as M, template as W } from "solid-js/web";
+import { createMemo as a, createSignal as E, For as I } from "solid-js";
 import { resolveWorkbenchInteractionAdapter as B } from "./workbenchInteractionAdapter.js";
 import { WORKBENCH_BACKGROUND_REGION_FILTER_ID as x, WORKBENCH_TEXT_FILTER_ID as N, WORKBENCH_STICKY_FILTER_ID as _ } from "./types.js";
 import { createWorkbenchRenderLayerMap as A } from "./workbenchHelpers.js";
 import { getWidgetEntry as D } from "./widgets/widgetRegistry.js";
-import { WorkbenchWidget as s } from "./WorkbenchWidget.js";
-import { WorkbenchPlacementPreview as P } from "./WorkbenchPlacementPreview.js";
-import { WorkbenchBackgroundLayerView as j, WorkbenchAnnotationLayerView as G, WorkbenchLayerControlOverlayView as T, createWorkbenchTextEditorRegistry as q, WorkbenchStickyNote as z } from "./WorkbenchLayerObjects.js";
-var U = /* @__PURE__ */ O("<div class=workbench-canvas__field><div class=workbench-canvas__grid aria-hidden=true></div><div class=workbench-work-layer>");
-function V(e) {
-  const c = a((o) => {
+import { WorkbenchWidget as V } from "./WorkbenchWidget.js";
+import { WorkbenchPlacementPreview as s } from "./WorkbenchPlacementPreview.js";
+import { WorkbenchBackgroundLayerView as P, WorkbenchAnnotationLayerView as j, WorkbenchLayerControlOverlayView as G, createWorkbenchTextEditorRegistry as T, WorkbenchStickyNote as q } from "./WorkbenchLayerObjects.js";
+var z = /* @__PURE__ */ W("<div class=workbench-canvas__field><div class=workbench-canvas__grid aria-hidden=true></div><div class=workbench-work-layer>");
+function U(e) {
+  const d = a((i) => {
     const m = e.widgetById().get(e.widgetId);
     if (m) return m;
-    if (o) return o;
+    if (i) return i;
     throw new Error(`Workbench widget ${e.widgetId} is missing from the render map.`);
-  }), n = a(() => D(c().type, e.widgetDefinitions));
-  return d(s, {
+  }), n = a(() => D(d().type, e.widgetDefinitions));
+  return c(V, {
     get definition() {
       return n();
     },
@@ -23,32 +23,32 @@ function V(e) {
       return e.widgetId;
     },
     get widgetTitle() {
-      return c().title;
+      return d().title;
     },
     get widgetType() {
-      return c().type;
+      return d().type;
     },
     get x() {
-      return c().x;
+      return d().x;
     },
     get y() {
-      return c().y;
+      return d().y;
     },
     get width() {
-      return c().width;
+      return d().width;
     },
     get height() {
-      return c().height;
+      return d().height;
     },
     get renderLayer() {
       return e.renderLayers().byWidgetId.get(e.widgetId) ?? 1;
     },
-    itemSnapshot: c,
+    itemSnapshot: d,
     get selected() {
       return e.selectedWidgetId === e.widgetId;
     },
-    get optimisticFront() {
-      return e.optimisticFrontWidgetId === e.widgetId;
+    get visualFront() {
+      return e.visualFrontOwnerId === e.widgetId;
     },
     get motion() {
       return e.widgetMotionById?.[e.widgetId] ?? null;
@@ -63,7 +63,7 @@ function V(e) {
       return e.locked;
     },
     get filtered() {
-      return g(() => !e.workLayerLocked)() && e.filters[c().type] === !1;
+      return u(() => !e.workLayerLocked)() && e.filters[d().type] === !1;
     },
     get interactionAdapter() {
       return e.interactionAdapter;
@@ -77,8 +77,8 @@ function V(e) {
     get onContextMenu() {
       return e.onWidgetContextMenu;
     },
-    get onStartOptimisticFront() {
-      return e.onStartOptimisticFront;
+    get onClaimVisualFrontOwner() {
+      return e.onClaimVisualFrontOwner;
     },
     get onCommitFront() {
       return e.onCommitFront;
@@ -113,18 +113,18 @@ function V(e) {
   });
 }
 function $(e) {
-  const c = a((n) => {
-    const o = e.stickyNoteById().get(e.noteId);
-    if (o) return o;
+  const d = a((n) => {
+    const i = e.stickyNoteById().get(e.noteId);
+    if (i) return i;
     if (n) return n;
     throw new Error(`Workbench sticky note ${e.noteId} is missing from the render map.`);
   });
-  return d(z, {
+  return c(q, {
     get item() {
-      return c();
+      return d();
     },
     get selected() {
-      return g(() => e.selectedObject?.kind === "sticky_note")() && e.selectedObject.id === e.noteId;
+      return u(() => e.selectedObject?.kind === "sticky_note")() && e.selectedObject.id === e.noteId;
     },
     get viewportScale() {
       return e.viewportScale;
@@ -141,16 +141,16 @@ function $(e) {
     get filtered() {
       return e.filtered;
     },
-    get optimisticFront() {
-      return e.optimisticFrontWidgetId === e.noteId;
+    get visualFront() {
+      return e.visualFrontOwnerId === e.noteId;
     },
     onSelect: (n) => e.onSelectStickyNote?.(n),
-    onContextMenu: (n, o) => e.onStickyNoteContextMenu?.(n, o),
-    onStartOptimisticFront: (n) => e.onStartStickyOptimisticFront?.(n),
+    onContextMenu: (n, i) => e.onStickyNoteContextMenu?.(n, i),
+    onClaimVisualFrontOwner: (n) => e.onClaimStickyVisualFrontOwner?.(n),
     onCommitFront: (n) => e.onCommitStickyFront?.(n),
-    onCommitMove: (n, o) => e.onCommitStickyMove?.(n, o),
-    onCommitResize: (n, o) => e.onCommitStickyResize?.(n, o),
-    onUpdate: (n, o) => e.onUpdateStickyNote?.(n, o),
+    onCommitMove: (n, i) => e.onCommitStickyMove?.(n, i),
+    onCommitResize: (n, i) => e.onCommitStickyResize?.(n, i),
+    onUpdate: (n, i) => e.onUpdateStickyNote?.(n, i),
     onDelete: (n) => e.onDeleteStickyNote?.(n),
     get onLayoutInteractionStart() {
       return e.onLayoutInteractionStart;
@@ -161,18 +161,18 @@ function $(e) {
   });
 }
 function te(e) {
-  const c = a(() => B(e.interactionAdapter)), n = a(() => e.widgets.map((r) => r.id)), o = a(() => new Map(e.widgets.map((r) => [r.id, r]))), m = a(() => (e.stickyNotes ?? []).map((r) => r.id)), f = a(() => new Map((e.stickyNotes ?? []).map((r) => [r.id, r]))), R = q(), v = a(() => e.textEditorRegistry ?? R), S = a(() => A([...e.widgets, ...e.stickyNotes ?? []])), b = a(() => e.selectedObject?.kind === "widget" ? e.selectedObject.id : e.selectedWidgetId), L = a(() => e.locked || !!e.workLayerLocked), [W, h] = E(null), y = a(() => e.layerGeometryPreview === void 0 ? W() : e.layerGeometryPreview), w = (r) => {
+  const d = a(() => B(e.interactionAdapter)), n = a(() => e.widgets.map((r) => r.id)), i = a(() => new Map(e.widgets.map((r) => [r.id, r]))), m = a(() => (e.stickyNotes ?? []).map((r) => r.id)), f = a(() => new Map((e.stickyNotes ?? []).map((r) => [r.id, r]))), R = T(), v = a(() => e.textEditorRegistry ?? R), C = a(() => A([...e.widgets, ...e.stickyNotes ?? []])), b = a(() => e.selectedObject?.kind === "widget" ? e.selectedObject.id : e.selectedWidgetId), L = a(() => e.locked || !!e.workLayerLocked), [O, h] = E(null), y = a(() => e.layerGeometryPreview === void 0 ? O() : e.layerGeometryPreview), w = (r) => {
     if (e.onLayerGeometryPreview) {
       e.onLayerGeometryPreview(r);
       return;
     }
     h(r);
-  }, I = a(() => e.renderFreeformLayers !== !1);
+  }, S = a(() => e.renderFreeformLayers !== !1);
   return (() => {
-    var r = U(), F = r.firstChild, k = F.nextSibling;
+    var r = z(), F = r.firstChild, k = F.nextSibling;
     return l(r, (() => {
-      var u = g(() => !!I());
-      return () => u() ? [d(j, {
+      var g = u(() => !!S());
+      return () => g() ? [c(P, {
         get items() {
           return e.backgroundLayers ?? [];
         },
@@ -180,7 +180,7 @@ function te(e) {
           return e.selectedObject ?? null;
         },
         get editable() {
-          return g(() => !!e.backgroundLayerEditable)() && !e.locked;
+          return u(() => !!e.backgroundLayerEditable)() && !e.locked;
         },
         get filtered() {
           return e.filters[x] === !1;
@@ -193,9 +193,9 @@ function te(e) {
           return e.viewport;
         },
         onSelect: (t) => e.onSelectBackgroundLayer?.(t),
-        onContextMenu: (t, i) => e.onBackgroundLayerContextMenu?.(t, i),
-        onCommitMove: (t, i) => e.onCommitBackgroundMove?.(t, i)
-      }), d(G, {
+        onContextMenu: (t, o) => e.onBackgroundLayerContextMenu?.(t, o),
+        onCommitMove: (t, o) => e.onCommitBackgroundMove?.(t, o)
+      }), c(j, {
         get items() {
           return e.annotations ?? [];
         },
@@ -203,7 +203,7 @@ function te(e) {
           return e.selectedObject ?? null;
         },
         get editable() {
-          return g(() => !!e.annotationLayerEditable)() && !e.locked;
+          return u(() => !!e.annotationLayerEditable)() && !e.locked;
         },
         get filtered() {
           return e.filters[N] === !1;
@@ -219,32 +219,32 @@ function te(e) {
           return e.viewport;
         },
         onSelect: (t) => e.onSelectAnnotation?.(t),
-        onContextMenu: (t, i) => e.onAnnotationContextMenu?.(t, i),
-        onCommitMove: (t, i) => e.onCommitAnnotationMove?.(t, i),
-        onUpdate: (t, i) => e.onUpdateTextAnnotation?.(t, i)
+        onContextMenu: (t, o) => e.onAnnotationContextMenu?.(t, o),
+        onCommitMove: (t, o) => e.onCommitAnnotationMove?.(t, o),
+        onUpdate: (t, o) => e.onUpdateTextAnnotation?.(t, o)
       })] : null;
-    })(), k), l(k, d(C, {
+    })(), k), l(k, c(I, {
       get each() {
         return n();
       },
-      children: (u) => d(V, {
-        widgetId: u,
+      children: (g) => c(U, {
+        widgetId: g,
         get widgetDefinitions() {
           return e.widgetDefinitions;
         },
         get widgets() {
           return e.widgets;
         },
-        widgetById: o,
-        renderLayers: S,
+        widgetById: i,
+        renderLayers: C,
         get viewport() {
           return e.viewport;
         },
         get selectedWidgetId() {
           return b();
         },
-        get optimisticFrontWidgetId() {
-          return e.optimisticFrontWidgetId;
+        get visualFrontOwnerId() {
+          return e.visualFrontOwnerId;
         },
         get viewportScale() {
           return e.viewportScale;
@@ -259,7 +259,7 @@ function te(e) {
           return e.widgetMotionById;
         },
         get interactionAdapter() {
-          return c();
+          return d();
         },
         get onSelectWidget() {
           return e.onSelectWidget;
@@ -267,8 +267,8 @@ function te(e) {
         get onWidgetContextMenu() {
           return e.onWidgetContextMenu;
         },
-        get onStartOptimisticFront() {
-          return e.onStartOptimisticFront;
+        get onClaimVisualFrontOwner() {
+          return e.onClaimVisualFrontOwner;
         },
         get onCommitFront() {
           return e.onCommitFront;
@@ -301,18 +301,18 @@ function te(e) {
           return e.onLayoutInteractionEnd;
         }
       })
-    }), null), l(k, d(C, {
+    }), null), l(k, c(I, {
       get each() {
         return m();
       },
-      children: (u) => d($, {
-        noteId: u,
+      children: (g) => c($, {
+        noteId: g,
         stickyNoteById: f,
         get selectedObject() {
           return e.selectedObject;
         },
-        get optimisticFrontWidgetId() {
-          return e.optimisticFrontWidgetId;
+        get visualFrontOwnerId() {
+          return e.visualFrontOwnerId;
         },
         get viewportScale() {
           return e.viewportScale;
@@ -321,7 +321,7 @@ function te(e) {
           return L();
         },
         get filtered() {
-          return g(() => !e.workLayerLocked)() && e.filters[_] === !1;
+          return u(() => !e.workLayerLocked)() && e.filters[_] === !1;
         },
         get onSelectStickyNote() {
           return e.onSelectStickyNote;
@@ -329,8 +329,8 @@ function te(e) {
         get onStickyNoteContextMenu() {
           return e.onStickyNoteContextMenu;
         },
-        get onStartStickyOptimisticFront() {
-          return e.onStartStickyOptimisticFront;
+        get onClaimStickyVisualFrontOwner() {
+          return e.onClaimStickyVisualFrontOwner;
         },
         get onCommitStickyFront() {
           return e.onCommitStickyFront;
@@ -353,11 +353,11 @@ function te(e) {
         get onLayoutInteractionEnd() {
           return e.onLayoutInteractionEnd;
         },
-        renderLayers: S
+        renderLayers: C
       })
     }), null), l(r, (() => {
-      var u = g(() => !!I());
-      return () => u() ? d(T, {
+      var g = u(() => !!S());
+      return () => g() ? c(G, {
         get annotations() {
           return e.annotations ?? [];
         },
@@ -368,7 +368,7 @@ function te(e) {
           return e.selectedObject ?? null;
         },
         get editable() {
-          return g(() => !!(e.annotationLayerEditable || e.backgroundLayerEditable))() && !e.locked;
+          return u(() => !!(e.annotationLayerEditable || e.backgroundLayerEditable))() && !e.locked;
         },
         get showRegionOutlines() {
           return !!e.showRegionOutlines;
@@ -383,15 +383,15 @@ function te(e) {
         get textEditorRegistry() {
           return v();
         },
-        onCommitAnnotationMove: (t, i) => e.onCommitAnnotationMove?.(t, i),
-        onCommitAnnotationResize: (t, i) => e.onCommitAnnotationResize?.(t, i),
-        onUpdateTextAnnotation: (t, i) => e.onUpdateTextAnnotation?.(t, i),
+        onCommitAnnotationMove: (t, o) => e.onCommitAnnotationMove?.(t, o),
+        onCommitAnnotationResize: (t, o) => e.onCommitAnnotationResize?.(t, o),
+        onUpdateTextAnnotation: (t, o) => e.onUpdateTextAnnotation?.(t, o),
         onDeleteAnnotation: (t) => e.onDeleteAnnotation?.(t),
-        onCommitBackgroundResize: (t, i) => e.onCommitBackgroundResize?.(t, i),
-        onUpdateBackgroundLayer: (t, i) => e.onUpdateBackgroundLayer?.(t, i),
+        onCommitBackgroundResize: (t, o) => e.onCommitBackgroundResize?.(t, o),
+        onUpdateBackgroundLayer: (t, o) => e.onUpdateBackgroundLayer?.(t, o),
         onDeleteBackgroundLayer: (t) => e.onDeleteBackgroundLayer?.(t)
       }) : null;
-    })(), null), l(r, d(P, {
+    })(), null), l(r, c(s, {
       get preview() {
         return e.placementPreview;
       },

package/dist/components/workbench/WorkbenchLayerObjects.d.ts

@@ -29,10 +29,10 @@ export declare function WorkbenchStickyNote(props: {
     topRenderLayer: number;
     locked: boolean;
     filtered: boolean;
-    optimisticFront?: boolean;
+    visualFront?: boolean;
     onSelect: (noteId: string) => void;
     onContextMenu?: (event: MouseEvent, item: WorkbenchStickyNoteItem) => void;
-    onStartOptimisticFront?: (noteId: string) => void;
+    onClaimVisualFrontOwner?: (noteId: string) => void;
     onCommitFront?: (noteId: string) => void;
     onCommitMove: (noteId: string, position: {
         x: number;