@synnaxlabs/pluto 0.21.9 → 0.21.10

package/dist/index.js

@@ -16,8 +16,8 @@ import { A, V as VARIANTS$1, o as specZ, v as variantZ, h as usePurePassthrough,
 import { K, O, M, N, U, J as J2 } from "./aggregator-B8fg7W2s.js";
 import { S as Space, P as Pack } from "./Center-BK9Rcaa0.js";
 import { G } from "./Center-BK9Rcaa0.js";
-import { I as Canvas$2, J as canvasStateZ, K as useStore, M as shallow$1, N as cc, A as LinePlot$2, B as linePlotStateZ, O as filterGridEntries, P as Line$5, Q as stateZ, X as XAxis$2, Y as YAxis$2, S as coreAxisStateZ, T as parseAutoBounds, U as withinSizeThreshold, V as Tooltip$3, W as tooltipStateZ, Z as Measure$2, _ as measureStateZ, $ as Rule$2, a0 as ruleStateZ, a1 as Annotation$1, a2 as annotationStateZ, a3 as Provider$7, a4 as providerStateZ, a5 as streamChannelData, a6 as channelData, a7 as ZERO_CONTEXT_VALUE, a8 as Provider$8, a9 as Eraser$1, aa as eraserStateZ, ab as useReactFlow, ac as BaseEdge, ad as Diagram$1, ae as diagramStateZ, af as translateViewportBackward, ag as useOnViewportChange, ah as translateEdgesForward, ai as translateNodesForward, aj as nodeConverter, ak as edgeConverter, al as ReactFlow, am as translateViewportForward, an as ConnectionMode, ao as SelectionMode, ap as ReactFlowProvider, aq as applyNodeChanges, ar as applyEdgeChanges, as as updateEdge, at as addEdge, au as Value$2, av as Controller$1, aw as controllerStateZ, ax as StateProvider$1, ay as stateProviderStateZ, az as Indicator$1, aA as indicatorStateZ, aB as Chip$1, aC as chipStateZ, aD as Legend$2, aE as legendStateZ, aF as Button$6, aG as buttonStateZ, aH as Position, aI as useUpdateNodeInternals, aJ as Handle$1, aK as Toggle$1, aL as toggleStateZ, aM as useInitialViewport, aN as sourcePipelinePropsZ, aO as sinkPipelinePropsZ, aP as streamChannelValuePropsZ, aQ as setChannelValuePropsZ, aR as stringifyNumberProps, aS as rollingAverageProps, aT as sourcePipeline, aU as streamChannelValue, aV as withinBounds, aW as sinkPipeline, aX as setChannelValue, aY as setpoint, aZ as stringifyNumber, a_ as rollingAverage, a$ as authoritySource, b0 as acquireChannelControl, b1 as Provider$a, b2 as providerStateZ$1, b3 as BaseProvider, b4 as providerStateZ$2 } from "./LinePlot-KYwy1D7H.js";
-import { v } from "./LinePlot-KYwy1D7H.js";
+import { I as Canvas$2, J as canvasStateZ, K as useStore, M as shallow$1, N as cc, A as LinePlot$2, B as linePlotStateZ, O as filterGridEntries, P as Line$5, Q as stateZ, X as XAxis$2, Y as YAxis$2, S as coreAxisStateZ, T as parseAutoBounds, U as withinSizeThreshold, V as Tooltip$3, W as tooltipStateZ, Z as Measure$2, _ as measureStateZ, $ as Rule$2, a0 as ruleStateZ, a1 as Annotation$1, a2 as annotationStateZ, a3 as Provider$7, a4 as providerStateZ, a5 as streamChannelData, a6 as channelData, a7 as ZERO_CONTEXT_VALUE, a8 as Provider$8, a9 as Eraser$1, aa as eraserStateZ, ab as useReactFlow, ac as BaseEdge, ad as Diagram$1, ae as diagramStateZ, af as translateViewportBackward, ag as useOnViewportChange, ah as translateEdgesForward, ai as translateNodesForward, aj as nodeConverter, ak as edgeConverter, al as ReactFlow, am as translateViewportForward, an as ConnectionMode, ao as SelectionMode, ap as ReactFlowProvider, aq as applyNodeChanges, ar as applyEdgeChanges, as as updateEdge, at as addEdge, au as Value$2, av as Controller$1, aw as controllerStateZ, ax as StateProvider$1, ay as stateProviderStateZ, az as Indicator$1, aA as indicatorStateZ, aB as Chip$1, aC as chipStateZ, aD as Legend$2, aE as legendStateZ, aF as Button$6, aG as buttonStateZ, aH as Position, aI as useUpdateNodeInternals, aJ as Handle$1, aK as Toggle$1, aL as toggleStateZ, aM as useInitialViewport, aN as sourcePipelinePropsZ, aO as sinkPipelinePropsZ, aP as streamChannelValuePropsZ, aQ as setChannelValuePropsZ, aR as stringifyNumberProps, aS as rollingAverageProps, aT as sourcePipeline, aU as streamChannelValue, aV as withinBounds, aW as sinkPipeline, aX as setChannelValue, aY as setpoint, aZ as stringifyNumber, a_ as rollingAverage, a$ as authoritySource, b0 as acquireChannelControl, b1 as Provider$a, b2 as providerStateZ$1, b3 as BaseProvider, b4 as providerStateZ$2 } from "./LinePlot-BeWCHNq-.js";
+import { v } from "./LinePlot-BeWCHNq-.js";
 import { S as Swatch } from "./external-DNHMAfGi.js";
 import { e as e2 } from "./external-DNHMAfGi.js";
 import { u as useDrag, T as Text$3 } from "./external-BM82B8W2.js";
@@ -1165,6 +1165,7 @@ const Mask = forwardRef(
 );
 Mask.displayName = "ZoomPanMask";
 const TRUNC_PRECISION = 6;
+const CURSOR_TRANSLATION_THRESHOLD = 2;
 const TRIGGER_MODES = ["zoom", "pan", "select", "zoomReset"];
 const MODES = [...TRIGGER_MODES, "click"];
 const MASK_MODES = ["zoom", "select"];
@@ -1222,9 +1223,10 @@ const use$a = ({
   const [maskBox, setMaskBox] = useState(To.ZERO);
   const [maskMode, setMaskMode] = useState(defaultMode);
   const [stateRef, setStateRef] = useStateRef(initial);
+  const prevCursorRef = useRef(q.ZERO);
   const canvasRef = useRef(null);
   const threshold = _$1.construct(threshold_);
-  useEffect(() => setStateRef(() => To.truncate(initial, 3)), [initial]);
+  useEffect(() => setStateRef(() => To.truncate(initial, TRUNC_PRECISION)), [initial]);
   useEffect(() => setMaskMode(defaultMode), [defaultMode]);
   const [triggerConfig, reducedTriggerConfig, purgedTriggers, reducedPurgedTriggers] = useMemoCompare(
     () => {
@@ -1267,7 +1269,7 @@ const use$a = ({
         return setStateRef((prev) => {
           if (mode === "pan") {
             const next3 = handlePan(box_, prev, canvas);
-            if (next3 === null)
+            if (next3 === null || To.equals(next3, prev))
               return prev;
             onChange == null ? void 0 : onChange({ box: next3, mode, stage, cursor });
             return next3;
@@ -1291,15 +1293,11 @@ const use$a = ({
         );
       }
       setMaskBox((prev) => !To.areaIsZero(prev) ? To.ZERO : prev);
-      const next = handlePan(box_, stateRef.current, canvas);
-      if (To.equals(next, stateRef.current))
+      if (q.distance(cursor, prevCursorRef.current) < CURSOR_TRANSLATION_THRESHOLD)
         return;
-      onChange == null ? void 0 : onChange({
-        box: next,
-        mode,
-        stage,
-        cursor
-      });
+      prevCursorRef.current = cursor;
+      const next = handlePan(box_, stateRef.current, canvas);
+      onChange == null ? void 0 : onChange({ box: next, mode, stage, cursor });
     },
     [
       setMaskBox,