@floegence/floe-webapp-core 0.36.44 → 0.36.47

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

@@ -1,6 +1,6 @@
 import { type WorkbenchSurfaceProps } from './WorkbenchSurface';
 import type { WorkbenchState } from './types';
-type WorkbenchOverlaySurfaceProps = Pick<WorkbenchSurfaceProps, 'enableKeyboard' | 'widgetDefinitions' | 'launcherWidgetTypes' | 'textAnnotationDefaults' | 'interactionAdapter' | 'resolveContextMenuItems' | 'onApiReady' | 'onRequestDelete' | 'onLayoutInteractionStart' | 'onLayoutInteractionEnd'>;
+type WorkbenchOverlaySurfaceProps = Pick<WorkbenchSurfaceProps, 'enableKeyboard' | 'widgetDefinitions' | 'launcherWidgetTypes' | 'textAnnotationDefaults' | 'backgroundLayerDefaults' | 'interactionAdapter' | 'resolveContextMenuItems' | 'onApiReady' | 'onRequestDelete' | 'onLayoutInteractionStart' | 'onLayoutInteractionEnd'>;
 export interface WorkbenchOverlayProps extends WorkbenchOverlaySurfaceProps {
     open: boolean;
     onClose: () => void;

package/dist/components/workbench/WorkbenchOverlay.js

@@ -4,13 +4,13 @@ import { Motion as i } from "../../node_modules/.pnpm/solid-motionone@1.0.4_soli
 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";
-import { WorkbenchSurface as m } from "./WorkbenchSurface.js";
-var k = /* @__PURE__ */ s('<header class=workbench-overlay__header data-floe-canvas-interactive=true><div class=workbench-overlay__header-brand><div class=workbench-overlay__header-title>Workbench</div></div><div class=workbench-overlay__header-actions><button type=button class=workbench-overlay__close aria-label="Close workbench overlay"data-floe-overlay-close=true>'), g = /* @__PURE__ */ s("<div class=workbench-overlay__body>");
+import { WorkbenchSurface as g } from "./WorkbenchSurface.js";
+var k = /* @__PURE__ */ s('<header class=workbench-overlay__header data-floe-canvas-interactive=true><div class=workbench-overlay__header-brand><div class=workbench-overlay__header-title>Workbench</div></div><div class=workbench-overlay__header-actions><button type=button class=workbench-overlay__close aria-label="Close workbench overlay"data-floe-overlay-close=true>'), m = /* @__PURE__ */ s("<div class=workbench-overlay__body>");
 const u = '[data-floe-workbench-boundary="true"]';
 function _(e) {
   return typeof Element < "u" && e instanceof Element ? !!e.closest(u) : typeof Node < "u" && e instanceof Node ? !!e.parentElement?.closest(u) : !1;
 }
-function x(e) {
+function R(e) {
   let o;
   return b({
     open: () => e.open,
@@ -80,8 +80,8 @@ function x(e) {
                   class: "w-4 h-4"
                 })), t;
               })(), (() => {
-                var t = g();
-                return l(t, r(m, {
+                var t = m();
+                return l(t, r(g, {
                   class: "workbench-surface--in-overlay",
                   get state() {
                     return e.state;
@@ -104,6 +104,9 @@ function x(e) {
                   get textAnnotationDefaults() {
                     return e.textAnnotationDefaults;
                   },
+                  get backgroundLayerDefaults() {
+                    return e.backgroundLayerDefaults;
+                  },
                   get interactionAdapter() {
                     return e.interactionAdapter;
                   },
@@ -133,5 +136,5 @@ function x(e) {
 }
 y(["click"]);
 export {
-  x as WorkbenchOverlay
+  R as WorkbenchOverlay
 };

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

@@ -1,5 +1,5 @@
 import { type WorkbenchContextMenuItem } from './WorkbenchContextMenu';
-import type { WorkbenchState, WorkbenchAnnotationItem, WorkbenchBackgroundLayer, WorkbenchBackgroundLayerPatch, WorkbenchContextMenuState, WorkbenchInteractionAdapter, WorkbenchStickyNoteItem, WorkbenchStickyNotePatch, WorkbenchTextAnnotationDefaults, WorkbenchTextAnnotationPatch, WorkbenchWidgetDefinition, WorkbenchWidgetItem, WorkbenchWidgetType } from './types';
+import type { WorkbenchState, WorkbenchAnnotationItem, WorkbenchBackgroundLayer, WorkbenchBackgroundLayerDefaults, WorkbenchBackgroundLayerPatch, WorkbenchContextMenuState, WorkbenchInteractionAdapter, WorkbenchStickyNoteItem, WorkbenchStickyNotePatch, WorkbenchTextAnnotationDefaults, WorkbenchTextAnnotationPatch, WorkbenchWidgetDefinition, WorkbenchWidgetItem, WorkbenchWidgetType } from './types';
 export interface WorkbenchCreateAtOptions {
     worldX?: number;
     worldY?: number;
@@ -60,6 +60,7 @@ export interface WorkbenchSurfaceProps {
     widgetDefinitions?: readonly WorkbenchWidgetDefinition[];
     launcherWidgetTypes?: readonly WorkbenchWidgetType[];
     textAnnotationDefaults?: WorkbenchTextAnnotationDefaults;
+    backgroundLayerDefaults?: WorkbenchBackgroundLayerDefaults;
     interactionAdapter?: WorkbenchInteractionAdapter;
     resolveContextMenuItems?: WorkbenchContextMenuItemsResolver;
     onApiReady?: (api: WorkbenchSurfaceApi | null) => void;

package/dist/components/workbench/WorkbenchSurface.js

@@ -1,5 +1,5 @@
 import { use as X, spread as q, mergeProps as Y, insert as w, createComponent as s, Portal as z, addEventListener as V, template as D, delegateEvents as P } from "solid-js/web";
-import { createSignal as B, createMemo as f, untrack as p, createEffect as v, onCleanup as y, Show as H } from "solid-js";
+import { createSignal as L, createMemo as f, untrack as p, createEffect as v, onCleanup as y, Show as H } from "solid-js";
 import { clientToCanvasWorld as $ } from "../ui/canvasGeometry.js";
 import { WorkbenchCanvas as U } from "./WorkbenchCanvas.js";
 import { WorkbenchContextMenu as K } from "./WorkbenchContextMenu.js";
@@ -12,7 +12,7 @@ import { useWorkbenchModel as nt } from "./useWorkbenchModel.js";
 import { resolveWorkbenchInteractionAdapter as ot } from "./workbenchInteractionAdapter.js";
 var rt = /* @__PURE__ */ D("<div class=workbench-menu-backdrop data-floe-workbench-boundary=true>"), it = /* @__PURE__ */ D("<div><div class=workbench-surface__body data-floe-workbench-canvas-frame=true>");
 const at = "F1";
-function L(i) {
+function B(i) {
   if (i)
     try {
       i.focus({
@@ -28,9 +28,10 @@ function At(i) {
     setState: (t) => i.setState(t),
     widgetDefinitions: () => i.widgetDefinitions,
     textAnnotationDefaults: () => i.textAnnotationDefaults,
+    backgroundLayerDefaults: () => i.backgroundLayerDefaults,
     onClose: () => {
     }
-  }), [u, T] = B(null), d = f(() => ot(i.interactionAdapter)), [A, l] = B(p(() => d().createInitialInputOwner())), C = f(() => {
+  }), [u, T] = L(null), d = f(() => ot(i.interactionAdapter)), [A, l] = L(p(() => d().createInitialInputOwner())), C = f(() => {
     const t = i.launcherWidgetTypes;
     return !t || t.length <= 0 ? null : new Set(t);
   }), N = f(() => {
@@ -81,11 +82,11 @@ function At(i) {
       if (!o || typeof document > "u") return;
       const r = document.activeElement;
       if (!(r instanceof HTMLElement) || !o.contains(r)) {
-        L(o);
+        B(o);
         return;
       }
       const a = n.findWidgetRoot(r);
-      L(o), a && document.activeElement === r && r.isConnected && r.blur();
+      B(o), a && document.activeElement === r && r.isConnected && r.blur();
     });
   }, k = () => {
     const t = u()?.querySelector('[data-floe-workbench-canvas-frame="true"]'), n = e.viewport(), o = t?.getBoundingClientRect(), r = o?.width ?? 0, a = o?.height ?? 0;
@@ -260,6 +261,9 @@ function At(i) {
       get "data-workbench-theme"() {
         return e.theme();
       },
+      get "data-workbench-mode"() {
+        return e.mode();
+      },
       tabIndex: -1
     }), !1, !0), w(n, s(U, {
       get widgetDefinitions() {