@floegence/floe-webapp-core 0.81.0 → 0.81.2

package/dist/components/workbench/WorkbenchLockButton.js

@@ -1,5 +1,5 @@
 import { insert as n, createComponent as c, memo as s, effect as d, setAttribute as u, template as k, delegateEvents as v } from "solid-js/web";
-import { Motion as m } from "../../node_modules/.pnpm/solid-motionone@1.0.4_solid-js@1.9.11/node_modules/solid-motionone/dist/index.js";
+import { Motion as m } from "../../node_modules/.pnpm/solid-motionone@1.0.4_solid-js@1.9.15/node_modules/solid-motionone/dist/index.js";
 import { easing as f, duration as h } from "../../utils/animations.js";
 import { Lock as g, Unlock as _ } from "../icons/index.js";
 var L = /* @__PURE__ */ k("<button type=button class=workbench-lock-button data-floe-surface=floating data-floe-canvas-interactive=true><span class=workbench-lock-button__icon>"), w = /* @__PURE__ */ k("<span class=workbench-lock-button__kbd>");

package/dist/components/workbench/WorkbenchOverlay.js

@@ -1,6 +1,6 @@
 import { createComponent as r, insert as l, template as s, delegateEvents as y } from "solid-js/web";
 import { Show as f } from "solid-js";
-import { Motion as i } from "../../node_modules/.pnpm/solid-motionone@1.0.4_solid-js@1.9.11/node_modules/solid-motionone/dist/index.js";
+import { Motion as i } from "../../node_modules/.pnpm/solid-motionone@1.0.4_solid-js@1.9.15/node_modules/solid-motionone/dist/index.js";
 import { easing as h, duration as c } from "../../utils/animations.js";
 import { useOverlayMask as b } from "../../hooks/useOverlayMask.js";
 import { X as v } from "../icons/index.js";

package/dist/components/workbench/WorkbenchSurface.js

@@ -1,22 +1,22 @@
-import { createComponent as l, use as ct, spread as at, mergeProps as dt, insert as C, Portal as st, addEventListener as ut, template as P, delegateEvents as lt } from "solid-js/web";
-import { WorkbenchCompositionActionsContext as gt, WorkbenchCompositionMessagesContext as ft } from "./workbenchCompositionMessages.js";
-import { createSignal as I, createMemo as m, untrack as b, createEffect as h, onCleanup as W, Show as wt } from "solid-js";
+import { createComponent as l, use as at, spread as dt, mergeProps as st, insert as C, Portal as ut, addEventListener as lt, template as P, delegateEvents as gt } from "solid-js/web";
+import { WorkbenchCompositionActionsContext as ft, WorkbenchCompositionMessagesContext as wt } from "./workbenchCompositionMessages.js";
+import { createMemo as k, createSignal as I, untrack as h, createEffect as b, onCleanup as W, Show as kt } from "solid-js";
 import { clientToCanvasWorld as O } from "../ui/canvasGeometry.js";
-import { createUIFirstSelection as kt } from "../../utils/uiFirstSelection.js";
-import { WorkbenchCanvas as mt } from "./WorkbenchCanvas.js";
-import { WorkbenchContextMenu as vt } from "./WorkbenchContextMenu.js";
-import { WorkbenchDock as yt } from "./WorkbenchFilterBar.js";
-import { WorkbenchHud as At } from "./WorkbenchHud.js";
-import { WorkbenchLockButton as Ct } from "./WorkbenchLockButton.js";
-import { installWorkbenchContextMenuDismissListeners as ht } from "./workbenchContextMenuDismiss.js";
-import { createContextMenuPosition as bt, WORKBENCH_CONTEXT_MENU_WIDTH_PX as Wt, estimateContextMenuHeight as pt } from "./workbenchHelpers.js";
-import { resolveWorkbenchWidgetPlacementPreview as St, resolveWorkbenchToolPlacementPreview as xt } from "./workbenchPlacement.js";
-import { useWorkbenchModel as It } from "./useWorkbenchModel.js";
-import { sortWorkbenchDockFocusCandidates as Dt, workbenchDockFocusCandidateKey as R, resolveWorkbenchDockFocusCycle as Mt } from "./workbenchDockFocusCycle.js";
-import { resolveWorkbenchInteractionAdapter as Lt } from "./workbenchInteractionAdapter.js";
-import { SURFACE_PORTAL_LAYER_ATTR as Ft, DIALOG_SURFACE_HOST_ATTR as Tt } from "../ui/dialogSurfaceScope.js";
-var Bt = /* @__PURE__ */ P("<div class=workbench-menu-backdrop data-floe-workbench-boundary=true>"), _t = /* @__PURE__ */ P("<div><div class=workbench-surface__body data-floe-workbench-canvas-frame=true>");
-const Et = "F1";
+import { createUIFirstSelection as mt } from "../../utils/uiFirstSelection.js";
+import { WorkbenchCanvas as vt } from "./WorkbenchCanvas.js";
+import { WorkbenchContextMenu as yt } from "./WorkbenchContextMenu.js";
+import { WorkbenchDock as At } from "./WorkbenchFilterBar.js";
+import { WorkbenchHud as Ct } from "./WorkbenchHud.js";
+import { WorkbenchLockButton as ht } from "./WorkbenchLockButton.js";
+import { installWorkbenchContextMenuDismissListeners as bt } from "./workbenchContextMenuDismiss.js";
+import { createContextMenuPosition as Wt, WORKBENCH_CONTEXT_MENU_WIDTH_PX as pt, estimateContextMenuHeight as St } from "./workbenchHelpers.js";
+import { resolveWorkbenchWidgetPlacementPreview as xt, resolveWorkbenchToolPlacementPreview as It } from "./workbenchPlacement.js";
+import { useWorkbenchModel as Dt } from "./useWorkbenchModel.js";
+import { sortWorkbenchDockFocusCandidates as Mt, workbenchDockFocusCandidateKey as R, resolveWorkbenchDockFocusCycle as Lt } from "./workbenchDockFocusCycle.js";
+import { resolveWorkbenchInteractionAdapter as Ft } from "./workbenchInteractionAdapter.js";
+import { SURFACE_PORTAL_LAYER_ATTR as Tt, DIALOG_SURFACE_HOST_ATTR as Bt } from "../ui/dialogSurfaceScope.js";
+var _t = /* @__PURE__ */ P("<div class=workbench-menu-backdrop data-floe-workbench-boundary=true>"), Et = /* @__PURE__ */ P("<div><div class=workbench-surface__body data-floe-workbench-canvas-frame=true>");
+const Ot = "F1";
 function N(c) {
   if (c)
     try {
@@ -27,8 +27,8 @@ function N(c) {
       c.focus();
     }
 }
-function te(c) {
-  const e = It({
+function ee(c) {
+  const X = k(() => c.compositionMessages), e = Dt({
     state: () => c.state(),
     setState: (t) => c.setState(t),
     widgetDefinitions: () => c.widgetDefinitions,
@@ -36,7 +36,7 @@ function te(c) {
     backgroundLayerDefaults: () => c.backgroundLayerDefaults,
     onClose: () => {
     }
-  }), u = kt({
+  }), u = mt({
     committed: e.selectedWidgetId,
     commitEqualRequests: !0,
     commit: (t, n) => {
@@ -47,7 +47,7 @@ function te(c) {
       e.canvas.selectWidget(t), n?.bringToFront && e.canvas.commitFront(t);
     },
     onEvent: (t) => c.onWidgetActivationEvent?.(t)
-  }), X = () => c.widgetActivationMode === "after-paint" ? u.visual() : e.selectedWidgetId(), p = () => {
+  }), q = () => c.widgetActivationMode === "after-paint" ? u.visual() : e.selectedWidgetId(), p = () => {
     if (c.widgetActivationMode !== "after-paint" || !u.pending())
       return e.selectedObject();
     const t = u.visual();
@@ -55,7 +55,7 @@ function te(c) {
       kind: "widget",
       id: t
     } : null;
-  }, q = (t) => {
+  }, Y = (t) => {
     if (c.widgetActivationMode === "after-paint") {
       if (u.pending() && u.visual() === t) return;
       u.request(t, {
@@ -73,13 +73,13 @@ function te(c) {
       return;
     }
     e.canvas.selectWidget(t), e.canvas.commitFront(t);
-  }, [g, Y] = I(null), [z, V] = I(null), d = m(() => Lt(c.interactionAdapter)), [M, w] = I(b(() => d().createInitialInputOwner())), L = m(() => {
+  }, [g, z] = I(null), [V, H] = I(null), d = k(() => Ft(c.interactionAdapter)), [M, w] = I(h(() => d().createInitialInputOwner())), L = k(() => {
     const t = c.launcherWidgetTypes;
     return !t || t.length <= 0 ? null : new Set(t);
-  }), H = m(() => {
+  }), U = k(() => {
     const t = e.widgetDefinitions(), n = L();
     return n ? t.filter((o) => n.has(o.type)) : t;
-  }), F = m(() => {
+  }), F = k(() => {
     const t = e.contextMenu.state(), n = e.contextMenu.items(), o = L(), r = o ? n.filter((s) => {
       if (s.kind !== "action")
         return !0;
@@ -96,15 +96,15 @@ function te(c) {
       widget: a,
       closeMenu: e.contextMenu.close
     });
-  }), T = m(() => {
+  }), T = k(() => {
     const t = e.contextMenu.state();
     if (!t) return;
     const n = F(), o = n.filter((i) => i.kind === "action").length, r = n.filter((i) => i.kind === "separator").length;
-    return bt({
+    return Wt({
       clientX: t.clientX,
       clientY: t.clientY,
-      menuWidth: Wt,
-      menuHeight: pt(o, r)
+      menuWidth: pt,
+      menuHeight: St(o, r)
     });
   }), B = (t, n, o) => {
     const r = d(), i = r.findWidgetRoot(t), a = r.readWidgetId(i);
@@ -136,14 +136,14 @@ function te(c) {
       worldX: r > 0 ? (r / 2 - n.x) / n.scale : 240,
       worldY: i > 0 ? (i / 2 - n.y) / n.scale : 180
     };
-  }, k = (t) => {
-    const n = b(d), o = b(g);
+  }, m = (t) => {
+    const n = h(d), o = h(g);
     queueMicrotask(() => {
       n.focusWidgetElement(o, t), w(n.createWidgetInputOwner(t, "activation"));
     });
   };
   let y = null;
-  const U = (t) => `${t.kind}:${String(t.id)}`, f = (t, n) => ({
+  const $ = (t) => `${t.kind}:${String(t.id)}`, f = (t, n) => ({
     kind: t,
     id: n.id,
     x: n.x,
@@ -151,8 +151,8 @@ function te(c) {
     width: n.width,
     height: n.height,
     createdAtUnixMs: n.created_at_unix_ms
-  }), S = (t) => t.kind === "widget" ? e.widgets().filter((n) => n.type === t.id).map((n) => f("widget", n)) : t.id === "sticky-note" ? e.stickyNotes().map((n) => f("sticky_note", n)) : t.id === "text" ? e.annotations().map((n) => f("annotation", n)) : t.id === "background-region" ? e.backgroundLayers().map((n) => f("background_layer", n)) : [], $ = (t) => {
-    const n = b(g);
+  }), S = (t) => t.kind === "widget" ? e.widgets().filter((n) => n.type === t.id).map((n) => f("widget", n)) : t.id === "sticky-note" ? e.stickyNotes().map((n) => f("sticky_note", n)) : t.id === "text" ? e.annotations().map((n) => f("annotation", n)) : t.id === "background-region" ? e.backgroundLayers().map((n) => f("background_layer", n)) : [], j = (t) => {
+    const n = h(g);
     queueMicrotask(() => {
       if (!n) return;
       const o = t.kind === "sticky_note" ? "sticky" : t.kind === "annotation" ? "text" : t.kind === "background_layer" ? "region" : null;
@@ -168,9 +168,9 @@ function te(c) {
       } catch {
         s.focus();
       }
-      w(d().createCanvasInputOwner("background_focus"));
+      w(h(d).createCanvasInputOwner("background_focus"));
     });
-  }, j = (t) => {
+  }, K = (t) => {
     e.navigation.centerOnWidget({
       id: t.id,
       type: "dock-focus-target",
@@ -182,25 +182,25 @@ function te(c) {
       z_index: 0,
       created_at_unix_ms: t.createdAtUnixMs
     });
-  }, K = (t) => {
+  }, G = (t) => {
     if (t.kind === "widget") {
       const n = e.queries.findWidgetById(t.id);
       if (!n) return;
-      D(n.id), e.navigation.centerOnWidget(n), k(n.id);
+      D(n.id), e.navigation.centerOnWidget(n), m(n.id);
       return;
     }
-    t.kind === "sticky_note" ? e.canvas.selectStickyNote(t.id) : t.kind === "annotation" ? e.canvas.selectAnnotation(t.id) : e.canvas.selectBackgroundLayer(t.id), j(t), $(t);
-  }, G = (t) => {
+    t.kind === "sticky_note" ? e.canvas.selectStickyNote(t.id) : t.kind === "annotation" ? e.canvas.selectAnnotation(t.id) : e.canvas.selectBackgroundLayer(t.id), K(t), j(t);
+  }, Z = (t) => {
     const n = v();
     if (t.kind === "widget") {
       const o = e.widgetActions.addWidgetAtWorldCenter(t.id, n.worldX, n.worldY);
       return o ? f("widget", o) : null;
     }
     return t.id === "sticky-note" ? f("sticky_note", e.widgetActions.addStickyNoteAtCursor(n.worldX, n.worldY)) : t.id === "text" ? f("annotation", e.widgetActions.addTextAnnotationAtCursor(n.worldX, n.worldY)) : t.id === "background-region" ? f("background_layer", e.widgetActions.addBackgroundLayerAtCursor(n.worldX, n.worldY)) : null;
-  }, Z = (t) => {
+  }, J = (t) => {
     let n = S(t), o = p();
     if (n.length === 0) {
-      const i = G(t);
+      const i = Z(t);
       if (!i) {
         y = null;
         return;
@@ -210,30 +210,30 @@ function te(c) {
         id: i.id
       };
     }
-    const r = Mt({
-      dockItemKey: U(t),
+    const r = Lt({
+      dockItemKey: $(t),
       candidates: n,
       selectedObject: o,
       session: y
     });
-    y = r.session, r.target && K(r.target);
-  }, J = (t) => {
-    const n = Dt(S(t)), o = p(), r = o ? R(o) : null, i = r ? n.findIndex((a) => R(a) === r) : -1;
+    y = r.session, r.target && G(r.target);
+  }, Q = (t) => {
+    const n = Mt(S(t)), o = p(), r = o ? R(o) : null, i = r ? n.findIndex((a) => R(a) === r) : -1;
     return {
       count: n.length,
       currentIndex: i >= 0 ? i : null,
       active: i >= 0
     };
-  }, Q = (t) => {
-    y?.dockItemKey !== `${t.kind}:${t.id}` && (y = null);
   }, tt = (t) => {
-    const n = e.navigation.fitWidget(t);
-    k(n.id);
+    y?.dockItemKey !== `${t.kind}:${t.id}` && (y = null);
   }, et = (t) => {
+    const n = e.navigation.fitWidget(t);
+    m(n.id);
+  }, nt = (t) => {
     const n = e.navigation.overviewWidget(t);
-    k(n.id);
+    m(n.id);
   };
-  h(() => {
+  b(() => {
     c.onApiReady?.({
       ensureWidget: (t, n) => e.widgetActions.ensureWidget(t, n) ?? null,
       createWidget: (t, n) => {
@@ -255,15 +255,15 @@ function te(c) {
       clearSelection: () => _("selection_cleared"),
       focusWidget: (t, n) => {
         const o = e.navigation.focusWidget(t, n);
-        return k(o.id), o;
+        return m(o.id), o;
       },
       fitWidget: (t) => {
         const n = e.navigation.fitWidget(t);
-        return k(n.id), n;
+        return m(n.id), n;
       },
       overviewWidget: (t) => {
         const n = e.navigation.overviewWidget(t);
-        return k(n.id), n;
+        return m(n.id), n;
       },
       findWidgetByType: (t) => e.queries.findWidgetByType(t),
       findWidgetById: (t) => e.queries.findWidgetById(t),
@@ -290,19 +290,19 @@ function te(c) {
       c.onApiReady?.(null);
     });
   });
-  const E = () => c.lockShortcut === void 0 ? Et : c.lockShortcut;
-  h(() => {
+  const E = () => c.lockShortcut === void 0 ? Ot : c.lockShortcut;
+  b(() => {
     if (typeof window > "u" || !e.contextMenu.state()) return;
-    const t = ht({
+    const t = bt({
       ownerWindow: window,
       onDismiss: e.contextMenu.close
     });
     W(() => t());
-  }), h(() => {
+  }), b(() => {
     const t = M();
     if (t.kind !== "widget") return;
     e.widgets().some((o) => o.id === t.widgetId) || w(d().createCanvasInputOwner("widget_removed"));
-  }), h(() => {
+  }), b(() => {
     const t = g();
     if (!t) return;
     const n = (r) => {
@@ -313,7 +313,7 @@ function te(c) {
     t.addEventListener("pointerdown", n, !0), t.addEventListener("focusin", o), W(() => {
       t.removeEventListener("pointerdown", n, !0), t.removeEventListener("focusin", o);
     });
-  }), h(() => {
+  }), b(() => {
     if (c.enableKeyboard === !1 || typeof document > "u") return;
     const t = E(), n = (o) => {
       if (!(o.defaultPrevented || o.isComposing)) {
@@ -364,10 +364,10 @@ function te(c) {
       clientX: t,
       clientY: n
     });
-  }, nt = (t, n, o, r) => {
+  }, ot = (t, n, o, r) => {
     const i = x(n, o, r);
     i && e.widgetActions.addWidgetAtWorldCenter(t, i.worldX, i.worldY);
-  }, ot = (t, n, o, r) => {
+  }, rt = (t, n, o, r) => {
     const i = x(n, o, r);
     if (i) {
       if (t === "sticky-note") {
@@ -380,19 +380,19 @@ function te(c) {
       }
       t === "background-region" && e.widgetActions.addBackgroundLayerAtCursor(i.worldX, i.worldY);
     }
-  }, rt = (t) => {
+  }, it = (t) => {
     t.button === 0 && (d().findWidgetRoot(t.target) || _("background_pointer"));
-  }, it = m(() => {
-    const t = z();
+  }, ct = k(() => {
+    const t = V();
     if (!t) return null;
     const n = x(t.clientX, t.clientY, t);
-    return n ? t.kind === "widget" ? St({
+    return n ? t.kind === "widget" ? xt({
       type: t.id,
       widgetDefinitions: e.widgetDefinitions(),
       worldX: n.worldX,
       worldY: n.worldY,
       dropAllowed: t.dropAllowed
-    }) : xt({
+    }) : It({
       tool: t.id,
       label: t.label,
       worldX: n.worldX,
@@ -402,7 +402,7 @@ function te(c) {
       backgroundDefaults: c.backgroundLayerDefaults
     }) : null;
   });
-  return l(gt.Provider, {
+  return l(ft.Provider, {
     value: {
       duplicate: (t) => {
         if (t.kind === "sticky_note") {
@@ -420,19 +420,19 @@ function te(c) {
       }
     },
     get children() {
-      return l(ft.Provider, {
-        value: () => c.compositionMessages,
+      return l(wt.Provider, {
+        value: X,
         get children() {
-          var t = _t(), n = t.firstChild;
-          return ct(Y, t), at(t, dt({
+          var t = Et(), n = t.firstChild;
+          return at(z, t), dt(t, st({
             get class() {
               return `workbench-surface${c.class ? ` ${c.class}` : ""}`;
             }
           }, () => ({
             [d().surfaceRootAttr]: "true",
             [d().dialogSurfaceHostAttr]: "true",
-            [Tt]: "true",
-            [Ft]: "true"
+            [Bt]: "true",
+            [Tt]: "true"
           }), {
             get "data-workbench-theme"() {
               return e.theme();
@@ -441,7 +441,7 @@ function te(c) {
               return e.mode();
             },
             tabIndex: -1
-          }), !1, !0), C(n, l(mt, {
+          }), !1, !0), C(n, l(vt, {
             get widgetDefinitions() {
               return e.widgetDefinitions();
             },
@@ -458,7 +458,7 @@ function te(c) {
               return e.backgroundLayers();
             },
             get placementPreview() {
-              return it();
+              return ct();
             },
             get viewport() {
               return e.viewport();
@@ -467,7 +467,7 @@ function te(c) {
               return e.canvasFrameSize();
             },
             get selectedWidgetId() {
-              return X();
+              return q();
             },
             get selectedObject() {
               return p();
@@ -499,8 +499,8 @@ function te(c) {
             get onCanvasContextMenu() {
               return e.canvas.openCanvasContextMenu;
             },
-            onCanvasPointerDown: rt,
-            onSelectWidget: q,
+            onCanvasPointerDown: it,
+            onSelectWidget: Y,
             onActivateWidget: D,
             get onWidgetContextMenu() {
               return e.canvas.openWidgetContextMenu;
@@ -577,8 +577,8 @@ function te(c) {
             get onDeleteBackgroundLayer() {
               return e.widgetActions.deleteBackgroundLayer;
             },
-            onRequestOverview: et,
-            onRequestFit: tt,
+            onRequestOverview: nt,
+            onRequestFit: et,
             get onRequestDelete() {
               return c.onRequestDelete ?? e.widgetActions.deleteWidget;
             },
@@ -588,7 +588,7 @@ function te(c) {
             get onLayoutInteractionEnd() {
               return c.onLayoutInteractionEnd;
             }
-          })), C(t, l(Ct, {
+          })), C(t, l(ht, {
             get locked() {
               return e.locked();
             },
@@ -598,9 +598,9 @@ function te(c) {
             get shortcutLabel() {
               return E() ?? void 0;
             }
-          }), null), C(t, l(yt, {
+          }), null), C(t, l(At, {
             get widgetDefinitions() {
-              return H();
+              return U();
             },
             get widgets() {
               return e.widgets();
@@ -620,9 +620,9 @@ function te(c) {
             get onSoloFilter() {
               return e.filter.solo;
             },
-            onFocusCycleItem: Z,
-            resolveItemPresentation: J,
-            onDockActivation: Q,
+            onFocusCycleItem: J,
+            resolveItemPresentation: Q,
+            onDockActivation: tt,
             get onSelectMode() {
               return e.modes.setMode;
             },
@@ -630,8 +630,8 @@ function te(c) {
               return e.canvas.commitViewport;
             },
             onViewportInteractionStart: () => e.canvas.cancelViewportNavigation(),
-            onCreateAt: nt,
-            onCreateToolAt: ot,
+            onCreateAt: ot,
+            onCreateToolAt: rt,
             get onItemClick() {
               return c.onDockItemClick;
             },
@@ -647,8 +647,8 @@ function te(c) {
             get registerExternalDockDragController() {
               return c.registerExternalDockDragController;
             },
-            onDragPreviewChange: V
-          }), null), C(t, l(At, {
+            onDragPreviewChange: H
+          }), null), C(t, l(Ct, {
             get scaleLabel() {
               return e.scaleLabel();
             },
@@ -662,17 +662,17 @@ function te(c) {
               return e.theme();
             },
             onSelectTheme: (o) => e.appearance.setTheme(o)
-          }), null), C(t, l(wt, {
+          }), null), C(t, l(kt, {
             get when() {
               return e.contextMenu.state();
             },
             get children() {
-              return l(st, {
+              return l(ut, {
                 get children() {
                   return [(() => {
-                    var o = Bt();
-                    return ut(o, "contextmenu", e.contextMenu.retarget, !0), o;
-                  })(), l(vt, {
+                    var o = _t();
+                    return lt(o, "contextmenu", e.contextMenu.retarget, !0), o;
+                  })(), l(yt, {
                     get x() {
                       return T()?.left ?? 0;
                     },
@@ -692,7 +692,7 @@ function te(c) {
     }
   });
 }
-lt(["contextmenu"]);
+gt(["contextmenu"]);
 export {
-  te as WorkbenchSurface
+  ee as WorkbenchSurface
 };