@floegence/floe-webapp-core 0.53.4 → 0.54.0

package/dist/components/workbench/WorkbenchCanvasField.js

@@ -1,14 +1,14 @@
 import { insert as l, memo as u, createComponent as c, effect as W, template as M } from "solid-js/web";
-import { createMemo as a, createSignal as E, For as I } from "solid-js";
+import { createMemo as a, createSignal as E, For as S } 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 A } from "./types.js";
 import { createWorkbenchRenderLayerMap as _ } from "./workbenchHelpers.js";
 import { getWidgetEntry as D } from "./widgets/widgetRegistry.js";
 import { WorkbenchWidget as V } from "./WorkbenchWidget.js";
 import { WorkbenchPlacementPreview as P } from "./WorkbenchPlacementPreview.js";
-import { WorkbenchBackgroundLayerView as j, WorkbenchAnnotationLayerView as s, WorkbenchLayerControlOverlayView as G, createWorkbenchTextEditorRegistry as T, WorkbenchStickyNote as q } from "./WorkbenchLayerObjects.js";
-var z = /* @__PURE__ */ M("<div class=workbench-canvas__field><div class=workbench-canvas__grid aria-hidden=true></div><div class=workbench-work-layer>");
-function U(e) {
+import { WorkbenchBackgroundLayerView as j, WorkbenchAnnotationLayerView as G, WorkbenchLayerControlOverlayView as T, createWorkbenchTextEditorRegistry as U, WorkbenchStickyNote as q } from "./WorkbenchLayerObjects.js";
+var s = /* @__PURE__ */ M("<div class=workbench-canvas__field><div class=workbench-canvas__grid aria-hidden=true></div><div class=workbench-work-layer>");
+function z(e) {
   const d = a((i) => {
     const m = e.widgetById().get(e.widgetId);
     if (m) return m;
@@ -164,18 +164,22 @@ function $(e) {
   });
 }
 function te(e) {
-  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(() => _([...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) => {
+  const d = a(() => B(e.interactionAdapter)), n = a(() => e.widgets.map((o) => o.id)), i = a(() => new Map(e.widgets.map((o) => [o.id, o]))), m = a(() => (e.stickyNotes ?? []).map((o) => o.id)), I = a(() => new Map((e.stickyNotes ?? []).map((o) => [o.id, o]))), f = U(), y = a(() => e.textEditorRegistry ?? f), C = a(() => _([...e.widgets, ...e.stickyNotes ?? []])), R = a(() => e.selectedObject?.kind === "widget" ? e.selectedObject.id : e.selectedWidgetId), b = a(() => e.locked || !!e.workLayerLocked), [O, h] = E(null), w = a(() => e.layerGeometryPreview === void 0 ? O() : e.layerGeometryPreview), k = (o) => {
     if (e.onLayerGeometryPreview) {
-      e.onLayerGeometryPreview(r);
+      e.onLayerGeometryPreview(o);
       return;
     }
-    h(r);
-  }, S = a(() => e.renderFreeformLayers !== !1);
+    h(o);
+  }, L = a(() => e.renderFreeformLayers !== !1);
   return (() => {
-    var r = z(), F = r.firstChild, k = F.nextSibling;
-    return l(r, (() => {
-      var g = u(() => !!S());
+    var o = s(), F = o.firstChild, v = F.nextSibling;
+    return l(o, (() => {
+      var g = u(() => !!L());
       return () => g() ? [c(j, {
+        get textEditorRegistry() {
+          return y();
+        },
+        onUpdate: (t, r) => e.onUpdateBackgroundLayer?.(t, r),
         get items() {
           return e.backgroundLayers ?? [];
         },
@@ -189,16 +193,16 @@ function te(e) {
           return e.filters[x] === !1;
         },
         get preview() {
-          return y();
+          return w();
         },
-        onPreviewGeometry: w,
+        onPreviewGeometry: k,
         get viewport() {
           return e.viewport;
         },
         onSelect: (t) => e.onSelectBackgroundLayer?.(t),
-        onContextMenu: (t, o) => e.onBackgroundLayerContextMenu?.(t, o),
-        onCommitMove: (t, o) => e.onCommitBackgroundMove?.(t, o)
-      }), c(s, {
+        onContextMenu: (t, r) => e.onBackgroundLayerContextMenu?.(t, r),
+        onCommitMove: (t, r) => e.onCommitBackgroundMove?.(t, r)
+      }), c(G, {
         get items() {
           return e.annotations ?? [];
         },
@@ -212,25 +216,25 @@ function te(e) {
           return e.filters[N] === !1;
         },
         get preview() {
-          return y();
+          return w();
         },
-        onPreviewGeometry: w,
+        onPreviewGeometry: k,
         get textEditorRegistry() {
-          return v();
+          return y();
         },
         get viewport() {
           return e.viewport;
         },
         onSelect: (t) => e.onSelectAnnotation?.(t),
-        onContextMenu: (t, o) => e.onAnnotationContextMenu?.(t, o),
-        onCommitMove: (t, o) => e.onCommitAnnotationMove?.(t, o),
-        onUpdate: (t, o) => e.onUpdateTextAnnotation?.(t, o)
+        onContextMenu: (t, r) => e.onAnnotationContextMenu?.(t, r),
+        onCommitMove: (t, r) => e.onCommitAnnotationMove?.(t, r),
+        onUpdate: (t, r) => e.onUpdateTextAnnotation?.(t, r)
       })] : null;
-    })(), k), l(k, c(I, {
+    })(), v), l(v, c(S, {
       get each() {
         return n();
       },
-      children: (g) => c(U, {
+      children: (g) => c(z, {
         widgetId: g,
         get widgetDefinitions() {
           return e.widgetDefinitions;
@@ -244,7 +248,7 @@ function te(e) {
           return e.viewport;
         },
         get selectedWidgetId() {
-          return b();
+          return R();
         },
         get visualFrontOwnerId() {
           return e.visualFrontOwnerId;
@@ -253,7 +257,7 @@ function te(e) {
           return e.viewportScale;
         },
         get locked() {
-          return L();
+          return b();
         },
         get filters() {
           return e.filters;
@@ -307,13 +311,13 @@ function te(e) {
           return e.onLayoutInteractionEnd;
         }
       })
-    }), null), l(k, c(I, {
+    }), null), l(v, c(S, {
       get each() {
         return m();
       },
       children: (g) => c($, {
         noteId: g,
-        stickyNoteById: f,
+        stickyNoteById: I,
         get selectedObject() {
           return e.selectedObject;
         },
@@ -324,7 +328,7 @@ function te(e) {
           return e.viewportScale;
         },
         get locked() {
-          return L();
+          return e.locked;
         },
         get filtered() {
           return u(() => !e.workLayerLocked)() && e.filters[A] === !1;
@@ -361,9 +365,9 @@ function te(e) {
         },
         renderLayers: C
       })
-    }), null), l(r, (() => {
-      var g = u(() => !!S());
-      return () => g() ? c(G, {
+    }), null), l(o, (() => {
+      var g = u(() => !!L());
+      return () => g() ? c(T, {
         get annotations() {
           return e.annotations ?? [];
         },
@@ -383,21 +387,21 @@ function te(e) {
           return e.viewport;
         },
         get preview() {
-          return y();
+          return w();
         },
-        onPreviewGeometry: w,
+        onPreviewGeometry: k,
         get textEditorRegistry() {
-          return v();
+          return y();
         },
-        onCommitAnnotationMove: (t, o) => e.onCommitAnnotationMove?.(t, o),
-        onCommitAnnotationResize: (t, o) => e.onCommitAnnotationResize?.(t, o),
-        onUpdateTextAnnotation: (t, o) => e.onUpdateTextAnnotation?.(t, o),
+        onCommitAnnotationMove: (t, r) => e.onCommitAnnotationMove?.(t, r),
+        onCommitAnnotationResize: (t, r) => e.onCommitAnnotationResize?.(t, r),
+        onUpdateTextAnnotation: (t, r) => e.onUpdateTextAnnotation?.(t, r),
         onDeleteAnnotation: (t) => e.onDeleteAnnotation?.(t),
-        onCommitBackgroundResize: (t, o) => e.onCommitBackgroundResize?.(t, o),
-        onUpdateBackgroundLayer: (t, o) => e.onUpdateBackgroundLayer?.(t, o),
+        onCommitBackgroundResize: (t, r) => e.onCommitBackgroundResize?.(t, r),
+        onUpdateBackgroundLayer: (t, r) => e.onUpdateBackgroundLayer?.(t, r),
         onDeleteBackgroundLayer: (t) => e.onDeleteBackgroundLayer?.(t)
       }) : null;
-    })(), null), l(r, c(P, {
+    })(), null), l(o, c(P, {
       get preview() {
         return e.placementPreview;
       },
@@ -405,7 +409,7 @@ function te(e) {
       get viewport() {
         return e.viewport;
       }
-    }), null), W(() => r.classList.toggle("is-work-layer-muted", !!e.workLayerLocked)), r;
+    }), null), W(() => o.classList.toggle("is-work-layer-muted", !!e.workLayerLocked)), o;
   })();
 }
 export {

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

@@ -42,7 +42,7 @@ export declare function WorkbenchStickyNote(props: {
         width: number;
         height: number;
     }) => void;
-    onUpdate: (noteId: string, patch: Partial<Pick<WorkbenchStickyNoteItem, 'body' | 'color'>>) => void;
+    onUpdate: (noteId: string, patch: Partial<Pick<WorkbenchStickyNoteItem, 'body' | 'color' | 'material'>>) => void;
     onDelete: (noteId: string) => void;
     onLayoutInteractionStart?: () => void;
     onLayoutInteractionEnd?: () => void;
@@ -74,6 +74,10 @@ export declare function WorkbenchBackgroundRegion(props: {
     projection?: WorkbenchLayerProjectionMode;
     preview?: WorkbenchLayerGeometryPreview | null;
     onPreviewGeometry?: (preview: WorkbenchLayerGeometryPreview | null) => void;
+    textEditorRegistry?: WorkbenchTextEditorRegistry;
+    onUpdate?: (layerId: string, patch: {
+        name: string;
+    }) => void;
     onSelect: (layerId: string) => void;
     onContextMenu?: (event: MouseEvent, item: WorkbenchBackgroundLayer) => void;
     onCommitMove: (layerId: string, position: {
@@ -90,6 +94,10 @@ export declare function WorkbenchBackgroundLayerView(props: {
     preview?: WorkbenchLayerGeometryPreview | null;
     onPreviewGeometry?: (preview: WorkbenchLayerGeometryPreview | null) => void;
     viewport: WorkbenchViewport;
+    textEditorRegistry?: WorkbenchTextEditorRegistry;
+    onUpdate?: (layerId: string, patch: {
+        name: string;
+    }) => void;
     onSelect: (layerId: string) => void;
     onContextMenu?: (event: MouseEvent, item: WorkbenchBackgroundLayer) => void;
     onCommitMove: (layerId: string, position: {