@floegence/floe-webapp-core 0.36.38 → 0.36.39

package/dist/components/workbench/WorkbenchWidget.js

@@ -1,92 +1,118 @@
-import { spread as nt, mergeProps as Wt, insert as s, createComponent as h, memo as Et, effect as Lt, style as zt, template as st, use as Rt, delegateEvents as At } from "solid-js/web";
-import { createMemo as w, createSignal as $, onCleanup as ot, untrack as _, createEffect as rt } from "solid-js";
-import { startHotInteraction as Dt } from "../../utils/hotInteraction.js";
-import { X as at, Minus as ct, Maximize as lt, GripVertical as Xt } from "../icons/index.js";
-import { CANVAS_WHEEL_INTERACTIVE_ATTR as Yt, WORKBENCH_WIDGET_SHELL_ATTR as jt, resolveWorkbenchWidgetLocalTypingTarget as Ft, resolveWorkbenchWidgetTextSelectionTarget as Ht, shouldActivateWorkbenchWidgetLocalTarget as Ot } from "../ui/localInteractionSurface.js";
-import { startPointerSession as dt } from "../ui/pointerSession.js";
-import { createWorkbenchWidgetSurfaceMetrics as qt, resolveWorkbenchProjectedSurfaceScaleBehavior as Bt } from "./workbenchHelpers.js";
-import { resolveWorkbenchInteractionAdapter as Nt } from "./workbenchInteractionAdapter.js";
-var Vt = /* @__PURE__ */ st('<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>'), Zt = /* @__PURE__ */ st('<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 Gt = 220, Jt = 160, Kt = 160;
-function ae(e) {
-  const l = w(() => Nt(e.interactionAdapter)), [y, L] = $(null), [x, z] = $(null), [wt, ut] = $(), [R, A] = $(!1), [B, I] = $({
+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 w, 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 wt, 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 ut } 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 = w(() => Qt(e.interactionAdapter)), [b, I] = P(null), [M, X] = P(null), [ht, ft] = P(), [z, Y] = P(!1), [N, x] = P({
     enabled: !1,
     scale: 1
   });
-  let b, v, gt = 0, ht = 0, m = null, S;
-  const p = /* @__PURE__ */ new Map();
-  let d;
-  const M = () => {
-    typeof window > "u" || S === void 0 || (window.clearTimeout(S), S = void 0);
-  }, N = (t, i) => {
-    const n = Dt({
+  let v, S, k, T = null, mt = 0, _t = 0, m = null, p;
+  const $ = /* @__PURE__ */ new Map();
+  let c;
+  const W = () => {
+    typeof window > "u" || p === void 0 || (window.clearTimeout(p), p = void 0);
+  }, G = (t, i) => {
+    const o = Ft({
       kind: t,
       cursor: i
     });
-    let r = !1;
+    let a = !1;
     return _(() => e.onLayoutInteractionStart?.()), () => {
-      r || (r = !0, n(), _(() => e.onLayoutInteractionEnd?.()));
+      a || (a = !0, o(), _(() => e.onLayoutInteractionEnd?.()));
     };
+  }, Z = () => {
+    k?.stop(), k = void 0, T = null;
+  }, bt = () => {
+    !e.viewport || !e.onViewportCommit || (T = e.viewport, k?.stop(), k = Kt({
+      readFrame: () => {
+        const t = c?.closest(Ut);
+        return t instanceof HTMLElement ? Jt(t) : null;
+      },
+      readViewport: () => T ?? e.viewport ?? null,
+      commitViewport: (t) => {
+        T = t, e.onViewportCommit?.(t);
+      },
+      onPanStart: () => e.onViewportInteractionStart?.("pan"),
+      onPan: (t) => {
+        I((i) => i && {
+          ...i,
+          autoPanWorldX: i.autoPanWorldX + t.worldDeltaX,
+          autoPanWorldY: i.autoPanWorldY + t.worldDeltaY,
+          worldX: i.worldX + t.worldDeltaX,
+          worldY: i.worldY + t.worldDeltaY,
+          moved: !0
+        });
+      },
+      shouldPan: () => b() !== null
+    }));
   };
-  ot(() => {
-    b?.stop({
+  lt(() => {
+    Z(), v?.stop({
       reason: "manual_stop",
       commit: !1
-    }), b = void 0, v?.stop({
+    }), v = void 0, S?.stop({
       reason: "manual_stop",
       commit: !1
-    }), v = void 0, _(y)?.stopInteraction(), _(x)?.stopInteraction(), M();
+    }), S = void 0, _(b)?.stopInteraction(), _(M)?.stopInteraction(), W();
   });
-  const T = () => {
-    A(!1), e.onSelect(e.widgetId), e.onCommitFront(e.widgetId);
+  const C = () => {
+    Y(!1), e.onSelect(e.widgetId), e.onCommitFront(e.widgetId);
   }, D = () => {
-    A(!1);
-  }, k = w(() => e.selected || R()), ft = (t, i, n) => {
-    const r = {
-      token: ++ht,
+    Y(!1);
+  }, y = w(() => e.selected || z()), vt = (t, i, o) => {
+    const a = {
+      token: ++_t,
       wasSelected: i,
-      ownership: n
+      ownership: o
     };
-    p.set(t, r), !i && n === "widget_local" && A(!0), queueMicrotask(() => {
-      p.get(t)?.token === r.token && p.delete(t);
+    $.set(t, a), !i && o === "widget_local" && Y(!0), queueMicrotask(() => {
+      $.get(t)?.token === a.token && $.delete(t);
     });
-  }, mt = (t) => {
-    const i = p.get(t) ?? null;
-    return i && p.delete(t), i;
+  }, St = (t) => {
+    const i = $.get(t) ?? null;
+    return i && $.delete(t), i;
   };
-  rt(() => {
-    const t = d;
+  ct(() => {
+    const t = c;
     if (!t) return;
-    const i = (a) => {
-      a.button === 0 && ft(a.pointerId, k(), C(a.target));
-    }, n = (a) => {
-      a.button === 0 && R() && C(a.target) === "widget_local" && T();
-    }, r = () => {
+    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 = () => {
       setTimeout(() => {
         e.selected || D();
       }, 0);
     };
-    t.addEventListener("pointerdown", i, !0), t.addEventListener("click", n, !0), t.addEventListener("pointerup", r), t.addEventListener("pointercancel", D), ot(() => {
-      t.removeEventListener("pointerdown", i, !0), t.removeEventListener("click", n, !0), t.removeEventListener("pointerup", r), t.removeEventListener("pointercancel", D);
+    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);
     });
   });
-  const X = () => y() !== null, Y = () => x() !== null, _t = w(() => e.filtered ? "cold" : k() ? "hot" : "warm"), C = (t) => l().resolveWidgetEventOwnership({
+  const j = () => b() !== null, F = () => M() !== null, kt = w(() => e.filtered ? "cold" : y() ? "hot" : "warm"), E = (t) => d().resolveWidgetEventOwnership({
     target: t,
-    widgetRoot: d ?? null,
-    interactiveSelector: l().interactiveSelector,
-    panSurfaceSelector: l().panSurfaceSelector
-  }), bt = () => {
-    T(), d?.focus({
+    widgetRoot: c ?? null,
+    interactiveSelector: d().interactiveSelector,
+    panSurfaceSelector: d().panSurfaceSelector
+  }), pt = () => {
+    C(), c?.focus({
       preventScroll: !0
     });
-  }, V = (t) => {
-    ut((i) => ({
+  }, K = (t) => {
+    ft((i) => ({
       seq: (i?.seq ?? 0) + 1,
       source: "local_pointer",
       pointerType: t
     }));
-  }, vt = (t) => {
-    if (!(!d || !t.isConnected || !d.contains(t)))
+  }, $t = (t) => {
+    if (!(!c || !t.isConnected || !c.contains(t)))
       try {
         t.focus({
           preventScroll: !0
@@ -94,67 +120,67 @@ function ae(e) {
       } catch {
         t.focus();
       }
-  }, St = (t, i) => {
+  }, yt = (t, i) => {
     m = {
-      token: ++gt,
+      token: ++mt,
       pointerId: t,
       target: i,
       timestamp: Date.now()
     };
-    const n = m;
+    const o = m;
     queueMicrotask(() => {
-      const r = () => {
-        !n || m?.token !== n.token || (vt(n.target), m = null);
+      const a = () => {
+        !o || m?.token !== o.token || ($t(o.target), m = null);
       };
       if (typeof requestAnimationFrame == "function") {
-        requestAnimationFrame(() => r());
+        requestAnimationFrame(() => a());
         return;
       }
-      r();
+      a();
     });
-  }, pt = (t) => {
+  }, Pt = (t) => {
     if (t.button !== 0) return;
-    const i = mt(t.pointerId), n = i?.wasSelected ?? e.selected, r = i?.ownership ?? C(t.target), a = r === "widget_local" ? Ft({
+    const i = St(t.pointerId), o = i?.wasSelected ?? e.selected, a = i?.ownership ?? E(t.target), r = a === "widget_local" ? qt({
       target: t.target,
-      widgetRoot: d ?? null,
-      interactiveSelector: l().interactiveSelector,
-      panSurfaceSelector: l().panSurfaceSelector
-    }) : null, o = r === "widget_local" ? Ht({
+      widgetRoot: c ?? null,
+      interactiveSelector: d().interactiveSelector,
+      panSurfaceSelector: d().panSurfaceSelector
+    }) : null, n = a === "widget_local" ? Bt({
       target: t.target,
-      widgetRoot: d ?? null,
-      interactiveSelector: l().interactiveSelector,
-      panSurfaceSelector: l().panSurfaceSelector
-    }) : null, g = r === "widget_local" && !a && !o && Ot({
+      widgetRoot: c ?? null,
+      interactiveSelector: d().interactiveSelector,
+      panSurfaceSelector: d().panSurfaceSelector
+    }) : null, g = a === "widget_local" && !r && !n && Nt({
       target: t.target,
-      widgetRoot: d ?? null,
-      interactiveSelector: l().interactiveSelector,
-      panSurfaceSelector: l().panSurfaceSelector
+      widgetRoot: c ?? null,
+      interactiveSelector: d().interactiveSelector,
+      panSurfaceSelector: d().panSurfaceSelector
     });
-    if (r === "widget_shell") {
-      T(), d?.focus({
+    if (a === "widget_shell") {
+      C(), c?.focus({
         preventScroll: !0
       });
       return;
     }
-    if (r === "widget_local") {
-      if (a) {
-        n || St(t.pointerId, a);
+    if (a === "widget_local") {
+      if (r) {
+        o || yt(t.pointerId, r);
         return;
       }
-      if (o) {
+      if (n) {
         m = null;
         return;
       }
       if (g) {
-        if (m = null, n) {
-          V(t.pointerType || void 0);
+        if (m = null, o) {
+          K(t.pointerType || void 0);
           return;
         }
-        T(), V(t.pointerType || void 0);
+        C(), K(t.pointerType || void 0);
       }
     }
-  }, P = w(() => {
-    const t = y();
+  }, L = w(() => {
+    const t = b();
     return t ? {
       x: t.worldX,
       y: t.worldY
@@ -163,7 +189,7 @@ function ae(e) {
       y: e.y
     };
   }), u = w(() => {
-    const t = x();
+    const t = M();
     return t ? {
       width: t.width,
       height: t.height
@@ -171,22 +197,22 @@ function ae(e) {
       width: e.width,
       height: e.height
     };
-  }), j = w(() => {
+  }), H = w(() => {
     if (!(e.layoutMode !== "projected_surface" || !e.projectedViewport))
-      return qt({
+      return Gt({
         widgetId: e.widgetId,
-        worldX: P().x,
-        worldY: P().y,
+        worldX: L().x,
+        worldY: L().y,
         worldWidth: u().width,
         worldHeight: u().height,
         viewport: e.projectedViewport(),
         ready: e.surfaceReady ?? !0
       });
-  }), F = w(() => j()?.rect.viewportScale ?? Math.max(e.viewportScale, 1e-3)), Z = w(() => e.layoutMode === "projected_surface" && Bt(e.definition) === "settle_sharp_zoom"), G = w(() => e.layoutMode === "projected_surface" && Z() && B().enabled && B().scale > 1.001), kt = w(() => {
+  }), O = w(() => H()?.rect.viewportScale ?? Math.max(e.viewportScale, 1e-3)), U = w(() => e.layoutMode === "projected_surface" && Zt(e.definition) === "settle_sharp_zoom"), J = w(() => e.layoutMode === "projected_surface" && U() && N().enabled && N().scale > 1.001), It = w(() => {
     if (e.layoutMode !== "projected_surface")
       return;
-    const t = F();
-    return G() ? {
+    const t = O();
+    return J() ? {
       width: `${u().width}px`,
       height: `${u().height}px`,
       zoom: `${t}`
@@ -195,26 +221,26 @@ function ae(e) {
       height: "100%",
       zoom: "1"
     };
-  }), $t = w(() => {
+  }), Mt = w(() => {
     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");
-  }), J = (t) => {
+  }), Q = (t) => {
     t.preventDefault(), t.stopPropagation(), e.onRequestOverview(e.itemSnapshot());
-  }, K = (t) => {
+  }, tt = (t) => {
     t.preventDefault(), t.stopPropagation(), e.onRequestFit(e.itemSnapshot());
-  }, U = (t) => {
+  }, et = (t) => {
     t.preventDefault(), t.stopPropagation(), e.onRequestDelete(e.widgetId);
-  }, yt = w(() => {
+  }, xt = w(() => {
     const t = {
-      "z-index": X() || Y() || e.optimisticFront ? `${e.topRenderLayer + 1}` : `${e.renderLayer}`
+      "z-index": j() || F() || e.optimisticFront ? `${e.topRenderLayer + 1}` : `${e.renderLayer}`
     };
     if (e.layoutMode === "projected_surface") {
-      const i = j()?.rect, n = F(), r = G(), a = r ? i?.screenWidth ?? u().width * n : u().width, o = r ? i?.screenHeight ?? u().height * n : u().height;
+      const i = H()?.rect, o = O(), a = J(), r = a ? i?.screenWidth ?? u().width * o : u().width, n = a ? i?.screenHeight ?? u().height * o : u().height;
       return {
         ...t,
-        width: `${a}px`,
-        height: `${o}px`,
-        transform: r ? `translate(${i?.screenX ?? 0}px, ${i?.screenY ?? 0}px)` : `translate(${i?.screenX ?? 0}px, ${i?.screenY ?? 0}px) scale(${n})`,
+        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})`,
         zoom: "1"
       };
     }
@@ -222,60 +248,60 @@ function ae(e) {
       ...t,
       width: `${u().width}px`,
       height: `${u().height}px`,
-      transform: `translate(${P().x}px, ${P().y}px)`
+      transform: `translate(${L().x}px, ${L().y}px)`
     };
   });
-  rt(() => {
-    if (!Z()) {
-      M(), I({
+  ct(() => {
+    if (!U()) {
+      W(), x({
         enabled: !1,
         scale: 1
       });
       return;
     }
-    const t = F();
-    if (t <= 1.001 || X() || Y()) {
-      M(), I({
+    const t = O();
+    if (t <= 1.001 || j() || F()) {
+      W(), x({
         enabled: !1,
         scale: t
       });
       return;
     }
-    if (I({
+    if (x({
       enabled: !1,
       scale: t
     }), typeof window > "u")
       return;
-    M();
+    W();
     const i = t;
-    S = window.setTimeout(() => {
-      S = void 0, I((n) => Math.abs(n.scale - i) < 1e-3 ? {
+    p = window.setTimeout(() => {
+      p = void 0, x((o) => Math.abs(o.scale - i) < 1e-3 ? {
         enabled: !0,
         scale: i
-      } : n);
-    }, Kt);
+      } : o);
+    }, ne);
   });
-  const xt = (t) => {
-    const i = _(y);
+  const Tt = (t) => {
+    const i = _(b);
     if (!i) return;
-    const n = {
+    const o = {
       x: i.worldX,
       y: i.worldY
-    }, r = {
+    }, a = {
       x: i.startWorldX,
       y: i.startWorldY
-    }, a = t && (Math.abs(n.x - r.x) > 1 || Math.abs(n.y - r.y) > 1);
-    e.onCommitFront(e.widgetId), a && e.onCommitMove(e.widgetId, n), i.stopInteraction(), L(null), b = void 0;
-  }, Q = (t) => {
+    }, 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(), b?.stop({
+    t.preventDefault(), t.stopPropagation(), v?.stop({
       reason: "manual_stop",
       commit: !1
-    }), e.onSelect(e.widgetId), d?.focus({
+    }), e.onSelect(e.widgetId), c?.focus({
       preventScroll: !0
     }), e.onStartOptimisticFront(e.widgetId);
-    const i = N("drag", "grabbing"), n = Math.max(e.viewportScale, 1e-3);
-    L({
+    const i = G("drag", "grabbing"), o = Math.max(e.viewportScale, 1e-3);
+    I({
       pointerId: t.pointerId,
       startClientX: t.clientX,
       startClientY: t.clientY,
@@ -283,46 +309,48 @@ function ae(e) {
       startWorldY: e.y,
       worldX: e.x,
       worldY: e.y,
+      autoPanWorldX: 0,
+      autoPanWorldY: 0,
       moved: !1,
-      scale: n,
+      scale: o,
       stopInteraction: i
-    });
-    const r = (a) => {
-      L((o) => {
-        if (!o || o.pointerId !== a.pointerId) return o;
-        const g = o.startWorldX + (a.clientX - o.startClientX) / o.scale, f = o.startWorldY + (a.clientY - o.startClientY) / o.scale;
+    }), 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;
         return {
-          ...o,
+          ...n,
           worldX: g,
           worldY: f,
-          moved: o.moved || Math.abs(g - o.startWorldX) > 2 || Math.abs(f - o.startWorldY) > 2
+          moved: n.moved || Math.abs(g - n.startWorldX) > 2 || Math.abs(f - n.startWorldY) > 2
         };
       });
     };
-    b = dt({
+    v = ut({
       pointerEvent: t,
       captureEl: t.currentTarget,
-      onMove: r,
+      onMove: a,
       onEnd: ({
-        commit: a
-      }) => xt(a)
+        commit: r
+      }) => Tt(r)
     });
-  }, It = (t) => {
-    const i = _(x);
+  }, Wt = (t) => {
+    const i = _(M);
     if (!i) return;
-    const n = {
+    const o = {
       width: i.width,
       height: i.height
-    }, r = Math.abs(i.width - i.startWidth) > 1 || Math.abs(i.height - i.startHeight) > 1;
-    t && r && e.onCommitResize(e.widgetId, n), i.stopInteraction(), z(null), v = void 0;
-  }, Mt = (t) => {
+    }, 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(), v?.stop({
+    t.preventDefault(), t.stopPropagation(), S?.stop({
       reason: "manual_stop",
       commit: !1
     }), e.onStartOptimisticFront(e.widgetId);
-    const i = N("resize", "nwse-resize"), n = Math.max(e.viewportScale, 1e-3);
-    z({
+    const i = G("resize", "nwse-resize"), o = Math.max(e.viewportScale, 1e-3);
+    X({
       pointerId: t.pointerId,
       startClientX: t.clientX,
       startClientY: t.clientY,
@@ -330,52 +358,52 @@ function ae(e) {
       startHeight: e.height,
       width: e.width,
       height: e.height,
-      scale: n,
+      scale: o,
       stopInteraction: i
     });
-    const r = (a) => {
-      z((o) => {
-        if (!o || o.pointerId !== a.pointerId) return o;
-        const g = Math.max(Gt, o.startWidth + (a.clientX - o.startClientX) / o.scale), f = Math.max(Jt, o.startHeight + (a.clientY - o.startClientY) / o.scale);
+    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);
         return {
-          ...o,
+          ...n,
           width: g,
           height: f
         };
       });
     };
-    v = dt({
+    S = ut({
       pointerEvent: t,
       captureEl: t.currentTarget,
-      onMove: r,
+      onMove: a,
       onEnd: ({
-        commit: a
-      }) => It(a)
+        commit: r
+      }) => Wt(r)
     });
   };
   return (() => {
-    var t = Vt(), i = t.firstChild, n = i.firstChild, r = n.firstChild, a = r.firstChild, o = a.nextSibling, g = o.nextSibling, f = r.nextSibling, H = f.nextSibling, O = H.nextSibling, Tt = O.firstChild, tt = Tt.nextSibling, Ct = O.nextSibling, W = Ct.firstChild, E = W.nextSibling, q = E.nextSibling, Pt = n.nextSibling, et = d;
-    return typeof et == "function" ? Rt(et, t) : d = t, nt(t, Wt({
+    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({
       get classList() {
         return {
-          "is-selected": k(),
-          "is-dragging": X(),
-          "is-resizing": Y(),
+          "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
         };
       }
     }, () => ({
-      [l().dialogSurfaceHostAttr]: "true"
+      [d().dialogSurfaceHostAttr]: "true"
     }), {
       get "data-floe-workbench-widget-id"() {
         return e.widgetId;
       }
     }, () => ({
-      [l().widgetRootAttr]: "true"
+      [d().widgetRootAttr]: "true"
     }), () => ({
-      [l().widgetIdAttr]: e.widgetId
+      [d().widgetIdAttr]: e.widgetId
     }), {
       get "data-workbench-widget-type"() {
         return e.widgetType;
@@ -384,49 +412,49 @@ function ae(e) {
         return e.layoutMode ?? "canvas_scaled";
       }
     }, () => ({
-      [Yt]: k() ? "true" : void 0
+      [Ot]: y() ? "true" : void 0
     }), {
       tabIndex: 0,
-      onPointerDown: pt,
+      onPointerDown: Pt,
       onFocus: () => {
-        R() || e.onSelect(e.widgetId);
+        z() || e.onSelect(e.widgetId);
       },
-      onContextMenu: (c) => {
-        C(c.target) === "widget_shell" && (c.preventDefault(), c.stopPropagation(), e.onContextMenu(c, e.itemSnapshot()));
+      onContextMenu: (l) => {
+        E(l.target) === "widget_shell" && (l.preventDefault(), l.stopPropagation(), e.onContextMenu(l, e.itemSnapshot()));
       },
       get style() {
-        return yt();
+        return xt();
       }
-    }), !1, !0), n.$$pointerdown = Q, nt(n, {
-      [jt]: "true"
-    }, !1, !0), a.$$click = U, a.$$pointerdown = (c) => c.stopPropagation(), s(a, h(at, {
+    }), !1, !0), o.$$pointerdown = it, at(o, {
+      [Vt]: "true"
+    }, !1, !0), r.$$click = et, r.$$pointerdown = (l) => l.stopPropagation(), s(r, h(dt, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
-    })), o.$$click = J, o.$$pointerdown = (c) => c.stopPropagation(), s(o, h(ct, {
+    })), n.$$click = Q, n.$$pointerdown = (l) => l.stopPropagation(), s(n, h(st, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
-    })), g.$$click = K, g.$$pointerdown = (c) => c.stopPropagation(), s(g, h(lt, {
+    })), g.$$click = tt, g.$$pointerdown = (l) => l.stopPropagation(), s(g, h(wt, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
-    })), s(f, $t), H.$$pointerdown = Q, s(H, h(Xt, {
+    })), s(f, Mt), V.$$pointerdown = it, s(V, h(Ht, {
       class: "w-3.5 h-3.5"
-    })), s(O, () => {
-      const c = e.definition.icon;
-      return h(c, {
+    })), s(q, () => {
+      const l = e.definition.icon;
+      return h(l, {
         class: "w-3.5 h-3.5"
       });
-    }, tt), s(tt, () => e.widgetTitle), W.$$click = J, W.$$pointerdown = (c) => c.stopPropagation(), s(W, h(ct, {
+    }, ot), s(ot, () => e.widgetTitle), A.$$click = Q, A.$$pointerdown = (l) => l.stopPropagation(), s(A, h(st, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
-    })), E.$$click = K, E.$$pointerdown = (c) => c.stopPropagation(), s(E, h(lt, {
+    })), R.$$click = tt, R.$$pointerdown = (l) => l.stopPropagation(), s(R, h(wt, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
-    })), q.$$click = U, q.$$pointerdown = (c) => c.stopPropagation(), s(q, h(at, {
+    })), B.$$click = et, B.$$pointerdown = (l) => l.stopPropagation(), s(B, h(dt, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
-    })), s(Pt, () => {
-      const c = e.definition.body;
-      return h(c, {
+    })), s(At, () => {
+      const l = e.definition.body;
+      return h(l, {
         get widgetId() {
           return e.widgetId;
         },
@@ -436,31 +464,31 @@ function ae(e) {
         get type() {
           return e.widgetType;
         },
-        surfaceMetrics: j,
+        surfaceMetrics: H,
         get activation() {
-          return wt();
+          return ht();
         },
         get lifecycle() {
-          return _t();
+          return kt();
         },
         get selected() {
-          return k();
+          return y();
         },
         get filtered() {
           return e.filtered;
         },
-        requestActivate: bt
+        requestActivate: pt
       });
     }), s(i, (() => {
-      var c = Et(() => !!e.locked);
-      return () => c() ? null : (() => {
-        var it = Zt();
-        return it.$$pointerdown = Mt, it;
+      var l = Xt(() => !!e.locked);
+      return () => l() ? null : (() => {
+        var rt = ee();
+        return rt.$$pointerdown = Ct, rt;
       })();
-    })(), null), Lt((c) => zt(i, kt(), c)), t;
+    })(), null), zt((l) => Yt(i, It(), l)), t;
   })();
 }
-At(["pointerdown", "click"]);
+jt(["pointerdown", "click"]);
 export {
-  ae as WorkbenchWidget
+  he as WorkbenchWidget
 };