@floegence/floe-webapp-core 0.46.0 → 0.46.2

package/dist/components/workbench/WorkbenchFilterBar.js

@@ -1,7 +1,7 @@
-import { insert as m, createComponent as l, effect as W, setAttribute as I, memo as A, className as Ke, template as T, addEventListener as Ce, Portal as We, setStyleProperty as Ne, use as Ve, delegateEvents as Ge } from "solid-js/web";
-import { createSignal as le, onCleanup as ee, createEffect as te, createMemo as R, Show as X, For as ne, Index as Ue } from "solid-js";
-import { Motion as N } from "../../node_modules/.pnpm/solid-motionone@1.0.4_solid-js@1.9.11/node_modules/solid-motionone/dist/index.js";
-import { easing as V, duration as G } from "../../utils/animations.js";
+import { insert as m, createComponent as l, effect as K, setAttribute as I, memo as B, className as Ke, template as A, addEventListener as Ce, Portal as We, setStyleProperty as Ne, use as Ve, delegateEvents as Ge } from "solid-js/web";
+import { createSignal as le, onCleanup as p, createEffect as ee, createMemo as F, Show as R, For as te, Index as Ue } from "solid-js";
+import { Motion as W } from "../../node_modules/.pnpm/solid-motionone@1.0.4_solid-js@1.9.11/node_modules/solid-motionone/dist/index.js";
+import { easing as N, duration as V } from "../../utils/animations.js";
 import { Plus as qe } from "../icons/index.js";
 import { startHotInteraction as ze } from "../../utils/hotInteraction.js";
 import { startPointerSession as je } from "../ui/pointerSession.js";
@@ -11,8 +11,8 @@ import { createWorkbenchWidgetFrame as pe } from "./workbenchHelpers.js";
 import { getWidgetEntry as et } from "./widgets/widgetRegistry.js";
 import { WORKBENCH_EDGE_AUTO_PAN_FRAME_SELECTOR as Le, frameFromElement as Ie, createWorkbenchEdgeAutoPanController as tt } from "./workbenchEdgeAutoPan.js";
 import { DockLayoutDashboard as nt, DockLayers as ot, DockRegion as rt, DockText as it, DockMessageSquare as at } from "../icons/DockIcons.js";
-var ct = /* @__PURE__ */ T("<button type=button class=workbench-dock__item>"), lt = /* @__PURE__ */ T("<span class=workbench-dock__badge aria-hidden=true>"), dt = /* @__PURE__ */ T('<button type=button class="workbench-dock__item workbench-dock__action">'), st = /* @__PURE__ */ T("<span class=workbench-dock__external-placeholder aria-hidden=true>"), ut = /* @__PURE__ */ T('<div class=workbench-dock__mode-popover role=menu aria-label="Canvas mode">'), gt = /* @__PURE__ */ T("<span class=workbench-dock__divider aria-hidden=true>"), vt = /* @__PURE__ */ T('<div data-floe-canvas-interactive=true><div class=workbench-dock__mode-switcher><button type=button class="workbench-dock__item workbench-dock__mode-trigger"aria-label="Switch canvas mode"aria-haspopup=menu></button></div><span class=workbench-dock__divider aria-hidden=true>'), ft = /* @__PURE__ */ T("<button type=button class=workbench-dock__mode-option role=menuitemradio><span class=workbench-dock__mode-option-icon></span><span class=workbench-dock__mode-option-copy><span class=workbench-dock__mode-option-label></span><span class=workbench-dock__mode-option-description>"), kt = /* @__PURE__ */ T("<div class=workbench-dock-ghost aria-hidden=true><div class=workbench-dock-ghost__halo></div><div class=workbench-dock-ghost__card><div class=workbench-dock-ghost__icon></div><div class=workbench-dock-ghost__copy><div class=workbench-dock-ghost__title></div><div class=workbench-dock-ghost__hint><span>");
-const Pe = 5, ht = 1e3, mt = ".workbench-dock", de = [{
+var ct = /* @__PURE__ */ A("<button type=button class=workbench-dock__item>"), lt = /* @__PURE__ */ A('<button type=button class="workbench-dock__item workbench-dock__action">'), dt = /* @__PURE__ */ A("<span class=workbench-dock__external-placeholder aria-hidden=true>"), st = /* @__PURE__ */ A('<div class=workbench-dock__mode-popover role=menu aria-label="Canvas mode">'), ut = /* @__PURE__ */ A("<span class=workbench-dock__divider aria-hidden=true>"), gt = /* @__PURE__ */ A('<div data-floe-canvas-interactive=true><div class=workbench-dock__mode-switcher><button type=button class="workbench-dock__item workbench-dock__mode-trigger"aria-label="Switch canvas mode"aria-haspopup=menu></button></div><span class=workbench-dock__divider aria-hidden=true>'), vt = /* @__PURE__ */ A("<button type=button class=workbench-dock__mode-option role=menuitemradio><span class=workbench-dock__mode-option-icon></span><span class=workbench-dock__mode-option-copy><span class=workbench-dock__mode-option-label></span><span class=workbench-dock__mode-option-description>"), ft = /* @__PURE__ */ A("<div class=workbench-dock-ghost aria-hidden=true><div class=workbench-dock-ghost__halo></div><div class=workbench-dock-ghost__card><div class=workbench-dock-ghost__icon></div><div class=workbench-dock-ghost__copy><div class=workbench-dock-ghost__title></div><div class=workbench-dock-ghost__hint><span>");
+const Pe = 5, kt = 1e3, ht = ".workbench-dock", de = [{
   mode: "work",
   label: "Work Mode",
   description: "Operate windows and sticky notes",
@@ -22,7 +22,7 @@ const Pe = 5, ht = 1e3, mt = ".workbench-dock", de = [{
   label: "Composition Mode",
   description: "Arrange regions and canvas text",
   icon: ot
-}], bt = [{
+}], mt = [{
   tool: "sticky-note",
   label: "Sticky",
   icon: at
@@ -35,36 +35,36 @@ const Pe = 5, ht = 1e3, mt = ".workbench-dock", de = [{
   label: "Text",
   icon: it
 }];
-function _t(e) {
-  const i = e?.closest(".workbench-surface")?.querySelector(Le);
-  return i instanceof HTMLElement ? Ie(i) : null;
+function bt(e) {
+  const a = e?.closest(".workbench-surface")?.querySelector(Le);
+  return a instanceof HTMLElement ? Ie(a) : null;
 }
-function ue(e, v, i) {
-  return e >= i.left && e <= i.right && v >= i.top && v <= i.bottom;
+function ue(e, v, a) {
+  return e >= a.left && e <= a.right && v >= a.top && v <= a.bottom;
 }
-function Dt(e, v, i) {
-  return i ? ue(e, v, i) : !1;
+function _t(e, v, a) {
+  return a ? ue(e, v, a) : !1;
 }
-function xe(e, v, i) {
-  return Math.min(i, Math.max(v, e));
+function xe(e, v, a) {
+  return Math.min(a, Math.max(v, e));
 }
-function Et(e, v, i, c, d) {
+function Dt(e, v, a, c, d) {
   if (!e) return !1;
-  if (ue(v, i, e) || ue(c, d, e))
+  if (ue(v, a, e) || ue(c, d, e))
     return !0;
-  const s = c - v, x = d - i;
-  let w = 0, D = 1;
-  const o = (a, E) => {
-    if (a === 0) return E >= 0;
-    const f = E / a;
-    return a < 0 ? f > D ? !1 : (f > w && (w = f), !0) : f < w ? !1 : (f < D && (D = f), !0);
+  const s = c - v, P = d - a;
+  let b = 0, r = 1;
+  const i = (D, x) => {
+    if (D === 0) return x >= 0;
+    const f = x / D;
+    return D < 0 ? f > r ? !1 : (f > b && (b = f), !0) : f < b ? !1 : (f < r && (r = f), !0);
   };
-  return o(-s, v - e.left) && o(s, e.right - v) && o(-x, i - e.top) && o(x, e.bottom - i);
+  return i(-s, v - e.left) && i(s, e.right - v) && i(-P, a - e.top) && i(P, e.bottom - a);
 }
-function Me(e, v, i) {
-  if (!i || typeof document.elementFromPoint != "function") return !1;
+function Me(e, v, a) {
+  if (!a || typeof document.elementFromPoint != "function") return !1;
   const c = document.elementFromPoint(e, v);
-  return c instanceof Element && c.closest(mt) === i;
+  return c instanceof Element && c.closest(ht) === a;
 }
 function se(e) {
   const v = () => e.hoverOffset === -1 ? {
@@ -83,75 +83,64 @@ function se(e) {
     scale: 1,
     y: 0,
     x: 0
-  }, i = () => e.hoverOffset === -1, c = (o) => {
-    o.button === 0 && e.onDragBegin(o, e.kind, e.id, e.label, e.icon, o.currentTarget, e.canvasPlacement, null);
-  }, d = (o) => {
-    e.onContextMenu && (o.preventDefault(), o.stopPropagation(), e.onContextMenu({
-      trigger: o.currentTarget,
-      clientX: o.clientX,
-      clientY: o.clientY,
+  }, a = () => e.hoverOffset === -1, c = (r) => {
+    r.button === 0 && e.onDragBegin(r, e.kind, e.id, e.label, e.icon, r.currentTarget, e.canvasPlacement, null);
+  }, d = (r) => {
+    e.onContextMenu && (r.preventDefault(), r.stopPropagation(), e.onContextMenu({
+      trigger: r.currentTarget,
+      clientX: r.clientX,
+      clientY: r.clientY,
       source: "pointer"
     }));
-  }, s = (o) => {
-    !e.onContextMenu || !Qe(o) || (o.preventDefault(), o.stopPropagation(), e.onContextMenu(Ze(o.currentTarget)));
-  }, x = (o) => {
-    o.detail === 0 && e.onKeyboardActivate(o.currentTarget);
-  }, w = () => {
-    const o = e.presentation;
-    return o ? o.count === 0 ? `${e.label} +` : o.active && o.currentIndex !== null ? `${e.label} ${o.currentIndex + 1}/${o.count}` : o.count > 1 ? `${e.label} ${o.count}` : e.label : e.label;
-  }, D = () => {
-    const o = e.presentation?.count;
-    return o === 0 ? "+" : o !== void 0 && o > 1 ? String(o) : null;
+  }, s = (r) => {
+    !e.onContextMenu || !Qe(r) || (r.preventDefault(), r.stopPropagation(), e.onContextMenu(Ze(r.currentTarget)));
+  }, P = (r) => {
+    r.detail === 0 && e.onKeyboardActivate(r.currentTarget);
+  }, b = () => {
+    const r = e.presentation;
+    return r ? r.count === 0 ? `${e.label} +` : r.active && r.currentIndex !== null ? `${e.label} ${r.currentIndex + 1}/${r.count}` : r.count > 1 ? `${e.label} ${r.count}` : e.label : e.label;
   };
   return (() => {
-    var o = ct();
-    return o.$$keydown = s, o.$$contextmenu = d, o.$$click = x, o.$$pointerdown = c, o.addEventListener("pointerleave", () => e.onLeave()), o.addEventListener("pointerenter", () => e.onEnter()), m(o, l(N.span, {
+    var r = ct();
+    return r.$$keydown = s, r.$$contextmenu = d, r.$$click = P, r.$$pointerdown = c, r.addEventListener("pointerleave", () => e.onLeave()), r.addEventListener("pointerenter", () => e.onEnter()), m(r, l(W.span, {
       class: "workbench-dock__tile",
       get animate() {
         return v();
       },
       get transition() {
         return {
-          duration: G.fast,
-          easing: V.easeOut
+          duration: V.fast,
+          easing: N.easeOut
         };
       },
       get children() {
-        return [A(() => (() => {
-          const a = e.icon;
-          return l(a, {
+        return (() => {
+          const i = e.icon;
+          return l(i, {
             class: "workbench-dock__icon"
           });
-        })()), l(X, {
-          get when() {
-            return D();
-          },
-          children: (a) => (() => {
-            var E = lt();
-            return m(E, a), E;
-          })()
-        })];
+        })();
       }
-    }), null), m(o, l(N.span, {
+    }), null), m(r, l(W.span, {
       class: "workbench-dock__tooltip",
       get animate() {
         return {
-          opacity: i() ? 1 : 0,
-          y: i() ? -6 : 0
+          opacity: a() ? 1 : 0,
+          y: a() ? -6 : 0
         };
       },
       get transition() {
         return {
-          duration: G.fast,
-          easing: V.easeOut
+          duration: V.fast,
+          easing: N.easeOut
         };
       },
       get children() {
-        return A(() => e.activationMode === "focus-cycle")() ? w() : e.label;
+        return B(() => e.activationMode === "focus-cycle")() ? b() : e.label;
       }
-    }), null), W((a) => {
-      var E = e.kind === "host" ? e.id : void 0, f = e.kind === "widget" || e.kind === "tool" ? e.id : void 0, M = !!e.active, Y = !!(e.filterable && !e.visible), j = !!i(), F = !!e.isDragging, J = e.activationMode === "focus-cycle" && e.presentation ? w() : e.filterable ? `${e.label} — click to solo, drag to canvas to create` : `${e.label} — drag to canvas to create`, B = e.activationMode === "focus-cycle" ? e.presentation?.active : e.active, H = e.onContextMenu ? "menu" : void 0;
-      return E !== a.e && I(o, "data-workbench-dock-item", a.e = E), f !== a.t && I(o, "data-workbench-dock-component", a.t = f), M !== a.a && o.classList.toggle("is-active", a.a = M), Y !== a.o && o.classList.toggle("is-filter-muted", a.o = Y), j !== a.i && o.classList.toggle("is-hovered", a.i = j), F !== a.n && o.classList.toggle("is-source-dragging", a.n = F), J !== a.s && I(o, "aria-label", a.s = J), B !== a.h && I(o, "aria-pressed", a.h = B), H !== a.r && I(o, "aria-haspopup", a.r = H), a;
+    }), null), K((i) => {
+      var D = e.kind === "host" ? e.id : void 0, x = e.kind === "widget" || e.kind === "tool" ? e.id : void 0, f = !!e.active, M = !!(e.filterable && !e.visible), $ = !!a(), z = !!e.isDragging, X = e.activationMode === "focus-cycle" && e.presentation ? b() : e.filterable ? `${e.label} — click to solo, drag to canvas to create` : `${e.label} — drag to canvas to create`, j = e.activationMode === "focus-cycle" ? e.presentation?.active : e.active, Y = e.onContextMenu ? "menu" : void 0;
+      return D !== i.e && I(r, "data-workbench-dock-item", i.e = D), x !== i.t && I(r, "data-workbench-dock-component", i.t = x), f !== i.a && r.classList.toggle("is-active", i.a = f), M !== i.o && r.classList.toggle("is-filter-muted", i.o = M), $ !== i.i && r.classList.toggle("is-hovered", i.i = $), z !== i.n && r.classList.toggle("is-source-dragging", i.n = z), X !== i.s && I(r, "aria-label", i.s = X), j !== i.h && I(r, "aria-pressed", i.h = j), Y !== i.r && I(r, "aria-haspopup", i.r = Y), i;
     }, {
       e: void 0,
       t: void 0,
@@ -162,26 +151,26 @@ function se(e) {
       s: void 0,
       h: void 0,
       r: void 0
-    }), o;
+    }), r;
   })();
 }
-function Ct(e) {
-  const v = () => e.hoverOffset === -1, i = () => ({
+function Et(e) {
+  const v = () => e.hoverOffset === -1, a = () => ({
     scale: 1,
     y: 0,
     x: 0
   }), c = e.action.icon;
   return (() => {
-    var d = dt();
-    return d.$$click = (s) => e.onActivate(s.currentTarget), d.addEventListener("dragstart", (s) => s.preventDefault()), Ce(d, "pointerleave", e.onLeave), Ce(d, "pointerenter", e.onEnter), I(d, "draggable", !1), m(d, l(N.span, {
+    var d = lt();
+    return d.$$click = (s) => e.onActivate(s.currentTarget), d.addEventListener("dragstart", (s) => s.preventDefault()), Ce(d, "pointerleave", e.onLeave), Ce(d, "pointerenter", e.onEnter), I(d, "draggable", !1), m(d, l(W.span, {
       class: "workbench-dock__tile",
       get animate() {
-        return i();
+        return a();
       },
       get transition() {
         return {
-          duration: G.fast,
-          easing: V.easeOut
+          duration: V.fast,
+          easing: N.easeOut
         };
       },
       get children() {
@@ -189,7 +178,7 @@ function Ct(e) {
           class: "workbench-dock__icon"
         });
       }
-    }), null), m(d, l(N.span, {
+    }), null), m(d, l(W.span, {
       class: "workbench-dock__tooltip",
       get animate() {
         return {
@@ -199,16 +188,16 @@ function Ct(e) {
       },
       get transition() {
         return {
-          duration: G.fast,
-          easing: V.easeOut
+          duration: V.fast,
+          easing: N.easeOut
         };
       },
       get children() {
         return e.action.label;
       }
-    }), null), W((s) => {
-      var x = e.action.id, w = !!e.action.active, D = !!v(), o = e.action.label, a = e.action.active;
-      return x !== s.e && I(d, "data-workbench-dock-action", s.e = x), w !== s.t && d.classList.toggle("is-active", s.t = w), D !== s.a && d.classList.toggle("is-hovered", s.a = D), o !== s.o && I(d, "aria-label", s.o = o), a !== s.i && I(d, "aria-pressed", s.i = a), s;
+    }), null), K((s) => {
+      var P = e.action.id, b = !!e.action.active, r = !!v(), i = e.action.label, D = e.action.active;
+      return P !== s.e && I(d, "data-workbench-dock-action", s.e = P), b !== s.t && d.classList.toggle("is-active", s.t = b), r !== s.a && d.classList.toggle("is-hovered", s.a = r), i !== s.o && I(d, "aria-label", s.o = i), D !== s.i && I(d, "aria-pressed", s.i = D), s;
     }, {
       e: void 0,
       t: void 0,
@@ -218,71 +207,71 @@ function Ct(e) {
     }), d;
   })();
 }
-function Bt(e) {
-  const [v, i] = le(null), [c, d] = le(null), [s, x] = le(!1);
-  let w, D, o, a, E = null;
+function Ft(e) {
+  const [v, a] = le(null), [c, d] = le(null), [s, P] = le(!1);
+  let b, r, i, D, x = null;
   const f = () => e.activationMode === "focus-cycle" ? "focus-cycle" : "solo-filter";
-  ee(() => {
-    a?.stop(), D?.stop({
+  p(() => {
+    D?.stop(), r?.stop({
       reason: "manual_stop",
       commit: !1
-    }), D = void 0, o?.clear(), o = void 0, c()?.stopInteraction(), e.onDragPreviewChange?.(null), e.registerExternalDockDragController?.(null);
-  }), te(() => {
+    }), r = void 0, i?.clear(), i = void 0, c()?.stopInteraction(), e.onDragPreviewChange?.(null), e.registerExternalDockDragController?.(null);
+  }), ee(() => {
     e.onDragPreviewChange?.(c()?.preview ?? null);
-  }), te(() => {
+  }), ee(() => {
     const t = (n) => {
-      n.key !== "Escape" || !c() || (n.preventDefault(), D?.stop({
+      n.key !== "Escape" || !c() || (n.preventDefault(), r?.stop({
         reason: "manual_stop",
         commit: !1
       }));
     };
-    window.addEventListener("keydown", t, !0), ee(() => window.removeEventListener("keydown", t, !0));
-  }), te(() => {
+    window.addEventListener("keydown", t, !0), p(() => window.removeEventListener("keydown", t, !0));
+  }), ee(() => {
     if (!s() || typeof window > "u") return;
     const t = (k) => {
-      w && k.target instanceof Node && w.contains(k.target) || x(!1);
+      b && k.target instanceof Node && b.contains(k.target) || P(!1);
     }, n = (k) => {
-      k.key === "Escape" && x(!1);
+      k.key === "Escape" && P(!1);
     };
-    window.addEventListener("pointerdown", t, !0), window.addEventListener("keydown", n, !0), ee(() => {
+    window.addEventListener("pointerdown", t, !0), window.addEventListener("keydown", n, !0), p(() => {
       window.removeEventListener("pointerdown", t, !0), window.removeEventListener("keydown", n, !0);
     });
   });
   const M = (t) => {
     const n = v();
-    return n === null || n <= U().length ? 0 : n === t ? -1 : n === t + 1 ? -2 : n === t - 1 ? 1 : 0;
-  }, Y = () => {
-    a?.stop(), a = void 0, E = null;
-  }, j = () => {
-    !e.viewport || !e.onViewportCommit || (E = e.viewport, a?.stop(), a = tt({
+    return n === null || n <= G().length ? 0 : n === t ? -1 : n === t + 1 ? -2 : n === t - 1 ? 1 : 0;
+  }, $ = () => {
+    D?.stop(), D = void 0, x = null;
+  }, z = () => {
+    !e.viewport || !e.onViewportCommit || (x = e.viewport, D?.stop(), D = tt({
       readFrame: () => {
-        const n = w?.closest(".workbench-surface")?.querySelector(Le);
+        const n = b?.closest(".workbench-surface")?.querySelector(Le);
         return n instanceof HTMLElement ? Ie(n) : null;
       },
-      readViewport: () => E ?? e.viewport ?? null,
+      readViewport: () => x ?? e.viewport ?? null,
       commitViewport: (t) => {
-        E = t, e.onViewportCommit?.(t);
+        x = t, e.onViewportCommit?.(t);
       },
       onPanStart: () => e.onViewportInteractionStart?.("pan"),
       shouldPan: () => {
         const t = c();
-        return !!(t?.moved && t.hasEnteredCanvas && !Me(t.clientX, t.clientY, w));
+        return !!(t?.moved && t.hasEnteredCanvas && !Me(t.clientX, t.clientY, b));
       }
     }));
-  }, F = (t, n, k, C) => {
+  }, X = (t, n, k, E) => {
     if (e.onDockActivation?.({
       kind: t,
       id: String(n)
     }), t === "external") return;
     if (t === "host") {
-      e.dockItems?.find((r) => r.id === n)?.onActivate?.(C);
+      e.dockItems?.find((o) => o.id === n)?.onActivate?.(E);
       return;
     }
     const L = {
       kind: t,
       id: n,
       label: k,
-      trigger: C
+      trigger: E
     };
     if (!e.onItemClick?.(L)) {
       if (f() === "focus-cycle") {
@@ -291,13 +280,13 @@ function Bt(e) {
       }
       y() !== "background" && e.onSoloFilter(String(n), ke());
     }
-  }, J = (t) => {
+  }, j = (t) => {
     const n = c();
     if (!n) return;
-    const k = !n.moved, C = E ?? e.viewport;
-    if (n.stopInteraction(), Y(), d(null), D = void 0, n.kind === "external" && n.moved && o?.expire(), k) {
+    const k = !n.moved, E = x ?? e.viewport;
+    if (n.stopInteraction(), $(), d(null), r = void 0, n.kind === "external" && n.moved && i?.expire(), k) {
       if (n.kind === "external" || !(n.trigger instanceof HTMLButtonElement)) return;
-      F(n.kind, n.id, n.label, n.trigger);
+      X(n.kind, n.id, n.label, n.trigger);
       return;
     }
     if (t && n.overDock && n.dockDrop) {
@@ -305,28 +294,28 @@ function Bt(e) {
       return;
     }
     if (t && n.overCanvas && n.canvasPlacement) {
-      const L = n.canvasFrame && C ? Je(n.canvasFrame, C, {
+      const L = n.canvasFrame && E ? Je(n.canvasFrame, E, {
         clientX: n.clientX,
         clientY: n.clientY
-      }) : null, r = n.canvasFrame ? {
+      }) : null, o = n.canvasFrame ? {
         dropAllowed: n.overCanvas,
         canvasFrame: n.canvasFrame,
         ...L ? {
           worldPoint: L
         } : {}
       } : void 0;
-      n.canvasPlacement.onDrop(n.clientX, n.clientY, r);
+      n.canvasPlacement.onDrop(n.clientX, n.clientY, o);
     }
-  }, B = (t, n, k, C, L, r, _, b, u = "before-components") => {
-    t.preventDefault(), D?.stop({
+  }, Y = (t, n, k, E, L, o, _, w, u = "before-components") => {
+    t.preventDefault(), r?.stop({
       reason: "manual_stop",
       commit: !1
-    }), j();
-    const P = _t(w);
+    }), z();
+    const C = bt(b);
     d({
       kind: n,
       id: k,
-      label: C,
+      label: E,
       icon: L,
       pointerId: t.pointerId,
       startClientX: t.clientX,
@@ -336,107 +325,107 @@ function Bt(e) {
       moved: !1,
       overCanvas: !1,
       hasEnteredCanvas: !1,
-      canvasFrame: P,
+      canvasFrame: C,
       preview: null,
       canvasPlacement: _,
-      dockDrop: b,
+      dockDrop: w,
       dockPlacement: u,
       stopInteraction: ze({
         kind: "drag",
         cursor: "grabbing"
       }),
-      trigger: r,
+      trigger: o,
       overDock: !1
     });
-    const O = (g) => {
-      let $ = !1;
+    const T = (g) => {
+      let O = !1;
       d((h) => {
         if (!h || h.pointerId !== g.pointerId) return h;
-        const Q = g.clientX - h.startClientX, Z = g.clientY - h.startClientY, K = h.moved || Math.abs(Q) > Pe || Math.abs(Z) > Pe;
-        if (h.kind === "external" && K && !h.moved) {
-          let q;
-          const z = () => {
-            q !== void 0 && window.clearTimeout(q), h.trigger.removeEventListener("click", _e, !0), window.removeEventListener("pointerdown", De, !0), o?.clear === z && (o = void 0);
+        const J = g.clientX - h.startClientX, Q = g.clientY - h.startClientY, H = h.moved || Math.abs(J) > Pe || Math.abs(Q) > Pe;
+        if (h.kind === "external" && H && !h.moved) {
+          let U;
+          const q = () => {
+            U !== void 0 && window.clearTimeout(U), h.trigger.removeEventListener("click", _e, !0), window.removeEventListener("pointerdown", De, !0), i?.clear === q && (i = void 0);
           }, _e = (Ee) => {
-            Ee.preventDefault(), Ee.stopImmediatePropagation(), z();
-          }, De = () => z(), He = () => {
-            q !== void 0 && window.clearTimeout(q), q = window.setTimeout(z, ht);
+            Ee.preventDefault(), Ee.stopImmediatePropagation(), q();
+          }, De = () => q(), He = () => {
+            U !== void 0 && window.clearTimeout(U), U = window.setTimeout(q, kt);
           };
-          h.trigger.addEventListener("click", _e, !0), window.addEventListener("pointerdown", De, !0), o = {
-            clear: z,
+          h.trigger.addEventListener("click", _e, !0), window.addEventListener("pointerdown", De, !0), i = {
+            clear: q,
             expire: He
           };
         }
-        const p = Me(g.clientX, g.clientY, w), S = h.canvasFrame, me = K && Dt(g.clientX, g.clientY, S), be = me && !p, Fe = K && !p && Et(S, h.clientX, h.clientY, g.clientX, g.clientY), we = h.hasEnteredCanvas || me || Fe;
-        $ = K && we && !p;
+        const Z = Me(g.clientX, g.clientY, b), S = h.canvasFrame, me = H && _t(g.clientX, g.clientY, S), we = me && !Z, Fe = H && !Z && Dt(S, h.clientX, h.clientY, g.clientX, g.clientY), be = h.hasEnteredCanvas || me || Fe;
+        O = H && be && !Z;
         const Be = S ? xe(g.clientX, S.left, S.right) : g.clientX, Re = S ? xe(g.clientY, S.top, S.bottom) : g.clientY;
         return {
           ...h,
           clientX: g.clientX,
           clientY: g.clientY,
-          moved: K,
-          overDock: p,
-          overCanvas: be,
-          hasEnteredCanvas: we,
-          preview: K && S && h.canvasPlacement?.preview ? {
+          moved: H,
+          overDock: Z,
+          overCanvas: we,
+          hasEnteredCanvas: be,
+          preview: H && S && h.canvasPlacement?.preview ? {
             kind: h.canvasPlacement.preview.kind,
             id: h.canvasPlacement.preview.id,
             label: h.label,
             clientX: Be,
             clientY: Re,
-            dropAllowed: be,
+            dropAllowed: we,
             canvasFrame: S
           } : null
         };
-      }), $ && a?.updatePointer(g.clientX, g.clientY);
+      }), O && D?.updatePointer(g.clientX, g.clientY);
     };
-    D = je({
+    r = je({
       pointerEvent: t,
       captureEl: t.currentTarget,
-      onMove: O,
+      onMove: T,
       onEnd: ({
         commit: g,
-        snapshot: $
+        snapshot: O
       }) => {
-        O({
-          pointerId: $.pointerId,
-          clientX: $.latestClientX,
-          clientY: $.latestClientY
-        }), J(g);
+        T({
+          pointerId: O.pointerId,
+          clientX: O.latestClientX,
+          clientY: O.latestClientY
+        }), j(g);
       }
     });
-  }, H = (t) => t ? {
+  }, ne = (t) => t ? {
     preview: {
       kind: "widget",
       id: t.widgetType
     },
-    onDrop: (n, k, C) => {
-      if (!C?.worldPoint) return;
+    onDrop: (n, k, E) => {
+      if (!E?.worldPoint) return;
       const L = et(t.widgetType, e.widgetDefinitions);
       t.onDrop({
         widgetType: t.widgetType,
-        centerWorld: C.worldPoint,
+        centerWorld: E.worldPoint,
         frame: pe(L, {
           anchor: "center",
-          worldX: C.worldPoint.worldX,
-          worldY: C.worldPoint.worldY
+          worldX: E.worldPoint.worldX,
+          worldY: E.worldPoint.worldY
         })
       });
     }
   } : null, ye = (t, n) => {
-    t.button !== 0 || !(t.currentTarget instanceof HTMLElement) || (o?.clear(), o = void 0, B(t, "external", n.id, n.label, n.icon, t.currentTarget, H(n.canvasPlacement), n.onDropToDock ?? null, n.dockPlacement ?? "before-components"));
+    t.button !== 0 || !(t.currentTarget instanceof HTMLElement) || (i?.clear(), i = void 0, Y(t, "external", n.id, n.label, n.icon, t.currentTarget, ne(n.canvasPlacement), n.onDropToDock ?? null, n.dockPlacement ?? "before-components"));
   };
-  te(() => {
+  ee(() => {
     e.registerExternalDockDragController?.({
       begin: ye
-    }), ee(() => e.registerExternalDockDragController?.(null));
+    }), p(() => e.registerExternalDockDragController?.(null));
   });
-  const Se = () => c()?.kind === "widget" ? c().id : null, Te = () => c()?.kind === "tool" ? c().id : null, Oe = () => c()?.kind === "external" ? c()?.icon : void 0, y = () => e.mode === "background" || e.mode === "annotation" ? "background" : "work", ge = R(() => de.find((t) => t.mode === y()) ?? de[0]), oe = R(() => y() === "background" ? wt.map((t) => ({
+  const Se = () => c()?.kind === "widget" ? c().id : null, Te = () => c()?.kind === "tool" ? c().id : null, Oe = () => c()?.kind === "external" ? c()?.icon : void 0, y = () => e.mode === "background" || e.mode === "annotation" ? "background" : "work", ge = F(() => de.find((t) => t.mode === y()) ?? de[0]), oe = F(() => y() === "background" ? wt.map((t) => ({
     id: t.tool,
     kind: "tool",
     label: t.label,
     icon: t.icon
-  })) : [...bt.map((t) => ({
+  })) : [...mt.map((t) => ({
     id: t.tool,
     kind: "tool",
     label: t.label,
@@ -446,7 +435,7 @@ function Bt(e) {
     kind: "widget",
     label: t.label,
     icon: t.icon
-  }))]), ve = R(() => y() === "background" ? [] : [...e.dockItems ?? []]), re = R(() => ve().filter((t) => t.dockPlacement !== "after-components")), fe = R(() => ve().filter((t) => t.dockPlacement === "after-components")), U = R(() => y() === "background" ? [] : [...e.dockActions ?? []]), ke = R(() => oe().map((t) => String(t.id))), ie = () => y() !== "background", $e = (t) => !ie() || e.filters[t] !== !1, Ae = (t) => {
+  }))]), ve = F(() => y() === "background" ? [] : [...e.dockItems ?? []]), re = F(() => ve().filter((t) => t.dockPlacement !== "after-components")), fe = F(() => ve().filter((t) => t.dockPlacement === "after-components")), G = F(() => y() === "background" ? [] : [...e.dockActions ?? []]), ke = F(() => oe().map((t) => String(t.id))), ie = () => y() !== "background", Ae = (t) => !ie() || e.filters[t] !== !1, $e = (t) => {
     if (!ie())
       return !1;
     const n = ke();
@@ -462,8 +451,8 @@ function Bt(e) {
     const n = c();
     return !!(n?.kind === "external" && n.moved && n.dockPlacement === t);
   }, he = () => (() => {
-    var t = st();
-    return m(t, l(X, {
+    var t = dt();
+    return m(t, l(R, {
       get when() {
         return Oe();
       },
@@ -473,37 +462,37 @@ function Bt(e) {
           class: "workbench-dock__icon"
         });
       }
-    })), W(() => t.classList.toggle("is-drop-allowed", !!c()?.overDock)), t;
+    })), K(() => t.classList.toggle("is-drop-allowed", !!c()?.overDock)), t;
   })();
   return [(() => {
-    var t = vt(), n = t.firstChild, k = n.firstChild, C = n.nextSibling;
-    t.addEventListener("pointerleave", () => i(null));
-    var L = w;
-    return typeof L == "function" ? Ve(L, t) : w = t, k.$$click = () => {
+    var t = gt(), n = t.firstChild, k = n.firstChild, E = n.nextSibling;
+    t.addEventListener("pointerleave", () => a(null));
+    var L = b;
+    return typeof L == "function" ? Ve(L, t) : b = t, k.$$click = () => {
       e.onDockActivation?.({
         kind: "mode",
         id: y()
-      }), x((r) => !r);
-    }, k.addEventListener("pointerleave", () => i((r) => r === 0 ? null : r)), k.addEventListener("pointerenter", () => i(0)), m(k, l(N.span, {
+      }), P((o) => !o);
+    }, k.addEventListener("pointerleave", () => a((o) => o === 0 ? null : o)), k.addEventListener("pointerenter", () => a(0)), m(k, l(W.span, {
       class: "workbench-dock__tile",
       get animate() {
         return Ye();
       },
       get transition() {
         return {
-          duration: G.fast,
-          easing: V.easeOut
+          duration: V.fast,
+          easing: N.easeOut
         };
       },
       get children() {
         return (() => {
-          const r = ge().icon;
-          return l(r, {
+          const o = ge().icon;
+          return l(o, {
             class: "workbench-dock__icon"
           });
         })();
       }
-    }), null), m(k, l(N.span, {
+    }), null), m(k, l(W.span, {
       class: "workbench-dock__tooltip",
       get animate() {
         return {
@@ -513,92 +502,92 @@ function Bt(e) {
       },
       get transition() {
         return {
-          duration: G.fast,
-          easing: V.easeOut
+          duration: V.fast,
+          easing: N.easeOut
         };
       },
       get children() {
         return ge().label;
       }
-    }), null), m(n, l(X, {
+    }), null), m(n, l(R, {
       get when() {
         return s();
       },
       get children() {
-        var r = ut();
-        return m(r, l(ne, {
+        var o = st();
+        return m(o, l(te, {
           each: de,
           children: (_) => {
-            const b = _.icon;
+            const w = _.icon;
             return (() => {
-              var u = ft(), P = u.firstChild, O = P.nextSibling, g = O.firstChild, $ = g.nextSibling;
+              var u = vt(), C = u.firstChild, T = C.nextSibling, g = T.firstChild, O = g.nextSibling;
               return u.$$click = () => {
                 e.onDockActivation?.({
                   kind: "mode",
                   id: _.mode
-                }), e.onSelectMode?.(_.mode), x(!1);
-              }, m(P, l(b, {
+                }), e.onSelectMode?.(_.mode), P(!1);
+              }, m(C, l(w, {
                 class: "workbench-dock__mode-icon"
-              })), m(g, () => _.label), m($, () => _.description), W((h) => {
-                var Q = y() === _.mode, Z = y() === _.mode;
-                return Q !== h.e && u.classList.toggle("is-active", h.e = Q), Z !== h.t && I(u, "aria-checked", h.t = Z), h;
+              })), m(g, () => _.label), m(O, () => _.description), K((h) => {
+                var J = y() === _.mode, Q = y() === _.mode;
+                return J !== h.e && u.classList.toggle("is-active", h.e = J), Q !== h.t && I(u, "aria-checked", h.t = Q), h;
               }, {
                 e: void 0,
                 t: void 0
               }), u;
             })();
           }
-        })), r;
+        })), o;
       }
     }), null), m(t, l(Ue, {
       get each() {
-        return U();
+        return G();
       },
-      children: (r, _) => {
-        const b = () => _ + 1;
-        return l(Ct, {
+      children: (o, _) => {
+        const w = () => _ + 1;
+        return l(Et, {
           get action() {
-            return r();
+            return o();
           },
           get hoverOffset() {
-            return M(b());
+            return M(w());
           },
-          onEnter: () => i(b()),
-          onLeave: () => i((u) => u === b() ? null : u),
+          onEnter: () => a(w()),
+          onLeave: () => a((u) => u === w() ? null : u),
           onActivate: (u) => {
             e.onDockActivation?.({
               kind: "action",
-              id: r().id
-            }), r().onActivate(u);
+              id: o().id
+            }), o().onActivate(u);
           }
         });
       }
-    }), C), m(t, l(X, {
+    }), E), m(t, l(R, {
       get when() {
         return ce("before-components");
       },
       get children() {
         return l(he, {});
       }
-    }), C), m(t, l(ne, {
+    }), E), m(t, l(te, {
       get each() {
         return re();
       },
-      children: (r, _) => {
-        const b = () => _() + U().length + 1;
+      children: (o, _) => {
+        const w = () => _() + G().length + 1;
         return l(se, {
           get id() {
-            return r.id;
+            return o.id;
           },
           kind: "host",
           get label() {
-            return r.label;
+            return o.label;
           },
           get icon() {
-            return r.icon;
+            return o.icon;
           },
           get active() {
-            return !!r.active;
+            return !!o.active;
           },
           visible: !0,
           filterable: !1,
@@ -606,50 +595,50 @@ function Bt(e) {
             return f();
           },
           get hoverOffset() {
-            return M(b());
+            return M(w());
           },
           get isDragging() {
-            return A(() => c()?.kind === "host")() && c()?.id === r.id;
+            return B(() => c()?.kind === "host")() && c()?.id === o.id;
           },
           get canvasPlacement() {
-            return H(r.canvasPlacement);
+            return ne(o.canvasPlacement);
           },
           get onContextMenu() {
-            return r.onContextMenu;
+            return o.onContextMenu;
           },
-          onKeyboardActivate: (u) => F("host", r.id, r.label, u),
-          onEnter: () => i(b()),
-          onLeave: () => i((u) => u === b() ? null : u),
-          onDragBegin: B
+          onKeyboardActivate: (u) => X("host", o.id, o.label, u),
+          onEnter: () => a(w()),
+          onLeave: () => a((u) => u === w() ? null : u),
+          onDragBegin: Y
         });
       }
-    }), C), m(t, l(ne, {
+    }), E), m(t, l(te, {
       get each() {
         return oe();
       },
-      children: (r, _) => {
-        const b = () => _() + U().length + re().length + 1, u = () => Xe(r.kind, r.id);
+      children: (o, _) => {
+        const w = () => _() + G().length + re().length + 1, u = () => Xe(o.kind, o.id);
         return l(se, {
           get id() {
-            return String(r.id);
+            return String(o.id);
           },
           get kind() {
-            return r.kind;
+            return o.kind;
           },
           get label() {
-            return r.label;
+            return o.label;
           },
           get icon() {
-            return r.icon;
+            return o.icon;
           },
           get active() {
-            return u()?.active ?? Ae(String(r.id));
+            return u()?.active ?? $e(String(o.id));
           },
           get visible() {
-            return A(() => f() === "focus-cycle")() ? !0 : $e(String(r.id));
+            return B(() => f() === "focus-cycle")() ? !0 : Ae(String(o.id));
           },
           get filterable() {
-            return A(() => f() === "solo-filter")() && ie();
+            return B(() => f() === "solo-filter")() && ie();
           },
           get activationMode() {
             return f();
@@ -658,58 +647,58 @@ function Bt(e) {
             return u();
           },
           get hoverOffset() {
-            return M(b());
+            return M(w());
           },
           get isDragging() {
-            return A(() => r.kind === "widget")() ? Se() === r.id : Te() === r.id;
+            return B(() => o.kind === "widget")() ? Se() === o.id : Te() === o.id;
           },
           get canvasPlacement() {
-            return A(() => r.kind === "widget")() ? {
+            return B(() => o.kind === "widget")() ? {
               preview: {
                 kind: "widget",
-                id: r.id
+                id: o.id
               },
-              onDrop: (P, O, g) => e.onCreateAt?.(r.id, P, O, g)
+              onDrop: (C, T, g) => e.onCreateAt?.(o.id, C, T, g)
             } : {
               preview: {
                 kind: "tool",
-                id: r.id
+                id: o.id
               },
-              onDrop: (P, O, g) => e.onCreateToolAt?.(r.id, P, O, g)
+              onDrop: (C, T, g) => e.onCreateToolAt?.(o.id, C, T, g)
             };
           },
-          onEnter: () => i(b()),
-          onLeave: () => i((P) => P === b() ? null : P),
-          onKeyboardActivate: (P) => F(r.kind, r.id, r.label, P),
-          onDragBegin: B
+          onEnter: () => a(w()),
+          onLeave: () => a((C) => C === w() ? null : C),
+          onKeyboardActivate: (C) => X(o.kind, o.id, o.label, C),
+          onDragBegin: Y
         });
       }
-    }), null), m(t, l(X, {
+    }), null), m(t, l(R, {
       get when() {
         return fe().length > 0 || ce("after-components");
       },
       get children() {
-        return gt();
+        return ut();
       }
-    }), null), m(t, l(ne, {
+    }), null), m(t, l(te, {
       get each() {
         return fe();
       },
-      children: (r, _) => {
-        const b = () => _() + U().length + re().length + oe().length + 1;
+      children: (o, _) => {
+        const w = () => _() + G().length + re().length + oe().length + 1;
         return l(se, {
           get id() {
-            return r.id;
+            return o.id;
           },
           kind: "host",
           get label() {
-            return r.label;
+            return o.label;
           },
           get icon() {
-            return r.icon;
+            return o.icon;
           },
           get active() {
-            return !!r.active;
+            return !!o.active;
           },
           visible: !0,
           filterable: !1,
@@ -717,59 +706,59 @@ function Bt(e) {
             return f();
           },
           get hoverOffset() {
-            return M(b());
+            return M(w());
           },
           get isDragging() {
-            return A(() => c()?.kind === "host")() && c()?.id === r.id;
+            return B(() => c()?.kind === "host")() && c()?.id === o.id;
           },
           get canvasPlacement() {
-            return H(r.canvasPlacement);
+            return ne(o.canvasPlacement);
           },
           get onContextMenu() {
-            return r.onContextMenu;
+            return o.onContextMenu;
           },
-          onKeyboardActivate: (u) => F("host", r.id, r.label, u),
-          onEnter: () => i(b()),
-          onLeave: () => i((u) => u === b() ? null : u),
-          onDragBegin: B
+          onKeyboardActivate: (u) => X("host", o.id, o.label, u),
+          onEnter: () => a(w()),
+          onLeave: () => a((u) => u === w() ? null : u),
+          onDragBegin: Y
         });
       }
-    }), null), m(t, l(X, {
+    }), null), m(t, l(R, {
       get when() {
         return ce("after-components");
       },
       get children() {
         return l(he, {});
       }
-    }), null), W((r) => {
-      var _ = `workbench-dock workbench-dock-material${c()?.kind === "external" && c()?.moved ? " is-external-drop-target" : ""}${c()?.kind === "external" && c()?.overDock ? " is-external-drop-allowed" : ""}`, b = y() === "background", u = !!(ae() || s()), P = s();
-      return _ !== r.e && Ke(t, r.e = _), b !== r.t && k.classList.toggle("is-active", r.t = b), u !== r.a && k.classList.toggle("is-hovered", r.a = u), P !== r.o && I(k, "aria-expanded", r.o = P), r;
+    }), null), K((o) => {
+      var _ = `workbench-dock workbench-dock-material${c()?.kind === "external" && c()?.moved ? " is-external-drop-target" : ""}${c()?.kind === "external" && c()?.overDock ? " is-external-drop-allowed" : ""}`, w = y() === "background", u = !!(ae() || s()), C = s();
+      return _ !== o.e && Ke(t, o.e = _), w !== o.t && k.classList.toggle("is-active", o.t = w), u !== o.a && k.classList.toggle("is-hovered", o.a = u), C !== o.o && I(k, "aria-expanded", o.o = C), o;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
       o: void 0
     }), t;
-  })(), l(X, {
+  })(), l(R, {
     get when() {
       return !!(c()?.moved && !c()?.preview);
     },
     get children() {
-      return l(Pt, {
+      return l(Ct, {
         state: c
       });
     }
   })];
 }
-function Pt(e) {
+function Ct(e) {
   const v = () => {
     const d = e.state();
     return d ? `translate3d(${d.clientX + 14}px, ${d.clientY - 56}px, 0)` : "translate3d(0px, 0px, 0)";
-  }, i = () => e.state()?.label ?? "", c = () => e.state()?.icon;
+  }, a = () => e.state()?.label ?? "", c = () => e.state()?.icon;
   return l(We, {
     get children() {
-      var d = kt(), s = d.firstChild, x = s.nextSibling, w = x.firstChild, D = w.nextSibling, o = D.firstChild, a = o.nextSibling, E = a.firstChild;
-      return m(w, l(X, {
+      var d = ft(), s = d.firstChild, P = s.nextSibling, b = P.firstChild, r = b.nextSibling, i = r.firstChild, D = i.nextSibling, x = D.firstChild;
+      return m(b, l(R, {
         get when() {
           return c();
         },
@@ -779,11 +768,11 @@ function Pt(e) {
             class: "w-4 h-4"
           });
         }
-      })), m(o, i), m(a, l(qe, {
+      })), m(i, a), m(D, l(qe, {
         class: "w-3 h-3"
-      }), E), m(E, () => e.state()?.kind === "external" ? "Pin to Dock" : "Drag onto canvas"), W((f) => {
-        var M = !!(e.state()?.kind === "external" && e.state()?.overDock), Y = v();
-        return M !== f.e && d.classList.toggle("is-over-dock", f.e = M), Y !== f.t && Ne(d, "transform", f.t = Y), f;
+      }), x), m(x, () => e.state()?.kind === "external" ? "Pin to Dock" : "Drag onto canvas"), K((f) => {
+        var M = !!(e.state()?.kind === "external" && e.state()?.overDock), $ = v();
+        return M !== f.e && d.classList.toggle("is-over-dock", f.e = M), $ !== f.t && Ne(d, "transform", f.t = $), f;
       }, {
         e: void 0,
         t: void 0
@@ -793,5 +782,5 @@ function Pt(e) {
 }
 Ge(["pointerdown", "click", "contextmenu", "keydown"]);
 export {
-  Bt as WorkbenchDock
+  Ft as WorkbenchDock
 };