@weng-lab/visualization 2.6.0-beta.1 → 2.7.0-beta.0

package/dist/visualization.es55.js

@@ -1,47 +1,151 @@
-import { useState as w, useEffect as O, useMemo as S } from "react";
-import j from "./visualization.es187.js";
-import L from "./visualization.es50.js";
-import M from "./visualization.es52.js";
-import R from "./visualization.es51.js";
-import { jsx as l } from "react/jsx-runtime";
-function k() {
-  let {
-    detectBounds: e = !0,
-    zIndex: n,
-    ...c
-  } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-  const [p, o, i] = j(c), [t, u] = w(!1);
-  O(() => {
-    u(!1);
-  }, []);
-  const d = S(() => function(f) {
-    let {
-      left: a = 0,
-      top: m = 0,
-      detectBounds: r,
-      // allow override at component-level
-      zIndex: s,
-      // allow override at the component-level
-      ...I
-    } = f;
-    const x = r ?? e, B = s ?? n, T = x ? R : M, z = t ? 0 : window.scrollX, P = t ? 0 : window.scrollY, g = a + (o.left || 0) + z, h = m + (o.top || 0) + P;
-    return /* @__PURE__ */ l(L, {
-      zIndex: B,
-      children: /* @__PURE__ */ l(T, {
-        left: g,
-        top: h,
-        ...I
-      })
+import { jsx as E, jsxs as ft } from "react/jsx-runtime";
+import { c as St } from "react/compiler-runtime";
+import { useRef as ot, useEffect as xt } from "react";
+import { pointKey as Mt } from "./visualization.es23.js";
+import { CROSSHAIR_STROKE as ut, CROSSHAIR_DASH as Rt, CROSSHAIR_STROKE_WIDTH as bt } from "./visualization.es126.js";
+import { useStableCallback as At } from "./visualization.es26.js";
+const i = 0.25, ht = bt / i, mt = Rt.map((J) => J / i).join(","), Ct = (J) => {
+  const t = St(78), {
+    miniMap: H,
+    width: pt,
+    height: dt,
+    pointData: D,
+    xScale: O,
+    yScale: w,
+    zoom: n,
+    crosshair: W,
+    dimStyle: K,
+    spotlitKeys: F
+  } = J, f = W ? O(W.x) : null, u = W ? w(W.y) : null, o = pt - 100, l = dt - 100, a = ot(null), _ = ot(null), Q = ot(null);
+  let j;
+  t[0] !== n ? (j = () => {
+    const e = Q.current, r = _.current;
+    Q.current = null, !(!e || !r) && n.setTransformMatrix({
+      ...n.transformMatrix,
+      translateX: r.translateX - (e.x - r.x) / i * n.transformMatrix.scaleX,
+      translateY: r.translateY - (e.y - r.y) / i * n.transformMatrix.scaleY
     });
-  }, [e, n, o.left, o.top, t]);
-  return {
-    containerRef: p,
-    containerBounds: o,
-    forceRefreshBounds: i,
-    TooltipInPortal: d
-  };
-}
+  }, t[0] = n, t[1] = j) : j = t[1];
+  const h = At(j);
+  let N;
+  t[2] !== n.transformMatrix.translateX || t[3] !== n.transformMatrix.translateY ? (N = (e, r) => {
+    _.current = {
+      x: e,
+      y: r,
+      translateX: n.transformMatrix.translateX,
+      translateY: n.transformMatrix.translateY
+    };
+  }, t[2] = n.transformMatrix.translateX, t[3] = n.transformMatrix.translateY, t[4] = N) : N = t[4];
+  const m = N;
+  let L;
+  t[5] !== h ? (L = (e, r) => {
+    _.current && (Q.current = {
+      x: e,
+      y: r
+    }, a.current === null && (a.current = requestAnimationFrame(() => {
+      a.current = null, h();
+    })));
+  }, t[5] = h, t[6] = L) : L = t[6];
+  const p = L;
+  let $;
+  t[7] !== h || t[8] !== n ? ($ = () => {
+    a.current !== null && (cancelAnimationFrame(a.current), a.current = null), h(), _.current = null, n.dragEnd();
+  }, t[7] = h, t[8] = n, t[9] = $) : $ = t[9];
+  const c = $;
+  let q, z;
+  t[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (q = () => () => {
+    a.current !== null && cancelAnimationFrame(a.current);
+  }, z = [], t[10] = q, t[11] = z) : (q = t[10], z = t[11]), xt(q, z);
+  const V = H.position ? H.position.bottom : 10, Z = H.position ? H.position.right : 10;
+  let d;
+  t[12] !== V || t[13] !== Z ? (d = {
+    position: "absolute",
+    bottom: V,
+    right: Z
+  }, t[12] = V, t[13] = Z, t[14] = d) : d = t[14];
+  const v = o * i, tt = l * i;
+  let y;
+  t[15] !== K || t[16] !== l || t[17] !== o || t[18] !== D || t[19] !== F || t[20] !== O || t[21] !== w ? (y = (e) => {
+    if (e) {
+      const r = e.getContext("2d"), lt = o * i, it = l * i;
+      if (r) {
+        r.clearRect(0, 0, e.width, e.height), r.fillStyle = "white", r.fillRect(0, 0, lt, it), r.strokeStyle = "grey", r.lineWidth = 4, r.strokeRect(0, 0, lt, it);
+        const st = (s) => s.dimmed || F !== null && !F.has(Mt(s)), at = (s, ct) => {
+          const yt = O(s.x) * i, gt = w(s.y) * i;
+          r.beginPath(), r.arc(yt, gt, 3 * i, 0, Math.PI * 2), r.fillStyle = ct ? K.color : s.color ?? "black", r.globalAlpha = ct ? K.opacity : 1, r.fill();
+        };
+        D.filter(st).forEach((s) => at(s, !0)), D.filter((s) => !st(s)).forEach((s) => at(s, !1)), r.globalAlpha = 1;
+      }
+    }
+  }, t[15] = K, t[16] = l, t[17] = o, t[18] = D, t[19] = F, t[20] = O, t[21] = w, t[22] = y) : y = t[22];
+  let U;
+  t[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (U = {
+    display: "block"
+  }, t[23] = U) : U = t[23];
+  let g;
+  t[24] !== v || t[25] !== tt || t[26] !== y ? (g = /* @__PURE__ */ E("canvas", { width: v, height: tt, ref: y, style: U }), t[24] = v, t[25] = tt, t[26] = y, t[27] = g) : g = t[27];
+  const et = o * i, rt = l * i;
+  let B;
+  t[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = {
+    position: "absolute",
+    top: 0,
+    left: 0
+  }, t[28] = B) : B = t[28];
+  let S;
+  t[29] !== n ? (S = n.toStringInvert(), t[29] = n, t[30] = S) : S = t[30];
+  const nt = n.isDragging ? "grabbing" : "grab";
+  let x;
+  t[31] !== nt ? (x = {
+    cursor: nt,
+    touchAction: "none"
+  }, t[31] = nt, t[32] = x) : x = t[32];
+  let M;
+  t[33] !== m || t[34] !== n ? (M = (e) => {
+    e.pointerType !== "touch" && (e.currentTarget.setPointerCapture(e.pointerId), m(e.clientX, e.clientY), n.dragStart(e));
+  }, t[33] = m, t[34] = n, t[35] = M) : M = t[35];
+  let R;
+  t[36] !== p ? (R = (e) => {
+    e.pointerType !== "touch" && p(e.clientX, e.clientY);
+  }, t[36] = p, t[37] = R) : R = t[37];
+  let b, A;
+  t[38] !== c ? (b = (e) => {
+    e.pointerType !== "touch" && c();
+  }, A = (e) => {
+    e.pointerType !== "touch" && _.current && c();
+  }, t[38] = c, t[39] = b, t[40] = A) : (b = t[39], A = t[40]);
+  let I;
+  t[41] !== m || t[42] !== n ? (I = (e) => {
+    const r = e.touches[0];
+    r && m(r.clientX, r.clientY), n.dragStart(e);
+  }, t[41] = m, t[42] = n, t[43] = I) : I = t[43];
+  let T;
+  t[44] !== p ? (T = (e) => {
+    if (e.touches.length !== 1)
+      return;
+    const r = e.touches[0];
+    p(r.clientX, r.clientY);
+  }, t[44] = p, t[45] = T) : T = t[45];
+  let P;
+  t[46] !== c || t[47] !== l || t[48] !== o || t[49] !== S || t[50] !== x || t[51] !== M || t[52] !== R || t[53] !== b || t[54] !== A || t[55] !== I || t[56] !== T ? (P = /* @__PURE__ */ E("rect", { width: o, height: l, fill: "#0d0f98", fillOpacity: 0.2, stroke: "#0d0f98", strokeWidth: 4, rx: 8, transform: S, style: x, onPointerDown: M, onPointerMove: R, onPointerUp: b, onLostPointerCapture: A, onTouchStart: I, onTouchEnd: c, onTouchCancel: c, onTouchMove: T }), t[46] = c, t[47] = l, t[48] = o, t[49] = S, t[50] = x, t[51] = M, t[52] = R, t[53] = b, t[54] = A, t[55] = I, t[56] = T, t[57] = P) : P = t[57];
+  let k;
+  t[58] !== u || t[59] !== l || t[60] !== o ? (k = u !== null && u >= 0 && u <= l && /* @__PURE__ */ E("line", { x1: 0, x2: o, y1: u, y2: u, stroke: ut, strokeWidth: ht, strokeDasharray: mt, pointerEvents: "none" }), t[58] = u, t[59] = l, t[60] = o, t[61] = k) : k = t[61];
+  let X;
+  t[62] !== f || t[63] !== l || t[64] !== o ? (X = f !== null && f >= 0 && f <= o && /* @__PURE__ */ E("line", { x1: f, x2: f, y1: 0, y2: l, stroke: ut, strokeWidth: ht, strokeDasharray: mt, pointerEvents: "none" }), t[62] = f, t[63] = l, t[64] = o, t[65] = X) : X = t[65];
+  let Y;
+  t[66] !== P || t[67] !== k || t[68] !== X ? (Y = /* @__PURE__ */ ft("g", { transform: `scale(${i})`, children: [
+    P,
+    k,
+    X
+  ] }), t[66] = P, t[67] = k, t[68] = X, t[69] = Y) : Y = t[69];
+  let C;
+  t[70] !== et || t[71] !== rt || t[72] !== Y ? (C = /* @__PURE__ */ E("svg", { width: et, height: rt, style: B, children: Y }), t[70] = et, t[71] = rt, t[72] = Y, t[73] = C) : C = t[73];
+  let G;
+  return t[74] !== g || t[75] !== C || t[76] !== d ? (G = /* @__PURE__ */ ft("div", { style: d, children: [
+    g,
+    C
+  ] }), t[74] = g, t[75] = C, t[76] = d, t[77] = G) : G = t[77], G;
+};
 export {
-  k as default
+  Ct as default
 };
 //# sourceMappingURL=visualization.es55.js.map

package/dist/visualization.es55.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es55.js","sources":["../../../node_modules/.pnpm/@visx+tooltip@4.0.0_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react@19.2.14__1992a6888b9348459183e160bdb98c40/node_modules/@visx/tooltip/esm/hooks/useTooltipInPortal.js"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport useMeasure from 'react-use-measure';\nimport Portal from \"../Portal.js\";\nimport Tooltip from \"../tooltips/Tooltip.js\";\nimport TooltipWithBounds from \"../tooltips/TooltipWithBounds.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * Hook that handles rendering of a Tooltip or TooltipWithBounds in a Portal.\n * Handles conversion of container coordinates to page coordinates using the container bounds.\n */\nexport default function useTooltipInPortal() {\n  let {\n    detectBounds: detectBoundsOption = true,\n    zIndex: zIndexOption,\n    ...useMeasureOptions\n  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const [containerRef, containerBounds, forceRefreshBounds] = useMeasure(useMeasureOptions);\n  const [isSsr, setIsSsr] = useState(false);\n  useEffect(() => {\n    setIsSsr(false);\n  }, []);\n  const TooltipInPortal = useMemo(() => function (_ref) {\n    let {\n      left: containerLeft = 0,\n      top: containerTop = 0,\n      detectBounds: detectBoundsProp,\n      // allow override at component-level\n      zIndex: zIndexProp,\n      // allow override at the component-level\n      ...tooltipProps\n    } = _ref;\n    const detectBounds = detectBoundsProp == null ? detectBoundsOption : detectBoundsProp;\n    const zIndex = zIndexProp == null ? zIndexOption : zIndexProp;\n    const TooltipComponent = detectBounds ? TooltipWithBounds : Tooltip;\n    // convert container coordinates to page coordinates\n    const scrollX = isSsr ? 0 : window.scrollX;\n    const scrollY = isSsr ? 0 : window.scrollY;\n    const portalLeft = containerLeft + (containerBounds.left || 0) + scrollX;\n    const portalTop = containerTop + (containerBounds.top || 0) + scrollY;\n    return /*#__PURE__*/_jsx(Portal, {\n      zIndex: zIndex,\n      children: /*#__PURE__*/_jsx(TooltipComponent, {\n        left: portalLeft,\n        top: portalTop,\n        ...tooltipProps\n      })\n    });\n  }, [detectBoundsOption, zIndexOption, containerBounds.left, containerBounds.top, isSsr]);\n  return {\n    containerRef,\n    containerBounds,\n    forceRefreshBounds,\n    TooltipInPortal\n  };\n}"],"names":["useTooltipInPortal","detectBoundsOption","zIndexOption","useMeasureOptions","containerRef","containerBounds","forceRefreshBounds","useMeasure","isSsr","setIsSsr","useState","useEffect","TooltipInPortal","useMemo","_ref","containerLeft","containerTop","detectBoundsProp","zIndexProp","tooltipProps","detectBounds","zIndex","TooltipComponent","TooltipWithBounds","Tooltip","scrollX","scrollY","portalLeft","portalTop","_jsx","Portal"],"mappings":";;;;;;AAUe,SAASA,IAAqB;AAC3C,MAAI;AAAA,IACF,cAAcC,IAAqB;AAAA,IACnC,QAAQC;AAAA,IACR,GAAGC;AAAA,EACP,IAAM,UAAU,SAAS,KAAK,UAAU,CAAC,MAAM,SAAY,UAAU,CAAC,IAAI,CAAA;AACxE,QAAM,CAACC,GAAcC,GAAiBC,CAAkB,IAAIC,EAAWJ,CAAiB,GAClF,CAACK,GAAOC,CAAQ,IAAIC,EAAS,EAAK;AACxC,EAAAC,EAAU,MAAM;AACd,IAAAF,EAAS,EAAK;AAAA,EAChB,GAAG,CAAA,CAAE;AACL,QAAMG,IAAkBC,EAAQ,MAAM,SAAUC,GAAM;AACpD,QAAI;AAAA,MACF,MAAMC,IAAgB;AAAA,MACtB,KAAKC,IAAe;AAAA,MACpB,cAAcC;AAAA;AAAA,MAEd,QAAQC;AAAA;AAAA,MAER,GAAGC;AAAA,IACT,IAAQL;AACJ,UAAMM,IAAeH,KAA2BhB,GAC1CoB,IAASH,KAAqBhB,GAC9BoB,IAAmBF,IAAeG,IAAoBC,GAEtDC,IAAUjB,IAAQ,IAAI,OAAO,SAC7BkB,IAAUlB,IAAQ,IAAI,OAAO,SAC7BmB,IAAaZ,KAAiBV,EAAgB,QAAQ,KAAKoB,GAC3DG,IAAYZ,KAAgBX,EAAgB,OAAO,KAAKqB;AAC9D,WAAoBG,gBAAAA,EAAKC,GAAQ;AAAA,MAC/B,QAAQT;AAAA,MACR,UAAuBQ,gBAAAA,EAAKP,GAAkB;AAAA,QAC5C,MAAMK;AAAA,QACN,KAAKC;AAAA,QACL,GAAGT;AAAA,MACX,CAAO;AAAA,IACP,CAAK;AAAA,EACH,GAAG,CAAClB,GAAoBC,GAAcG,EAAgB,MAAMA,EAAgB,KAAKG,CAAK,CAAC;AACvF,SAAO;AAAA,IACL,cAAAJ;AAAA,IACA,iBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,iBAAAM;AAAA,EACJ;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es55.js","sources":["../src/components/ScatterPlot/minimap.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { MapProps, Point } from \"./types\";\nimport { pointKey } from \"./helpers\";\nimport { CROSSHAIR_DASH, CROSSHAIR_STROKE, CROSSHAIR_STROKE_WIDTH } from \"./Crosshair\";\nimport { useStableCallback } from \"../../hooks\";\n\nconst MINIMAP_SCALE_FACTOR = 0.25;\n// The crosshair is drawn inside the scaled group, so its stroke and dashes shrink with it.\n// Scale them back up so it renders identically to the crosshair on the plot itself.\nconst MINIMAP_CROSSHAIR_STROKE_WIDTH = CROSSHAIR_STROKE_WIDTH / MINIMAP_SCALE_FACTOR;\nconst MINIMAP_CROSSHAIR_DASH = CROSSHAIR_DASH.map((dash) => dash / MINIMAP_SCALE_FACTOR).join(\",\");\n\nconst MiniMap = <T,>({\n    miniMap,\n    width,\n    height,\n    pointData,\n    xScale,\n    yScale,\n    zoom,\n    crosshair,\n    dimStyle,\n    spotlitKeys,\n}: MapProps<T>) => {\n    // The minimap frame is the whole plot area untransformed, so a data coordinate maps onto it\n    // through the base scales - no need to undo the current zoom.\n    const crosshairX = crosshair ? xScale(crosshair.x) : null;\n    const crosshairY = crosshair ? yScale(crosshair.y) : null;\n    const frameWidth = width - 100;\n    const frameHeight = height - 100;\n\n    /**\n     * Dragging the window is coalesced to one zoom update per animation frame.\n     *\n     * This handler sets the transform matrix directly rather than going through zoom.dragMove,\n     * so it needs its own coalescing: without it a mouse reporting faster than the browser\n     * paints updates a zoom shared by every synced plot on each move, and React eventually\n     * warns that the update depth was exceeded.\n     *\n     * Each frame places the window by the pointer's distance from where it was grabbed, so it\n     * stays under the pointer, and only the latest position matters. Adding up each move's\n     * movementX instead drifted: its units follow the screen rather than the page, so under\n     * browser zoom the window ran ahead of or behind the pointer, and each step was added to a\n     * pan that could still be a render behind.\n     */\n    const frameRef = useRef<number | null>(null);\n    const grabRef = useRef<{ x: number; y: number; translateX: number; translateY: number } | null>(null);\n    const pendingRef = useRef<{ x: number; y: number } | null>(null);\n\n    const flushPan = useStableCallback(() => {\n        const pending = pendingRef.current;\n        const grab = grabRef.current;\n        pendingRef.current = null;\n        if (!pending || !grab) return;\n\n        zoom.setTransformMatrix({\n            ...zoom.transformMatrix,\n            translateX: grab.translateX - (pending.x - grab.x) / MINIMAP_SCALE_FACTOR * zoom.transformMatrix.scaleX,\n            translateY: grab.translateY - (pending.y - grab.y) / MINIMAP_SCALE_FACTOR * zoom.transformMatrix.scaleY,\n        });\n    });\n\n    const startPan = (x: number, y: number) => {\n        grabRef.current = { x, y, translateX: zoom.transformMatrix.translateX, translateY: zoom.transformMatrix.translateY };\n    };\n\n    const movePan = (x: number, y: number) => {\n        if (!grabRef.current) return;\n        pendingRef.current = { x, y };\n        if (frameRef.current !== null) return;\n        frameRef.current = requestAnimationFrame(() => {\n            frameRef.current = null;\n            flushPan();\n        });\n    };\n\n    // Apply whatever is still queued before the gesture closes, so the window lands where the\n    // pointer left it rather than a frame behind.\n    const endPan = () => {\n        if (frameRef.current !== null) {\n            cancelAnimationFrame(frameRef.current);\n            frameRef.current = null;\n        }\n        flushPan();\n        grabRef.current = null;\n        zoom.dragEnd();\n    };\n\n    useEffect(() => () => {\n        if (frameRef.current !== null) cancelAnimationFrame(frameRef.current);\n    }, []);\n\n    return (\n        <div\n            style={{\n                position: 'absolute',\n                bottom: miniMap.position ? miniMap.position.bottom : 10,\n                right: miniMap.position ? miniMap.position.right : 10,\n            }}\n        >\n            {/* Canvas for rendering points on minimap */}\n            <canvas\n                width={frameWidth * MINIMAP_SCALE_FACTOR}\n                height={frameHeight * MINIMAP_SCALE_FACTOR}\n                ref={(canvas) => {\n                    if (canvas) {\n                        const context = canvas.getContext('2d');\n                        const scaleFactor = MINIMAP_SCALE_FACTOR;\n                        const scaledWidth = frameWidth * scaleFactor;\n                        const scaledHeight = frameHeight * scaleFactor;\n                        if (context) {\n                            // Clear canvas\n                            context.clearRect(0, 0, canvas.width, canvas.height);\n\n                            // Draw background and outline\n                            context.fillStyle = 'white';\n                            context.fillRect(0, 0, scaledWidth, scaledHeight);\n                            context.strokeStyle = 'grey';\n                            context.lineWidth = 4;\n                            context.strokeRect(0, 0, scaledWidth, scaledHeight);\n\n                            // Draw points, the dimmed ones first so they sit beneath the rest\n                            const isDimmed = (point: Point<T>) =>\n                                point.dimmed || (spotlitKeys !== null && !spotlitKeys.has(pointKey(point)));\n                            const drawPoint = (point: Point<T>, dim: boolean) => {\n                                const transformedX = xScale(point.x) * scaleFactor;\n                                const transformedY = yScale(point.y) * scaleFactor;\n                                context.beginPath();\n                                context.arc(transformedX, transformedY, 3 * scaleFactor, 0, Math.PI * 2);\n                                context.fillStyle = dim ? dimStyle.color : point.color ?? \"black\";\n                                context.globalAlpha = dim ? dimStyle.opacity : 1;\n                                context.fill();\n                            };\n                            pointData.filter(isDimmed).forEach((point) => drawPoint(point, true));\n                            pointData.filter((point) => !isDimmed(point)).forEach((point) => drawPoint(point, false));\n                            context.globalAlpha = 1;\n                        }\n                    }\n                }}\n                style={{ display: 'block' }}\n            />\n\n            {/* SVG for rendering the zoom window */}\n            <svg\n                width={frameWidth * MINIMAP_SCALE_FACTOR}\n                height={frameHeight * MINIMAP_SCALE_FACTOR}\n                style={{ position: 'absolute', top: 0, left: 0 }}\n            >\n                <g transform={`scale(${MINIMAP_SCALE_FACTOR})`}>\n                    <rect\n                        width={frameWidth}\n                        height={frameHeight}\n                        fill=\"#0d0f98\"\n                        fillOpacity={0.2}\n                        stroke=\"#0d0f98\"\n                        strokeWidth={4}\n                        rx={8}\n                        transform={zoom.toStringInvert()}\n                        //drag functionality for window, must invert zoom and take the scale into account\n                        style={{ cursor: zoom.isDragging ? \"grabbing\" : \"grab\", touchAction: \"none\" }}\n                        // A mouse or pen drags through pointer events, captured so a quick move\n                        // off the window doesn't drop it. Touch keeps its own handlers below.\n                        onPointerDown={(event) => {\n                            if (event.pointerType === \"touch\") return;\n                            event.currentTarget.setPointerCapture(event.pointerId);\n                            startPan(event.clientX, event.clientY);\n                            zoom.dragStart(event);\n                        }}\n                        onPointerMove={(event) => {\n                            if (event.pointerType !== \"touch\") movePan(event.clientX, event.clientY);\n                        }}\n                        onPointerUp={(event) => {\n                            if (event.pointerType !== \"touch\") endPan();\n                        }}\n                        onLostPointerCapture={(event) => {\n                            if (event.pointerType !== \"touch\" && grabRef.current) endPan();\n                        }}\n                        onTouchStart={(event) => {\n                            const touch = event.touches[0];\n                            if (touch) startPan(touch.clientX, touch.clientY);\n                            zoom.dragStart(event);\n                        }}\n                        onTouchEnd={endPan}\n                        onTouchCancel={endPan}\n                        onTouchMove={(event) => {\n                            // Only a single finger pans; a second one is a pinch, which belongs\n                            // to the plot's own zoom rather than to this window.\n                            if (event.touches.length !== 1) return;\n                            const touch = event.touches[0];\n                            movePan(touch.clientX, touch.clientY);\n                        }}\n                    />\n                    {crosshairY !== null && crosshairY >= 0 && crosshairY <= frameHeight && (\n                        <line\n                            x1={0}\n                            x2={frameWidth}\n                            y1={crosshairY}\n                            y2={crosshairY}\n                            stroke={CROSSHAIR_STROKE}\n                            strokeWidth={MINIMAP_CROSSHAIR_STROKE_WIDTH}\n                            strokeDasharray={MINIMAP_CROSSHAIR_DASH}\n                            pointerEvents=\"none\"\n                        />\n                    )}\n                    {crosshairX !== null && crosshairX >= 0 && crosshairX <= frameWidth && (\n                        <line\n                            x1={crosshairX}\n                            x2={crosshairX}\n                            y1={0}\n                            y2={frameHeight}\n                            stroke={CROSSHAIR_STROKE}\n                            strokeWidth={MINIMAP_CROSSHAIR_STROKE_WIDTH}\n                            strokeDasharray={MINIMAP_CROSSHAIR_DASH}\n                            pointerEvents=\"none\"\n                        />\n                    )}\n                </g>\n            </svg>\n        </div>\n    );\n};\n\nexport default MiniMap;"],"names":["MINIMAP_SCALE_FACTOR","MINIMAP_CROSSHAIR_STROKE_WIDTH","CROSSHAIR_STROKE_WIDTH","MINIMAP_CROSSHAIR_DASH","CROSSHAIR_DASH","map","dash","join","MiniMap","t0","$","_c","miniMap","width","height","pointData","xScale","yScale","zoom","crosshair","dimStyle","spotlitKeys","crosshairX","x","crosshairY","y","frameWidth","frameHeight","frameRef","useRef","grabRef","pendingRef","t1","pending","current","grab","setTransformMatrix","transformMatrix","translateX","scaleX","translateY","scaleY","flushPan","useStableCallback","t2","startPan","t3","x_0","y_0","requestAnimationFrame","movePan","t4","cancelAnimationFrame","dragEnd","endPan","t5","t6","Symbol","for","useEffect","t7","position","bottom","t8","right","t9","t10","t11","t12","canvas","context","getContext","scaledWidth","scaledHeight","clearRect","fillStyle","fillRect","strokeStyle","lineWidth","strokeRect","isDimmed","point","dimmed","has","pointKey","drawPoint","point_0","dim","transformedX","transformedY","beginPath","arc","Math","PI","color","globalAlpha","opacity","fill","filter","forEach","point_1","point_2","point_3","t13","display","t14","jsx","t15","t16","t17","top","left","t18","toStringInvert","t19","isDragging","t20","cursor","touchAction","t21","event","pointerType","currentTarget","setPointerCapture","pointerId","clientX","clientY","dragStart","t22","event_0","t23","t24","event_1","event_2","t25","event_3","touch","touches","t26","event_4","length","touch_0","t27","t28","CROSSHAIR_STROKE","t29","t30","t31","t32","jsxs"],"mappings":"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"}

package/dist/visualization.es550.js

@@ -1,8 +1,11 @@
-import { complex as e } from "./visualization.es397.js";
-const n = (r, t) => t === "zIndex" ? !1 : !!(typeof r == "number" || Array.isArray(r) || typeof r == "string" && // It's animatable if we have a string
-(e.test(r) || r === "0") && // And it contains numbers and/or colors
-!r.startsWith("url("));
+import { makeUseVisualState as e } from "./visualization.es165.js";
+import { createSvgRenderState as r } from "./visualization.es610.js";
+import { scrapeMotionValuesFromProps as t } from "./visualization.es437.js";
+const m = /* @__PURE__ */ e({
+  scrapeMotionValuesFromProps: t,
+  createRenderState: r
+});
 export {
-  n as isAnimatable
+  m as useSVGVisualState
 };
 //# sourceMappingURL=visualization.es550.js.map

package/dist/visualization.es550.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es550.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/is-animatable.mjs"],"sourcesContent":["import { complex } from '../../value/types/complex/index.mjs';\n\n/**\n * Check if a value is animatable. Examples:\n *\n * ✅: 100, \"100px\", \"#fff\"\n * ❌: \"block\", \"url(2.jpg)\"\n * @param value\n *\n * @internal\n */\nconst isAnimatable = (value, name) => {\n    // If the list of keys that might be non-animatable grows, replace with Set\n    if (name === \"zIndex\")\n        return false;\n    // If it's a number or a keyframes array, we can animate it. We might at some point\n    // need to do a deep isAnimatable check of keyframes, or let Popmotion handle this,\n    // but for now lets leave it like this for performance reasons\n    if (typeof value === \"number\" || Array.isArray(value))\n        return true;\n    if (typeof value === \"string\" && // It's animatable if we have a string\n        (complex.test(value) || value === \"0\") && // And it contains numbers and/or colors\n        !value.startsWith(\"url(\") // Unless it starts with \"url(\"\n    ) {\n        return true;\n    }\n    return false;\n};\n\nexport { isAnimatable };\n//# sourceMappingURL=is-animatable.mjs.map\n"],"names":["isAnimatable","value","name","complex"],"mappings":";AAWK,MAACA,IAAe,CAACC,GAAOC,MAErBA,MAAS,WACF,KAIP,UAAOD,KAAU,YAAY,MAAM,QAAQA,CAAK,KAEhD,OAAOA,KAAU;AAAA,CAChBE,EAAQ,KAAKF,CAAK,KAAKA,MAAU;AAClC,CAACA,EAAM,WAAW,MAAM;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es550.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/svg/use-svg-visual-state.mjs"],"sourcesContent":["\"use client\";\nimport { scrapeSVGMotionValuesFromProps } from 'motion-dom';\nimport { makeUseVisualState } from '../../motion/utils/use-visual-state.mjs';\nimport { createSvgRenderState } from './utils/create-render-state.mjs';\n\nconst useSVGVisualState = /*@__PURE__*/ makeUseVisualState({\n    scrapeMotionValuesFromProps: scrapeSVGMotionValuesFromProps,\n    createRenderState: createSvgRenderState,\n});\n\nexport { useSVGVisualState };\n//# sourceMappingURL=use-svg-visual-state.mjs.map\n"],"names":["useSVGVisualState","makeUseVisualState","scrapeSVGMotionValuesFromProps","createSvgRenderState"],"mappings":";;;AAKK,MAACA,IAAkC,gBAAAC,EAAmB;AAAA,EACvD,6BAA6BC;AAAAA,EAC7B,mBAAmBC;AACvB,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es551.js

@@ -1,7 +1,23 @@
-function n(l) {
-  return l == null;
+import { useRef as c, useInsertionEffect as l, useCallback as i } from "react";
+function s(p, u, e) {
+  const t = c(e);
+  l(() => {
+    t.current = e;
+  });
+  const f = c(null);
+  return i((r) => {
+    r && p.onMount?.(r);
+    const o = t.current;
+    if (typeof o == "function")
+      if (r) {
+        const n = o(r);
+        typeof n == "function" && (f.current = n);
+      } else f.current ? (f.current(), f.current = null) : o(r);
+    else o && (o.current = r);
+    u && (r ? u.mount(r) : u.unmount());
+  }, [u]);
 }
 export {
-  n as isNullish
+  s as useMotionRef
 };
 //# sourceMappingURL=visualization.es551.js.map

package/dist/visualization.es551.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es551.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/utils/is-nullish.mjs"],"sourcesContent":["function isNullish(v) {\n    return v == null;\n}\n\nexport { isNullish };\n//# sourceMappingURL=is-nullish.mjs.map\n"],"names":["isNullish","v"],"mappings":"AAAA,SAASA,EAAUC,GAAG;AAClB,SAAOA,KAAK;AAChB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es551.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/motion/utils/use-motion-ref.mjs"],"sourcesContent":["\"use client\";\nimport { useRef, useInsertionEffect, useCallback } from 'react';\n\n/**\n * Creates a ref function that, when called, hydrates the provided\n * external ref and VisualElement.\n */\nfunction useMotionRef(visualState, visualElement, externalRef) {\n    /**\n     * Store externalRef in a ref to avoid including it in the useCallback\n     * dependency array. Including externalRef in dependencies causes issues\n     * with libraries like Radix UI that create new callback refs on each render\n     * when using asChild - this would cause the callback to be recreated,\n     * triggering element remounts and breaking AnimatePresence exit animations.\n     */\n    const externalRefContainer = useRef(externalRef);\n    useInsertionEffect(() => {\n        externalRefContainer.current = externalRef;\n    });\n    // Store cleanup function returned by callback refs (React 19 feature)\n    const refCleanup = useRef(null);\n    return useCallback((instance) => {\n        if (instance) {\n            visualState.onMount?.(instance);\n        }\n        const ref = externalRefContainer.current;\n        if (typeof ref === \"function\") {\n            if (instance) {\n                const cleanup = ref(instance);\n                if (typeof cleanup === \"function\") {\n                    refCleanup.current = cleanup;\n                }\n            }\n            else if (refCleanup.current) {\n                refCleanup.current();\n                refCleanup.current = null;\n            }\n            else {\n                ref(instance);\n            }\n        }\n        else if (ref) {\n            ref.current = instance;\n        }\n        if (visualElement) {\n            instance ? visualElement.mount(instance) : visualElement.unmount();\n        }\n    }, [visualElement]);\n}\n\nexport { useMotionRef };\n//# sourceMappingURL=use-motion-ref.mjs.map\n"],"names":["useMotionRef","visualState","visualElement","externalRef","externalRefContainer","useRef","useInsertionEffect","refCleanup","useCallback","instance","ref","cleanup"],"mappings":";AAOA,SAASA,EAAaC,GAAaC,GAAeC,GAAa;AAQ3D,QAAMC,IAAuBC,EAAOF,CAAW;AAC/C,EAAAG,EAAmB,MAAM;AACrB,IAAAF,EAAqB,UAAUD;AAAA,EACnC,CAAC;AAED,QAAMI,IAAaF,EAAO,IAAI;AAC9B,SAAOG,EAAY,CAACC,MAAa;AAC7B,IAAIA,KACAR,EAAY,UAAUQ,CAAQ;AAElC,UAAMC,IAAMN,EAAqB;AACjC,QAAI,OAAOM,KAAQ;AACf,UAAID,GAAU;AACV,cAAME,IAAUD,EAAID,CAAQ;AAC5B,QAAI,OAAOE,KAAY,eACnBJ,EAAW,UAAUI;AAAA,MAE7B,MACK,CAAIJ,EAAW,WAChBA,EAAW,QAAO,GAClBA,EAAW,UAAU,QAGrBG,EAAID,CAAQ;AAAA,QAGf,CAAIC,MACLA,EAAI,UAAUD;AAElB,IAAIP,MACAO,IAAWP,EAAc,MAAMO,CAAQ,IAAIP,EAAc,QAAO;AAAA,EAExE,GAAG,CAACA,CAAa,CAAC;AACtB;","x_google_ignoreList":[0]}

package/dist/visualization.es552.js

@@ -1,5 +1,66 @@
-const d = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu;
+import { useContext as u, useRef as l, useInsertionEffect as x, useEffect as j } from "react";
+import { LazyContext as I } from "./visualization.es279.js";
+import { MotionConfigContext as k } from "./visualization.es180.js";
+import { MotionContext as S } from "./visualization.es166.js";
+import { PresenceContext as L } from "./visualization.es167.js";
+import { SwitchLayoutGroupContext as O } from "./visualization.es181.js";
+import { isRefObject as R } from "./visualization.es611.js";
+import { useIsomorphicLayoutEffect as b } from "./visualization.es177.js";
+import { optimizedAppearDataAttribute as H } from "./visualization.es341.js";
+function K(o, f, n, e, s, a) {
+  const { visualElement: y } = u(S), c = u(I), i = u(L), d = u(k), C = d.reducedMotion, M = d.skipAnimations, r = l(null), w = l(!1);
+  e = e || c.renderer, !r.current && e && (r.current = e(o, {
+    visualState: f,
+    parent: y,
+    props: n,
+    presenceContext: i,
+    blockInitialAnimation: i ? i.initial === !1 : !1,
+    reducedMotionConfig: C,
+    skipAnimations: M,
+    isSVG: a
+  }), w.current && r.current && (r.current.manuallyAnimateOnMount = !0));
+  const t = r.current, A = u(O);
+  t && !t.projection && s && (t.type === "html" || t.type === "svg") && z(r.current, n, s, A);
+  const g = l(!1);
+  x(() => {
+    t && g.current && t.update(n, i);
+  });
+  const m = n[H], p = l(!!m && typeof window < "u" && !window.MotionHandoffIsComplete?.(m) && window.MotionHasOptimisedAnimation?.(m));
+  return b(() => {
+    w.current = !0, t && (g.current = !0, window.MotionIsMounted = !0, t.updateFeatures(), t.scheduleRenderMicrotask(), p.current && t.animationState && t.animationState.animateChanges());
+  }), j(() => {
+    t && (!p.current && t.animationState && t.animationState.animateChanges(), p.current && (queueMicrotask(() => {
+      window.MotionHandoffMarkAsComplete?.(m);
+    }), p.current = !1), t.enteringChildren = void 0);
+  }), t;
+}
+function z(o, f, n, e) {
+  const { layoutId: s, layout: a, drag: y, dragConstraints: c, layoutScroll: i, layoutRoot: d, layoutAnchor: C, layoutCrossfade: M } = f;
+  o.projection = new n(o.latestValues, f["data-framer-portal-id"] ? void 0 : h(o.parent)), o.projection.setOptions({
+    layoutId: s,
+    layout: a,
+    alwaysMeasureLayout: !!y || c && R(c),
+    visualElement: o,
+    /**
+     * TODO: Update options in an effect. This could be tricky as it'll be too late
+     * to update by the time layout animations run.
+     * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,
+     * ensuring it gets called if there's no potential layout animations.
+     *
+     */
+    animationType: typeof a == "string" ? a : "both",
+    initialPromotionConfig: e,
+    crossfade: M,
+    layoutScroll: i,
+    layoutRoot: d,
+    layoutAnchor: C
+  });
+}
+function h(o) {
+  if (o)
+    return o.options.allowProjection !== !1 ? o.projection : h(o.parent);
+}
 export {
-  d as singleColorRegex
+  K as useVisualElement
 };
 //# sourceMappingURL=visualization.es552.js.map

package/dist/visualization.es552.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es552.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/utils/single-color-regex.mjs"],"sourcesContent":["const singleColorRegex = /^(?:#[\\da-f]{3,8}|(?:rgb|hsl)a?\\((?:-?[\\d.]+%?[,\\s]+){2}-?[\\d.]+%?\\s*(?:[,/]\\s*)?(?:\\b\\d+(?:\\.\\d+)?|\\.\\d+)?%?\\))$/iu;\n\nexport { singleColorRegex };\n//# sourceMappingURL=single-color-regex.mjs.map\n"],"names":["singleColorRegex"],"mappings":"AAAK,MAACA,IAAmB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es552.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/motion/utils/use-visual-element.mjs"],"sourcesContent":["\"use client\";\nimport { optimizedAppearDataAttribute } from 'motion-dom';\nimport { useContext, useRef, useInsertionEffect, useEffect } from 'react';\nimport { LazyContext } from '../../context/LazyContext.mjs';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\nimport { MotionContext } from '../../context/MotionContext/index.mjs';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\nimport { SwitchLayoutGroupContext } from '../../context/SwitchLayoutGroupContext.mjs';\nimport { isRefObject } from '../../utils/is-ref-object.mjs';\nimport { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';\n\nfunction useVisualElement(Component, visualState, props, createVisualElement, ProjectionNodeConstructor, isSVG) {\n    const { visualElement: parent } = useContext(MotionContext);\n    const lazyContext = useContext(LazyContext);\n    const presenceContext = useContext(PresenceContext);\n    const motionConfig = useContext(MotionConfigContext);\n    const reducedMotionConfig = motionConfig.reducedMotion;\n    const skipAnimations = motionConfig.skipAnimations;\n    const visualElementRef = useRef(null);\n    /**\n     * Track whether the component has been through React's commit phase.\n     * Used to detect when LazyMotion features load after the component has mounted.\n     */\n    const hasMountedOnce = useRef(false);\n    /**\n     * If we haven't preloaded a renderer, check to see if we have one lazy-loaded\n     */\n    createVisualElement =\n        createVisualElement ||\n            lazyContext.renderer;\n    if (!visualElementRef.current && createVisualElement) {\n        visualElementRef.current = createVisualElement(Component, {\n            visualState,\n            parent,\n            props,\n            presenceContext,\n            blockInitialAnimation: presenceContext\n                ? presenceContext.initial === false\n                : false,\n            reducedMotionConfig,\n            skipAnimations,\n            isSVG,\n        });\n        /**\n         * If the component has already mounted before features loaded (e.g. via\n         * LazyMotion with async feature loading), we need to force the initial\n         * animation to run. Otherwise state changes that occurred before features\n         * loaded will be lost and the element will snap to its final state.\n         */\n        if (hasMountedOnce.current && visualElementRef.current) {\n            visualElementRef.current.manuallyAnimateOnMount = true;\n        }\n    }\n    const visualElement = visualElementRef.current;\n    /**\n     * Load Motion gesture and animation features. These are rendered as renderless\n     * components so each feature can optionally make use of React lifecycle methods.\n     */\n    const initialLayoutGroupConfig = useContext(SwitchLayoutGroupContext);\n    if (visualElement &&\n        !visualElement.projection &&\n        ProjectionNodeConstructor &&\n        (visualElement.type === \"html\" || visualElement.type === \"svg\")) {\n        createProjectionNode(visualElementRef.current, props, ProjectionNodeConstructor, initialLayoutGroupConfig);\n    }\n    const isMounted = useRef(false);\n    useInsertionEffect(() => {\n        /**\n         * Check the component has already mounted before calling\n         * `update` unnecessarily. This ensures we skip the initial update.\n         */\n        if (visualElement && isMounted.current) {\n            visualElement.update(props, presenceContext);\n        }\n    });\n    /**\n     * Cache this value as we want to know whether HandoffAppearAnimations\n     * was present on initial render - it will be deleted after this.\n     */\n    const optimisedAppearId = props[optimizedAppearDataAttribute];\n    const wantsHandoff = useRef(Boolean(optimisedAppearId) &&\n        typeof window !== \"undefined\" &&\n        !window.MotionHandoffIsComplete?.(optimisedAppearId) &&\n        window.MotionHasOptimisedAnimation?.(optimisedAppearId));\n    useIsomorphicLayoutEffect(() => {\n        /**\n         * Track that this component has mounted. This is used to detect when\n         * LazyMotion features load after the component has already committed.\n         */\n        hasMountedOnce.current = true;\n        if (!visualElement)\n            return;\n        isMounted.current = true;\n        window.MotionIsMounted = true;\n        visualElement.updateFeatures();\n        visualElement.scheduleRenderMicrotask();\n        /**\n         * Ideally this function would always run in a useEffect.\n         *\n         * However, if we have optimised appear animations to handoff from,\n         * it needs to happen synchronously to ensure there's no flash of\n         * incorrect styles in the event of a hydration error.\n         *\n         * So if we detect a situtation where optimised appear animations\n         * are running, we use useLayoutEffect to trigger animations.\n         */\n        if (wantsHandoff.current && visualElement.animationState) {\n            visualElement.animationState.animateChanges();\n        }\n    });\n    useEffect(() => {\n        if (!visualElement)\n            return;\n        if (!wantsHandoff.current && visualElement.animationState) {\n            visualElement.animationState.animateChanges();\n        }\n        if (wantsHandoff.current) {\n            // This ensures all future calls to animateChanges() in this component will run in useEffect\n            queueMicrotask(() => {\n                window.MotionHandoffMarkAsComplete?.(optimisedAppearId);\n            });\n            wantsHandoff.current = false;\n        }\n        /**\n         * Now we've finished triggering animations for this element we\n         * can wipe the enteringChildren set for the next render.\n         */\n        visualElement.enteringChildren = undefined;\n    });\n    return visualElement;\n}\nfunction createProjectionNode(visualElement, props, ProjectionNodeConstructor, initialPromotionConfig) {\n    const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, layoutAnchor, layoutCrossfade, } = props;\n    visualElement.projection = new ProjectionNodeConstructor(visualElement.latestValues, props[\"data-framer-portal-id\"]\n        ? undefined\n        : getClosestProjectingNode(visualElement.parent));\n    visualElement.projection.setOptions({\n        layoutId,\n        layout,\n        alwaysMeasureLayout: Boolean(drag) || (dragConstraints && isRefObject(dragConstraints)),\n        visualElement,\n        /**\n         * TODO: Update options in an effect. This could be tricky as it'll be too late\n         * to update by the time layout animations run.\n         * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,\n         * ensuring it gets called if there's no potential layout animations.\n         *\n         */\n        animationType: typeof layout === \"string\" ? layout : \"both\",\n        initialPromotionConfig,\n        crossfade: layoutCrossfade,\n        layoutScroll,\n        layoutRoot,\n        layoutAnchor,\n    });\n}\nfunction getClosestProjectingNode(visualElement) {\n    if (!visualElement)\n        return undefined;\n    return visualElement.options.allowProjection !== false\n        ? visualElement.projection\n        : getClosestProjectingNode(visualElement.parent);\n}\n\nexport { useVisualElement };\n//# sourceMappingURL=use-visual-element.mjs.map\n"],"names":["useVisualElement","Component","visualState","props","createVisualElement","ProjectionNodeConstructor","isSVG","parent","useContext","MotionContext","lazyContext","LazyContext","presenceContext","PresenceContext","motionConfig","MotionConfigContext","reducedMotionConfig","skipAnimations","visualElementRef","useRef","hasMountedOnce","visualElement","initialLayoutGroupConfig","SwitchLayoutGroupContext","createProjectionNode","isMounted","useInsertionEffect","optimisedAppearId","optimizedAppearDataAttribute","wantsHandoff","useIsomorphicLayoutEffect","useEffect","initialPromotionConfig","layoutId","layout","drag","dragConstraints","layoutScroll","layoutRoot","layoutAnchor","layoutCrossfade","getClosestProjectingNode","isRefObject"],"mappings":";;;;;;;;;AAWA,SAASA,EAAiBC,GAAWC,GAAaC,GAAOC,GAAqBC,GAA2BC,GAAO;AAC5G,QAAM,EAAE,eAAeC,MAAWC,EAAWC,CAAa,GACpDC,IAAcF,EAAWG,CAAW,GACpCC,IAAkBJ,EAAWK,CAAe,GAC5CC,IAAeN,EAAWO,CAAmB,GAC7CC,IAAsBF,EAAa,eACnCG,IAAiBH,EAAa,gBAC9BI,IAAmBC,EAAO,IAAI,GAK9BC,IAAiBD,EAAO,EAAK;AAInC,EAAAf,IACIA,KACIM,EAAY,UAChB,CAACQ,EAAiB,WAAWd,MAC7Bc,EAAiB,UAAUd,EAAoBH,GAAW;AAAA,IACtD,aAAAC;AAAA,IACA,QAAAK;AAAA,IACA,OAAAJ;AAAA,IACA,iBAAAS;AAAA,IACA,uBAAuBA,IACjBA,EAAgB,YAAY,KAC5B;AAAA,IACN,qBAAAI;AAAA,IACA,gBAAAC;AAAA,IACA,OAAAX;AAAA,EACZ,CAAS,GAOGc,EAAe,WAAWF,EAAiB,YAC3CA,EAAiB,QAAQ,yBAAyB;AAG1D,QAAMG,IAAgBH,EAAiB,SAKjCI,IAA2Bd,EAAWe,CAAwB;AACpE,EAAIF,KACA,CAACA,EAAc,cACfhB,MACCgB,EAAc,SAAS,UAAUA,EAAc,SAAS,UACzDG,EAAqBN,EAAiB,SAASf,GAAOE,GAA2BiB,CAAwB;AAE7G,QAAMG,IAAYN,EAAO,EAAK;AAC9B,EAAAO,EAAmB,MAAM;AAKrB,IAAIL,KAAiBI,EAAU,WAC3BJ,EAAc,OAAOlB,GAAOS,CAAe;AAAA,EAEnD,CAAC;AAKD,QAAMe,IAAoBxB,EAAMyB,CAA4B,GACtDC,IAAeV,EAAO,EAAQQ,KAChC,OAAO,SAAW,OAClB,CAAC,OAAO,0BAA0BA,CAAiB,KACnD,OAAO,8BAA8BA,CAAiB,CAAC;AAC3D,SAAAG,EAA0B,MAAM;AAM5B,IADAV,EAAe,UAAU,IACpBC,MAELI,EAAU,UAAU,IACpB,OAAO,kBAAkB,IACzBJ,EAAc,eAAc,GAC5BA,EAAc,wBAAuB,GAWjCQ,EAAa,WAAWR,EAAc,kBACtCA,EAAc,eAAe,eAAc;AAAA,EAEnD,CAAC,GACDU,EAAU,MAAM;AACZ,IAAKV,MAED,CAACQ,EAAa,WAAWR,EAAc,kBACvCA,EAAc,eAAe,eAAc,GAE3CQ,EAAa,YAEb,eAAe,MAAM;AACjB,aAAO,8BAA8BF,CAAiB;AAAA,IAC1D,CAAC,GACDE,EAAa,UAAU,KAM3BR,EAAc,mBAAmB;AAAA,EACrC,CAAC,GACMA;AACX;AACA,SAASG,EAAqBH,GAAelB,GAAOE,GAA2B2B,GAAwB;AACnG,QAAM,EAAE,UAAAC,GAAU,QAAAC,GAAQ,MAAAC,GAAM,iBAAAC,GAAiB,cAAAC,GAAc,YAAAC,GAAY,cAAAC,GAAc,iBAAAC,EAAe,IAAMrC;AAC9G,EAAAkB,EAAc,aAAa,IAAIhB,EAA0BgB,EAAc,cAAclB,EAAM,uBAAuB,IAC5G,SACAsC,EAAyBpB,EAAc,MAAM,CAAC,GACpDA,EAAc,WAAW,WAAW;AAAA,IAChC,UAAAY;AAAA,IACA,QAAAC;AAAA,IACA,qBAAqB,EAAQC,KAAUC,KAAmBM,EAAYN,CAAe;AAAA,IACrF,eAAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA,eAAe,OAAOa,KAAW,WAAWA,IAAS;AAAA,IACrD,wBAAAF;AAAA,IACA,WAAWQ;AAAA,IACX,cAAAH;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,EACR,CAAK;AACL;AACA,SAASE,EAAyBpB,GAAe;AAC7C,MAAKA;AAEL,WAAOA,EAAc,QAAQ,oBAAoB,KAC3CA,EAAc,aACdoB,EAAyBpB,EAAc,MAAM;AACvD;","x_google_ignoreList":[0]}