@floegence/floe-webapp-core 0.36.11 → 0.36.13

package/dist/components/ui/dialogSurfaceScope.js

@@ -1,45 +1,98 @@
-const a = "data-floe-dialog-surface-host", m = "data-floe-dialog-surface-boundary";
-let o = null, t = null;
-function d(e) {
+const a = "data-floe-dialog-surface-host", w = "data-floe-dialog-surface-boundary";
+let o = null, n = null;
+function s(e) {
   return typeof Element < "u" && e instanceof Element ? e : typeof Node < "u" && e instanceof Node ? e.parentElement : null;
 }
-function f(e) {
-  const n = e?.activeElement;
-  return n instanceof Element ? n : null;
+function h(e) {
+  const t = e?.activeElement;
+  return t instanceof Element ? t : null;
 }
-function i(e) {
-  const n = typeof document < "u" ? document : null;
+function l(e) {
+  const t = typeof document < "u" ? document : null;
   o = {
-    target: d(e),
-    activeElement: f(n),
+    target: s(e),
+    activeElement: h(t),
     recordedAt: Date.now()
   };
 }
-function r(e) {
-  i(e.target);
-}
 function u(e) {
-  i(e.target);
+  l(e.target);
 }
-function l() {
-  typeof document > "u" || t !== document && (t && (t.removeEventListener("pointerdown", r, !0), t.removeEventListener("focusin", u, !0)), document.addEventListener("pointerdown", r, !0), document.addEventListener("focusin", u, !0), t = document);
+function c(e) {
+  l(e.target);
 }
-function s() {
-  return !o || Date.now() - o.recordedAt > 1600 ? null : o;
+function f() {
+  m();
 }
-function c(e) {
-  const n = e?.closest(`[${a}="true"]`);
-  return n instanceof HTMLElement && n.isConnected ? n : null;
+function m() {
+  typeof document > "u" || n !== document && (n && (n.removeEventListener("pointerdown", u, !0), n.removeEventListener("focusin", c, !0)), document.addEventListener("pointerdown", u, !0), document.addEventListener("focusin", c, !0), n = document);
 }
 function E() {
-  l();
-  const e = s(), n = c(e?.target ?? null) ?? c(e?.activeElement ?? null);
-  return n ? { host: n, mode: "surface" } : { host: null, mode: "global" };
+  return !o || Date.now() - o.recordedAt > 1600 ? null : o;
+}
+function d(e) {
+  const t = e?.closest(`[${a}="true"]`);
+  return typeof HTMLElement > "u" ? null : t instanceof HTMLElement && t.isConnected ? t : null;
+}
+function T() {
+  f();
+  const e = E(), t = d(e?.target ?? null) ?? d(e?.activeElement ?? null);
+  return t ? { host: t, mode: "surface" } : { host: null, mode: "global" };
+}
+function r(e) {
+  return e.mode === "surface" && !!e.host?.isConnected;
+}
+function v(e) {
+  return r(e) ? e.host ?? void 0 : void 0;
+}
+function p() {
+  return typeof window > "u" ? {
+    left: 0,
+    top: 0,
+    right: 0,
+    bottom: 0,
+    width: 0,
+    height: 0
+  } : {
+    left: 0,
+    top: 0,
+    right: window.innerWidth,
+    bottom: window.innerHeight,
+    width: window.innerWidth,
+    height: window.innerHeight
+  };
+}
+function g(e) {
+  if (!r(e) || !e.host)
+    return p();
+  const t = e.host.getBoundingClientRect();
+  return {
+    left: t.left,
+    top: t.top,
+    right: t.right,
+    bottom: t.bottom,
+    width: t.width,
+    height: t.height
+  };
+}
+function S(e, t) {
+  if (!r(t))
+    return e;
+  const i = g(t);
+  return {
+    x: e.x - i.left,
+    y: e.y - i.top
+  };
 }
-typeof document < "u" && l();
+typeof document < "u" && f();
 export {
-  m as DIALOG_SURFACE_BOUNDARY_ATTR,
+  w as DIALOG_SURFACE_BOUNDARY_ATTR,
   a as DIALOG_SURFACE_HOST_ATTR,
-  l as ensureDialogSurfaceInteractionTracking,
-  E as resolveDialogSurfaceHost
+  f as ensureDialogSurfaceInteractionTracking,
+  m as ensureSurfacePortalInteractionTracking,
+  r as isSurfacePortalMode,
+  S as projectSurfacePortalPosition,
+  g as resolveSurfacePortalBoundaryRect,
+  T as resolveSurfacePortalHost,
+  v as resolveSurfacePortalMount
 };

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

@@ -1,11 +1,30 @@
 export declare const VIEWPORT_MARGIN = 8;
 export declare const MENU_ITEM_SELECTOR = "[role=\"menuitem\"]:not([disabled]):not([aria-disabled=\"true\"])";
+export type MenuBoundaryRect = Readonly<{
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+    width: number;
+    height: number;
+}>;
 export type MenuFocusMode = 'first' | 'last' | 'selected';
-export declare function calculateMenuPosition(triggerRect: DOMRect, menuRect: DOMRect, align: 'start' | 'center' | 'end'): {
+export declare function resolveViewportMenuBoundaryRect(): MenuBoundaryRect;
+export declare function clampMenuPosition(anchor: Readonly<{
+    x: number;
+    y: number;
+}>, menuRect: Readonly<{
+    width: number;
+    height: number;
+}>, boundaryRect?: MenuBoundaryRect): {
+    x: number;
+    y: number;
+};
+export declare function calculateMenuPosition(triggerRect: DOMRect, menuRect: DOMRect, align: 'start' | 'center' | 'end', boundaryRect?: MenuBoundaryRect): {
     x: number;
     y: number;
 };
-export declare function calculateSubmenuPosition(parentRect: DOMRect, submenuRect: DOMRect): {
+export declare function calculateSubmenuPosition(parentRect: DOMRect, submenuRect: DOMRect, boundaryRect?: MenuBoundaryRect): {
     x: number;
     y: number;
 };

package/dist/components/ui/menuUtils.js

@@ -1,60 +1,90 @@
-const d = 8, r = '[role="menuitem"]:not([disabled]):not([aria-disabled="true"])';
-function M(e, t, n) {
-  const o = window.innerWidth, f = window.innerHeight;
-  let i;
-  switch (n) {
+const u = 8, M = '[role="menuitem"]:not([disabled]):not([aria-disabled="true"])';
+function a() {
+  return typeof window > "u" ? {
+    left: 0,
+    top: 0,
+    right: 0,
+    bottom: 0,
+    width: 0,
+    height: 0
+  } : {
+    left: 0,
+    top: 0,
+    right: window.innerWidth,
+    bottom: window.innerHeight,
+    width: window.innerWidth,
+    height: window.innerHeight
+  };
+}
+function h(e) {
+  return e ?? a();
+}
+function E(e, t, f) {
+  const i = h(f);
+  let o = e.x, n = e.y;
+  return o + t.width > i.right - 8 && (o = i.right - t.width - 8), n + t.height > i.bottom - 8 && (n = i.bottom - t.height - 8), {
+    x: Math.max(i.left + 8, o),
+    y: Math.max(i.top + 8, n)
+  };
+}
+function A(e, t, f, i) {
+  const o = h(i);
+  let n;
+  switch (f) {
     case "center":
-      i = e.left + e.width / 2 - t.width / 2;
+      n = e.left + e.width / 2 - t.width / 2;
       break;
     case "end":
-      i = e.right - t.width;
+      n = e.right - t.width;
       break;
     default:
-      i = e.left;
+      n = e.left;
   }
-  let l = e.bottom + 4;
-  if (i + t.width > o - 8 && (i = o - t.width - 8), i = Math.max(8, i), l + t.height > f - 8) {
-    const I = e.top - 8, h = f - e.bottom - 8;
-    I > h && I >= t.height ? l = e.top - t.height - 4 : l = f - t.height - 8;
+  let r = e.bottom + 4;
+  if (n + t.width > o.right - 8 && (n = o.right - t.width - 8), n = Math.max(o.left + 8, n), r + t.height > o.bottom - 8) {
+    const I = e.top - o.top - 8, d = o.bottom - e.bottom - 8;
+    I > d && I >= t.height ? r = e.top - t.height - 4 : r = o.bottom - t.height - 8;
   }
-  return l = Math.max(8, l), { x: i, y: l };
-}
-function u(e, t) {
-  const n = window.innerWidth, o = window.innerHeight;
-  let f = e.right, i = e.top;
-  if (f + t.width > n - 8) {
-    const l = e.left - t.width;
-    l >= 8 ? f = l : f = n - t.width - 8;
+  return r = Math.max(o.top + 8, r), { x: n, y: r };
+}
+function P(e, t, f) {
+  const i = h(f);
+  let o = e.right, n = e.top;
+  if (o + t.width > i.right - 8) {
+    const r = e.left - t.width;
+    r >= i.left + 8 ? o = r : o = i.right - t.width - 8;
   }
-  return i + t.height > o - 8 && (i = o - t.height - 8), f = Math.max(8, f), i = Math.max(8, i), { x: f, y: i };
+  return n + t.height > i.bottom - 8 && (n = i.bottom - t.height - 8), o = Math.max(i.left + 8, o), n = Math.max(i.top + 8, n), { x: o, y: n };
 }
-function a(e, t, n) {
-  return e <= 0 ? null : t < 0 ? n > 0 ? 0 : e - 1 : (t + n + e) % e;
+function s(e, t, f) {
+  return e <= 0 ? null : t < 0 ? f > 0 ? 0 : e - 1 : (t + f + e) % e;
 }
-function s(e) {
-  return !e || typeof HTMLElement > "u" ? [] : Array.from(e.querySelectorAll(r)).filter(
+function l(e) {
+  return !e || typeof HTMLElement > "u" ? [] : Array.from(e.querySelectorAll(M)).filter(
     (t) => t instanceof HTMLElement
   );
 }
-function w(e, t = "first") {
-  const n = s(e);
-  if (!n.length) return !1;
-  let o = n[0];
-  return t === "last" ? o = n[n.length - 1] : t === "selected" && (o = n.find((f) => f.getAttribute("data-floe-selected") === "true") ?? n[0]), o.focus(), !0;
+function T(e, t = "first") {
+  const f = l(e);
+  if (!f.length) return !1;
+  let i = f[0];
+  return t === "last" ? i = f[f.length - 1] : t === "selected" && (i = f.find((o) => o.getAttribute("data-floe-selected") === "true") ?? f[0]), i.focus(), !0;
 }
-function E(e, t, n) {
-  const o = s(e);
-  if (!o.length) return !1;
-  const f = t ? o.indexOf(t) : -1, i = a(o.length, f, n);
-  return i === null ? !1 : (o[i]?.focus(), !0);
+function w(e, t, f) {
+  const i = l(e);
+  if (!i.length) return !1;
+  const o = t ? i.indexOf(t) : -1, n = s(i.length, o, f);
+  return n === null ? !1 : (i[n]?.focus(), !0);
 }
 export {
-  r as MENU_ITEM_SELECTOR,
-  d as VIEWPORT_MARGIN,
-  M as calculateMenuPosition,
-  u as calculateSubmenuPosition,
-  w as focusMenuItem,
-  s as getMenuItems,
-  a as getWrappedMenuItemIndex,
-  E as moveMenuFocus
+  M as MENU_ITEM_SELECTOR,
+  u as VIEWPORT_MARGIN,
+  A as calculateMenuPosition,
+  P as calculateSubmenuPosition,
+  E as clampMenuPosition,
+  T as focusMenuItem,
+  l as getMenuItems,
+  s as getWrappedMenuItemIndex,
+  w as moveMenuFocus,
+  a as resolveViewportMenuBoundaryRect
 };

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

@@ -0,0 +1 @@
+export { SURFACE_PORTAL_HOST_ATTR, ensureSurfacePortalInteractionTracking, resolveSurfacePortalHost, isSurfacePortalMode, resolveSurfacePortalMount, resolveSurfacePortalBoundaryRect, projectSurfacePortalPosition, __resetSurfacePortalScopeForTests, type SurfacePortalInteractionSnapshot, type SurfacePortalMode, type ResolvedSurfacePortalHost, type SurfacePortalBoundaryRect, } from './dialogSurfaceScope';

package/dist/components/workbench/WorkbenchContextMenu.js

@@ -1,44 +1,49 @@
-import { insert as a, createComponent as d, addEventListener as b, effect as v, className as f, setStyleProperty as m, template as l, delegateEvents as h } from "solid-js/web";
-import { For as x } from "solid-js";
-import { cn as k } from "../../utils/cn.js";
-var _ = /* @__PURE__ */ l("<div role=menu class=workbench-context-menu data-floe-workbench-boundary=true>"), p = /* @__PURE__ */ l("<div role=separator aria-orientation=horizontal class=workbench-context-menu__separator>"), w = /* @__PURE__ */ l("<button type=button role=menuitem><span class=workbench-context-menu__label>");
-function $(n) {
-  return n.kind === "action";
+import { spread as d, mergeProps as v, insert as a, createComponent as s, addEventListener as f, effect as b, className as _, template as c, delegateEvents as p } from "solid-js/web";
+import { For as h } from "solid-js";
+import { cn as x } from "../../utils/cn.js";
+import { WORKBENCH_CONTEXT_MENU_ATTR as k } from "./workbenchContextMenuDismiss.js";
+var w = /* @__PURE__ */ c("<div role=menu class=workbench-context-menu data-floe-workbench-boundary=true>"), C = /* @__PURE__ */ c("<div role=separator aria-orientation=horizontal class=workbench-context-menu__separator>"), $ = /* @__PURE__ */ c("<button type=button role=menuitem><span class=workbench-context-menu__label>");
+function E(r) {
+  return r.kind === "action";
 }
-function E(n) {
+function M(r) {
   return (() => {
-    var r = _();
-    return r.$$contextmenu = (e) => e.preventDefault(), a(r, d(x, {
+    var o = w();
+    return d(o, v({
+      [k]: "true"
+    }, {
+      get style() {
+        return {
+          left: `${r.x}px`,
+          top: `${r.y}px`
+        };
+      },
+      onContextMenu: (e) => e.preventDefault()
+    }), !1, !0), a(o, s(h, {
       get each() {
-        return n.items;
+        return r.items;
       },
       children: (e) => {
-        if (!$(e))
-          return p();
-        const c = e.icon;
+        if (!E(e))
+          return C();
+        const m = e.icon;
         return (() => {
-          var t = w(), i = t.firstChild;
-          return b(t, "click", e.onSelect, !0), a(t, d(c, {
+          var t = $(), l = t.firstChild;
+          return f(t, "click", e.onSelect, !0), a(t, s(m, {
             class: "h-3.5 w-3.5"
-          }), i), a(i, () => e.label), v((o) => {
-            var u = k("workbench-context-menu__item", e.destructive && "is-destructive"), s = e.disabled;
-            return u !== o.e && f(t, o.e = u), s !== o.t && (t.disabled = o.t = s), o;
+          }), l), a(l, () => e.label), b((n) => {
+            var i = x("workbench-context-menu__item", e.destructive && "is-destructive"), u = e.disabled;
+            return i !== n.e && _(t, n.e = i), u !== n.t && (t.disabled = n.t = u), n;
           }, {
             e: void 0,
             t: void 0
           }), t;
         })();
       }
-    })), v((e) => {
-      var c = `${n.x}px`, t = `${n.y}px`;
-      return c !== e.e && m(r, "left", e.e = c), t !== e.t && m(r, "top", e.t = t), e;
-    }, {
-      e: void 0,
-      t: void 0
-    }), r;
+    })), o;
   })();
 }
-h(["contextmenu", "click"]);
+p(["click"]);
 export {
-  E as WorkbenchContextMenu
+  M as WorkbenchContextMenu
 };

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

@@ -5,9 +5,12 @@ export interface WorkbenchSurfaceApi {
         worldX?: number;
         worldY?: number;
     }) => WorkbenchWidgetItem | null;
+    clearSelection: () => void;
     focusWidget: (widget: WorkbenchWidgetItem, options?: {
         centerViewport?: boolean;
     }) => WorkbenchWidgetItem;
+    fitWidget: (widget: WorkbenchWidgetItem) => WorkbenchWidgetItem;
+    overviewWidget: (widget: WorkbenchWidgetItem) => WorkbenchWidgetItem;
     findWidgetByType: (type: WorkbenchWidgetType) => WorkbenchWidgetItem | null;
 }
 export interface WorkbenchSurfaceProps {

package/dist/components/workbench/WorkbenchSurface.js

@@ -1,42 +1,53 @@
-import { insert as c, createComponent as a, Portal as k, addEventListener as s, effect as p, className as b, template as m, delegateEvents as C } from "solid-js/web";
-import { createEffect as d, onCleanup as g, Show as W } from "solid-js";
-import { isTypingElement as A } from "../../utils/dom.js";
-import { WorkbenchCanvas as y } from "./WorkbenchCanvas.js";
+import { insert as c, createComponent as a, Portal as h, addEventListener as p, effect as k, className as W, template as g, delegateEvents as b } from "solid-js/web";
+import { createEffect as s, onCleanup as u, Show as C } from "solid-js";
+import { isTypingElement as y } from "../../utils/dom.js";
+import { WorkbenchCanvas as A } from "./WorkbenchCanvas.js";
 import { WorkbenchContextMenu as D } from "./WorkbenchContextMenu.js";
 import { WorkbenchFilterBar as x } from "./WorkbenchFilterBar.js";
 import { WorkbenchHud as S } from "./WorkbenchHud.js";
-import { WorkbenchLockButton as F } from "./WorkbenchLockButton.js";
-import { useWorkbenchModel as M } from "./useWorkbenchModel.js";
-var L = /* @__PURE__ */ m("<div class=workbench-menu-backdrop data-floe-workbench-boundary=true>"), R = /* @__PURE__ */ m("<div><div class=workbench-surface__body data-floe-workbench-canvas-frame=true>");
-const E = "F1";
-function U(i) {
-  const e = M({
+import { WorkbenchLockButton as M } from "./WorkbenchLockButton.js";
+import { installWorkbenchContextMenuDismissListeners as F } from "./workbenchContextMenuDismiss.js";
+import { useWorkbenchModel as L } from "./useWorkbenchModel.js";
+var R = /* @__PURE__ */ g("<div class=workbench-menu-backdrop data-floe-workbench-boundary=true>"), E = /* @__PURE__ */ g("<div><div class=workbench-surface__body data-floe-workbench-canvas-frame=true>");
+const _ = "F1";
+function P(i) {
+  const e = L({
     state: () => i.state(),
     setState: (t) => i.setState(t),
     widgetDefinitions: () => i.widgetDefinitions,
     onClose: () => {
     }
   });
-  d(() => {
+  s(() => {
     i.onApiReady?.({
       ensureWidget: (t, r) => e.widgetActions.ensureWidget(t, r) ?? null,
+      clearSelection: () => e.selection.clear(),
       focusWidget: (t, r) => e.navigation.focusWidget(t, r),
+      fitWidget: (t) => e.navigation.fitWidget(t),
+      overviewWidget: (t) => e.navigation.overviewWidget(t),
       findWidgetByType: (t) => e.queries.findWidgetByType(t)
-    }), g(() => {
+    }), u(() => {
       i.onApiReady?.(null);
     });
   });
-  const u = () => i.lockShortcut === void 0 ? E : i.lockShortcut;
-  d(() => {
+  const d = () => i.lockShortcut === void 0 ? _ : i.lockShortcut;
+  s(() => {
+    if (typeof window > "u" || !e.contextMenu.state()) return;
+    const t = F({
+      ownerWindow: window,
+      onDismiss: e.contextMenu.close
+    });
+    u(() => t());
+  }), s(() => {
     if (i.enableKeyboard === !1 || typeof document > "u") return;
-    const t = u(), r = (n) => {
+    const t = d(), r = (n) => {
       if (n.defaultPrevented || n.isComposing) return;
       if (t !== null && n.key === t) {
         n.preventDefault(), e.lock.toggle();
         return;
       }
       const o = n.target;
-      if (!(o instanceof Element && A(o)))
+      if (!(o instanceof Element && y(o)))
         switch (n.key) {
           case "ArrowUp":
             n.preventDefault(), e.navigation.handleArrowNavigation("up");
@@ -56,26 +67,26 @@ function U(i) {
             break;
         }
     };
-    document.addEventListener("keydown", r, !0), g(() => document.removeEventListener("keydown", r, !0));
+    document.addEventListener("keydown", r, !0), u(() => document.removeEventListener("keydown", r, !0));
   });
-  const f = (t, r) => {
+  const m = (t, r) => {
     const n = document.querySelector('[data-floe-workbench-canvas-frame="true"]');
     if (!n) return null;
     const o = n.getBoundingClientRect();
     if (t < o.left || t > o.right || r < o.top || r > o.bottom)
       return null;
-    const v = t - o.left, h = r - o.top, l = e.viewport();
+    const w = t - o.left, v = r - o.top, l = e.viewport();
     return {
-      worldX: (v - l.x) / l.scale,
-      worldY: (h - l.y) / l.scale
+      worldX: (w - l.x) / l.scale,
+      worldY: (v - l.y) / l.scale
     };
-  }, w = (t, r, n) => {
-    const o = f(r, n);
+  }, f = (t, r, n) => {
+    const o = m(r, n);
     o && e.widgetActions.addWidgetAtCursor(t, o.worldX, o.worldY);
   };
   return (() => {
-    var t = R(), r = t.firstChild;
-    return c(r, a(y, {
+    var t = E(), r = t.firstChild;
+    return c(r, a(A, {
       get widgetDefinitions() {
         return e.widgetDefinitions();
       },
@@ -130,7 +141,7 @@ function U(i) {
       get onRequestDelete() {
         return e.widgetActions.deleteWidget;
       }
-    })), c(t, a(F, {
+    })), c(t, a(M, {
       get locked() {
         return e.locked();
       },
@@ -138,7 +149,7 @@ function U(i) {
         return e.lock.toggle;
       },
       get shortcutLabel() {
-        return u() ?? void 0;
+        return d() ?? void 0;
       }
     }), null), c(t, a(x, {
       get widgetDefinitions() {
@@ -156,7 +167,7 @@ function U(i) {
       get onShowAll() {
         return e.filter.showAll;
       },
-      onCreateAt: w
+      onCreateAt: f
     }), null), c(t, a(S, {
       get scaleLabel() {
         return e.scaleLabel();
@@ -167,16 +178,16 @@ function U(i) {
       get onZoomIn() {
         return e.hud.zoomIn;
       }
-    }), null), c(t, a(W, {
+    }), null), c(t, a(C, {
       get when() {
         return e.contextMenu.state();
       },
       get children() {
-        return a(k, {
+        return a(h, {
           get children() {
             return [(() => {
-              var n = L();
-              return s(n, "contextmenu", e.contextMenu.retarget, !0), s(n, "click", e.contextMenu.close, !0), n;
+              var n = R();
+              return p(n, "contextmenu", e.contextMenu.retarget, !0), n;
             })(), a(D, {
               get x() {
                 return e.contextMenu.position()?.left ?? 0;
@@ -191,10 +202,10 @@ function U(i) {
           }
         });
       }
-    }), null), p(() => b(t, `workbench-surface${i.class ? ` ${i.class}` : ""}`)), t;
+    }), null), k(() => W(t, `workbench-surface${i.class ? ` ${i.class}` : ""}`)), t;
   })();
 }
-C(["click", "contextmenu"]);
+b(["contextmenu"]);
 export {
-  U as WorkbenchSurface
+  P as WorkbenchSurface
 };

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

@@ -4,4 +4,4 @@ export { WorkbenchContextMenu, type WorkbenchContextMenuItem, type WorkbenchCont
 export { useWorkbenchModel, type UseWorkbenchModelOptions } from './useWorkbenchModel';
 export { WIDGET_REGISTRY, createWorkbenchFilterState, getWidgetEntry, isValidWorkbenchWidgetType, resolveWorkbenchWidgetDefinitions, type WidgetRegistryEntry, } from './widgets/widgetRegistry';
 export * from './types';
-export { sanitizeWorkbenchState, createDefaultWorkbenchState, createWorkbenchId, createWorkbenchProjectedRect, createWorkbenchRenderLayerMap, createWorkbenchWidgetSurfaceMetrics, resolveWorkbenchWidgetRenderMode, type WorkbenchRenderLayerMap, } from './workbenchHelpers';
+export { sanitizeWorkbenchState, createDefaultWorkbenchState, createWorkbenchId, createWorkbenchProjectedRect, createWorkbenchRenderLayerMap, createWorkbenchViewportCenteredOnWidget, createWorkbenchViewportFitForWidget, createWorkbenchWidgetSurfaceMetrics, resolveWorkbenchWidgetRenderMode, type WorkbenchRenderLayerMap, } from './workbenchHelpers';

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

@@ -36,6 +36,7 @@ export declare function useWorkbenchModel(options: UseWorkbenchModelOptions): {
         openCanvasContextMenu: (event: InfiniteCanvasContextMenuEvent) => void;
         openWidgetContextMenu: (event: MouseEvent, item: WorkbenchWidgetItem) => void;
         selectWidget: (widgetId: string) => void;
+        clearSelection: () => void;
         startOptimisticFront: (widgetId: string) => void;
         commitFront: (widgetId: string) => void;
         commitMove: (widgetId: string, position: {
@@ -66,6 +67,11 @@ export declare function useWorkbenchModel(options: UseWorkbenchModelOptions): {
         focusWidget: (widget: WorkbenchWidgetItem, options?: {
             centerViewport?: boolean;
         }) => WorkbenchWidgetItem<WorkbenchWidgetType>;
+        fitWidget: (widget: WorkbenchWidgetItem) => WorkbenchWidgetItem<WorkbenchWidgetType>;
+        overviewWidget: (widget: WorkbenchWidgetItem) => WorkbenchWidgetItem<WorkbenchWidgetType>;
+    };
+    selection: {
+        clear: () => void;
     };
     widgetActions: {
         deleteSelected: () => void;