@floegence/floe-webapp-core 0.36.60 → 0.36.61

package/dist/components/workbench/WorkbenchWidget.js

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