@floegence/floe-webapp-core 0.36.28 → 0.36.30

package/dist/components/workbench/WorkbenchWidget.js

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

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

@@ -4,6 +4,6 @@ export { WorkbenchContextMenu, type WorkbenchContextMenuItem, type WorkbenchCont
 export { useWorkbenchModel, type UseWorkbenchModelOptions } from './useWorkbenchModel';
 export { WIDGET_REGISTRY, createWorkbenchFilterState, getWidgetEntry, isValidWorkbenchWidgetType, resolveWorkbenchWidgetDefinitions, type WidgetRegistryEntry, } from './widgets/widgetRegistry';
 export * from './types';
-export { sanitizeWorkbenchState, createDefaultWorkbenchState, createWorkbenchId, createWorkbenchProjectedRect, createWorkbenchRenderLayerMap, createWorkbenchViewportCenteredOnWidget, createWorkbenchViewportFitForWidget, createWorkbenchWidgetSurfaceMetrics, resolveWorkbenchWidgetRenderMode, type WorkbenchRenderLayerMap, } from './workbenchHelpers';
+export { sanitizeWorkbenchState, createDefaultWorkbenchState, createWorkbenchId, createWorkbenchProjectedRect, createWorkbenchRenderLayerMap, createWorkbenchViewportCenteredOnWidget, createWorkbenchViewportFitForWidget, createWorkbenchWidgetSurfaceMetrics, resolveWorkbenchProjectedSurfaceScaleBehavior, resolveWorkbenchWidgetRenderMode, type WorkbenchRenderLayerMap, } from './workbenchHelpers';
 export { DEFAULT_WORKBENCH_THEME, WORKBENCH_THEME_IDS, WORKBENCH_THEMES, isWorkbenchThemeId, workbenchThemeMeta, type WorkbenchThemeId, type WorkbenchThemeMeta, type WorkbenchThemePreview, } from './workbenchThemes';
 export { WorkbenchThemeSelector, type WorkbenchThemeSelectorProps, } from './WorkbenchThemeSelector';