@floegence/floe-webapp-core 0.36.75 → 0.36.77

package/dist/components/workbench/WorkbenchWidget.js

@@ -1,56 +1,56 @@
-import { spread as xt, mergeProps as pe, insert as f, createComponent as m, memo as me, effect as _e, style as be, template as Rt, use as ve, delegateEvents as Se } from "solid-js/web";
-import { createMemo as g, createSignal as T, onCleanup as Wt, untrack as $, createEffect as Ct } from "solid-js";
-import { startHotInteraction as ke } from "../../utils/hotInteraction.js";
-import { X as It, Minus as Mt, Maximize as Tt, GripVertical as $e } from "../icons/index.js";
-import { CANVAS_WHEEL_INTERACTIVE_ATTR as ye, WORKBENCH_WIDGET_SHELL_ATTR as Pe, resolveWorkbenchWidgetLocalTypingTarget as xe, resolveWorkbenchWidgetTextSelectionTarget as We, shouldActivateWorkbenchWidgetLocalTarget as Ce } from "../ui/localInteractionSurface.js";
-import { startPointerSession as Et } from "../ui/pointerSession.js";
-import { createWorkbenchWidgetSurfaceMetrics as Ie, resolveWorkbenchProjectedSurfaceScaleBehavior as Me } from "./workbenchHelpers.js";
-import { createWorkbenchEdgeAutoPanController as Te, WORKBENCH_EDGE_AUTO_PAN_FRAME_SELECTOR as Ee, frameFromElement as Re } from "./workbenchEdgeAutoPan.js";
-import { resolveWorkbenchInteractionAdapter as Le } from "./workbenchInteractionAdapter.js";
+import { spread as It, mergeProps as be, insert as f, createComponent as m, memo as ve, effect as Se, style as ke, template as Rt, use as $e, delegateEvents as ye } from "solid-js/web";
+import { createMemo as g, createSignal as $, onCleanup as Mt, untrack as y, createEffect as rt } from "solid-js";
+import { startHotInteraction as Pe } from "../../utils/hotInteraction.js";
+import { X as Tt, Minus as Et, Maximize as At, GripVertical as xe } from "../icons/index.js";
+import { CANVAS_WHEEL_INTERACTIVE_ATTR as We, WORKBENCH_WIDGET_SHELL_ATTR as Ce, resolveWorkbenchWidgetLocalTypingTarget as Ie, resolveWorkbenchWidgetTextSelectionTarget as Me, shouldActivateWorkbenchWidgetLocalTarget as Te } from "../ui/localInteractionSurface.js";
+import { startPointerSession as Lt } from "../ui/pointerSession.js";
+import { createWorkbenchWidgetSurfaceMetrics as Ee, resolveWorkbenchProjectedSurfaceScaleBehavior as Ae } from "./workbenchHelpers.js";
+import { createWorkbenchEdgeAutoPanController as Le, WORKBENCH_EDGE_AUTO_PAN_FRAME_SELECTOR as Re, frameFromElement as ze } from "./workbenchEdgeAutoPan.js";
+import { resolveWorkbenchInteractionAdapter as Xe } from "./workbenchInteractionAdapter.js";
 import { createOwnerSafePropAccessor as a } from "./workbenchOwnerSafeAccessors.js";
-var Ae = /* @__PURE__ */ Rt('<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>'), ze = /* @__PURE__ */ Rt('<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 Xe = 220, Ye = 160, De = 160;
-function Ke(i) {
-  const V = a(() => i.definition), u = a(() => i.widgetId), rt = a(() => i.widgetTitle), at = a(() => i.widgetType), E = a(() => i.itemSnapshot), ct = a(() => i.renderLayer), Lt = a(() => i.visualFront), lt = a(() => i.motion ?? null), st = a(() => i.topRenderLayer), At = a(() => i.viewport), q = a(() => i.onSelect), zt = a(() => i.onContextMenu), B = a(() => i.onClaimVisualFrontOwner), N = a(() => i.onCommitFront), Xt = a(() => i.onCommitMove), Yt = a(() => i.onCommitResize), Dt = a(() => i.onViewportCommit), Ft = a(() => i.onViewportInteractionStart), jt = a(() => i.onRequestOverview), Ot = a(() => i.onRequestFit), Ht = a(() => i.onRequestDelete), Vt = a(() => i.onLayoutInteractionStart), qt = a(() => i.onLayoutInteractionEnd), h = g(() => Le(i.interactionAdapter)), R = a(() => i.selected), v = a(() => i.locked), G = a(() => i.filtered), b = a(() => i.layoutMode ?? "canvas_scaled"), Bt = a(() => i.projectedViewport), Nt = a(() => i.surfaceReady ?? !0), dt = a(() => ({
+var Ye = /* @__PURE__ */ Rt('<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>'), De = /* @__PURE__ */ Rt('<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 Fe = 220, je = 160, Oe = 160;
+function Qe(i) {
+  const q = a(() => i.definition), u = a(() => i.widgetId), at = a(() => i.widgetTitle), ct = a(() => i.widgetType), L = a(() => i.itemSnapshot), lt = a(() => i.renderLayer), zt = a(() => i.visualFront), st = a(() => i.motion ?? null), dt = a(() => i.topRenderLayer), Xt = a(() => i.viewport), B = a(() => i.onSelect), Yt = a(() => i.onActivate), Dt = a(() => i.onContextMenu), N = a(() => i.onClaimVisualFrontOwner), G = a(() => i.onCommitFront), Ft = a(() => i.onCommitMove), jt = a(() => i.onCommitResize), Ot = a(() => i.onViewportCommit), Ht = a(() => i.onViewportInteractionStart), Vt = a(() => i.onRequestOverview), qt = a(() => i.onRequestFit), Bt = a(() => i.onRequestDelete), Nt = a(() => i.onLayoutInteractionStart), Gt = a(() => i.onLayoutInteractionEnd), h = g(() => Xe(i.interactionAdapter)), P = a(() => i.selected), v = a(() => i.locked), Z = a(() => i.filtered), b = a(() => i.layoutMode ?? "canvas_scaled"), Zt = a(() => i.projectedViewport), Kt = a(() => i.surfaceReady ?? !0), ut = a(() => ({
     x: i.x,
     y: i.y
-  })), ut = a(() => ({
+  })), wt = a(() => ({
     width: i.width,
     height: i.height
-  })), Z = a(() => Math.max(i.viewportScale, 1e-3)), [y, L] = T(null), [A, K] = T(null), [Gt, Zt] = T(), [U, J] = T(!1), [wt, z] = T({
+  })), K = a(() => Math.max(i.viewportScale, 1e-3)), [x, R] = $(null), [z, U] = $(null), [Ut, Jt] = $(), [J, W] = $(!1), [gt, ht] = $(!1), [ft, X] = $({
     enabled: !1,
     scale: 1
   });
-  let P, x, W, X = null, Kt = 0, Ut = 0, S = null, C;
-  const I = /* @__PURE__ */ new Map();
+  let C, I, M, Y = null, Qt = 0, te = 0, S = null, T;
+  const E = /* @__PURE__ */ new Map();
   let w;
-  const Y = () => {
-    typeof window > "u" || C === void 0 || (window.clearTimeout(C), C = void 0);
-  }, gt = (t, e) => {
-    const n = ke({
+  const D = () => {
+    typeof window > "u" || T === void 0 || (window.clearTimeout(T), T = void 0);
+  }, pt = (t, e) => {
+    const n = Pe({
       kind: t,
       cursor: e
     });
     let o = !1;
-    return $(() => Vt()?.()), () => {
-      o || (o = !0, n(), $(() => qt()?.()));
+    return y(() => Nt()?.()), () => {
+      o || (o = !0, n(), y(() => Gt()?.()));
     };
-  }, ht = () => {
-    W?.stop(), W = void 0, X = null;
-  }, Jt = () => {
-    const t = At(), e = Dt(), n = Ft();
-    !t || !e || (X = t, W?.stop(), W = Te({
+  }, mt = () => {
+    M?.stop(), M = void 0, Y = null;
+  }, ee = () => {
+    const t = Xt(), e = Ot(), n = Ht();
+    !t || !e || (Y = t, M?.stop(), M = Le({
       readFrame: () => {
-        const o = w?.closest(Ee);
-        return o instanceof HTMLElement ? Re(o) : null;
+        const o = w?.closest(Re);
+        return o instanceof HTMLElement ? ze(o) : null;
       },
-      readViewport: () => X ?? t,
+      readViewport: () => Y ?? t,
       commitViewport: (o) => {
-        X = o, e(o);
+        Y = o, e(o);
       },
       onPanStart: () => n?.("pan"),
       onPan: (o) => {
-        L((r) => r && {
+        R((r) => r && {
           ...r,
           autoPanWorldX: r.autoPanWorldX + o.worldDeltaX,
           autoPanWorldY: r.autoPanWorldY + o.worldDeltaY,
@@ -59,81 +59,88 @@ function Ke(i) {
           moved: !0
         });
       },
-      shouldPan: () => y() !== null
+      shouldPan: () => x() !== null
     }));
   };
-  Wt(() => {
-    ht(), P?.stop({
+  Mt(() => {
+    mt(), C?.stop({
       reason: "manual_stop",
       commit: !1
-    }), P = void 0, x?.stop({
+    }), C = void 0, I?.stop({
       reason: "manual_stop",
       commit: !1
-    }), x = void 0, $(y)?.stopInteraction(), $(A)?.stopInteraction(), Y();
+    }), I = void 0, y(x)?.stopInteraction(), y(z)?.stopInteraction(), D();
   });
-  const D = () => {
-    J(!1);
-    const t = u();
-    q()(t), N()(t);
-  }, Qt = () => {
-    if (ct() >= st()) {
-      B()(u());
+  const F = () => {
+    const t = u(), e = Yt();
+    if (e) {
+      W(!0), ht(!0), e(t);
+      return;
+    }
+    W(!1), B()(t), G()(t);
+  }, oe = () => {
+    if (lt() >= dt()) {
+      N()(u());
       return;
     }
-    N()(u());
+    G()(u());
   }, Q = () => {
-    J(!1);
-  }, M = g(() => R() || U()), te = (t, e, n) => {
+    W(!1);
+  }, A = g(() => P() || J());
+  rt(() => {
+    !gt() || !P() || (ht(!1), W(!1));
+  });
+  const ne = (t, e, n) => {
     const o = {
-      token: ++Ut,
+      token: ++te,
       wasSelected: e,
       ownership: n
     };
-    I.set(t, o), !e && n === "widget_local" && J(!0), queueMicrotask(() => {
-      I.get(t)?.token === o.token && I.delete(t);
+    E.set(t, o), !e && n === "widget_local" && W(!0), queueMicrotask(() => {
+      E.get(t)?.token === o.token && E.delete(t);
     });
-  }, ee = (t) => {
-    const e = I.get(t) ?? null;
-    return e && I.delete(t), e;
+  }, ie = (t) => {
+    const e = E.get(t) ?? null;
+    return e && E.delete(t), e;
   };
-  Ct(() => {
+  rt(() => {
     const t = w;
     if (!t) return;
     const e = (r) => {
-      r.button === 0 && te(r.pointerId, M(), F(r.target));
+      r.button === 0 && ne(r.pointerId, A(), j(r.target));
     }, n = (r) => {
-      if (r.button === 0 && F(r.target) === "widget_local") {
-        if (U()) {
-          D();
+      if (r.button === 0 && j(r.target) === "widget_local") {
+        if (J()) {
+          F();
           return;
         }
-        R() && Qt();
+        P() && oe();
       }
     }, o = () => {
       setTimeout(() => {
-        R() || Q();
+        P() || Q();
       }, 0);
     };
-    t.addEventListener("pointerdown", e, !0), t.addEventListener("click", n, !0), t.addEventListener("pointerup", o), t.addEventListener("pointercancel", Q), Wt(() => {
+    t.addEventListener("pointerdown", e, !0), t.addEventListener("click", n, !0), t.addEventListener("pointerup", o), t.addEventListener("pointercancel", Q), Mt(() => {
       t.removeEventListener("pointerdown", e, !0), t.removeEventListener("click", n, !0), t.removeEventListener("pointerup", o), t.removeEventListener("pointercancel", Q);
     });
   });
-  const tt = () => y() !== null, et = () => A() !== null, oe = g(() => G() || v() ? "cold" : M() ? "hot" : "warm"), F = (t) => h().resolveWidgetEventOwnership({
+  const tt = () => x() !== null, et = () => z() !== null, re = g(() => Z() || v() ? "cold" : A() ? "hot" : "warm"), j = (t) => h().resolveWidgetEventOwnership({
     target: t,
     widgetRoot: w ?? null,
     interactiveSelector: h().interactiveSelector,
     panSurfaceSelector: h().panSurfaceSelector
-  }), ne = () => {
-    D(), w?.focus({
+  }), ae = () => {
+    F(), w?.focus({
       preventScroll: !0
     });
-  }, ft = (t) => {
-    Zt((e) => ({
+  }, _t = (t) => {
+    Jt((e) => ({
       seq: (e?.seq ?? 0) + 1,
       source: "local_pointer",
       pointerType: t
     }));
-  }, ie = (t) => {
+  }, ce = (t) => {
     if (!(!w || !t.isConnected || !w.contains(t)))
       try {
         t.focus({
@@ -142,9 +149,9 @@ function Ke(i) {
       } catch {
         t.focus();
       }
-  }, re = (t, e) => {
+  }, le = (t, e) => {
     S = {
-      token: ++Kt,
+      token: ++Qt,
       pointerId: t,
       target: e,
       timestamp: Date.now()
@@ -152,7 +159,7 @@ function Ke(i) {
     const n = S;
     queueMicrotask(() => {
       const o = () => {
-        !n || S?.token !== n.token || (ie(n.target), S = null);
+        !n || S?.token !== n.token || (ce(n.target), S = null);
       };
       if (typeof requestAnimationFrame == "function") {
         requestAnimationFrame(() => o());
@@ -160,33 +167,33 @@ function Ke(i) {
       }
       o();
     });
-  }, ae = (t) => {
+  }, se = (t) => {
     if (t.button !== 0 || v()) return;
-    const e = ee(t.pointerId), n = e?.wasSelected ?? R(), o = e?.ownership ?? F(t.target), r = o === "widget_local" ? xe({
+    const e = ie(t.pointerId), n = e?.wasSelected ?? P(), o = e?.ownership ?? j(t.target), r = o === "widget_local" ? Ie({
       target: t.target,
       widgetRoot: w ?? null,
       interactiveSelector: h().interactiveSelector,
       panSurfaceSelector: h().panSurfaceSelector
-    }) : null, s = o === "widget_local" ? We({
+    }) : null, s = o === "widget_local" ? Me({
       target: t.target,
       widgetRoot: w ?? null,
       interactiveSelector: h().interactiveSelector,
       panSurfaceSelector: h().panSurfaceSelector
-    }) : null, c = o === "widget_local" && !r && !s && Ce({
+    }) : null, c = o === "widget_local" && !r && !s && Te({
       target: t.target,
       widgetRoot: w ?? null,
       interactiveSelector: h().interactiveSelector,
       panSurfaceSelector: h().panSurfaceSelector
     });
     if (o === "widget_shell") {
-      D(), w?.focus({
+      F(), w?.focus({
         preventScroll: !0
       });
       return;
     }
     if (o === "widget_local") {
       if (r) {
-        n || re(t.pointerId, r);
+        n || le(t.pointerId, r);
         return;
       }
       if (s) {
@@ -195,41 +202,41 @@ function Ke(i) {
       }
       if (c) {
         if (S = null, n) {
-          ft(t.pointerType || void 0);
+          _t(t.pointerType || void 0);
           return;
         }
-        D(), ft(t.pointerType || void 0);
+        F(), _t(t.pointerType || void 0);
       }
     }
-  }, j = g(() => {
-    const t = y();
+  }, O = g(() => {
+    const t = x();
     return t ? {
       x: t.worldX,
       y: t.worldY
-    } : dt();
+    } : ut();
   }), p = g(() => {
-    const t = A();
+    const t = z();
     return t ? {
       width: t.width,
       height: t.height
-    } : ut();
+    } : wt();
   }), ot = g(() => {
-    const t = Bt();
+    const t = Zt();
     if (!(b() !== "projected_surface" || !t))
-      return Ie({
+      return Ee({
         widgetId: u(),
-        worldX: j().x,
-        worldY: j().y,
+        worldX: O().x,
+        worldY: O().y,
         worldWidth: p().width,
         worldHeight: p().height,
         viewport: t(),
-        ready: Nt()
+        ready: Kt()
       });
-  }), nt = g(() => ot()?.rect.viewportScale ?? Z()), pt = g(() => b() === "projected_surface" && Me(V()) === "settle_sharp_zoom"), mt = g(() => b() === "projected_surface" && pt() && wt().enabled && wt().scale > 1.001), ce = g(() => {
+  }), nt = g(() => ot()?.rect.viewportScale ?? K()), bt = g(() => b() === "projected_surface" && Ae(q()) === "settle_sharp_zoom"), vt = g(() => b() === "projected_surface" && bt() && ft().enabled && ft().scale > 1.001), de = g(() => {
     if (b() !== "projected_surface")
       return;
     const t = nt();
-    return mt() ? {
+    return vt() ? {
       width: `${p().width}px`,
       height: `${p().height}px`,
       zoom: `${t}`
@@ -238,21 +245,21 @@ function Ke(i) {
       height: "100%",
       zoom: "1"
     };
-  }), le = g(() => {
-    const t = E()().z_index, e = Number.isFinite(t) ? Math.max(1, Math.min(99, Math.round(t))) : 1;
+  }), ue = g(() => {
+    const t = L()().z_index, e = Number.isFinite(t) ? Math.max(1, Math.min(99, Math.round(t))) : 1;
     return String(e).padStart(2, "0");
-  }), _t = (t) => {
-    t.preventDefault(), t.stopPropagation(), jt()(E()());
-  }, bt = (t) => {
-    t.preventDefault(), t.stopPropagation(), Ot()(E()());
-  }, vt = (t) => {
-    t.preventDefault(), t.stopPropagation(), Ht()(u());
-  }, se = g(() => {
+  }), St = (t) => {
+    t.preventDefault(), t.stopPropagation(), Vt()(L()());
+  }, kt = (t) => {
+    t.preventDefault(), t.stopPropagation(), qt()(L()());
+  }, $t = (t) => {
+    t.preventDefault(), t.stopPropagation(), Bt()(u());
+  }, we = g(() => {
     const t = {
-      "z-index": tt() || et() || Lt() ? `${st() + 1}` : `${ct()}`
+      "z-index": tt() || et() || zt() ? `${dt() + 1}` : `${lt()}`
     };
     if (b() === "projected_surface") {
-      const e = ot()?.rect, n = nt(), o = mt(), r = o ? e?.screenWidth ?? p().width * n : p().width, s = o ? e?.screenHeight ?? p().height * n : p().height;
+      const e = ot()?.rect, n = nt(), o = vt(), r = o ? e?.screenWidth ?? p().width * n : p().width, s = o ? e?.screenHeight ?? p().height * n : p().height;
       return {
         ...t,
         width: `${r}px`,
@@ -265,12 +272,12 @@ function Ke(i) {
       ...t,
       width: `${p().width}px`,
       height: `${p().height}px`,
-      transform: `translate(${j().x}px, ${j().y}px)`
+      transform: `translate(${O().x}px, ${O().y}px)`
     };
-  }), St = g(() => lt()?.phase === "enter");
-  Ct(() => {
-    if (!pt()) {
-      Y(), z({
+  }), yt = g(() => st()?.phase === "enter");
+  rt(() => {
+    if (!bt()) {
+      D(), X({
         enabled: !1,
         scale: 1
       });
@@ -278,28 +285,28 @@ function Ke(i) {
     }
     const t = nt();
     if (t <= 1.001 || tt() || et()) {
-      Y(), z({
+      D(), X({
         enabled: !1,
         scale: t
       });
       return;
     }
-    if (z({
+    if (X({
       enabled: !1,
       scale: t
     }), typeof window > "u")
       return;
-    Y();
+    D();
     const e = t;
-    C = window.setTimeout(() => {
-      C = void 0, z((n) => Math.abs(n.scale - e) < 1e-3 ? {
+    T = window.setTimeout(() => {
+      T = void 0, X((n) => Math.abs(n.scale - e) < 1e-3 ? {
         enabled: !0,
         scale: e
       } : n);
-    }, De);
+    }, Oe);
   });
-  const de = (t) => {
-    const e = $(y);
+  const ge = (t) => {
+    const e = y(x);
     if (!e) return;
     const n = {
       x: e.worldX,
@@ -308,19 +315,19 @@ function Ke(i) {
       x: e.startWorldX,
       y: e.startWorldY
     }, r = t && (Math.abs(n.x - o.x) > 1 || Math.abs(n.y - o.y) > 1), s = u();
-    N()(s), r && Xt()(s, n), e.stopInteraction(), ht(), L(null), P = void 0;
-  }, kt = (t) => {
+    G()(s), r && Ft()(s, n), e.stopInteraction(), mt(), R(null), C = void 0;
+  }, Pt = (t) => {
     if (t.button !== 0 || v()) return;
-    t.preventDefault(), t.stopPropagation(), P?.stop({
+    t.preventDefault(), t.stopPropagation(), C?.stop({
       reason: "manual_stop",
       commit: !1
     });
     const e = u();
-    q()(e), w?.focus({
+    B()(e), w?.focus({
       preventScroll: !0
-    }), B()(e);
-    const n = gt("drag", "grabbing"), o = Z(), r = dt();
-    L({
+    }), N()(e);
+    const n = pt("drag", "grabbing"), o = K(), r = ut();
+    R({
       pointerId: t.pointerId,
       startClientX: t.clientX,
       startClientY: t.clientY,
@@ -333,9 +340,9 @@ function Ke(i) {
       moved: !1,
       scale: o,
       stopInteraction: n
-    }), Jt();
+    }), ee();
     const s = (c) => {
-      W?.updatePointer(c.clientX, c.clientY), L((d) => {
+      M?.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, k = d.startWorldY + (c.clientY - d.startClientY) / d.scale + d.autoPanWorldY;
         return {
@@ -346,30 +353,30 @@ function Ke(i) {
         };
       });
     };
-    P = Et({
+    C = Lt({
       pointerEvent: t,
       captureEl: t.currentTarget,
       onMove: s,
       onEnd: ({
         commit: c
-      }) => de(c)
+      }) => ge(c)
     });
-  }, ue = (t) => {
-    const e = $(A);
+  }, he = (t) => {
+    const e = y(z);
     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 && Yt()(u(), n), e.stopInteraction(), K(null), x = void 0;
-  }, we = (t) => {
+    t && o && jt()(u(), n), e.stopInteraction(), U(null), I = void 0;
+  }, fe = (t) => {
     if (t.button !== 0 || v()) return;
-    t.preventDefault(), t.stopPropagation(), x?.stop({
+    t.preventDefault(), t.stopPropagation(), I?.stop({
       reason: "manual_stop",
       commit: !1
-    }), B()(u());
-    const e = gt("resize", "nwse-resize"), n = Z(), o = ut();
-    K({
+    }), N()(u());
+    const e = pt("resize", "nwse-resize"), n = K(), o = wt();
+    U({
       pointerId: t.pointerId,
       startClientX: t.clientX,
       startClientY: t.clientY,
@@ -381,9 +388,9 @@ function Ke(i) {
       stopInteraction: e
     });
     const r = (s) => {
-      K((c) => {
+      U((c) => {
         if (!c || c.pointerId !== s.pointerId) return c;
-        const d = Math.max(Xe, c.startWidth + (s.clientX - c.startClientX) / c.scale), _ = Math.max(Ye, c.startHeight + (s.clientY - c.startClientY) / c.scale);
+        const d = Math.max(Fe, c.startWidth + (s.clientX - c.startClientX) / c.scale), _ = Math.max(je, c.startHeight + (s.clientY - c.startClientY) / c.scale);
         return {
           ...c,
           width: d,
@@ -391,27 +398,27 @@ function Ke(i) {
         };
       });
     };
-    x = Et({
+    I = Lt({
       pointerEvent: t,
       captureEl: t.currentTarget,
       onMove: r,
       onEnd: ({
         commit: s
-      }) => ue(s)
+      }) => he(s)
     });
   };
   return (() => {
-    var t = Ae(), e = t.firstChild, n = e.firstChild, o = n.firstChild, r = o.firstChild, s = r.nextSibling, c = s.nextSibling, d = o.nextSibling, _ = d.nextSibling, k = _.nextSibling, ge = k.firstChild, $t = ge.nextSibling, he = k.nextSibling, O = he.firstChild, H = O.nextSibling, it = H.nextSibling, fe = n.nextSibling, yt = w;
-    return typeof yt == "function" ? ve(yt, t) : w = t, xt(t, pe({
+    var t = Ye(), e = t.firstChild, n = e.firstChild, o = n.firstChild, r = o.firstChild, s = r.nextSibling, c = s.nextSibling, d = o.nextSibling, _ = d.nextSibling, k = _.nextSibling, pe = k.firstChild, xt = pe.nextSibling, me = k.nextSibling, H = me.firstChild, V = H.nextSibling, it = V.nextSibling, _e = n.nextSibling, Wt = w;
+    return typeof Wt == "function" ? $e(Wt, t) : w = t, It(t, be({
       get classList() {
         return {
-          "is-selected": M(),
+          "is-selected": A(),
           "is-dragging": tt(),
           "is-resizing": et(),
-          "is-filtered-out": G(),
+          "is-filtered-out": Z(),
           "is-projected-surface": b() === "projected_surface",
           "is-locked": v(),
-          "is-entering": St()
+          "is-entering": yt()
         };
       }
     }, () => ({
@@ -426,95 +433,95 @@ function Ke(i) {
       [h().widgetIdAttr]: u()
     }), {
       get "data-workbench-widget-type"() {
-        return at();
+        return ct();
       },
       get "data-floe-workbench-render-mode"() {
         return b();
       },
       get "data-workbench-widget-motion"() {
-        return St() ? "enter" : void 0;
+        return yt() ? "enter" : void 0;
       }
     }, () => ({
-      [ye]: M() ? "true" : void 0
+      [We]: A() ? "true" : void 0
     }), {
       tabIndex: 0,
-      onPointerDown: ae,
+      onPointerDown: se,
       onFocus: () => {
-        U() || q()(u());
+        J() || gt() || B()(u());
       },
       onContextMenu: (l) => {
-        F(l.target) === "widget_shell" && (l.preventDefault(), l.stopPropagation(), zt()(l, E()()));
+        j(l.target) === "widget_shell" && (l.preventDefault(), l.stopPropagation(), Dt()(l, L()()));
       },
       get style() {
-        return se();
+        return we();
       }
-    }), !1, !0), n.$$pointerdown = kt, xt(n, {
-      [Pe]: "true"
-    }, !1, !0), r.$$click = vt, r.$$pointerdown = (l) => l.stopPropagation(), f(r, m(It, {
+    }), !1, !0), n.$$pointerdown = Pt, It(n, {
+      [Ce]: "true"
+    }, !1, !0), r.$$click = $t, r.$$pointerdown = (l) => l.stopPropagation(), f(r, m(Tt, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
-    })), s.$$click = _t, s.$$pointerdown = (l) => l.stopPropagation(), f(s, m(Mt, {
+    })), s.$$click = St, s.$$pointerdown = (l) => l.stopPropagation(), f(s, m(Et, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
-    })), c.$$click = bt, c.$$pointerdown = (l) => l.stopPropagation(), f(c, m(Tt, {
+    })), c.$$click = kt, c.$$pointerdown = (l) => l.stopPropagation(), f(c, m(At, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
-    })), f(d, le), _.$$pointerdown = kt, f(_, m($e, {
+    })), f(d, ue), _.$$pointerdown = Pt, f(_, m(xe, {
       class: "w-3.5 h-3.5"
     })), f(k, () => {
-      const l = V().icon;
+      const l = q().icon;
       return m(l, {
         class: "w-3.5 h-3.5"
       });
-    }, $t), f($t, rt), O.$$click = _t, O.$$pointerdown = (l) => l.stopPropagation(), f(O, m(Mt, {
+    }, xt), f(xt, at), H.$$click = St, H.$$pointerdown = (l) => l.stopPropagation(), f(H, m(Et, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
-    })), H.$$click = bt, H.$$pointerdown = (l) => l.stopPropagation(), f(H, m(Tt, {
+    })), V.$$click = kt, V.$$pointerdown = (l) => l.stopPropagation(), f(V, m(At, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
-    })), it.$$click = vt, it.$$pointerdown = (l) => l.stopPropagation(), f(it, m(It, {
+    })), it.$$click = $t, it.$$pointerdown = (l) => l.stopPropagation(), f(it, m(Tt, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
-    })), f(fe, () => {
-      const l = V().body;
+    })), f(_e, () => {
+      const l = q().body;
       return m(l, {
         get widgetId() {
           return u();
         },
         get title() {
-          return rt();
+          return at();
         },
         get type() {
-          return at();
+          return ct();
         },
         surfaceMetrics: ot,
         get activation() {
-          return Gt();
+          return Ut();
         },
         get lifecycle() {
-          return oe();
+          return re();
         },
         get motion() {
-          return lt();
+          return st();
         },
         get selected() {
-          return M();
+          return A();
         },
         get filtered() {
-          return G();
+          return Z();
         },
-        requestActivate: ne
+        requestActivate: ae
       });
     }), f(e, (() => {
-      var l = me(() => !!v());
+      var l = ve(() => !!v());
       return () => l() ? null : (() => {
-        var Pt = ze();
-        return Pt.$$pointerdown = we, Pt;
+        var Ct = De();
+        return Ct.$$pointerdown = fe, Ct;
       })();
-    })(), null), _e((l) => be(e, ce(), l)), t;
+    })(), null), Se((l) => ke(e, de(), l)), t;
   })();
 }
-Se(["pointerdown", "click"]);
+ye(["pointerdown", "click"]);
 export {
-  Ke as WorkbenchWidget
+  Qe as WorkbenchWidget
 };