@floegence/floe-webapp-core 0.36.36 → 0.36.38

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

@@ -10,7 +10,7 @@ export { CommandPalette } from './CommandPalette';
 export { InfiniteCanvas, type InfiniteCanvasProps, type InfiniteCanvasPoint, type InfiniteCanvasContextMenuEvent, } from './InfiniteCanvas';
 export { startPointerSession, type PointerSessionController, type PointerSessionEndEvent, type PointerSessionEndReason, type PointerSessionSnapshot, type StartPointerSessionOptions, } from './pointerSession';
 export { clientToCanvasLocal, clientToCanvasWorld, createViewportFromZoomAnchor, isPointInsideCanvasRect, localToCanvasWorld, type CanvasClientPoint, type CanvasLocalPoint, type CanvasViewportLike, type CanvasViewportRectLike, type CanvasWorldPoint, } from './canvasGeometry';
-export { CANVAS_WHEEL_INTERACTIVE_ATTR, DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR, LOCAL_INTERACTION_SURFACE_ATTR, DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR, WORKBENCH_WIDGET_ACTIVATION_SURFACE_ATTR, DEFAULT_WORKBENCH_WIDGET_ACTIVATION_SURFACE_SELECTOR, WORKBENCH_WIDGET_SHELL_ATTR, DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR, isLocalInteractionSurfaceTarget, resolveSurfaceInteractionTargetRole, resolveSurfaceWheelRouting, resolveWorkbenchWidgetEventOwnership, resolveWorkbenchWidgetLocalTypingTarget, shouldActivateWorkbenchWidgetLocalTarget, type SurfaceInteractionRoutingOptions, type SurfaceInteractionTargetRole, type SurfaceWheelLocalReason, type SurfaceWheelRoutingDecision, type SurfaceWheelRoutingOptions, type WorkbenchWidgetEventOwnership, type WorkbenchWidgetEventOwnershipOptions, type WorkbenchWidgetLocalActivationTargetOptions, } from './localInteractionSurface';
+export { CANVAS_WHEEL_INTERACTIVE_ATTR, DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR, LOCAL_INTERACTION_SURFACE_ATTR, DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR, WORKBENCH_TEXT_SELECTION_SURFACE_ATTR, DEFAULT_WORKBENCH_TEXT_SELECTION_SURFACE_SELECTOR, WORKBENCH_WIDGET_ACTIVATION_SURFACE_ATTR, DEFAULT_WORKBENCH_WIDGET_ACTIVATION_SURFACE_SELECTOR, WORKBENCH_WIDGET_SHELL_ATTR, DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR, isLocalInteractionSurfaceTarget, resolveSurfaceInteractionTargetRole, resolveSurfaceWheelRouting, resolveWorkbenchWidgetEventOwnership, resolveWorkbenchWidgetTextSelectionTarget, resolveWorkbenchWidgetLocalTypingTarget, shouldActivateWorkbenchWidgetLocalTarget, type SurfaceInteractionRoutingOptions, type SurfaceInteractionTargetRole, type SurfaceWheelLocalReason, type SurfaceWheelRoutingDecision, type SurfaceWheelRoutingOptions, type WorkbenchWidgetEventOwnership, type WorkbenchWidgetEventOwnershipOptions, type WorkbenchWidgetLocalActivationTargetOptions, } from './localInteractionSurface';
 export { DIALOG_SURFACE_HOST_ATTR, SURFACE_PORTAL_HOST_ATTR, SURFACE_PORTAL_LAYER_ATTR, DIALOG_SURFACE_BOUNDARY_ATTR, ensureSurfacePortalInteractionTracking, isSurfacePortalMode, projectSurfacePortalPosition, projectSurfacePortalRect, resolveSurfacePortalBoundaryRect, resolveSurfacePortalHost, resolveSurfacePortalMount, resolveSurfacePortalMountRect, __resetSurfacePortalScopeForTests, type ResolvedSurfacePortalHost, type SurfacePortalBoundaryRect, type SurfacePortalInteractionSnapshot, type SurfacePortalMode, type SurfacePortalRect, } from './surfacePortalScope';
 export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, Interactive3DCard, AnimatedBorderCard, NeonCard, MorphCard, type CardProps, type CardVariant, type CardHeaderProps, type CardTitleProps, type CardDescriptionProps, type CardContentProps, type CardFooterProps, type Interactive3DCardProps, type AnimatedBorderCardProps, type NeonCardProps, type MorphCardProps, } from './Card';
 export { Tabs, TabPanel, type TabsProps, type TabPanelProps, type TabItem, type TabsFeatures, type TabsSlotClassNames, type TabsIndicatorMode, type TabsIndicatorColorToken, } from './Tabs';

package/dist/components/ui/localInteractionSurface.d.ts

@@ -6,6 +6,8 @@ export declare const WORKBENCH_WIDGET_SHELL_ATTR = "data-floe-workbench-widget-s
 export declare const DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR = "[data-floe-workbench-widget-shell=\"true\"]";
 export declare const WORKBENCH_WIDGET_ACTIVATION_SURFACE_ATTR = "data-floe-workbench-widget-activation-surface";
 export declare const DEFAULT_WORKBENCH_WIDGET_ACTIVATION_SURFACE_SELECTOR = "[data-floe-workbench-widget-activation-surface=\"true\"]";
+export declare const WORKBENCH_TEXT_SELECTION_SURFACE_ATTR = "data-floe-workbench-text-selection-surface";
+export declare const DEFAULT_WORKBENCH_TEXT_SELECTION_SURFACE_SELECTOR = "[data-floe-workbench-text-selection-surface=\"true\"]";
 export type SurfaceInteractionTargetRole = 'canvas' | 'local_surface' | 'pan_surface';
 export type SurfaceWheelLocalReason = 'typing_element' | 'local_interaction_surface' | 'wheel_interactive';
 export type SurfaceWheelRoutingDecision = {
@@ -23,6 +25,7 @@ export interface SurfaceInteractionRoutingOptions {
     interactiveSelector: string;
     panSurfaceSelector: string;
     localInteractionSurfaceSelector?: string;
+    textSelectionSurfaceSelector?: string;
 }
 export interface WorkbenchWidgetEventOwnershipOptions extends SurfaceInteractionRoutingOptions {
     widgetRoot: Element | EventTarget | null;
@@ -42,4 +45,5 @@ export declare function resolveSurfaceWheelRouting(options: SurfaceWheelRoutingO
 export declare function isLocalInteractionSurfaceTarget(options: SurfaceInteractionRoutingOptions): boolean;
 export declare function resolveWorkbenchWidgetEventOwnership(options: WorkbenchWidgetEventOwnershipOptions): WorkbenchWidgetEventOwnership;
 export declare function shouldActivateWorkbenchWidgetLocalTarget(options: WorkbenchWidgetLocalActivationTargetOptions): boolean;
+export declare function resolveWorkbenchWidgetTextSelectionTarget(options: WorkbenchWidgetLocalActivationTargetOptions): HTMLElement | null;
 export declare function resolveWorkbenchWidgetLocalTypingTarget(options: WorkbenchWidgetLocalActivationTargetOptions): HTMLElement | null;

package/dist/components/ui/localInteractionSurface.js

@@ -1,94 +1,111 @@
-import { isTypingElement as i } from "../../utils/dom.js";
-const T = "data-floe-local-interaction-surface", s = `[${T}="true"]`, S = "data-floe-canvas-wheel-interactive", g = `[${S}="true"]`, A = "data-floe-workbench-widget-shell", f = `[${A}="true"]`, m = "data-floe-workbench-widget-activation-surface", _ = `[${m}="true"]`;
+import { isTypingElement as s } from "../../utils/dom.js";
+const g = "data-floe-local-interaction-surface", i = `[${g}="true"]`, A = "data-floe-canvas-wheel-interactive", R = `[${A}="true"]`, m = "data-floe-workbench-widget-shell", f = `[${m}="true"]`, L = "data-floe-workbench-widget-activation-surface", S = `[${L}="true"]`, C = "data-floe-workbench-text-selection-surface", _ = `[${C}="true"]`;
 function u(e) {
   return typeof Element < "u" && e instanceof Element ? e : typeof Node < "u" && e instanceof Node ? e.parentElement : null;
 }
-function R(e) {
+function h(e) {
   if (!e || typeof HTMLElement > "u" || !(e instanceof HTMLElement))
     return !1;
   if (e.matches("button, input, select, textarea, summary") || e.matches("a[href], area[href]") || e.matches('iframe, [contenteditable="true"]')) return !0;
-  const t = e.getAttribute("tabindex");
-  return t !== null && t !== "-1";
+  const n = e.getAttribute("tabindex");
+  return n !== null && n !== "-1";
 }
-function h(e, t) {
-  let r = e;
-  for (; r && r !== t; ) {
-    if (i(r) || R(r))
+function w(e, n) {
+  let l = e;
+  for (; l && l !== n; ) {
+    if (s(l) || h(l))
       return !0;
-    r = r.parentElement;
+    l = l.parentElement;
   }
   return !1;
 }
 function d(e) {
   const {
-    target: t,
-    interactiveSelector: r,
-    panSurfaceSelector: a,
-    localInteractionSurfaceSelector: l = s
-  } = e, c = t instanceof Element ? t : null;
-  return c ? c.closest(a) !== null ? "pan_surface" : i(c) || c.closest(r) !== null || c.closest(l) !== null ? "local_surface" : "canvas" : "canvas";
+    target: n,
+    interactiveSelector: l,
+    panSurfaceSelector: o,
+    localInteractionSurfaceSelector: r = i,
+    textSelectionSurfaceSelector: a = _
+  } = e, t = n instanceof Element ? n : null;
+  return t ? t.closest(o) !== null ? "pan_surface" : s(t) || t.closest(l) !== null || t.closest(r) !== null || t.closest(a) !== null ? "local_surface" : "canvas" : "canvas";
 }
 function I(e) {
   const {
-    target: t,
-    localInteractionSurfaceSelector: r = s,
-    wheelInteractiveSelector: a = g
-  } = e, l = u(t);
-  return l ? i(l) ? "typing_element" : l.closest(r) !== null ? "local_interaction_surface" : l.closest(a) !== null ? "wheel_interactive" : null : null;
+    target: n,
+    localInteractionSurfaceSelector: l = i,
+    wheelInteractiveSelector: o = R
+  } = e, r = u(n);
+  return r ? s(r) ? "typing_element" : r.closest(l) !== null ? "local_interaction_surface" : r.closest(o) !== null ? "wheel_interactive" : null : null;
 }
-function w(e) {
-  const t = I(e);
-  return t ? { kind: "local_surface", reason: t } : e.disablePanZoom ? { kind: "ignore", reason: "pan_zoom_disabled" } : { kind: "canvas_zoom" };
+function O(e) {
+  const n = I(e);
+  return n ? { kind: "local_surface", reason: n } : e.disablePanZoom ? { kind: "ignore", reason: "pan_zoom_disabled" } : { kind: "canvas_zoom" };
 }
-function C(e) {
+function N(e) {
   return d(e) !== "canvas";
 }
-function E(e) {
+function T(e) {
   const {
-    widgetRoot: t,
-    shellSelector: r = f
-  } = e, a = u(t), l = u(e.target);
-  return !a || !l || !a.contains(l) ? "outside_widget" : d(e) !== "canvas" ? "widget_local" : l === a || l.closest(r) !== null ? "widget_shell" : "widget_local";
+    widgetRoot: n,
+    shellSelector: l = f
+  } = e, o = u(n), r = u(e.target);
+  return !o || !r || !o.contains(r) ? "outside_widget" : d(e) !== "canvas" ? "widget_local" : r === o || r.closest(l) !== null ? "widget_shell" : "widget_local";
+}
+function b(e) {
+  const {
+    widgetRoot: n,
+    shellSelector: l = f,
+    localInteractionSurfaceSelector: o = i,
+    widgetActivationSurfaceSelector: r = S
+  } = e, a = u(n), t = u(e.target);
+  return !a || !t || !a.contains(t) || t === a || t.closest(l) !== null || t.closest(e.panSurfaceSelector) !== null || t.closest(o) !== null || v(e) !== null ? !1 : t.closest(r) !== null ? T(e) === "widget_local" : w(t, a) ? !1 : T(e) === "widget_local";
 }
 function v(e) {
   const {
-    widgetRoot: t,
-    shellSelector: r = f,
-    localInteractionSurfaceSelector: a = s,
-    widgetActivationSurfaceSelector: l = _
-  } = e, c = u(t), n = u(e.target);
-  return !c || !n || !c.contains(n) || n === c || n.closest(r) !== null || n.closest(e.panSurfaceSelector) !== null || n.closest(a) !== null ? !1 : n.closest(l) !== null ? E(e) === "widget_local" : h(n, c) ? !1 : E(e) === "widget_local";
+    widgetRoot: n,
+    shellSelector: l = f,
+    localInteractionSurfaceSelector: o = i,
+    widgetActivationSurfaceSelector: r = S,
+    textSelectionSurfaceSelector: a = _
+  } = e, t = u(n), c = u(e.target);
+  if (!t || !c || !t.contains(c) || c === t || c.closest(l) !== null || c.closest(e.panSurfaceSelector) !== null)
+    return null;
+  const E = c.closest(a);
+  return E instanceof HTMLElement && t.contains(E) ? E : (c.closest(o) !== null || c.closest(r) !== null, null);
 }
-function W(e) {
+function H(e) {
   const {
-    widgetRoot: t,
-    shellSelector: r = f,
-    localInteractionSurfaceSelector: a = s,
-    widgetActivationSurfaceSelector: l = _
-  } = e, c = u(t), n = u(e.target);
-  if (!c || !n || !c.contains(n) || n === c || n.closest(r) !== null || n.closest(e.panSurfaceSelector) !== null || n.closest(a) !== null || n.closest(l) !== null)
+    widgetRoot: n,
+    shellSelector: l = f,
+    localInteractionSurfaceSelector: o = i,
+    widgetActivationSurfaceSelector: r = S
+  } = e, a = u(n), t = u(e.target);
+  if (!a || !t || !a.contains(t) || t === a || t.closest(l) !== null || t.closest(e.panSurfaceSelector) !== null || t.closest(o) !== null || t.closest(r) !== null)
     return null;
-  let o = n;
-  for (; o && o !== c; ) {
-    if (o instanceof HTMLElement && i(o))
-      return o;
-    o = o.parentElement;
+  let c = t;
+  for (; c && c !== a; ) {
+    if (c instanceof HTMLElement && s(c))
+      return c;
+    c = c.parentElement;
   }
   return null;
 }
 export {
-  S as CANVAS_WHEEL_INTERACTIVE_ATTR,
-  g as DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR,
-  s as DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR,
-  _ as DEFAULT_WORKBENCH_WIDGET_ACTIVATION_SURFACE_SELECTOR,
+  A as CANVAS_WHEEL_INTERACTIVE_ATTR,
+  R as DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR,
+  i as DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR,
+  _ as DEFAULT_WORKBENCH_TEXT_SELECTION_SURFACE_SELECTOR,
+  S as DEFAULT_WORKBENCH_WIDGET_ACTIVATION_SURFACE_SELECTOR,
   f as DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR,
-  T as LOCAL_INTERACTION_SURFACE_ATTR,
-  m as WORKBENCH_WIDGET_ACTIVATION_SURFACE_ATTR,
-  A as WORKBENCH_WIDGET_SHELL_ATTR,
-  C as isLocalInteractionSurfaceTarget,
+  g as LOCAL_INTERACTION_SURFACE_ATTR,
+  C as WORKBENCH_TEXT_SELECTION_SURFACE_ATTR,
+  L as WORKBENCH_WIDGET_ACTIVATION_SURFACE_ATTR,
+  m as WORKBENCH_WIDGET_SHELL_ATTR,
+  N as isLocalInteractionSurfaceTarget,
   d as resolveSurfaceInteractionTargetRole,
-  w as resolveSurfaceWheelRouting,
-  E as resolveWorkbenchWidgetEventOwnership,
-  W as resolveWorkbenchWidgetLocalTypingTarget,
-  v as shouldActivateWorkbenchWidgetLocalTarget
+  O as resolveSurfaceWheelRouting,
+  T as resolveWorkbenchWidgetEventOwnership,
+  H as resolveWorkbenchWidgetLocalTypingTarget,
+  v as resolveWorkbenchWidgetTextSelectionTarget,
+  b as shouldActivateWorkbenchWidgetLocalTarget
 };

package/dist/components/workbench/WorkbenchWidget.js

@@ -1,21 +1,21 @@
-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 { spread as nt, mergeProps as Wt, insert as s, createComponent as h, memo as Et, effect as Lt, style as zt, template as st, use as Rt, delegateEvents as At } from "solid-js/web";
+import { createMemo as w, createSignal as $, onCleanup as ot, untrack as _, createEffect as rt } from "solid-js";
 import { startHotInteraction as Dt } from "../../utils/hotInteraction.js";
 import { X as at, Minus as ct, Maximize as lt, GripVertical as Xt } from "../icons/index.js";
-import { CANVAS_WHEEL_INTERACTIVE_ATTR as Yt, WORKBENCH_WIDGET_SHELL_ATTR as jt, resolveWorkbenchWidgetLocalTypingTarget as Ft, shouldActivateWorkbenchWidgetLocalTarget as Ht } from "../ui/localInteractionSurface.js";
+import { CANVAS_WHEEL_INTERACTIVE_ATTR as Yt, WORKBENCH_WIDGET_SHELL_ATTR as jt, resolveWorkbenchWidgetLocalTypingTarget as Ft, resolveWorkbenchWidgetTextSelectionTarget as Ht, shouldActivateWorkbenchWidgetLocalTarget as Ot } from "../ui/localInteractionSurface.js";
 import { startPointerSession as dt } from "../ui/pointerSession.js";
-import { createWorkbenchWidgetSurfaceMetrics as 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({
+import { createWorkbenchWidgetSurfaceMetrics as qt, resolveWorkbenchProjectedSurfaceScaleBehavior as Bt } from "./workbenchHelpers.js";
+import { resolveWorkbenchInteractionAdapter as Nt } from "./workbenchInteractionAdapter.js";
+var Vt = /* @__PURE__ */ st('<article class=workbench-widget><div class=workbench-widget__surface><header class=workbench-widget__header><span class=workbench-widget__traffic role=group aria-label="Window controls"><button type=button class="workbench-widget__traffic-dot workbench-widget__traffic-dot--close"aria-label="Close widget"title="Close widget"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__traffic-dot workbench-widget__traffic-dot--min"aria-label="Minimize widget to overview"title="Minimize widget to overview"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__traffic-dot workbench-widget__traffic-dot--max"aria-label="Zoom widget to fit viewport"title="Zoom widget to fit viewport"data-floe-canvas-interactive=true></button></span><span class=workbench-widget__badge aria-hidden=true></span><button type=button class=workbench-widget__drag aria-label="Drag widget"data-floe-canvas-interactive=true></button><div class=workbench-widget__title-area><span class=workbench-widget__title-dot aria-hidden=true></span><span class=workbench-widget__title></span></div><span class=workbench-widget__window-controls role=group aria-label="Window controls"><button type=button class="workbench-widget__window-control workbench-widget__window-control--min"aria-label="Minimize widget to overview"title="Minimize widget to overview"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__window-control workbench-widget__window-control--max"aria-label="Zoom widget to fit viewport"title="Zoom widget to fit viewport"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__window-control workbench-widget__window-control--close"aria-label="Remove widget"title="Remove widget"data-floe-canvas-interactive=true></button></span></header><div class=workbench-widget__body data-floe-canvas-interactive=true>'), Zt = /* @__PURE__ */ st('<div class=workbench-widget__resize aria-label="Resize widget"data-floe-canvas-interactive=true><svg class=workbench-widget__resize-glyph viewBox="0 0 12 12"aria-hidden=true><path d="M12 0 L0 12"></path><path d="M12 4 L4 12"></path><path d="M12 8 L8 12">');
+const Gt = 220, Jt = 160, Kt = 160;
+function ae(e) {
+  const l = w(() => Nt(e.interactionAdapter)), [y, L] = $(null), [x, z] = $(null), [wt, ut] = $(), [R, A] = $(!1), [B, I] = $({
     enabled: !1,
     scale: 1
   });
-  let _, b, gt = 0, ht = 0, v = null, S;
+  let b, v, gt = 0, ht = 0, m = null, S;
   const p = /* @__PURE__ */ new Map();
-  let s;
+  let d;
   const M = () => {
     typeof window > "u" || S === void 0 || (window.clearTimeout(S), S = void 0);
   }, N = (t, i) => {
@@ -24,24 +24,24 @@ function re(e) {
       cursor: i
     });
     let r = !1;
-    return m(() => e.onLayoutInteractionStart?.()), () => {
-      r || (r = !0, n(), m(() => e.onLayoutInteractionEnd?.()));
+    return _(() => e.onLayoutInteractionStart?.()), () => {
+      r || (r = !0, n(), _(() => e.onLayoutInteractionEnd?.()));
     };
   };
   ot(() => {
-    _?.stop({
+    b?.stop({
       reason: "manual_stop",
       commit: !1
-    }), _ = void 0, b?.stop({
+    }), b = void 0, v?.stop({
       reason: "manual_stop",
       commit: !1
-    }), b = void 0, m(y)?.stopInteraction(), m(x)?.stopInteraction(), M();
+    }), v = void 0, _(y)?.stopInteraction(), _(x)?.stopInteraction(), M();
   });
   const T = () => {
     A(!1), e.onSelect(e.widgetId), e.onCommitFront(e.widgetId);
   }, D = () => {
     A(!1);
-  }, $ = d(() => e.selected || R()), ft = (t, i, n) => {
+  }, k = w(() => e.selected || R()), ft = (t, i, n) => {
     const r = {
       token: ++ht,
       wasSelected: i,
@@ -55,10 +55,10 @@ function re(e) {
     return i && p.delete(t), i;
   };
   rt(() => {
-    const t = s;
+    const t = d;
     if (!t) return;
     const i = (a) => {
-      a.button === 0 && ft(a.pointerId, $(), C(a.target));
+      a.button === 0 && ft(a.pointerId, k(), C(a.target));
     }, n = (a) => {
       a.button === 0 && R() && C(a.target) === "widget_local" && T();
     }, r = () => {
@@ -70,13 +70,13 @@ function re(e) {
       t.removeEventListener("pointerdown", i, !0), t.removeEventListener("click", n, !0), t.removeEventListener("pointerup", r), t.removeEventListener("pointercancel", D);
     });
   });
-  const X = () => y() !== null, Y = () => x() !== null, _t = d(() => e.filtered ? "cold" : $() ? "hot" : "warm"), C = (t) => w().resolveWidgetEventOwnership({
+  const X = () => y() !== null, Y = () => x() !== null, _t = w(() => e.filtered ? "cold" : k() ? "hot" : "warm"), C = (t) => l().resolveWidgetEventOwnership({
     target: t,
-    widgetRoot: s ?? null,
-    interactiveSelector: w().interactiveSelector,
-    panSurfaceSelector: w().panSurfaceSelector
+    widgetRoot: d ?? null,
+    interactiveSelector: l().interactiveSelector,
+    panSurfaceSelector: l().panSurfaceSelector
   }), bt = () => {
-    T(), s?.focus({
+    T(), d?.focus({
       preventScroll: !0
     });
   }, V = (t) => {
@@ -86,7 +86,7 @@ function re(e) {
       pointerType: t
     }));
   }, vt = (t) => {
-    if (!(!s || !t.isConnected || !s.contains(t)))
+    if (!(!d || !t.isConnected || !d.contains(t)))
       try {
         t.focus({
           preventScroll: !0
@@ -95,16 +95,16 @@ function re(e) {
         t.focus();
       }
   }, St = (t, i) => {
-    v = {
+    m = {
       token: ++gt,
       pointerId: t,
       target: i,
       timestamp: Date.now()
     };
-    const n = v;
+    const n = m;
     queueMicrotask(() => {
       const r = () => {
-        !n || v?.token !== n.token || (vt(n.target), v = null);
+        !n || m?.token !== n.token || (vt(n.target), m = null);
       };
       if (typeof requestAnimationFrame == "function") {
         requestAnimationFrame(() => r());
@@ -116,17 +116,22 @@ function re(e) {
     if (t.button !== 0) return;
     const i = mt(t.pointerId), n = i?.wasSelected ?? e.selected, r = i?.ownership ?? C(t.target), a = r === "widget_local" ? Ft({
       target: t.target,
-      widgetRoot: s ?? null,
-      interactiveSelector: w().interactiveSelector,
-      panSurfaceSelector: w().panSurfaceSelector
-    }) : null, o = r === "widget_local" && !a && Ht({
+      widgetRoot: d ?? null,
+      interactiveSelector: l().interactiveSelector,
+      panSurfaceSelector: l().panSurfaceSelector
+    }) : null, o = r === "widget_local" ? Ht({
       target: t.target,
-      widgetRoot: s ?? null,
-      interactiveSelector: w().interactiveSelector,
-      panSurfaceSelector: w().panSurfaceSelector
+      widgetRoot: d ?? null,
+      interactiveSelector: l().interactiveSelector,
+      panSurfaceSelector: l().panSurfaceSelector
+    }) : null, g = r === "widget_local" && !a && !o && Ot({
+      target: t.target,
+      widgetRoot: d ?? null,
+      interactiveSelector: l().interactiveSelector,
+      panSurfaceSelector: l().panSurfaceSelector
     });
     if (r === "widget_shell") {
-      T(), s?.focus({
+      T(), d?.focus({
         preventScroll: !0
       });
       return;
@@ -137,14 +142,18 @@ function re(e) {
         return;
       }
       if (o) {
-        if (v = null, n) {
+        m = null;
+        return;
+      }
+      if (g) {
+        if (m = null, n) {
           V(t.pointerType || void 0);
           return;
         }
         T(), V(t.pointerType || void 0);
       }
     }
-  }, P = d(() => {
+  }, P = w(() => {
     const t = y();
     return t ? {
       x: t.worldX,
@@ -153,7 +162,7 @@ function re(e) {
       x: e.x,
       y: e.y
     };
-  }), u = d(() => {
+  }), u = w(() => {
     const t = x();
     return t ? {
       width: t.width,
@@ -162,9 +171,9 @@ function re(e) {
       width: e.width,
       height: e.height
     };
-  }), j = d(() => {
+  }), j = w(() => {
     if (!(e.layoutMode !== "projected_surface" || !e.projectedViewport))
-      return Ot({
+      return qt({
         widgetId: e.widgetId,
         worldX: P().x,
         worldY: P().y,
@@ -173,7 +182,7 @@ function re(e) {
         viewport: e.projectedViewport(),
         ready: e.surfaceReady ?? !0
       });
-  }), 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(() => {
+  }), F = w(() => j()?.rect.viewportScale ?? Math.max(e.viewportScale, 1e-3)), Z = w(() => e.layoutMode === "projected_surface" && Bt(e.definition) === "settle_sharp_zoom"), G = w(() => e.layoutMode === "projected_surface" && Z() && B().enabled && B().scale > 1.001), kt = w(() => {
     if (e.layoutMode !== "projected_surface")
       return;
     const t = F();
@@ -186,7 +195,7 @@ function re(e) {
       height: "100%",
       zoom: "1"
     };
-  }), kt = d(() => {
+  }), $t = w(() => {
     const t = e.itemSnapshot().z_index, i = Number.isFinite(t) ? Math.max(1, Math.min(99, Math.round(t))) : 1;
     return String(i).padStart(2, "0");
   }), J = (t) => {
@@ -195,7 +204,7 @@ function re(e) {
     t.preventDefault(), t.stopPropagation(), e.onRequestFit(e.itemSnapshot());
   }, U = (t) => {
     t.preventDefault(), t.stopPropagation(), e.onRequestDelete(e.widgetId);
-  }, yt = d(() => {
+  }, yt = w(() => {
     const t = {
       "z-index": X() || Y() || e.optimisticFront ? `${e.topRenderLayer + 1}` : `${e.renderLayer}`
     };
@@ -244,10 +253,10 @@ function re(e) {
         enabled: !0,
         scale: i
       } : n);
-    }, Jt);
+    }, Kt);
   });
   const xt = (t) => {
-    const i = m(y);
+    const i = _(y);
     if (!i) return;
     const n = {
       x: i.worldX,
@@ -256,13 +265,13 @@ function re(e) {
       x: i.startWorldX,
       y: i.startWorldY
     }, a = t && (Math.abs(n.x - r.x) > 1 || Math.abs(n.y - r.y) > 1);
-    e.onCommitFront(e.widgetId), a && e.onCommitMove(e.widgetId, n), i.stopInteraction(), L(null), _ = void 0;
+    e.onCommitFront(e.widgetId), a && e.onCommitMove(e.widgetId, n), i.stopInteraction(), L(null), b = void 0;
   }, Q = (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.onSelect(e.widgetId), s?.focus({
+    }), e.onSelect(e.widgetId), d?.focus({
       preventScroll: !0
     }), e.onStartOptimisticFront(e.widgetId);
     const i = N("drag", "grabbing"), n = Math.max(e.viewportScale, 1e-3);
@@ -281,16 +290,16 @@ function re(e) {
     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;
+        const g = o.startWorldX + (a.clientX - o.startClientX) / o.scale, f = o.startWorldY + (a.clientY - o.startClientY) / o.scale;
         return {
           ...o,
-          worldX: h,
+          worldX: g,
           worldY: f,
-          moved: o.moved || Math.abs(h - o.startWorldX) > 2 || Math.abs(f - o.startWorldY) > 2
+          moved: o.moved || Math.abs(g - o.startWorldX) > 2 || Math.abs(f - o.startWorldY) > 2
         };
       });
     };
-    _ = dt({
+    b = dt({
       pointerEvent: t,
       captureEl: t.currentTarget,
       onMove: r,
@@ -299,16 +308,16 @@ function re(e) {
       }) => xt(a)
     });
   }, It = (t) => {
-    const i = m(x);
+    const i = _(x);
     if (!i) return;
     const n = {
       width: i.width,
       height: i.height
     }, r = Math.abs(i.width - i.startWidth) > 1 || Math.abs(i.height - i.startHeight) > 1;
-    t && r && e.onCommitResize(e.widgetId, n), i.stopInteraction(), z(null), b = void 0;
+    t && r && e.onCommitResize(e.widgetId, n), i.stopInteraction(), z(null), v = void 0;
   }, Mt = (t) => {
     if (t.button !== 0 || e.locked) return;
-    t.preventDefault(), t.stopPropagation(), b?.stop({
+    t.preventDefault(), t.stopPropagation(), v?.stop({
       reason: "manual_stop",
       commit: !1
     }), e.onStartOptimisticFront(e.widgetId);
@@ -327,15 +336,15 @@ function re(e) {
     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);
+        const g = Math.max(Gt, o.startWidth + (a.clientX - o.startClientX) / o.scale), f = Math.max(Jt, o.startHeight + (a.clientY - o.startClientY) / o.scale);
         return {
           ...o,
-          width: h,
+          width: g,
           height: f
         };
       });
     };
-    b = dt({
+    v = dt({
       pointerEvent: t,
       captureEl: t.currentTarget,
       onMove: r,
@@ -345,11 +354,11 @@ function re(e) {
     });
   };
   return (() => {
-    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({
+    var t = Vt(), i = t.firstChild, n = i.firstChild, r = n.firstChild, a = r.firstChild, o = a.nextSibling, g = o.nextSibling, f = r.nextSibling, H = f.nextSibling, O = H.nextSibling, Tt = O.firstChild, tt = Tt.nextSibling, Ct = O.nextSibling, W = Ct.firstChild, E = W.nextSibling, q = E.nextSibling, Pt = n.nextSibling, et = d;
+    return typeof et == "function" ? Rt(et, t) : d = t, nt(t, Wt({
       get classList() {
         return {
-          "is-selected": $(),
+          "is-selected": k(),
           "is-dragging": X(),
           "is-resizing": Y(),
           "is-filtered-out": e.filtered,
@@ -358,15 +367,15 @@ function re(e) {
         };
       }
     }, () => ({
-      [w().dialogSurfaceHostAttr]: "true"
+      [l().dialogSurfaceHostAttr]: "true"
     }), {
       get "data-floe-workbench-widget-id"() {
         return e.widgetId;
       }
     }, () => ({
-      [w().widgetRootAttr]: "true"
+      [l().widgetRootAttr]: "true"
     }), () => ({
-      [w().widgetIdAttr]: e.widgetId
+      [l().widgetIdAttr]: e.widgetId
     }), {
       get "data-workbench-widget-type"() {
         return e.widgetType;
@@ -375,7 +384,7 @@ function re(e) {
         return e.layoutMode ?? "canvas_scaled";
       }
     }, () => ({
-      [Yt]: $() ? "true" : void 0
+      [Yt]: k() ? "true" : void 0
     }), {
       tabIndex: 0,
       onPointerDown: pt,
@@ -390,34 +399,34 @@ function re(e) {
       }
     }), !1, !0), n.$$pointerdown = Q, nt(n, {
       [jt]: "true"
-    }, !1, !0), a.$$click = U, a.$$pointerdown = (c) => c.stopPropagation(), l(a, g(at, {
+    }, !1, !0), a.$$click = U, a.$$pointerdown = (c) => c.stopPropagation(), s(a, h(at, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
-    })), o.$$click = J, o.$$pointerdown = (c) => c.stopPropagation(), l(o, g(ct, {
+    })), o.$$click = J, o.$$pointerdown = (c) => c.stopPropagation(), s(o, h(ct, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
-    })), h.$$click = K, h.$$pointerdown = (c) => c.stopPropagation(), l(h, g(lt, {
+    })), g.$$click = K, g.$$pointerdown = (c) => c.stopPropagation(), s(g, h(lt, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
-    })), l(f, kt), H.$$pointerdown = Q, l(H, g(Xt, {
+    })), s(f, $t), H.$$pointerdown = Q, s(H, h(Xt, {
       class: "w-3.5 h-3.5"
-    })), l(O, () => {
+    })), s(O, () => {
       const c = e.definition.icon;
-      return g(c, {
+      return h(c, {
         class: "w-3.5 h-3.5"
       });
-    }, tt), l(tt, () => e.widgetTitle), W.$$click = J, W.$$pointerdown = (c) => c.stopPropagation(), l(W, g(ct, {
+    }, tt), s(tt, () => e.widgetTitle), W.$$click = J, W.$$pointerdown = (c) => c.stopPropagation(), s(W, h(ct, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
-    })), E.$$click = K, E.$$pointerdown = (c) => c.stopPropagation(), l(E, g(lt, {
+    })), E.$$click = K, E.$$pointerdown = (c) => c.stopPropagation(), s(E, h(lt, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
-    })), q.$$click = U, q.$$pointerdown = (c) => c.stopPropagation(), l(q, g(at, {
+    })), q.$$click = U, q.$$pointerdown = (c) => c.stopPropagation(), s(q, h(at, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
-    })), l(Pt, () => {
+    })), s(Pt, () => {
       const c = e.definition.body;
-      return g(c, {
+      return h(c, {
         get widgetId() {
           return e.widgetId;
         },
@@ -435,23 +444,23 @@ function re(e) {
           return _t();
         },
         get selected() {
-          return $();
+          return k();
         },
         get filtered() {
           return e.filtered;
         },
         requestActivate: bt
       });
-    }), l(i, (() => {
+    }), s(i, (() => {
       var c = Et(() => !!e.locked);
       return () => c() ? null : (() => {
-        var it = Vt();
+        var it = Zt();
         return it.$$pointerdown = Mt, it;
       })();
-    })(), null), Lt((c) => zt(i, $t(), c)), t;
+    })(), null), Lt((c) => zt(i, kt(), c)), t;
   })();
 }
 At(["pointerdown", "click"]);
 export {
-  re as WorkbenchWidget
+  ae as WorkbenchWidget
 };