@floegence/floe-webapp-core 0.36.25 → 0.36.27

package/dist/components/workbench/WorkbenchWidget.js

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