@floegence/floe-webapp-core 0.36.44 → 0.36.45

package/dist/components/workbench/WorkbenchWidget.js

@@ -1,118 +1,128 @@
-import { spread as at, mergeProps as Rt, insert as s, createComponent as h, memo as Xt, effect as zt, style as Yt, template as gt, use as Dt, delegateEvents as jt } from "solid-js/web";
-import { createMemo as u, createSignal as P, onCleanup as lt, untrack as _, createEffect as ct } from "solid-js";
-import { startHotInteraction as Ft } from "../../utils/hotInteraction.js";
-import { X as dt, Minus as st, Maximize as ut, GripVertical as Ht } from "../icons/index.js";
-import { CANVAS_WHEEL_INTERACTIVE_ATTR as Ot, WORKBENCH_WIDGET_SHELL_ATTR as Vt, resolveWorkbenchWidgetLocalTypingTarget as qt, resolveWorkbenchWidgetTextSelectionTarget as Bt, shouldActivateWorkbenchWidgetLocalTarget as Nt } from "../ui/localInteractionSurface.js";
-import { startPointerSession as wt } from "../ui/pointerSession.js";
-import { createWorkbenchWidgetSurfaceMetrics as Gt, resolveWorkbenchProjectedSurfaceScaleBehavior as Zt } from "./workbenchHelpers.js";
-import { createWorkbenchEdgeAutoPanController as Kt, WORKBENCH_EDGE_AUTO_PAN_FRAME_SELECTOR as Ut, frameFromElement as Jt } from "./workbenchEdgeAutoPan.js";
-import { resolveWorkbenchInteractionAdapter as Qt } from "./workbenchInteractionAdapter.js";
-var te = /* @__PURE__ */ gt('<article class=workbench-widget><div class=workbench-widget__surface><header class=workbench-widget__header><span class=workbench-widget__traffic role=group aria-label="Window controls"><button type=button class="workbench-widget__traffic-dot workbench-widget__traffic-dot--close"aria-label="Close widget"title="Close widget"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__traffic-dot workbench-widget__traffic-dot--min"aria-label="Minimize widget to overview"title="Minimize widget to overview"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__traffic-dot workbench-widget__traffic-dot--max"aria-label="Zoom widget to fit viewport"title="Zoom widget to fit viewport"data-floe-canvas-interactive=true></button></span><span class=workbench-widget__badge aria-hidden=true></span><button type=button class=workbench-widget__drag aria-label="Drag widget"data-floe-canvas-interactive=true></button><div class=workbench-widget__title-area><span class=workbench-widget__title-dot aria-hidden=true></span><span class=workbench-widget__title></span></div><span class=workbench-widget__window-controls role=group aria-label="Window controls"><button type=button class="workbench-widget__window-control workbench-widget__window-control--min"aria-label="Minimize widget to overview"title="Minimize widget to overview"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__window-control workbench-widget__window-control--max"aria-label="Zoom widget to fit viewport"title="Zoom widget to fit viewport"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__window-control workbench-widget__window-control--close"aria-label="Remove widget"title="Remove widget"data-floe-canvas-interactive=true></button></span></header><div class=workbench-widget__body data-floe-canvas-interactive=true>'), ee = /* @__PURE__ */ gt('<div class=workbench-widget__resize aria-label="Resize widget"data-floe-canvas-interactive=true><svg class=workbench-widget__resize-glyph viewBox="0 0 12 12"aria-hidden=true><path d="M12 0 L0 12"></path><path d="M12 4 L4 12"></path><path d="M12 8 L8 12">');
-const ie = 220, oe = 160, ne = 160;
-function he(e) {
-  const d = u(() => Qt(e.interactionAdapter)), [b, I] = P(null), [M, X] = P(null), [ht, ft] = P(), [z, Y] = P(!1), [N, x] = P({
+import { spread as $t, mergeProps as ge, insert as g, createComponent as m, memo as he, effect as fe, style as pe, template as It, use as me, delegateEvents as _e } from "solid-js/web";
+import { createMemo as h, createSignal as C, onCleanup as kt, untrack as k, createEffect as yt } from "solid-js";
+import { startHotInteraction as be } from "../../utils/hotInteraction.js";
+import { X as Pt, Minus as xt, Maximize as Tt, GripVertical as ve } from "../icons/index.js";
+import { CANVAS_WHEEL_INTERACTIVE_ATTR as Se, WORKBENCH_WIDGET_SHELL_ATTR as $e, resolveWorkbenchWidgetLocalTypingTarget as ke, resolveWorkbenchWidgetTextSelectionTarget as ye, shouldActivateWorkbenchWidgetLocalTarget as Pe } from "../ui/localInteractionSurface.js";
+import { startPointerSession as Wt } from "../ui/pointerSession.js";
+import { createWorkbenchWidgetSurfaceMetrics as xe, resolveWorkbenchProjectedSurfaceScaleBehavior as Te } from "./workbenchHelpers.js";
+import { createWorkbenchEdgeAutoPanController as We, WORKBENCH_EDGE_AUTO_PAN_FRAME_SELECTOR as Ie, frameFromElement as Me } from "./workbenchEdgeAutoPan.js";
+import { resolveWorkbenchInteractionAdapter as Ce } from "./workbenchInteractionAdapter.js";
+import { createOwnerSafePropAccessor as a } from "./workbenchOwnerSafeAccessors.js";
+var Ee = /* @__PURE__ */ It('<article class=workbench-widget><div class=workbench-widget__surface><header class=workbench-widget__header><span class=workbench-widget__traffic role=group aria-label="Window controls"><button type=button class="workbench-widget__traffic-dot workbench-widget__traffic-dot--close"aria-label="Close widget"title="Close widget"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__traffic-dot workbench-widget__traffic-dot--min"aria-label="Minimize widget to overview"title="Minimize widget to overview"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__traffic-dot workbench-widget__traffic-dot--max"aria-label="Zoom widget to fit viewport"title="Zoom widget to fit viewport"data-floe-canvas-interactive=true></button></span><span class=workbench-widget__badge aria-hidden=true></span><button type=button class=workbench-widget__drag aria-label="Drag widget"data-floe-canvas-interactive=true></button><div class=workbench-widget__title-area><span class=workbench-widget__title-dot aria-hidden=true></span><span class=workbench-widget__title></span></div><span class=workbench-widget__window-controls role=group aria-label="Window controls"><button type=button class="workbench-widget__window-control workbench-widget__window-control--min"aria-label="Minimize widget to overview"title="Minimize widget to overview"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__window-control workbench-widget__window-control--max"aria-label="Zoom widget to fit viewport"title="Zoom widget to fit viewport"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__window-control workbench-widget__window-control--close"aria-label="Remove widget"title="Remove widget"data-floe-canvas-interactive=true></button></span></header><div class=workbench-widget__body data-floe-canvas-interactive=true>'), Re = /* @__PURE__ */ It('<div class=workbench-widget__resize aria-label="Resize widget"data-floe-canvas-interactive=true><svg class=workbench-widget__resize-glyph viewBox="0 0 12 12"aria-hidden=true><path d="M12 0 L0 12"></path><path d="M12 4 L4 12"></path><path d="M12 8 L8 12">');
+const Le = 220, Ae = 160, ze = 160;
+function Ne(r) {
+  const H = a(() => r.definition), f = a(() => r.widgetId), nt = a(() => r.widgetTitle), it = a(() => r.widgetType), E = a(() => r.itemSnapshot), Mt = a(() => r.renderLayer), Ct = a(() => r.optimisticFront), Et = a(() => r.topRenderLayer), Rt = a(() => r.viewport), V = a(() => r.onSelect), Lt = a(() => r.onContextMenu), rt = a(() => r.onStartOptimisticFront), at = a(() => r.onCommitFront), At = a(() => r.onCommitMove), zt = a(() => r.onCommitResize), Xt = a(() => r.onViewportCommit), Yt = a(() => r.onViewportInteractionStart), Dt = a(() => r.onRequestOverview), Ft = a(() => r.onRequestFit), jt = a(() => r.onRequestDelete), Ot = a(() => r.onLayoutInteractionStart), Ht = a(() => r.onLayoutInteractionEnd), w = h(() => Ce(r.interactionAdapter)), q = a(() => r.selected), v = a(() => r.locked), B = a(() => r.filtered), b = a(() => r.layoutMode ?? "canvas_scaled"), Vt = a(() => r.projectedViewport), qt = a(() => r.surfaceReady ?? !0), ct = a(() => ({
+    x: r.x,
+    y: r.y
+  })), lt = a(() => ({
+    width: r.width,
+    height: r.height
+  })), N = a(() => Math.max(r.viewportScale, 1e-3)), [y, R] = C(null), [L, G] = C(null), [Bt, Nt] = C(), [Z, K] = C(!1), [st, A] = C({
     enabled: !1,
     scale: 1
   });
-  let v, S, k, T = null, mt = 0, _t = 0, m = null, $;
-  const p = /* @__PURE__ */ new Map();
-  let c;
-  const W = () => {
-    typeof window > "u" || $ === void 0 || (window.clearTimeout($), $ = void 0);
-  }, G = (t, i) => {
-    const o = Ft({
+  let P, x, T, z = null, Gt = 0, Zt = 0, S = null, W;
+  const I = /* @__PURE__ */ new Map();
+  let u;
+  const X = () => {
+    typeof window > "u" || W === void 0 || (window.clearTimeout(W), W = void 0);
+  }, dt = (t, e) => {
+    const n = be({
       kind: t,
-      cursor: i
+      cursor: e
     });
-    let a = !1;
-    return _(() => e.onLayoutInteractionStart?.()), () => {
-      a || (a = !0, o(), _(() => e.onLayoutInteractionEnd?.()));
+    let o = !1;
+    return k(() => Ot()?.()), () => {
+      o || (o = !0, n(), k(() => Ht()?.()));
     };
-  }, Z = () => {
-    k?.stop(), k = void 0, T = null;
-  }, bt = () => {
-    !e.viewport || !e.onViewportCommit || (T = e.viewport, k?.stop(), k = Kt({
+  }, ut = () => {
+    T?.stop(), T = void 0, z = null;
+  }, Kt = () => {
+    const t = Rt(), e = Xt(), n = Yt();
+    !t || !e || (z = t, T?.stop(), T = We({
       readFrame: () => {
-        const t = c?.closest(Ut);
-        return t instanceof HTMLElement ? Jt(t) : null;
+        const o = u?.closest(Ie);
+        return o instanceof HTMLElement ? Me(o) : null;
       },
-      readViewport: () => T ?? e.viewport ?? null,
-      commitViewport: (t) => {
-        T = t, e.onViewportCommit?.(t);
+      readViewport: () => z ?? t,
+      commitViewport: (o) => {
+        z = o, e(o);
       },
-      onPanStart: () => e.onViewportInteractionStart?.("pan"),
-      onPan: (t) => {
-        I((i) => i && {
+      onPanStart: () => n?.("pan"),
+      onPan: (o) => {
+        R((i) => i && {
           ...i,
-          autoPanWorldX: i.autoPanWorldX + t.worldDeltaX,
-          autoPanWorldY: i.autoPanWorldY + t.worldDeltaY,
-          worldX: i.worldX + t.worldDeltaX,
-          worldY: i.worldY + t.worldDeltaY,
+          autoPanWorldX: i.autoPanWorldX + o.worldDeltaX,
+          autoPanWorldY: i.autoPanWorldY + o.worldDeltaY,
+          worldX: i.worldX + o.worldDeltaX,
+          worldY: i.worldY + o.worldDeltaY,
           moved: !0
         });
       },
-      shouldPan: () => b() !== null
+      shouldPan: () => y() !== null
     }));
   };
-  lt(() => {
-    Z(), v?.stop({
+  kt(() => {
+    ut(), P?.stop({
       reason: "manual_stop",
       commit: !1
-    }), v = void 0, S?.stop({
+    }), P = void 0, x?.stop({
       reason: "manual_stop",
       commit: !1
-    }), S = void 0, _(b)?.stopInteraction(), _(M)?.stopInteraction(), W();
+    }), x = void 0, k(y)?.stopInteraction(), k(L)?.stopInteraction(), X();
   });
-  const C = () => {
-    Y(!1), e.onSelect(e.widgetId), e.onCommitFront(e.widgetId);
-  }, D = () => {
-    Y(!1);
-  }, y = u(() => e.selected || z()), vt = (t, i, o) => {
-    const a = {
-      token: ++_t,
-      wasSelected: i,
-      ownership: o
+  const Y = () => {
+    K(!1);
+    const t = f();
+    V()(t), at()(t);
+  }, U = () => {
+    K(!1);
+  }, M = h(() => q() || Z()), Ut = (t, e, n) => {
+    const o = {
+      token: ++Zt,
+      wasSelected: e,
+      ownership: n
     };
-    p.set(t, a), !i && o === "widget_local" && Y(!0), queueMicrotask(() => {
-      p.get(t)?.token === a.token && p.delete(t);
+    I.set(t, o), !e && n === "widget_local" && K(!0), queueMicrotask(() => {
+      I.get(t)?.token === o.token && I.delete(t);
     });
-  }, St = (t) => {
-    const i = p.get(t) ?? null;
-    return i && p.delete(t), i;
+  }, Jt = (t) => {
+    const e = I.get(t) ?? null;
+    return e && I.delete(t), e;
   };
-  ct(() => {
-    const t = c;
+  yt(() => {
+    const t = u;
     if (!t) return;
-    const i = (r) => {
-      r.button === 0 && vt(r.pointerId, y(), E(r.target));
-    }, o = (r) => {
-      r.button === 0 && z() && E(r.target) === "widget_local" && C();
-    }, a = () => {
+    const e = (i) => {
+      i.button === 0 && Ut(i.pointerId, M(), D(i.target));
+    }, n = (i) => {
+      i.button === 0 && Z() && D(i.target) === "widget_local" && Y();
+    }, o = () => {
       setTimeout(() => {
-        e.selected || D();
+        q() || U();
       }, 0);
     };
-    t.addEventListener("pointerdown", i, !0), t.addEventListener("click", o, !0), t.addEventListener("pointerup", a), t.addEventListener("pointercancel", D), lt(() => {
-      t.removeEventListener("pointerdown", i, !0), t.removeEventListener("click", o, !0), t.removeEventListener("pointerup", a), t.removeEventListener("pointercancel", D);
+    t.addEventListener("pointerdown", e, !0), t.addEventListener("click", n, !0), t.addEventListener("pointerup", o), t.addEventListener("pointercancel", U), kt(() => {
+      t.removeEventListener("pointerdown", e, !0), t.removeEventListener("click", n, !0), t.removeEventListener("pointerup", o), t.removeEventListener("pointercancel", U);
     });
   });
-  const j = () => b() !== null, F = () => M() !== null, kt = u(() => e.filtered || e.locked ? "cold" : y() ? "hot" : "warm"), E = (t) => d().resolveWidgetEventOwnership({
+  const J = () => y() !== null, Q = () => L() !== null, Qt = h(() => B() || v() ? "cold" : M() ? "hot" : "warm"), D = (t) => w().resolveWidgetEventOwnership({
     target: t,
-    widgetRoot: c ?? null,
-    interactiveSelector: d().interactiveSelector,
-    panSurfaceSelector: d().panSurfaceSelector
-  }), $t = () => {
-    C(), c?.focus({
+    widgetRoot: u ?? null,
+    interactiveSelector: w().interactiveSelector,
+    panSurfaceSelector: w().panSurfaceSelector
+  }), te = () => {
+    Y(), u?.focus({
       preventScroll: !0
     });
-  }, K = (t) => {
-    ft((i) => ({
-      seq: (i?.seq ?? 0) + 1,
+  }, wt = (t) => {
+    Nt((e) => ({
+      seq: (e?.seq ?? 0) + 1,
       source: "local_pointer",
       pointerType: t
     }));
-  }, pt = (t) => {
-    if (!(!c || !t.isConnected || !c.contains(t)))
+  }, ee = (t) => {
+    if (!(!u || !t.isConnected || !u.contains(t)))
       try {
         t.focus({
           preventScroll: !0
@@ -120,375 +130,372 @@ function he(e) {
       } catch {
         t.focus();
       }
-  }, yt = (t, i) => {
-    m = {
-      token: ++mt,
+  }, oe = (t, e) => {
+    S = {
+      token: ++Gt,
       pointerId: t,
-      target: i,
+      target: e,
       timestamp: Date.now()
     };
-    const o = m;
+    const n = S;
     queueMicrotask(() => {
-      const a = () => {
-        !o || m?.token !== o.token || (pt(o.target), m = null);
+      const o = () => {
+        !n || S?.token !== n.token || (ee(n.target), S = null);
       };
       if (typeof requestAnimationFrame == "function") {
-        requestAnimationFrame(() => a());
+        requestAnimationFrame(() => o());
         return;
       }
-      a();
+      o();
     });
-  }, Pt = (t) => {
-    if (t.button !== 0 || e.locked) return;
-    const i = St(t.pointerId), o = i?.wasSelected ?? e.selected, a = i?.ownership ?? E(t.target), r = a === "widget_local" ? qt({
+  }, ne = (t) => {
+    if (t.button !== 0 || v()) return;
+    const e = Jt(t.pointerId), n = e?.wasSelected ?? q(), o = e?.ownership ?? D(t.target), i = o === "widget_local" ? ke({
       target: t.target,
-      widgetRoot: c ?? null,
-      interactiveSelector: d().interactiveSelector,
-      panSurfaceSelector: d().panSurfaceSelector
-    }) : null, n = a === "widget_local" ? Bt({
+      widgetRoot: u ?? null,
+      interactiveSelector: w().interactiveSelector,
+      panSurfaceSelector: w().panSurfaceSelector
+    }) : null, s = o === "widget_local" ? ye({
       target: t.target,
-      widgetRoot: c ?? null,
-      interactiveSelector: d().interactiveSelector,
-      panSurfaceSelector: d().panSurfaceSelector
-    }) : null, g = a === "widget_local" && !r && !n && Nt({
+      widgetRoot: u ?? null,
+      interactiveSelector: w().interactiveSelector,
+      panSurfaceSelector: w().panSurfaceSelector
+    }) : null, c = o === "widget_local" && !i && !s && Pe({
       target: t.target,
-      widgetRoot: c ?? null,
-      interactiveSelector: d().interactiveSelector,
-      panSurfaceSelector: d().panSurfaceSelector
+      widgetRoot: u ?? null,
+      interactiveSelector: w().interactiveSelector,
+      panSurfaceSelector: w().panSurfaceSelector
     });
-    if (a === "widget_shell") {
-      C(), c?.focus({
+    if (o === "widget_shell") {
+      Y(), u?.focus({
         preventScroll: !0
       });
       return;
     }
-    if (a === "widget_local") {
-      if (r) {
-        o || yt(t.pointerId, r);
+    if (o === "widget_local") {
+      if (i) {
+        n || oe(t.pointerId, i);
         return;
       }
-      if (n) {
-        m = null;
+      if (s) {
+        S = null;
         return;
       }
-      if (g) {
-        if (m = null, o) {
-          K(t.pointerType || void 0);
+      if (c) {
+        if (S = null, n) {
+          wt(t.pointerType || void 0);
           return;
         }
-        C(), K(t.pointerType || void 0);
+        Y(), wt(t.pointerType || void 0);
       }
     }
-  }, L = u(() => {
-    const t = b();
+  }, F = h(() => {
+    const t = y();
     return t ? {
       x: t.worldX,
       y: t.worldY
-    } : {
-      x: e.x,
-      y: e.y
-    };
-  }), w = u(() => {
-    const t = M();
+    } : ct();
+  }), p = h(() => {
+    const t = L();
     return t ? {
       width: t.width,
       height: t.height
-    } : {
-      width: e.width,
-      height: e.height
-    };
-  }), H = u(() => {
-    if (!(e.layoutMode !== "projected_surface" || !e.projectedViewport))
-      return Gt({
-        widgetId: e.widgetId,
-        worldX: L().x,
-        worldY: L().y,
-        worldWidth: w().width,
-        worldHeight: w().height,
-        viewport: e.projectedViewport(),
-        ready: e.surfaceReady ?? !0
+    } : lt();
+  }), tt = h(() => {
+    const t = Vt();
+    if (!(b() !== "projected_surface" || !t))
+      return xe({
+        widgetId: f(),
+        worldX: F().x,
+        worldY: F().y,
+        worldWidth: p().width,
+        worldHeight: p().height,
+        viewport: t(),
+        ready: qt()
       });
-  }), O = u(() => H()?.rect.viewportScale ?? Math.max(e.viewportScale, 1e-3)), U = u(() => e.layoutMode === "projected_surface" && Zt(e.definition) === "settle_sharp_zoom"), J = u(() => e.layoutMode === "projected_surface" && U() && N().enabled && N().scale > 1.001), It = u(() => {
-    if (e.layoutMode !== "projected_surface")
+  }), et = h(() => tt()?.rect.viewportScale ?? N()), gt = h(() => b() === "projected_surface" && Te(H()) === "settle_sharp_zoom"), ht = h(() => b() === "projected_surface" && gt() && st().enabled && st().scale > 1.001), ie = h(() => {
+    if (b() !== "projected_surface")
       return;
-    const t = O();
-    return J() ? {
-      width: `${w().width}px`,
-      height: `${w().height}px`,
+    const t = et();
+    return ht() ? {
+      width: `${p().width}px`,
+      height: `${p().height}px`,
       zoom: `${t}`
     } : {
       width: "100%",
       height: "100%",
       zoom: "1"
     };
-  }), Mt = u(() => {
-    const t = e.itemSnapshot().z_index, i = Number.isFinite(t) ? Math.max(1, Math.min(99, Math.round(t))) : 1;
-    return String(i).padStart(2, "0");
-  }), Q = (t) => {
-    t.preventDefault(), t.stopPropagation(), e.onRequestOverview(e.itemSnapshot());
-  }, tt = (t) => {
-    t.preventDefault(), t.stopPropagation(), e.onRequestFit(e.itemSnapshot());
-  }, et = (t) => {
-    t.preventDefault(), t.stopPropagation(), e.onRequestDelete(e.widgetId);
-  }, xt = u(() => {
+  }), re = h(() => {
+    const t = E()().z_index, e = Number.isFinite(t) ? Math.max(1, Math.min(99, Math.round(t))) : 1;
+    return String(e).padStart(2, "0");
+  }), ft = (t) => {
+    t.preventDefault(), t.stopPropagation(), Dt()(E()());
+  }, pt = (t) => {
+    t.preventDefault(), t.stopPropagation(), Ft()(E()());
+  }, mt = (t) => {
+    t.preventDefault(), t.stopPropagation(), jt()(f());
+  }, ae = h(() => {
     const t = {
-      "z-index": j() || F() || e.optimisticFront ? `${e.topRenderLayer + 1}` : `${e.renderLayer}`
+      "z-index": J() || Q() || Ct() ? `${Et() + 1}` : `${Mt()}`
     };
-    if (e.layoutMode === "projected_surface") {
-      const i = H()?.rect, o = O(), a = J(), r = a ? i?.screenWidth ?? w().width * o : w().width, n = a ? i?.screenHeight ?? w().height * o : w().height;
+    if (b() === "projected_surface") {
+      const e = tt()?.rect, n = et(), o = ht(), i = o ? e?.screenWidth ?? p().width * n : p().width, s = o ? e?.screenHeight ?? p().height * n : p().height;
       return {
         ...t,
-        width: `${r}px`,
-        height: `${n}px`,
-        transform: a ? `translate(${i?.screenX ?? 0}px, ${i?.screenY ?? 0}px)` : `translate(${i?.screenX ?? 0}px, ${i?.screenY ?? 0}px) scale(${o})`,
+        width: `${i}px`,
+        height: `${s}px`,
+        transform: o ? `translate(${e?.screenX ?? 0}px, ${e?.screenY ?? 0}px)` : `translate(${e?.screenX ?? 0}px, ${e?.screenY ?? 0}px) scale(${n})`,
         zoom: "1"
       };
     }
     return {
       ...t,
-      width: `${w().width}px`,
-      height: `${w().height}px`,
-      transform: `translate(${L().x}px, ${L().y}px)`
+      width: `${p().width}px`,
+      height: `${p().height}px`,
+      transform: `translate(${F().x}px, ${F().y}px)`
     };
   });
-  ct(() => {
-    if (!U()) {
-      W(), x({
+  yt(() => {
+    if (!gt()) {
+      X(), A({
         enabled: !1,
         scale: 1
       });
       return;
     }
-    const t = O();
-    if (t <= 1.001 || j() || F()) {
-      W(), x({
+    const t = et();
+    if (t <= 1.001 || J() || Q()) {
+      X(), A({
         enabled: !1,
         scale: t
       });
       return;
     }
-    if (x({
+    if (A({
       enabled: !1,
       scale: t
     }), typeof window > "u")
       return;
-    W();
-    const i = t;
-    $ = window.setTimeout(() => {
-      $ = void 0, x((o) => Math.abs(o.scale - i) < 1e-3 ? {
+    X();
+    const e = t;
+    W = window.setTimeout(() => {
+      W = void 0, A((n) => Math.abs(n.scale - e) < 1e-3 ? {
         enabled: !0,
-        scale: i
-      } : o);
-    }, ne);
+        scale: e
+      } : n);
+    }, ze);
   });
-  const Tt = (t) => {
-    const i = _(b);
-    if (!i) return;
-    const o = {
-      x: i.worldX,
-      y: i.worldY
-    }, a = {
-      x: i.startWorldX,
-      y: i.startWorldY
-    }, r = t && (Math.abs(o.x - a.x) > 1 || Math.abs(o.y - a.y) > 1);
-    e.onCommitFront(e.widgetId), r && e.onCommitMove(e.widgetId, o), i.stopInteraction(), Z(), I(null), v = void 0;
-  }, it = (t) => {
-    if (t.button !== 0 || e.locked) return;
-    t.preventDefault(), t.stopPropagation(), v?.stop({
+  const ce = (t) => {
+    const e = k(y);
+    if (!e) return;
+    const n = {
+      x: e.worldX,
+      y: e.worldY
+    }, o = {
+      x: e.startWorldX,
+      y: e.startWorldY
+    }, i = t && (Math.abs(n.x - o.x) > 1 || Math.abs(n.y - o.y) > 1), s = f();
+    at()(s), i && At()(s, n), e.stopInteraction(), ut(), R(null), P = void 0;
+  }, _t = (t) => {
+    if (t.button !== 0 || v()) return;
+    t.preventDefault(), t.stopPropagation(), P?.stop({
       reason: "manual_stop",
       commit: !1
-    }), e.onSelect(e.widgetId), c?.focus({
+    });
+    const e = f();
+    V()(e), u?.focus({
       preventScroll: !0
-    }), e.onStartOptimisticFront(e.widgetId);
-    const i = G("drag", "grabbing"), o = Math.max(e.viewportScale, 1e-3);
-    I({
+    }), rt()(e);
+    const n = dt("drag", "grabbing"), o = N(), i = ct();
+    R({
       pointerId: t.pointerId,
       startClientX: t.clientX,
       startClientY: t.clientY,
-      startWorldX: e.x,
-      startWorldY: e.y,
-      worldX: e.x,
-      worldY: e.y,
+      startWorldX: i.x,
+      startWorldY: i.y,
+      worldX: i.x,
+      worldY: i.y,
       autoPanWorldX: 0,
       autoPanWorldY: 0,
       moved: !1,
       scale: o,
-      stopInteraction: i
-    }), bt();
-    const a = (r) => {
-      k?.updatePointer(r.clientX, r.clientY), I((n) => {
-        if (!n || n.pointerId !== r.pointerId) return n;
-        const g = n.startWorldX + (r.clientX - n.startClientX) / n.scale + n.autoPanWorldX, f = n.startWorldY + (r.clientY - n.startClientY) / n.scale + n.autoPanWorldY;
+      stopInteraction: n
+    }), Kt();
+    const s = (c) => {
+      T?.updatePointer(c.clientX, c.clientY), R((d) => {
+        if (!d || d.pointerId !== c.pointerId) return d;
+        const _ = d.startWorldX + (c.clientX - d.startClientX) / d.scale + d.autoPanWorldX, $ = d.startWorldY + (c.clientY - d.startClientY) / d.scale + d.autoPanWorldY;
         return {
-          ...n,
-          worldX: g,
-          worldY: f,
-          moved: n.moved || Math.abs(g - n.startWorldX) > 2 || Math.abs(f - n.startWorldY) > 2
+          ...d,
+          worldX: _,
+          worldY: $,
+          moved: d.moved || Math.abs(_ - d.startWorldX) > 2 || Math.abs($ - d.startWorldY) > 2
         };
       });
     };
-    v = wt({
+    P = Wt({
       pointerEvent: t,
       captureEl: t.currentTarget,
-      onMove: a,
+      onMove: s,
       onEnd: ({
-        commit: r
-      }) => Tt(r)
+        commit: c
+      }) => ce(c)
     });
-  }, Wt = (t) => {
-    const i = _(M);
-    if (!i) return;
-    const o = {
-      width: i.width,
-      height: i.height
-    }, a = Math.abs(i.width - i.startWidth) > 1 || Math.abs(i.height - i.startHeight) > 1;
-    t && a && e.onCommitResize(e.widgetId, o), i.stopInteraction(), X(null), S = void 0;
-  }, Ct = (t) => {
-    if (t.button !== 0 || e.locked) return;
-    t.preventDefault(), t.stopPropagation(), S?.stop({
+  }, le = (t) => {
+    const e = k(L);
+    if (!e) return;
+    const n = {
+      width: e.width,
+      height: e.height
+    }, o = Math.abs(e.width - e.startWidth) > 1 || Math.abs(e.height - e.startHeight) > 1;
+    t && o && zt()(f(), n), e.stopInteraction(), G(null), x = void 0;
+  }, se = (t) => {
+    if (t.button !== 0 || v()) return;
+    t.preventDefault(), t.stopPropagation(), x?.stop({
       reason: "manual_stop",
       commit: !1
-    }), e.onStartOptimisticFront(e.widgetId);
-    const i = G("resize", "nwse-resize"), o = Math.max(e.viewportScale, 1e-3);
-    X({
+    }), rt()(f());
+    const e = dt("resize", "nwse-resize"), n = N(), o = lt();
+    G({
       pointerId: t.pointerId,
       startClientX: t.clientX,
       startClientY: t.clientY,
-      startWidth: e.width,
-      startHeight: e.height,
-      width: e.width,
-      height: e.height,
-      scale: o,
-      stopInteraction: i
+      startWidth: o.width,
+      startHeight: o.height,
+      width: o.width,
+      height: o.height,
+      scale: n,
+      stopInteraction: e
     });
-    const a = (r) => {
-      X((n) => {
-        if (!n || n.pointerId !== r.pointerId) return n;
-        const g = Math.max(ie, n.startWidth + (r.clientX - n.startClientX) / n.scale), f = Math.max(oe, n.startHeight + (r.clientY - n.startClientY) / n.scale);
+    const i = (s) => {
+      G((c) => {
+        if (!c || c.pointerId !== s.pointerId) return c;
+        const d = Math.max(Le, c.startWidth + (s.clientX - c.startClientX) / c.scale), _ = Math.max(Ae, c.startHeight + (s.clientY - c.startClientY) / c.scale);
         return {
-          ...n,
-          width: g,
-          height: f
+          ...c,
+          width: d,
+          height: _
         };
       });
     };
-    S = wt({
+    x = Wt({
       pointerEvent: t,
       captureEl: t.currentTarget,
-      onMove: a,
+      onMove: i,
       onEnd: ({
-        commit: r
-      }) => Wt(r)
+        commit: s
+      }) => le(s)
     });
   };
   return (() => {
-    var t = te(), i = t.firstChild, o = i.firstChild, a = o.firstChild, r = a.firstChild, n = r.nextSibling, g = n.nextSibling, f = a.nextSibling, V = f.nextSibling, q = V.nextSibling, Et = q.firstChild, ot = Et.nextSibling, Lt = q.nextSibling, A = Lt.firstChild, R = A.nextSibling, B = R.nextSibling, At = o.nextSibling, nt = c;
-    return typeof nt == "function" ? Dt(nt, t) : c = t, at(t, Rt({
+    var t = Ee(), e = t.firstChild, n = e.firstChild, o = n.firstChild, i = o.firstChild, s = i.nextSibling, c = s.nextSibling, d = o.nextSibling, _ = d.nextSibling, $ = _.nextSibling, de = $.firstChild, bt = de.nextSibling, ue = $.nextSibling, j = ue.firstChild, O = j.nextSibling, ot = O.nextSibling, we = n.nextSibling, vt = u;
+    return typeof vt == "function" ? me(vt, t) : u = t, $t(t, ge({
       get classList() {
         return {
-          "is-selected": y(),
-          "is-dragging": j(),
-          "is-resizing": F(),
-          "is-filtered-out": e.filtered,
-          "is-projected-surface": e.layoutMode === "projected_surface",
-          "is-locked": e.locked
+          "is-selected": M(),
+          "is-dragging": J(),
+          "is-resizing": Q(),
+          "is-filtered-out": B(),
+          "is-projected-surface": b() === "projected_surface",
+          "is-locked": v()
         };
       }
     }, () => ({
-      [d().dialogSurfaceHostAttr]: "true"
+      [w().dialogSurfaceHostAttr]: "true"
     }), {
       get "data-floe-workbench-widget-id"() {
-        return e.widgetId;
+        return f();
       }
     }, () => ({
-      [d().widgetRootAttr]: "true"
+      [w().widgetRootAttr]: "true"
     }), () => ({
-      [d().widgetIdAttr]: e.widgetId
+      [w().widgetIdAttr]: f()
     }), {
       get "data-workbench-widget-type"() {
-        return e.widgetType;
+        return it();
       },
       get "data-floe-workbench-render-mode"() {
-        return e.layoutMode ?? "canvas_scaled";
+        return b();
       }
     }, () => ({
-      [Ot]: y() ? "true" : void 0
+      [Se]: M() ? "true" : void 0
     }), {
       tabIndex: 0,
-      onPointerDown: Pt,
+      onPointerDown: ne,
       onFocus: () => {
-        z() || e.onSelect(e.widgetId);
+        Z() || V()(f());
       },
       onContextMenu: (l) => {
-        E(l.target) === "widget_shell" && (l.preventDefault(), l.stopPropagation(), e.onContextMenu(l, e.itemSnapshot()));
+        D(l.target) === "widget_shell" && (l.preventDefault(), l.stopPropagation(), Lt()(l, E()()));
       },
       get style() {
-        return xt();
+        return ae();
       }
-    }), !1, !0), o.$$pointerdown = it, at(o, {
-      [Vt]: "true"
-    }, !1, !0), r.$$click = et, r.$$pointerdown = (l) => l.stopPropagation(), s(r, h(dt, {
+    }), !1, !0), n.$$pointerdown = _t, $t(n, {
+      [$e]: "true"
+    }, !1, !0), i.$$click = mt, i.$$pointerdown = (l) => l.stopPropagation(), g(i, m(Pt, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
-    })), n.$$click = Q, n.$$pointerdown = (l) => l.stopPropagation(), s(n, h(st, {
+    })), s.$$click = ft, s.$$pointerdown = (l) => l.stopPropagation(), g(s, m(xt, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
-    })), g.$$click = tt, g.$$pointerdown = (l) => l.stopPropagation(), s(g, h(ut, {
+    })), c.$$click = pt, c.$$pointerdown = (l) => l.stopPropagation(), g(c, m(Tt, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
-    })), s(f, Mt), V.$$pointerdown = it, s(V, h(Ht, {
+    })), g(d, re), _.$$pointerdown = _t, g(_, m(ve, {
       class: "w-3.5 h-3.5"
-    })), s(q, () => {
-      const l = e.definition.icon;
-      return h(l, {
+    })), g($, () => {
+      const l = H().icon;
+      return m(l, {
         class: "w-3.5 h-3.5"
       });
-    }, ot), s(ot, () => e.widgetTitle), A.$$click = Q, A.$$pointerdown = (l) => l.stopPropagation(), s(A, h(st, {
+    }, bt), g(bt, nt), j.$$click = ft, j.$$pointerdown = (l) => l.stopPropagation(), g(j, m(xt, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
-    })), R.$$click = tt, R.$$pointerdown = (l) => l.stopPropagation(), s(R, h(ut, {
+    })), O.$$click = pt, O.$$pointerdown = (l) => l.stopPropagation(), g(O, m(Tt, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
-    })), B.$$click = et, B.$$pointerdown = (l) => l.stopPropagation(), s(B, h(dt, {
+    })), ot.$$click = mt, ot.$$pointerdown = (l) => l.stopPropagation(), g(ot, m(Pt, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
-    })), s(At, () => {
-      const l = e.definition.body;
-      return h(l, {
+    })), g(we, () => {
+      const l = H().body;
+      return m(l, {
         get widgetId() {
-          return e.widgetId;
+          return f();
         },
         get title() {
-          return e.widgetTitle;
+          return nt();
         },
         get type() {
-          return e.widgetType;
+          return it();
         },
-        surfaceMetrics: H,
+        surfaceMetrics: tt,
         get activation() {
-          return ht();
+          return Bt();
         },
         get lifecycle() {
-          return kt();
+          return Qt();
         },
         get selected() {
-          return y();
+          return M();
         },
         get filtered() {
-          return e.filtered;
+          return B();
         },
-        requestActivate: $t
+        requestActivate: te
       });
-    }), s(i, (() => {
-      var l = Xt(() => !!e.locked);
+    }), g(e, (() => {
+      var l = he(() => !!v());
       return () => l() ? null : (() => {
-        var rt = ee();
-        return rt.$$pointerdown = Ct, rt;
+        var St = Re();
+        return St.$$pointerdown = se, St;
       })();
-    })(), null), zt((l) => Yt(i, It(), l)), t;
+    })(), null), fe((l) => pe(e, ie(), l)), t;
   })();
 }
-jt(["pointerdown", "click"]);
+_e(["pointerdown", "click"]);
 export {
-  he as WorkbenchWidget
+  Ne as WorkbenchWidget
 };