@floegence/floe-webapp-core 0.36.7 → 0.36.9

package/dist/ui.js

@@ -1,108 +1,111 @@
 import { AffixInput as e, Input as t, NumberInput as a, Textarea as i } from "./components/ui/Input.js";
-import { AnimatedBorderCard as n, Card as p, CardContent as f, CardDescription as C, CardFooter as c, CardHeader as x, CardTitle as d, Interactive3DCard as l, MorphCard as s, NeonCard as T } from "./components/ui/Card.js";
-import { AreaChart as F, DataBarChart as E, DataPieChart as L, LineChart as S, MonitoringChart as u } from "./components/ui/Charts.js";
-import { Button as D } from "./components/ui/Button.js";
-import { Checkbox as h, CheckboxGroup as k, CheckboxList as A } from "./components/ui/Checkbox.js";
-import { CircularProgress as B, LinearProgress as b, SegmentedProgress as P, StepsProgress as O } from "./components/ui/Progress.js";
-import { CommandPalette as N } from "./components/ui/CommandPalette.js";
-import { ConfirmDialog as H, Dialog as w } from "./components/ui/Dialog.js";
-import { DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR as M, DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR as U, LOCAL_INTERACTION_SURFACE_ATTR as y, WORKBENCH_WIDGET_SHELL_ATTR as K, isLocalInteractionSurfaceTarget as z, resolveSurfaceInteractionTargetRole as Q, resolveWorkbenchWidgetEventOwnership as j } from "./components/ui/localInteractionSurface.js";
-import { DirectoryInput as J } from "./components/ui/DirectoryInput.js";
-import { DirectoryPicker as X } from "./components/ui/DirectoryPicker.js";
-import { Dropdown as Z, Select as $ } from "./components/ui/Dropdown.js";
-import { ErrorBlock as or, HighlightBlock as er, InfoBlock as tr, NoteBlock as ar, SuccessBlock as ir, TipBlock as mr, WarningBlock as nr } from "./components/ui/HighlightBlock.js";
-import { FileSavePicker as fr } from "./components/ui/FileSavePicker.js";
-import { FloatingWindow as cr } from "./components/ui/FloatingWindow.js";
-import { Form as dr, FormActions as lr, FormControl as sr, FormDescription as Tr, FormDivider as gr, FormField as Fr, FormLabel as Er, FormMessage as Lr, FormRow as Sr, FormSection as ur, useFormSubmitting as Ir } from "./components/ui/Form.js";
-import { InfiniteCanvas as Rr } from "./components/ui/InfiniteCanvas.js";
-import { MobileKeyboard as kr } from "./components/ui/MobileKeyboard.js";
-import { Pagination as _r } from "./components/ui/Pagination.js";
-import { ProcessingIndicator as br } from "./components/ui/ProcessingIndicator.js";
-import { QuoteBlock as Or } from "./components/ui/QuoteBlock.js";
-import { RadioGroup as Nr, RadioList as vr, RadioOption as Hr } from "./components/ui/Radio.js";
-import { SegmentedControl as Gr } from "./components/ui/SegmentedControl.js";
-import { Stepper as Ur, Wizard as yr, useWizard as Kr } from "./components/ui/Stepper.js";
-import { Switch as Qr } from "./components/ui/Switch.js";
-import { TabPanel as qr, Tabs as Jr } from "./components/ui/Tabs.js";
-import { Tag as Xr } from "./components/ui/Tag.js";
-import { Tooltip as Zr } from "./components/ui/Tooltip.js";
+import { AnimatedBorderCard as m, Card as p, CardContent as C, CardDescription as f, CardFooter as c, CardHeader as x, CardTitle as T, Interactive3DCard as l, MorphCard as s, NeonCard as E } from "./components/ui/Card.js";
+import { AreaChart as g, DataBarChart as A, DataPieChart as L, LineChart as S, MonitoringChart as _ } from "./components/ui/Charts.js";
+import { Button as I } from "./components/ui/Button.js";
+import { CANVAS_WHEEL_INTERACTIVE_ATTR as u, DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR as D, DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR as h, DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR as k, LOCAL_INTERACTION_SURFACE_ATTR as B, WORKBENCH_WIDGET_SHELL_ATTR as N, isLocalInteractionSurfaceTarget as W, resolveSurfaceInteractionTargetRole as b, resolveSurfaceWheelRouting as O, resolveWorkbenchWidgetEventOwnership as P } from "./components/ui/localInteractionSurface.js";
+import { Checkbox as H, CheckboxGroup as w, CheckboxList as U } from "./components/ui/Checkbox.js";
+import { CircularProgress as M, LinearProgress as V, SegmentedProgress as y, StepsProgress as K } from "./components/ui/Progress.js";
+import { CommandPalette as Q } from "./components/ui/CommandPalette.js";
+import { ConfirmDialog as q, Dialog as J } from "./components/ui/Dialog.js";
+import { DirectoryInput as Y } from "./components/ui/DirectoryInput.js";
+import { DirectoryPicker as $ } from "./components/ui/DirectoryPicker.js";
+import { Dropdown as or, Select as er } from "./components/ui/Dropdown.js";
+import { ErrorBlock as ar, HighlightBlock as ir, InfoBlock as nr, NoteBlock as mr, SuccessBlock as pr, TipBlock as Cr, WarningBlock as fr } from "./components/ui/HighlightBlock.js";
+import { FileSavePicker as xr } from "./components/ui/FileSavePicker.js";
+import { FloatingWindow as lr } from "./components/ui/FloatingWindow.js";
+import { Form as Er, FormActions as dr, FormControl as gr, FormDescription as Ar, FormDivider as Lr, FormField as Sr, FormLabel as _r, FormMessage as Fr, FormRow as Ir, FormSection as Rr, useFormSubmitting as ur } from "./components/ui/Form.js";
+import { InfiniteCanvas as hr } from "./components/ui/InfiniteCanvas.js";
+import { MobileKeyboard as Br } from "./components/ui/MobileKeyboard.js";
+import { Pagination as Wr } from "./components/ui/Pagination.js";
+import { ProcessingIndicator as Or } from "./components/ui/ProcessingIndicator.js";
+import { QuoteBlock as vr } from "./components/ui/QuoteBlock.js";
+import { RadioGroup as wr, RadioList as Ur, RadioOption as Gr } from "./components/ui/Radio.js";
+import { SegmentedControl as Vr } from "./components/ui/SegmentedControl.js";
+import { Stepper as Kr, Wizard as zr, useWizard as Qr } from "./components/ui/Stepper.js";
+import { Switch as qr } from "./components/ui/Switch.js";
+import { TabPanel as Xr, Tabs as Yr } from "./components/ui/Tabs.js";
+import { Tag as $r } from "./components/ui/Tag.js";
+import { Tooltip as oo } from "./components/ui/Tooltip.js";
 export {
   e as AffixInput,
-  n as AnimatedBorderCard,
-  F as AreaChart,
-  D as Button,
+  m as AnimatedBorderCard,
+  g as AreaChart,
+  I as Button,
+  u as CANVAS_WHEEL_INTERACTIVE_ATTR,
   p as Card,
-  f as CardContent,
-  C as CardDescription,
+  C as CardContent,
+  f as CardDescription,
   c as CardFooter,
   x as CardHeader,
-  d as CardTitle,
-  h as Checkbox,
-  k as CheckboxGroup,
-  A as CheckboxList,
-  B as CircularProgress,
-  N as CommandPalette,
-  H as ConfirmDialog,
-  M as DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR,
-  U as DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR,
-  E as DataBarChart,
+  T as CardTitle,
+  H as Checkbox,
+  w as CheckboxGroup,
+  U as CheckboxList,
+  M as CircularProgress,
+  Q as CommandPalette,
+  q as ConfirmDialog,
+  D as DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR,
+  h as DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR,
+  k as DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR,
+  A as DataBarChart,
   L as DataPieChart,
-  w as Dialog,
-  J as DirectoryInput,
-  X as DirectoryPicker,
-  Z as Dropdown,
-  or as ErrorBlock,
-  fr as FileSavePicker,
-  cr as FloatingWindow,
-  dr as Form,
-  lr as FormActions,
-  sr as FormControl,
-  Tr as FormDescription,
-  gr as FormDivider,
-  Fr as FormField,
-  Er as FormLabel,
-  Lr as FormMessage,
-  Sr as FormRow,
-  ur as FormSection,
-  er as HighlightBlock,
-  Rr as InfiniteCanvas,
-  tr as InfoBlock,
+  J as Dialog,
+  Y as DirectoryInput,
+  $ as DirectoryPicker,
+  or as Dropdown,
+  ar as ErrorBlock,
+  xr as FileSavePicker,
+  lr as FloatingWindow,
+  Er as Form,
+  dr as FormActions,
+  gr as FormControl,
+  Ar as FormDescription,
+  Lr as FormDivider,
+  Sr as FormField,
+  _r as FormLabel,
+  Fr as FormMessage,
+  Ir as FormRow,
+  Rr as FormSection,
+  ir as HighlightBlock,
+  hr as InfiniteCanvas,
+  nr as InfoBlock,
   t as Input,
   l as Interactive3DCard,
-  y as LOCAL_INTERACTION_SURFACE_ATTR,
+  B as LOCAL_INTERACTION_SURFACE_ATTR,
   S as LineChart,
-  b as LinearProgress,
-  kr as MobileKeyboard,
-  u as MonitoringChart,
+  V as LinearProgress,
+  Br as MobileKeyboard,
+  _ as MonitoringChart,
   s as MorphCard,
-  T as NeonCard,
-  ar as NoteBlock,
+  E as NeonCard,
+  mr as NoteBlock,
   a as NumberInput,
-  _r as Pagination,
-  br as ProcessingIndicator,
-  Or as QuoteBlock,
-  Nr as RadioGroup,
-  vr as RadioList,
-  Hr as RadioOption,
-  Gr as SegmentedControl,
-  P as SegmentedProgress,
-  $ as Select,
-  Ur as Stepper,
-  O as StepsProgress,
-  ir as SuccessBlock,
-  Qr as Switch,
-  qr as TabPanel,
-  Jr as Tabs,
-  Xr as Tag,
+  Wr as Pagination,
+  Or as ProcessingIndicator,
+  vr as QuoteBlock,
+  wr as RadioGroup,
+  Ur as RadioList,
+  Gr as RadioOption,
+  Vr as SegmentedControl,
+  y as SegmentedProgress,
+  er as Select,
+  Kr as Stepper,
+  K as StepsProgress,
+  pr as SuccessBlock,
+  qr as Switch,
+  Xr as TabPanel,
+  Yr as Tabs,
+  $r as Tag,
   i as Textarea,
-  mr as TipBlock,
-  Zr as Tooltip,
-  K as WORKBENCH_WIDGET_SHELL_ATTR,
-  nr as WarningBlock,
-  yr as Wizard,
-  z as isLocalInteractionSurfaceTarget,
-  Q as resolveSurfaceInteractionTargetRole,
-  j as resolveWorkbenchWidgetEventOwnership,
-  Ir as useFormSubmitting,
-  Kr as useWizard
+  Cr as TipBlock,
+  oo as Tooltip,
+  N as WORKBENCH_WIDGET_SHELL_ATTR,
+  fr as WarningBlock,
+  zr as Wizard,
+  W as isLocalInteractionSurfaceTarget,
+  b as resolveSurfaceInteractionTargetRole,
+  O as resolveSurfaceWheelRouting,
+  P as resolveWorkbenchWidgetEventOwnership,
+  ur as useFormSubmitting,
+  Qr as useWizard
 };

package/dist/utils/gridCollision.d.ts

@@ -7,6 +7,7 @@ export interface GridPosition {
     colSpan: number;
     rowSpan: number;
 }
+export declare function sameGridPosition(a: GridPosition, b: GridPosition): boolean;
 /**
  * Check if two grid positions overlap using AABB collision detection
  */

package/dist/utils/gridCollision.js

@@ -1,30 +1,34 @@
-function e(o, n) {
+function s(o, n) {
+  return o.col === n.col && o.row === n.row && o.colSpan === n.colSpan && o.rowSpan === n.rowSpan;
+}
+function w(o, n) {
   return !(o.col + o.colSpan <= n.col || o.col >= n.col + n.colSpan || o.row + o.rowSpan <= n.row || o.row >= n.row + n.rowSpan);
 }
-function f(o, n, c) {
-  return n.some((i) => c && i.id === c ? !1 : e(o, i.position));
+function e(o, n, c) {
+  return n.some((i) => c && i.id === c ? !1 : w(o, i.position));
 }
-function s(o, n, c, i = 24) {
+function f(o, n, c, i = 24) {
   for (let r = 0; r < 100; r++)
     for (let t = 0; t <= i - n; t++) {
-      const l = { col: t, row: r, colSpan: n, rowSpan: c };
-      if (!f(l, o))
-        return l;
+      const a = { col: t, row: r, colSpan: n, rowSpan: c };
+      if (!e(a, o))
+        return a;
     }
-  let a = 0;
+  let l = 0;
   for (const r of o) {
     const t = r.position.row + r.position.rowSpan;
-    t > a && (a = t);
+    t > l && (l = t);
   }
-  return { col: 0, row: a, colSpan: n, rowSpan: c };
+  return { col: 0, row: l, colSpan: n, rowSpan: c };
 }
-function w(o, n = 4, c = 4, i = 24) {
-  const a = Math.max(0, Math.min(i - 1, o.col)), r = Math.max(0, o.row), t = Math.max(n, Math.min(i - a, o.colSpan)), l = Math.max(c, o.rowSpan);
-  return { col: a, row: r, colSpan: t, rowSpan: l };
+function u(o, n = 4, c = 4, i = 24) {
+  const l = Math.max(0, Math.min(i - 1, o.col)), r = Math.max(0, o.row), t = Math.max(n, Math.min(i - l, o.colSpan)), a = Math.max(c, o.rowSpan);
+  return { col: l, row: r, colSpan: t, rowSpan: a };
 }
 export {
-  e as checkCollision,
-  w as constrainPosition,
-  s as findFreePosition,
-  f as hasCollision
+  w as checkCollision,
+  u as constrainPosition,
+  f as findFreePosition,
+  e as hasCollision,
+  s as sameGridPosition
 };

package/dist/workbench.css

@@ -151,6 +151,14 @@
     height: 2600px;
   }
 
+  .workbench-canvas__projected-layer {
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+    overflow: hidden;
+    z-index: 3;
+  }
+
   .workbench-canvas__grid {
     position: absolute;
     inset: 0;
@@ -201,6 +209,14 @@
       border-color 180ms ease;
   }
 
+  .workbench-canvas__projected-layer > .workbench-widget {
+    pointer-events: auto;
+  }
+
+  .workbench-widget.is-projected-surface {
+    zoom: var(--floe-workbench-projected-scale, 1);
+  }
+
   .workbench-widget.is-dragging {
     transition: none;
   }

package/dist/workbench.js

@@ -1,24 +1,27 @@
 import { DEFAULT_WORKBENCH_VIEWPORT as o, WORKBENCH_WIDGET_TYPES as t } from "./components/workbench/types.js";
-import { WIDGET_REGISTRY as n, createWorkbenchFilterState as c, getWidgetEntry as a, isValidWorkbenchWidgetType as b, resolveWorkbenchWidgetDefinitions as h } from "./components/workbench/widgets/widgetRegistry.js";
+import { WIDGET_REGISTRY as W, createWorkbenchFilterState as n, getWidgetEntry as a, isValidWorkbenchWidgetType as b, resolveWorkbenchWidgetDefinitions as h } from "./components/workbench/widgets/widgetRegistry.js";
 import { WorkbenchContextMenu as k } from "./components/workbench/WorkbenchContextMenu.js";
-import { WorkbenchOverlay as p } from "./components/workbench/WorkbenchOverlay.js";
-import { WorkbenchSurface as x } from "./components/workbench/WorkbenchSurface.js";
-import { createDefaultWorkbenchState as m, createWorkbenchId as T, createWorkbenchRenderLayerMap as l, sanitizeWorkbenchState as R } from "./components/workbench/workbenchHelpers.js";
-import { useWorkbenchModel as s } from "./components/workbench/useWorkbenchModel.js";
+import { WorkbenchOverlay as f } from "./components/workbench/WorkbenchOverlay.js";
+import { WorkbenchSurface as E } from "./components/workbench/WorkbenchSurface.js";
+import { createDefaultWorkbenchState as R, createWorkbenchId as l, createWorkbenchProjectedRect as m, createWorkbenchRenderLayerMap as s, createWorkbenchWidgetSurfaceMetrics as S, resolveWorkbenchWidgetRenderMode as T, sanitizeWorkbenchState as g } from "./components/workbench/workbenchHelpers.js";
+import { useWorkbenchModel as D } from "./components/workbench/useWorkbenchModel.js";
 export {
   o as DEFAULT_WORKBENCH_VIEWPORT,
-  n as WIDGET_REGISTRY,
+  W as WIDGET_REGISTRY,
   t as WORKBENCH_WIDGET_TYPES,
   k as WorkbenchContextMenu,
-  p as WorkbenchOverlay,
-  x as WorkbenchSurface,
-  m as createDefaultWorkbenchState,
-  c as createWorkbenchFilterState,
-  T as createWorkbenchId,
-  l as createWorkbenchRenderLayerMap,
+  f as WorkbenchOverlay,
+  E as WorkbenchSurface,
+  R as createDefaultWorkbenchState,
+  n as createWorkbenchFilterState,
+  l as createWorkbenchId,
+  m as createWorkbenchProjectedRect,
+  s as createWorkbenchRenderLayerMap,
+  S as createWorkbenchWidgetSurfaceMetrics,
   a as getWidgetEntry,
   b as isValidWorkbenchWidgetType,
   h as resolveWorkbenchWidgetDefinitions,
-  R as sanitizeWorkbenchState,
-  s as useWorkbenchModel
+  T as resolveWorkbenchWidgetRenderMode,
+  g as sanitizeWorkbenchState,
+  D as useWorkbenchModel
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.36.7",
+  "version": "0.36.9",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",