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

package/dist/visualization.es46.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es46.js","sources":["../src/components/Heatmap/scrollable/heatmapExport.tsx"],"sourcesContent":["import { createRoot } from \"react-dom/client\";\nimport { flushSync } from \"react-dom\";\nimport { AxisLeft, AxisBottom } from \"@visx/axis\";\nimport type { ColumnDatum } from \"../types\";\nimport { MAX_CANVAS_EXPORT_DIMENSION, MAX_CANVAS_EXPORT_PIXELS, downloadBlob } from \"../../../utility\";\nimport type { HeatmapLayout } from \"../heatmapLayout\";\nimport { LEGEND_GAP, xAxisTitleCenter } from \"../heatmapLayout\";\nimport { AXIS_TITLE_FONT_SIZE, TICK_FONT_FAMILY, getXAxisTickLabelProps, markTickLabels, yAxisTickLabelProps } from \"../heatmapAxisProps\";\nimport { drawHeatmapCells } from \"../HeatmapCanvasCells\";\nimport HeatmapSelectionPointers from \"../HeatmapSelectionPointers\";\n\nconst SVG_NS = \"http://www.w3.org/2000/svg\";\nconst XLINK_NS = \"http://www.w3.org/1999/xlink\";\n\ninterface ScrollableExportOptions {\n  layout: HeatmapLayout;\n  data: ColumnDatum[];\n  xLabel?: string;\n  yLabel?: string;\n  showLegend: boolean;\n  legendSvg: SVGSVGElement | null;\n  xAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  yAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  xAxisTickLabelProps: ReturnType<typeof getXAxisTickLabelProps>;\n}\n\nconst appendTitle = (exportSvg: SVGSVGElement, text: string, x: number, y: number, rotate: boolean) => {\n  const titleEl = document.createElementNS(SVG_NS, \"text\");\n  titleEl.setAttribute(\"x\", String(x));\n  titleEl.setAttribute(\"y\", String(y));\n  if (rotate) titleEl.setAttribute(\"transform\", `rotate(-90, ${x}, ${y})`);\n  titleEl.setAttribute(\"text-anchor\", \"middle\");\n  titleEl.setAttribute(\"dominant-baseline\", \"middle\");\n  titleEl.setAttribute(\"font-size\", String(AXIS_TITLE_FONT_SIZE));\n  titleEl.setAttribute(\"font-family\", TICK_FONT_FAMILY);\n  titleEl.textContent = text;\n  exportSvg.appendChild(titleEl);\n};\n\nconst appendClone = (exportSvg: SVGSVGElement, source: SVGSVGElement, x: number, y: number) => {\n  const group = document.createElementNS(SVG_NS, \"g\");\n  group.setAttribute(\"transform\", `translate(${x},${y})`);\n  source.childNodes.forEach((node) => group.appendChild(node.cloneNode(true)));\n  exportSvg.appendChild(group);\n};\n\n// Capped at what browsers reliably allocate; past that, some return a blank canvas without erroring.\nfunction computeExportScale(width: number, height: number): number {\n  const desiredScale = window.devicePixelRatio || 2;\n  return Math.min(\n    desiredScale,\n    MAX_CANVAS_EXPORT_DIMENSION / width,\n    MAX_CANVAS_EXPORT_DIMENSION / height,\n    Math.sqrt(MAX_CANVAS_EXPORT_PIXELS / (width * height))\n  );\n}\n\n// The whole cell grid painted onto a canvas, as the live grid paints it. As SVG shapes, a large grid\n// would serialize into hundreds of MB and hang the tab.\nfunction rasterizeCells(o: ScrollableExportOptions, scale: number): HTMLCanvasElement | null {\n  const { xMax, yMax, canvasCellParams, numRows } = o.layout;\n  if (xMax <= 0 || yMax <= 0) return null;\n\n  const canvas = document.createElement(\"canvas\");\n  canvas.width = Math.max(1, Math.round(xMax * scale));\n  canvas.height = Math.max(1, Math.round(yMax * scale));\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) return null;\n\n  ctx.setTransform(scale, 0, 0, scale, 0, 0);\n  const range = { colStart: 0, colEnd: Math.max(0, o.data.length - 1), rowStart: 0, rowEnd: Math.max(0, numRows - 1) };\n  // A highlight is a passing hover, not part of the figure; the selection is kept.\n  drawHeatmapCells(ctx, { ...canvasCellParams, highlightRange: null }, range, null);\n  return canvas;\n}\n\n// For the .svg download only; the PNG draws the canvas directly.\nfunction renderCellsToDataURL(o: ScrollableExportOptions): string | null {\n  const { xMax, yMax } = o.layout;\n  if (xMax <= 0 || yMax <= 0) return null;\n  const canvas = rasterizeCells(o, computeExportScale(xMax, yMax));\n  return canvas ? canvas.toDataURL(\"image/png\") : null;\n}\n\nconst appendCellsImage = (exportSvg: SVGSVGElement, dataUrl: string, x: number, y: number, width: number, height: number) => {\n  const image = document.createElementNS(SVG_NS, \"image\");\n  image.setAttribute(\"x\", String(x));\n  image.setAttribute(\"y\", String(y));\n  image.setAttribute(\"width\", String(width));\n  image.setAttribute(\"height\", String(height));\n  image.setAttribute(\"preserveAspectRatio\", \"none\");\n  // xlink:href for older SVG renderers and editors, href for SVG2.\n  image.setAttributeNS(XLINK_NS, \"href\", dataUrl);\n  image.setAttribute(\"href\", dataUrl);\n  exportSvg.appendChild(image);\n};\n\n// A standalone <svg> of the whole plot. The on-screen axis panes only hold the visible ticks, so the\n// axes are rendered afresh, in full, in a detached tree; the cells come in as an image.\nexport function buildScrollableExportSVG(o: ScrollableExportOptions, { includeCells = true }: { includeCells?: boolean } = {}): SVGSVGElement | null {\n  const { layout } = o;\n  const {\n    marg, xMax, yMax, xScale, yScale, numRows, xTickValues, yTickValues, yTickLabelWidth, xTickLabelHeight,\n    yTitleWidth, xTitleHeight, selectionMarks,\n  } = layout;\n\n  const exportSvg = document.createElementNS(SVG_NS, \"svg\") as SVGSVGElement;\n  exportSvg.setAttribute(\"width\", String(marg.left + xMax + marg.right));\n  exportSvg.setAttribute(\"height\", String(marg.top + yMax + marg.bottom));\n\n  if (includeCells) {\n    const cellsDataUrl = renderCellsToDataURL(o);\n    if (cellsDataUrl) appendCellsImage(exportSvg, cellsDataUrl, marg.left, marg.top, xMax, yMax);\n  }\n\n  let fullRowAxis: SVGSVGElement | null = null;\n  let fullColAxis: SVGSVGElement | null = null;\n  const exportContainer = document.createElement(\"div\");\n  const exportRoot = createRoot(exportContainer);\n  flushSync(() => {\n    exportRoot.render(\n      <>\n        <svg width={yTickLabelWidth} height={yMax} ref={(el) => { fullRowAxis = el; }}>\n          <g transform={`translate(${yTickLabelWidth},0)`}>\n            <AxisLeft\n              scale={yScale}\n              numTicks={numRows}\n              tickValues={yTickValues}\n              tickFormat={o.yAxisTickFormat}\n              tickLabelProps={markTickLabels(yAxisTickLabelProps, selectionMarks.rows)}\n            />\n            <HeatmapSelectionPointers axis=\"row\" marked={selectionMarks.rows} scale={yScale} />\n          </g>\n        </svg>\n        <svg width={xMax} height={xTickLabelHeight} ref={(el) => { fullColAxis = el; }}>\n          <AxisBottom\n            top={0}\n            scale={xScale}\n            numTicks={o.data.length}\n            tickFormat={o.xAxisTickFormat}\n            tickValues={xTickValues}\n            tickLabelProps={markTickLabels(o.xAxisTickLabelProps, selectionMarks.columns)}\n          />\n          <HeatmapSelectionPointers axis=\"column\" marked={selectionMarks.columns} scale={xScale} />\n        </svg>\n      </>\n    );\n  });\n  if (fullRowAxis) appendClone(exportSvg, fullRowAxis, yTitleWidth, marg.top);\n  if (fullColAxis) appendClone(exportSvg, fullColAxis, marg.left, marg.top + yMax);\n  exportRoot.unmount();\n\n  if (o.showLegend && o.legendSvg) {\n    appendClone(exportSvg, o.legendSvg, marg.left + xMax + LEGEND_GAP, marg.top);\n  }\n\n  // On screen the titles sit in their own fixed panes, so there is nothing to clone: they're drawn here.\n  if (o.yLabel) appendTitle(exportSvg, o.yLabel, yTitleWidth / 2, marg.top + yMax / 2, true);\n  if (o.xLabel) {\n    const center = xAxisTitleCenter(o.xLabel, marg.left + xMax / 2, marg.left + xMax + marg.right);\n    appendTitle(exportSvg, o.xLabel, center, marg.top + yMax + xTickLabelHeight + xTitleHeight / 2, false);\n  }\n\n  return exportSvg;\n}\n\n// The cells are painted straight onto the output canvas, with only the axes, legend and titles\n// going through SVG. Embedding the cells in the SVG as a data URL and decoding it back doubled the\n// memory, enough to crash the tab on a large export.\nexport function downloadScrollableHeatmapPNG(o: ScrollableExportOptions, fileName: string): void {\n  const { marg, xMax, yMax } = o.layout;\n  if (xMax <= 0 || yMax <= 0) return;\n\n  const fullWidth = marg.left + xMax + marg.right;\n  const fullHeight = marg.top + yMax + marg.bottom;\n  const scale = computeExportScale(fullWidth, fullHeight);\n\n  const canvas = document.createElement(\"canvas\");\n  canvas.width = Math.max(1, Math.round(fullWidth * scale));\n  canvas.height = Math.max(1, Math.round(fullHeight * scale));\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) return;\n\n  const cellsCanvas = rasterizeCells(o, scale);\n  if (cellsCanvas) ctx.drawImage(cellsCanvas, marg.left * scale, marg.top * scale);\n\n  const finish = (blob: Blob | null) => {\n    if (blob) downloadBlob(blob, fileName);\n  };\n\n  const axesSvg = buildScrollableExportSVG(o, { includeCells: false });\n  if (!axesSvg) {\n    canvas.toBlob(finish, \"image/png\", 1);\n    return;\n  }\n\n  const svgString = new XMLSerializer().serializeToString(axesSvg);\n  const svgBlob = new Blob([svgString], { type: \"image/svg+xml;charset=utf-8\" });\n  const url = URL.createObjectURL(svgBlob);\n  const img = new Image();\n  img.onload = () => {\n    ctx.drawImage(img, 0, 0, canvas.width, canvas.height);\n    URL.revokeObjectURL(url);\n    canvas.toBlob(finish, \"image/png\", 1);\n  };\n  img.onerror = () => URL.revokeObjectURL(url);\n  img.src = url;\n}\n\n// Keeps the export <svg> attached off-screen until `run` is done with it. The offset goes on a\n// wrapper: set on the <svg> itself, it would be serialized into the file.\nexport function withOffscreenExportSVG(o: ScrollableExportOptions, run: (svg: SVGSVGElement, onDone: () => void) => void): void {\n  const svg = buildScrollableExportSVG(o);\n  if (!svg) return;\n  const wrapper = document.createElement(\"div\");\n  wrapper.style.position = \"absolute\";\n  wrapper.style.top = \"0\";\n  wrapper.style.left = \"-99999px\";\n  wrapper.appendChild(svg);\n  document.body.appendChild(wrapper);\n  run(svg, () => {\n    if (wrapper.parentNode) document.body.removeChild(wrapper);\n  });\n}\n"],"names":["SVG_NS","XLINK_NS","appendTitle","exportSvg","text","x","y","rotate","titleEl","document","createElementNS","setAttribute","String","AXIS_TITLE_FONT_SIZE","TICK_FONT_FAMILY","textContent","appendChild","appendClone","source","group","childNodes","forEach","node","cloneNode","computeExportScale","width","height","desiredScale","window","devicePixelRatio","Math","min","MAX_CANVAS_EXPORT_DIMENSION","sqrt","MAX_CANVAS_EXPORT_PIXELS","rasterizeCells","o","scale","xMax","yMax","canvasCellParams","numRows","layout","canvas","createElement","max","round","ctx","getContext","setTransform","range","colStart","colEnd","data","length","rowStart","rowEnd","drawHeatmapCells","highlightRange","renderCellsToDataURL","toDataURL","appendCellsImage","dataUrl","image","setAttributeNS","buildScrollableExportSVG","includeCells","marg","xScale","yScale","xTickValues","yTickValues","yTickLabelWidth","xTickLabelHeight","yTitleWidth","xTitleHeight","selectionMarks","left","right","top","bottom","cellsDataUrl","fullRowAxis","fullColAxis","exportContainer","exportRoot","createRoot","flushSync","render","jsxs","Fragment","jsx","el","AxisLeft","yAxisTickFormat","markTickLabels","yAxisTickLabelProps","rows","HeatmapSelectionPointers","AxisBottom","xAxisTickFormat","xAxisTickLabelProps","columns","unmount","showLegend","legendSvg","LEGEND_GAP","yLabel","xLabel","center","xAxisTitleCenter","downloadScrollableHeatmapPNG","fileName","fullWidth","fullHeight","cellsCanvas","drawImage","finish","blob","downloadBlob","axesSvg","toBlob","svgString","XMLSerializer","serializeToString","svgBlob","Blob","type","url","URL","createObjectURL","img","Image","onload","revokeObjectURL","onerror","src","withOffscreenExportSVG","run","svg","wrapper","style","position","body","parentNode","removeChild"],"mappings":"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"}
+{"version":3,"file":"visualization.es46.js","sources":["../src/components/BarPlot/singleBar.tsx"],"sourcesContent":["import React, { memo, useCallback } from \"react\";\nimport { Group } from '@visx/group';\nimport { Text } from '@visx/text';\nimport { BarData, SingleBarProps } from \"./types\";\nimport { defaultStyles as defaultTooltipStyles, useTooltip, TooltipWithBounds, Portal } from '@visx/tooltip';\nimport { Bar, Circle } from \"@visx/shape\";\nimport { getAnimationProps } from \"../../utility\";\nimport { motion } from \"framer-motion\";\n\nconst fontFamily = \"Roboto,Helvetica,Arial,sans-serif\"\n\nconst SingleBar = <T,>({\n    index,\n    bar,\n    onBarClicked,\n    TooltipContents,\n    cutoffNegativeValues,\n    negativeCutoff,\n    xScale,\n    yScale,\n    barSize,\n    barSpacing,\n    gapBetweenTextAndBar,\n    getLollipopRadius,\n    animation,\n    animationEnabled,\n    animationBuffer,\n}: SingleBarProps<T>) => {\n    const { tooltipOpen, tooltipLeft, tooltipTop, tooltipData, hideTooltip, showTooltip } = useTooltip<BarData<T>>({});\n\n    const handleMouseMove = useCallback((event: React.MouseEvent<SVGGElement, MouseEvent>, data: BarData<T>) => {\n        showTooltip({\n            tooltipData: data,\n            tooltipLeft: event.pageX,\n            tooltipTop: event.pageY,\n        });\n    }, [showTooltip]);\n\n    const handleClick = useCallback(() => {\n        onBarClicked?.(bar);\n    }, [onBarClicked, bar]);\n\n    const handleMouseLeave = useCallback(() => {\n        hideTooltip();\n    }, [hideTooltip]);\n\n    const hovered = bar.id === tooltipData?.id;\n\n    const pointValue = cutoffNegativeValues ? Math.max(bar.value, negativeCutoff) : bar.value;\n\n    // Shared values\n    const bandPos = yScale(bar.id);\n    const bandSize = bar.id.split(\"-\")[0] === \"spacer\" ? barSpacing : barSize;\n\n    // Bar geometry\n    const barX = (pointValue > 0 ? xScale(0) : xScale(pointValue))\n\n    const barY = (bandPos ?? 0)\n\n    const barWidth = Math.abs(xScale(pointValue) - xScale(0))\n\n    const barHeight = bar.id.split(\"-\")[0] === \"spacer\" ? barSpacing : barSize\n\n    // Label positions\n    const categoryLabelX = -gapBetweenTextAndBar\n\n    const categoryLabelY = (bandPos ?? 0) + bandSize / 2\n\n    const valueLabelX = barX + barWidth + gapBetweenTextAndBar + (bar.lollipopValue && bar.value >= 0 ? getLollipopRadius(bar.lollipopValue) : 0)\n\n    const valueLabelY = barY + barHeight / 2\n\n    const Wrapper = animation && animationEnabled ? motion.g : \"g\";\n    const animProps = getAnimationProps(animation, index, animationBuffer ?? .03);\n\n    return (\n        <>\n            <Group\n                onClick={handleClick}\n                style={onBarClicked && { cursor: 'pointer' }}\n                onMouseMove={(event) => handleMouseMove(event, bar)}\n                onMouseLeave={handleMouseLeave}\n                fontFamily={fontFamily}\n            >\n                {/* Category label */}\n                <Text\n                    x={categoryLabelX}\n                    y={categoryLabelY}\n                    dy={\".35em\"}\n                    textAnchor={\"end\"}\n                    fill=\"black\"\n                    fontSize={12}\n                >\n                    {bar.category}\n                </Text>\n                <Wrapper {...animProps}>\n                    <Group>\n                        <Bar\n                            x={barX}\n                            y={barY}\n                            width={barWidth}\n                            height={barHeight}\n                            fill={bar.color || \"black\"}\n                            opacity={cutoffNegativeValues && pointValue === negativeCutoff ? 0.4 : 1}\n                            rx={3}\n                            stroke={hovered ? \"black\" : (bar.stroke || \"none\")}\n                        />\n                        {bar.lollipopValue && (\n                            <>\n                                <Circle\n                                    r={getLollipopRadius(bar.lollipopValue) * 1.5}\n                                    cx={bar.value < 0 ? barX : barX + barWidth}\n                                    cy={barY + barHeight / 2}\n                                    fill={bar.color}\n                                    stroke={hovered ? \"black\" : \"none\"}\n                                />\n                                <Circle\n                                    r={getLollipopRadius(bar.lollipopValue)}\n                                    cx={bar.value < 0 ? barX : barX + barWidth}\n                                    cy={barY + barHeight / 2}\n                                    fill='black'\n                                />\n                            </>\n                        )}\n                        {/* Value label */}\n                        <Text\n                            x={valueLabelX}\n                            y={valueLabelY}\n                            dy={\".35em\"}\n                            textAnchor={\"start\"}\n                            fill=\"black\"\n                            fontSize={12}\n                        >\n                            {bar.label}\n                        </Text>\n                    </Group>\n                </Wrapper>\n            </Group>\n            {/* Maybe should provide a default tooltip */}\n            {TooltipContents && tooltipOpen && (\n                <Portal>\n                    <TooltipWithBounds\n                        top={tooltipTop}\n                        left={tooltipLeft}\n                        style={{ ...defaultTooltipStyles, backgroundColor: '#283238', color: 'white', zIndex: 1000 }}\n                    >\n                        {tooltipData && (\n                            <TooltipContents {...tooltipData as BarData<T>} />\n                        )}\n                    </TooltipWithBounds>\n                </Portal>\n            )}\n        </>\n    )\n}\n\n// memo() doesn't preserve generic type parameters, so cast back to the generic signature\nexport default memo(SingleBar) as typeof SingleBar;"],"names":["fontFamily","SingleBar","t0","$","_c","index","bar","onBarClicked","TooltipContents","cutoffNegativeValues","negativeCutoff","xScale","yScale","barSize","barSpacing","gapBetweenTextAndBar","getLollipopRadius","animation","animationEnabled","animationBuffer","t1","Symbol","for","tooltipOpen","tooltipLeft","tooltipTop","tooltipData","hideTooltip","showTooltip","useTooltip","t2","event","data","pageX","pageY","handleMouseMove","t3","handleClick","t4","handleMouseLeave","hovered","id","pointValue","Math","max","value","t5","bandPos","bandSize","split","barX","barY","barWidth","abs","barHeight","categoryLabelX","categoryLabelY","valueLabelX","lollipopValue","valueLabelY","Wrapper","motion","g","t6","t7","getAnimationProps","animProps","t8","cursor","t9","event_0","t10","category","Text","t11","color","t12","t13","stroke","t14","Bar","t15","jsxs","Fragment","jsx","Circle","t16","label","t17","Group","t18","t19","t20","Portal","TooltipWithBounds","defaultTooltipStyles","backgroundColor","zIndex","t21","SingleBar$1","memo"],"mappings":"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"}

package/dist/visualization.es460.js

@@ -1,21 +1,54 @@
-function t(n) {
-  return n === void 0 || n === 1;
-}
-function e({ scale: n, scaleX: o, scaleY: i }) {
-  return !t(n) || !t(o) || !t(i);
-}
-function c(n) {
-  return e(n) || f(n) || n.z || n.rotate || n.rotateX || n.rotateY || n.skewX || n.skewY;
-}
-function f(n) {
-  return r(n.x) || r(n.y);
-}
-function r(n) {
-  return n && n !== "0%";
+import { addUniqueItem as a, removeItem as r } from "./visualization.es457.js";
+class h {
+  constructor() {
+    this.members = [];
+  }
+  add(e) {
+    a(this.members, e);
+    for (let t = this.members.length - 1; t >= 0; t--) {
+      const s = this.members[t];
+      if (s === e || s === this.lead || s === this.prevLead)
+        continue;
+      const i = s.instance;
+      (!i || i.isConnected === !1) && !s.snapshot && (r(this.members, s), s.unmount());
+    }
+    e.scheduleRender();
+  }
+  remove(e) {
+    if (r(this.members, e), e === this.prevLead && (this.prevLead = void 0), e === this.lead) {
+      const t = this.members[this.members.length - 1];
+      t && this.promote(t);
+    }
+  }
+  relegate(e) {
+    for (let t = this.members.indexOf(e) - 1; t >= 0; t--) {
+      const s = this.members[t];
+      if (s.isPresent !== !1 && s.instance?.isConnected !== !1)
+        return this.promote(s), !0;
+    }
+    return !1;
+  }
+  promote(e, t) {
+    const s = this.lead;
+    if (e !== s && (this.prevLead = s, this.lead = e, e.show(), s)) {
+      s.updateSnapshot(), e.scheduleRender();
+      const { layoutDependency: i } = s.options, { layoutDependency: n } = e.options;
+      (i === void 0 || i !== n) && (e.resumeFrom = s, t && (s.preserveOpacity = !0), s.snapshot && (e.snapshot = s.snapshot, e.snapshot.latestValues = s.animationValues || s.latestValues), e.root?.isUpdating && (e.isLayoutDirty = !0)), e.options.crossfade === !1 && s.hide();
+    }
+  }
+  exitAnimationComplete() {
+    this.members.forEach((e) => {
+      e.options.onExitComplete?.(), e.resumingFrom?.options.onExitComplete?.();
+    });
+  }
+  scheduleRender() {
+    this.members.forEach((e) => e.instance && e.scheduleRender(!1));
+  }
+  removeLeadSnapshot() {
+    this.lead?.snapshot && (this.lead.snapshot = void 0);
+  }
 }
 export {
-  f as has2DTranslate,
-  e as hasScale,
-  c as hasTransform
+  h as NodeStack
 };
 //# sourceMappingURL=visualization.es460.js.map

package/dist/visualization.es460.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es460.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/utils/has-transform.mjs"],"sourcesContent":["function isIdentityScale(scale) {\n    return scale === undefined || scale === 1;\n}\nfunction hasScale({ scale, scaleX, scaleY }) {\n    return (!isIdentityScale(scale) ||\n        !isIdentityScale(scaleX) ||\n        !isIdentityScale(scaleY));\n}\nfunction hasTransform(values) {\n    return (hasScale(values) ||\n        has2DTranslate(values) ||\n        values.z ||\n        values.rotate ||\n        values.rotateX ||\n        values.rotateY ||\n        values.skewX ||\n        values.skewY);\n}\nfunction has2DTranslate(values) {\n    return is2DTranslate(values.x) || is2DTranslate(values.y);\n}\nfunction is2DTranslate(value) {\n    return value && value !== \"0%\";\n}\n\nexport { has2DTranslate, hasScale, hasTransform };\n//# sourceMappingURL=has-transform.mjs.map\n"],"names":["isIdentityScale","scale","hasScale","scaleX","scaleY","hasTransform","values","has2DTranslate","is2DTranslate","value"],"mappings":"AAAA,SAASA,EAAgBC,GAAO;AAC5B,SAAOA,MAAU,UAAaA,MAAU;AAC5C;AACA,SAASC,EAAS,EAAE,OAAAD,GAAO,QAAAE,GAAQ,QAAAC,EAAM,GAAI;AACzC,SAAQ,CAACJ,EAAgBC,CAAK,KAC1B,CAACD,EAAgBG,CAAM,KACvB,CAACH,EAAgBI,CAAM;AAC/B;AACA,SAASC,EAAaC,GAAQ;AAC1B,SAAQJ,EAASI,CAAM,KACnBC,EAAeD,CAAM,KACrBA,EAAO,KACPA,EAAO,UACPA,EAAO,WACPA,EAAO,WACPA,EAAO,SACPA,EAAO;AACf;AACA,SAASC,EAAeD,GAAQ;AAC5B,SAAOE,EAAcF,EAAO,CAAC,KAAKE,EAAcF,EAAO,CAAC;AAC5D;AACA,SAASE,EAAcC,GAAO;AAC1B,SAAOA,KAASA,MAAU;AAC9B;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es460.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/shared/stack.mjs"],"sourcesContent":["import { addUniqueItem, removeItem } from 'motion-utils';\n\nclass NodeStack {\n    constructor() {\n        this.members = [];\n    }\n    add(node) {\n        addUniqueItem(this.members, node);\n        for (let i = this.members.length - 1; i >= 0; i--) {\n            const member = this.members[i];\n            if (member === node || member === this.lead || member === this.prevLead)\n                continue;\n            const inst = member.instance;\n            if ((!inst || inst.isConnected === false) && !member.snapshot) {\n                removeItem(this.members, member);\n                member.unmount();\n            }\n        }\n        node.scheduleRender();\n    }\n    remove(node) {\n        removeItem(this.members, node);\n        if (node === this.prevLead)\n            this.prevLead = undefined;\n        if (node === this.lead) {\n            const prevLead = this.members[this.members.length - 1];\n            if (prevLead)\n                this.promote(prevLead);\n        }\n    }\n    relegate(node) {\n        for (let i = this.members.indexOf(node) - 1; i >= 0; i--) {\n            const member = this.members[i];\n            if (member.isPresent !== false && member.instance?.isConnected !== false) {\n                this.promote(member);\n                return true;\n            }\n        }\n        return false;\n    }\n    promote(node, preserveFollowOpacity) {\n        const prevLead = this.lead;\n        if (node === prevLead)\n            return;\n        this.prevLead = prevLead;\n        this.lead = node;\n        node.show();\n        if (prevLead) {\n            prevLead.updateSnapshot();\n            node.scheduleRender();\n            const { layoutDependency: prevDep } = prevLead.options;\n            const { layoutDependency: nextDep } = node.options;\n            if (prevDep === undefined || prevDep !== nextDep) {\n                node.resumeFrom = prevLead;\n                if (preserveFollowOpacity)\n                    prevLead.preserveOpacity = true;\n                if (prevLead.snapshot) {\n                    node.snapshot = prevLead.snapshot;\n                    node.snapshot.latestValues =\n                        prevLead.animationValues || prevLead.latestValues;\n                }\n                if (node.root?.isUpdating)\n                    node.isLayoutDirty = true;\n            }\n            if (node.options.crossfade === false)\n                prevLead.hide();\n        }\n    }\n    exitAnimationComplete() {\n        this.members.forEach((member) => {\n            member.options.onExitComplete?.();\n            member.resumingFrom?.options.onExitComplete?.();\n        });\n    }\n    scheduleRender() {\n        this.members.forEach((member) => member.instance && member.scheduleRender(false));\n    }\n    removeLeadSnapshot() {\n        if (this.lead?.snapshot)\n            this.lead.snapshot = undefined;\n    }\n}\n\nexport { NodeStack };\n//# sourceMappingURL=stack.mjs.map\n"],"names":["NodeStack","node","addUniqueItem","i","member","inst","removeItem","prevLead","preserveFollowOpacity","prevDep","nextDep"],"mappings":";AAEA,MAAMA,EAAU;AAAA,EACZ,cAAc;AACV,SAAK,UAAU,CAAA;AAAA,EACnB;AAAA,EACA,IAAIC,GAAM;AACN,IAAAC,EAAc,KAAK,SAASD,CAAI;AAChC,aAASE,IAAI,KAAK,QAAQ,SAAS,GAAGA,KAAK,GAAGA,KAAK;AAC/C,YAAMC,IAAS,KAAK,QAAQD,CAAC;AAC7B,UAAIC,MAAWH,KAAQG,MAAW,KAAK,QAAQA,MAAW,KAAK;AAC3D;AACJ,YAAMC,IAAOD,EAAO;AACpB,OAAK,CAACC,KAAQA,EAAK,gBAAgB,OAAU,CAACD,EAAO,aACjDE,EAAW,KAAK,SAASF,CAAM,GAC/BA,EAAO,QAAO;AAAA,IAEtB;AACA,IAAAH,EAAK,eAAc;AAAA,EACvB;AAAA,EACA,OAAOA,GAAM;AAIT,QAHAK,EAAW,KAAK,SAASL,CAAI,GACzBA,MAAS,KAAK,aACd,KAAK,WAAW,SAChBA,MAAS,KAAK,MAAM;AACpB,YAAMM,IAAW,KAAK,QAAQ,KAAK,QAAQ,SAAS,CAAC;AACrD,MAAIA,KACA,KAAK,QAAQA,CAAQ;AAAA,IAC7B;AAAA,EACJ;AAAA,EACA,SAASN,GAAM;AACX,aAASE,IAAI,KAAK,QAAQ,QAAQF,CAAI,IAAI,GAAGE,KAAK,GAAGA,KAAK;AACtD,YAAMC,IAAS,KAAK,QAAQD,CAAC;AAC7B,UAAIC,EAAO,cAAc,MAASA,EAAO,UAAU,gBAAgB;AAC/D,oBAAK,QAAQA,CAAM,GACZ;AAAA,IAEf;AACA,WAAO;AAAA,EACX;AAAA,EACA,QAAQH,GAAMO,GAAuB;AACjC,UAAMD,IAAW,KAAK;AACtB,QAAIN,MAASM,MAEb,KAAK,WAAWA,GAChB,KAAK,OAAON,GACZA,EAAK,KAAI,GACLM,IAAU;AACV,MAAAA,EAAS,eAAc,GACvBN,EAAK,eAAc;AACnB,YAAM,EAAE,kBAAkBQ,EAAO,IAAKF,EAAS,SACzC,EAAE,kBAAkBG,EAAO,IAAKT,EAAK;AAC3C,OAAIQ,MAAY,UAAaA,MAAYC,OACrCT,EAAK,aAAaM,GACdC,MACAD,EAAS,kBAAkB,KAC3BA,EAAS,aACTN,EAAK,WAAWM,EAAS,UACzBN,EAAK,SAAS,eACVM,EAAS,mBAAmBA,EAAS,eAEzCN,EAAK,MAAM,eACXA,EAAK,gBAAgB,MAEzBA,EAAK,QAAQ,cAAc,MAC3BM,EAAS,KAAI;AAAA,IACrB;AAAA,EACJ;AAAA,EACA,wBAAwB;AACpB,SAAK,QAAQ,QAAQ,CAACH,MAAW;AAC7B,MAAAA,EAAO,QAAQ,iBAAc,GAC7BA,EAAO,cAAc,QAAQ,iBAAc;AAAA,IAC/C,CAAC;AAAA,EACL;AAAA,EACA,iBAAiB;AACb,SAAK,QAAQ,QAAQ,CAACA,MAAWA,EAAO,YAAYA,EAAO,eAAe,EAAK,CAAC;AAAA,EACpF;AAAA,EACA,qBAAqB;AACjB,IAAI,KAAK,MAAM,aACX,KAAK,KAAK,WAAW;AAAA,EAC7B;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es461.js

@@ -1,39 +1,16 @@
-import { mixNumber as m } from "./visualization.es368.js";
-const y = 1e-4, u = 1 - y, E = 1 + y, R = 0.01, P = 0 - R, S = 0 + R;
-function x(n) {
-  return n.max - n.min;
-}
-function I(n, c, i) {
-  return Math.abs(n - c) <= i;
-}
-function A(n, c, i, o = 0.5) {
-  n.origin = o, n.originPoint = m(c.min, c.max, n.origin), n.scale = x(i) / x(c), n.translate = m(i.min, i.max, n.origin) - n.originPoint, (n.scale >= u && n.scale <= E || isNaN(n.scale)) && (n.scale = 1), (n.translate >= P && n.translate <= S || isNaN(n.translate)) && (n.translate = 0);
-}
-function T(n, c, i, o) {
-  A(n.x, c.x, i.x, o ? o.originX : void 0), A(n.y, c.y, i.y, o ? o.originY : void 0);
-}
-function f(n, c, i, o = 0) {
-  const s = o ? m(i.min, i.max, o) : i.min;
-  n.min = s + c.min, n.max = n.min + x(c);
-}
-function _(n, c, i, o) {
-  f(n.x, c.x, i.x, o?.x), f(n.y, c.y, i.y, o?.y);
-}
-function N(n, c, i, o = 0) {
-  const s = o ? m(i.min, i.max, o) : i.min;
-  n.min = c.min - s, n.max = n.min + x(c);
-}
-function C(n, c, i, o) {
-  N(n.x, c.x, i.x, o?.x), N(n.y, c.y, i.y, o?.y);
-}
+const e = {
+  /**
+   * Global flag as to whether the tree has animated since the last time
+   * we resized the window
+   */
+  hasAnimatedSinceResize: !0,
+  /**
+   * We set this to true once, on the first update. Any nodes added to the tree beyond that
+   * update will be given a `data-projection-id` attribute.
+   */
+  hasEverUpdated: !1
+};
 export {
-  A as calcAxisDelta,
-  T as calcBoxDelta,
-  x as calcLength,
-  f as calcRelativeAxis,
-  N as calcRelativeAxisPosition,
-  _ as calcRelativeBox,
-  C as calcRelativePosition,
-  I as isNear
+  e as globalProjectionState
 };
 //# sourceMappingURL=visualization.es461.js.map

package/dist/visualization.es461.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es461.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/delta-calc.mjs"],"sourcesContent":["import { mixNumber } from '../../utils/mix/number.mjs';\n\nconst SCALE_PRECISION = 0.0001;\nconst SCALE_MIN = 1 - SCALE_PRECISION;\nconst SCALE_MAX = 1 + SCALE_PRECISION;\nconst TRANSLATE_PRECISION = 0.01;\nconst TRANSLATE_MIN = 0 - TRANSLATE_PRECISION;\nconst TRANSLATE_MAX = 0 + TRANSLATE_PRECISION;\nfunction calcLength(axis) {\n    return axis.max - axis.min;\n}\nfunction isNear(value, target, maxDistance) {\n    return Math.abs(value - target) <= maxDistance;\n}\nfunction calcAxisDelta(delta, source, target, origin = 0.5) {\n    delta.origin = origin;\n    delta.originPoint = mixNumber(source.min, source.max, delta.origin);\n    delta.scale = calcLength(target) / calcLength(source);\n    delta.translate =\n        mixNumber(target.min, target.max, delta.origin) - delta.originPoint;\n    if ((delta.scale >= SCALE_MIN && delta.scale <= SCALE_MAX) ||\n        isNaN(delta.scale)) {\n        delta.scale = 1.0;\n    }\n    if ((delta.translate >= TRANSLATE_MIN &&\n        delta.translate <= TRANSLATE_MAX) ||\n        isNaN(delta.translate)) {\n        delta.translate = 0.0;\n    }\n}\nfunction calcBoxDelta(delta, source, target, origin) {\n    calcAxisDelta(delta.x, source.x, target.x, origin ? origin.originX : undefined);\n    calcAxisDelta(delta.y, source.y, target.y, origin ? origin.originY : undefined);\n}\nfunction calcRelativeAxis(target, relative, parent, anchor = 0) {\n    const anchorPoint = anchor\n        ? mixNumber(parent.min, parent.max, anchor)\n        : parent.min;\n    target.min = anchorPoint + relative.min;\n    target.max = target.min + calcLength(relative);\n}\nfunction calcRelativeBox(target, relative, parent, anchor) {\n    calcRelativeAxis(target.x, relative.x, parent.x, anchor?.x);\n    calcRelativeAxis(target.y, relative.y, parent.y, anchor?.y);\n}\nfunction calcRelativeAxisPosition(target, layout, parent, anchor = 0) {\n    const anchorPoint = anchor\n        ? mixNumber(parent.min, parent.max, anchor)\n        : parent.min;\n    target.min = layout.min - anchorPoint;\n    target.max = target.min + calcLength(layout);\n}\nfunction calcRelativePosition(target, layout, parent, anchor) {\n    calcRelativeAxisPosition(target.x, layout.x, parent.x, anchor?.x);\n    calcRelativeAxisPosition(target.y, layout.y, parent.y, anchor?.y);\n}\n\nexport { calcAxisDelta, calcBoxDelta, calcLength, calcRelativeAxis, calcRelativeAxisPosition, calcRelativeBox, calcRelativePosition, isNear };\n//# sourceMappingURL=delta-calc.mjs.map\n"],"names":["SCALE_PRECISION","SCALE_MIN","SCALE_MAX","TRANSLATE_PRECISION","TRANSLATE_MIN","TRANSLATE_MAX","calcLength","axis","isNear","value","target","maxDistance","calcAxisDelta","delta","source","origin","mixNumber","calcBoxDelta","calcRelativeAxis","relative","parent","anchor","anchorPoint","calcRelativeBox","calcRelativeAxisPosition","layout","calcRelativePosition"],"mappings":";AAEA,MAAMA,IAAkB,MAClBC,IAAY,IAAID,GAChBE,IAAY,IAAIF,GAChBG,IAAsB,MACtBC,IAAgB,IAAID,GACpBE,IAAgB,IAAIF;AAC1B,SAASG,EAAWC,GAAM;AACtB,SAAOA,EAAK,MAAMA,EAAK;AAC3B;AACA,SAASC,EAAOC,GAAOC,GAAQC,GAAa;AACxC,SAAO,KAAK,IAAIF,IAAQC,CAAM,KAAKC;AACvC;AACA,SAASC,EAAcC,GAAOC,GAAQJ,GAAQK,IAAS,KAAK;AACxD,EAAAF,EAAM,SAASE,GACfF,EAAM,cAAcG,EAAUF,EAAO,KAAKA,EAAO,KAAKD,EAAM,MAAM,GAClEA,EAAM,QAAQP,EAAWI,CAAM,IAAIJ,EAAWQ,CAAM,GACpDD,EAAM,YACFG,EAAUN,EAAO,KAAKA,EAAO,KAAKG,EAAM,MAAM,IAAIA,EAAM,cACvDA,EAAM,SAASZ,KAAaY,EAAM,SAASX,KAC5C,MAAMW,EAAM,KAAK,OACjBA,EAAM,QAAQ,KAEbA,EAAM,aAAaT,KACpBS,EAAM,aAAaR,KACnB,MAAMQ,EAAM,SAAS,OACrBA,EAAM,YAAY;AAE1B;AACA,SAASI,EAAaJ,GAAOC,GAAQJ,GAAQK,GAAQ;AACjD,EAAAH,EAAcC,EAAM,GAAGC,EAAO,GAAGJ,EAAO,GAAGK,IAASA,EAAO,UAAU,MAAS,GAC9EH,EAAcC,EAAM,GAAGC,EAAO,GAAGJ,EAAO,GAAGK,IAASA,EAAO,UAAU,MAAS;AAClF;AACA,SAASG,EAAiBR,GAAQS,GAAUC,GAAQC,IAAS,GAAG;AAC5D,QAAMC,IAAcD,IACdL,EAAUI,EAAO,KAAKA,EAAO,KAAKC,CAAM,IACxCD,EAAO;AACb,EAAAV,EAAO,MAAMY,IAAcH,EAAS,KACpCT,EAAO,MAAMA,EAAO,MAAMJ,EAAWa,CAAQ;AACjD;AACA,SAASI,EAAgBb,GAAQS,GAAUC,GAAQC,GAAQ;AACvD,EAAAH,EAAiBR,EAAO,GAAGS,EAAS,GAAGC,EAAO,GAAGC,GAAQ,CAAC,GAC1DH,EAAiBR,EAAO,GAAGS,EAAS,GAAGC,EAAO,GAAGC,GAAQ,CAAC;AAC9D;AACA,SAASG,EAAyBd,GAAQe,GAAQL,GAAQC,IAAS,GAAG;AAClE,QAAMC,IAAcD,IACdL,EAAUI,EAAO,KAAKA,EAAO,KAAKC,CAAM,IACxCD,EAAO;AACb,EAAAV,EAAO,MAAMe,EAAO,MAAMH,GAC1BZ,EAAO,MAAMA,EAAO,MAAMJ,EAAWmB,CAAM;AAC/C;AACA,SAASC,EAAqBhB,GAAQe,GAAQL,GAAQC,GAAQ;AAC1D,EAAAG,EAAyBd,EAAO,GAAGe,EAAO,GAAGL,EAAO,GAAGC,GAAQ,CAAC,GAChEG,EAAyBd,EAAO,GAAGe,EAAO,GAAGL,EAAO,GAAGC,GAAQ,CAAC;AACpE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es461.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/node/state.mjs"],"sourcesContent":["/**\n * This should only ever be modified on the client otherwise it'll\n * persist through server requests. If we need instanced states we\n * could lazy-init via root.\n */\nconst globalProjectionState = {\n    /**\n     * Global flag as to whether the tree has animated since the last time\n     * we resized the window\n     */\n    hasAnimatedSinceResize: true,\n    /**\n     * We set this to true once, on the first update. Any nodes added to the tree beyond that\n     * update will be given a `data-projection-id` attribute.\n     */\n    hasEverUpdated: false,\n};\n\nexport { globalProjectionState };\n//# sourceMappingURL=state.mjs.map\n"],"names":["globalProjectionState"],"mappings":"AAKK,MAACA,IAAwB;AAAA;AAAA;AAAA;AAAA;AAAA,EAK1B,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA,EAKxB,gBAAgB;AACpB;","x_google_ignoreList":[0]}

package/dist/visualization.es462.js

@@ -1,26 +1,14 @@
-import { mixNumber as v } from "./visualization.es368.js";
-import { percent as p } from "./visualization.es419.js";
-import { scalePoint as r } from "./visualization.es459.js";
-function c(e, m, f, n, d) {
-  return e -= m, e = r(e, 1 / f, n), d !== void 0 && (e = r(e, 1 / d, n)), e;
-}
-function D(e, m = 0, f = 1, n = 0.5, d, u = e, y = e) {
-  if (p.test(m) && (m = parseFloat(m), m = v(y.min, y.max, m / 100) - y.min), typeof m != "number")
-    return;
-  let i = v(u.min, u.max, n);
-  e === u && (i -= m), e.min = c(e.min, m, f, i, d), e.max = c(e.max, m, f, i, d);
-}
-function P(e, m, [f, n, d], u, y) {
-  D(e, m[f], m[n], m[d], m.scale, u, y);
-}
-const K = ["x", "scaleX", "originX"], T = ["y", "scaleY", "originY"];
-function N(e, m, f, n) {
-  P(e.x, m, K, f ? f.x : void 0, n ? n.x : void 0), P(e.y, m, T, f ? f.y : void 0, n ? n.y : void 0);
-}
+import { addDomEvent as t } from "./visualization.es183.js";
+import { createProjectionNode as c } from "./visualization.es459.js";
+const l = c({
+  attachResizeListener: (o, e) => t(o, "resize", e),
+  measureScroll: () => ({
+    x: document.documentElement.scrollLeft || document.body?.scrollLeft || 0,
+    y: document.documentElement.scrollTop || document.body?.scrollTop || 0
+  }),
+  checkIsScrollRoot: () => !0
+});
 export {
-  D as removeAxisDelta,
-  P as removeAxisTransforms,
-  N as removeBoxTransforms,
-  c as removePointDelta
+  l as DocumentProjectionNode
 };
 //# sourceMappingURL=visualization.es462.js.map

package/dist/visualization.es462.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es462.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/delta-remove.mjs"],"sourcesContent":["import { mixNumber } from '../../utils/mix/number.mjs';\nimport { percent } from '../../value/types/numbers/units.mjs';\nimport { scalePoint } from './delta-apply.mjs';\n\n/**\n * Remove a delta from a point. This is essentially the steps of applyPointDelta in reverse\n */\nfunction removePointDelta(point, translate, scale, originPoint, boxScale) {\n    point -= translate;\n    point = scalePoint(point, 1 / scale, originPoint);\n    if (boxScale !== undefined) {\n        point = scalePoint(point, 1 / boxScale, originPoint);\n    }\n    return point;\n}\n/**\n * Remove a delta from an axis. This is essentially the steps of applyAxisDelta in reverse\n */\nfunction removeAxisDelta(axis, translate = 0, scale = 1, origin = 0.5, boxScale, originAxis = axis, sourceAxis = axis) {\n    if (percent.test(translate)) {\n        translate = parseFloat(translate);\n        const relativeProgress = mixNumber(sourceAxis.min, sourceAxis.max, translate / 100);\n        translate = relativeProgress - sourceAxis.min;\n    }\n    if (typeof translate !== \"number\")\n        return;\n    let originPoint = mixNumber(originAxis.min, originAxis.max, origin);\n    if (axis === originAxis)\n        originPoint -= translate;\n    axis.min = removePointDelta(axis.min, translate, scale, originPoint, boxScale);\n    axis.max = removePointDelta(axis.max, translate, scale, originPoint, boxScale);\n}\n/**\n * Remove a transforms from an axis. This is essentially the steps of applyAxisTransforms in reverse\n * and acts as a bridge between motion values and removeAxisDelta\n */\nfunction removeAxisTransforms(axis, transforms, [key, scaleKey, originKey], origin, sourceAxis) {\n    removeAxisDelta(axis, transforms[key], transforms[scaleKey], transforms[originKey], transforms.scale, origin, sourceAxis);\n}\n/**\n * The names of the motion values we want to apply as translation, scale and origin.\n */\nconst xKeys = [\"x\", \"scaleX\", \"originX\"];\nconst yKeys = [\"y\", \"scaleY\", \"originY\"];\n/**\n * Remove a transforms from an box. This is essentially the steps of applyAxisBox in reverse\n * and acts as a bridge between motion values and removeAxisDelta\n */\nfunction removeBoxTransforms(box, transforms, originBox, sourceBox) {\n    removeAxisTransforms(box.x, transforms, xKeys, originBox ? originBox.x : undefined, sourceBox ? sourceBox.x : undefined);\n    removeAxisTransforms(box.y, transforms, yKeys, originBox ? originBox.y : undefined, sourceBox ? sourceBox.y : undefined);\n}\n\nexport { removeAxisDelta, removeAxisTransforms, removeBoxTransforms, removePointDelta };\n//# sourceMappingURL=delta-remove.mjs.map\n"],"names":["removePointDelta","point","translate","scale","originPoint","boxScale","scalePoint","removeAxisDelta","axis","origin","originAxis","sourceAxis","percent","mixNumber","removeAxisTransforms","transforms","key","scaleKey","originKey","xKeys","yKeys","removeBoxTransforms","box","originBox","sourceBox"],"mappings":";;;AAOA,SAASA,EAAiBC,GAAOC,GAAWC,GAAOC,GAAaC,GAAU;AACtE,SAAAJ,KAASC,GACTD,IAAQK,EAAWL,GAAO,IAAIE,GAAOC,CAAW,GAC5CC,MAAa,WACbJ,IAAQK,EAAWL,GAAO,IAAII,GAAUD,CAAW,IAEhDH;AACX;AAIA,SAASM,EAAgBC,GAAMN,IAAY,GAAGC,IAAQ,GAAGM,IAAS,KAAKJ,GAAUK,IAAaF,GAAMG,IAAaH,GAAM;AAMnH,MALII,EAAQ,KAAKV,CAAS,MACtBA,IAAY,WAAWA,CAAS,GAEhCA,IADyBW,EAAUF,EAAW,KAAKA,EAAW,KAAKT,IAAY,GAAG,IACnDS,EAAW,MAE1C,OAAOT,KAAc;AACrB;AACJ,MAAIE,IAAcS,EAAUH,EAAW,KAAKA,EAAW,KAAKD,CAAM;AAClE,EAAID,MAASE,MACTN,KAAeF,IACnBM,EAAK,MAAMR,EAAiBQ,EAAK,KAAKN,GAAWC,GAAOC,GAAaC,CAAQ,GAC7EG,EAAK,MAAMR,EAAiBQ,EAAK,KAAKN,GAAWC,GAAOC,GAAaC,CAAQ;AACjF;AAKA,SAASS,EAAqBN,GAAMO,GAAY,CAACC,GAAKC,GAAUC,CAAS,GAAGT,GAAQE,GAAY;AAC5F,EAAAJ,EAAgBC,GAAMO,EAAWC,CAAG,GAAGD,EAAWE,CAAQ,GAAGF,EAAWG,CAAS,GAAGH,EAAW,OAAON,GAAQE,CAAU;AAC5H;AAIA,MAAMQ,IAAQ,CAAC,KAAK,UAAU,SAAS,GACjCC,IAAQ,CAAC,KAAK,UAAU,SAAS;AAKvC,SAASC,EAAoBC,GAAKP,GAAYQ,GAAWC,GAAW;AAChE,EAAAV,EAAqBQ,EAAI,GAAGP,GAAYI,GAAOI,IAAYA,EAAU,IAAI,QAAWC,IAAYA,EAAU,IAAI,MAAS,GACvHV,EAAqBQ,EAAI,GAAGP,GAAYK,GAAOG,IAAYA,EAAU,IAAI,QAAWC,IAAYA,EAAU,IAAI,MAAS;AAC3H;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es462.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/node/DocumentProjectionNode.mjs"],"sourcesContent":["import { addDomEvent } from '../../events/add-dom-event.mjs';\nimport { createProjectionNode } from './create-projection-node.mjs';\n\nconst DocumentProjectionNode = createProjectionNode({\n    attachResizeListener: (ref, notify) => addDomEvent(ref, \"resize\", notify),\n    measureScroll: () => ({\n        x: document.documentElement.scrollLeft || document.body?.scrollLeft || 0,\n        y: document.documentElement.scrollTop || document.body?.scrollTop || 0,\n    }),\n    checkIsScrollRoot: () => true,\n});\n\nexport { DocumentProjectionNode };\n//# sourceMappingURL=DocumentProjectionNode.mjs.map\n"],"names":["DocumentProjectionNode","createProjectionNode","ref","notify","addDomEvent"],"mappings":";;AAGK,MAACA,IAAyBC,EAAqB;AAAA,EAChD,sBAAsB,CAACC,GAAKC,MAAWC,EAAYF,GAAK,UAAUC,CAAM;AAAA,EACxE,eAAe,OAAO;AAAA,IAClB,GAAG,SAAS,gBAAgB,cAAc,SAAS,MAAM,cAAc;AAAA,IACvE,GAAG,SAAS,gBAAgB,aAAa,SAAS,MAAM,aAAa;AAAA,EAC7E;AAAA,EACI,mBAAmB,MAAM;AAC7B,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es463.js

@@ -1,35 +1,26 @@
-import { calcLength as r } from "./visualization.es461.js";
-function u(n) {
-  return n.translate === 0 && n.scale === 1;
-}
-function e(n) {
-  return u(n.x) && u(n.y);
-}
-function i(n, t) {
-  return n.min === t.min && n.max === t.max;
-}
-function s(n, t) {
-  return i(n.x, t.x) && i(n.y, t.y);
-}
-function o(n, t) {
-  return Math.round(n.min) === Math.round(t.min) && Math.round(n.max) === Math.round(t.max);
-}
-function x(n, t) {
-  return o(n.x, t.x) && o(n.y, t.y);
-}
-function c(n) {
-  return r(n.x) / r(n.y);
-}
-function l(n, t) {
-  return n.translate === t.translate && n.scale === t.scale && n.originPoint === t.originPoint;
-}
+import { createProjectionNode as t } from "./visualization.es459.js";
+import { DocumentProjectionNode as n } from "./visualization.es462.js";
+const e = {
+  current: void 0
+}, i = t({
+  measureScroll: (o) => ({
+    x: o.scrollLeft,
+    y: o.scrollTop
+  }),
+  defaultParent: () => {
+    if (!e.current) {
+      const o = new n({});
+      o.mount(window), o.setOptions({ layoutScroll: !0 }), e.current = o;
+    }
+    return e.current;
+  },
+  resetTransform: (o, r) => {
+    o.style.transform = r !== void 0 ? r : "none";
+  },
+  checkIsScrollRoot: (o) => window.getComputedStyle(o).position === "fixed"
+});
 export {
-  c as aspectRatio,
-  l as axisDeltaEquals,
-  i as axisEquals,
-  o as axisEqualsRounded,
-  s as boxEquals,
-  x as boxEqualsRounded,
-  e as isDeltaZero
+  i as HTMLProjectionNode,
+  e as rootProjectionNode
 };
 //# sourceMappingURL=visualization.es463.js.map

package/dist/visualization.es463.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es463.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/utils.mjs"],"sourcesContent":["import { calcLength } from './delta-calc.mjs';\n\nfunction isAxisDeltaZero(delta) {\n    return delta.translate === 0 && delta.scale === 1;\n}\nfunction isDeltaZero(delta) {\n    return isAxisDeltaZero(delta.x) && isAxisDeltaZero(delta.y);\n}\nfunction axisEquals(a, b) {\n    return a.min === b.min && a.max === b.max;\n}\nfunction boxEquals(a, b) {\n    return axisEquals(a.x, b.x) && axisEquals(a.y, b.y);\n}\nfunction axisEqualsRounded(a, b) {\n    return (Math.round(a.min) === Math.round(b.min) &&\n        Math.round(a.max) === Math.round(b.max));\n}\nfunction boxEqualsRounded(a, b) {\n    return axisEqualsRounded(a.x, b.x) && axisEqualsRounded(a.y, b.y);\n}\nfunction aspectRatio(box) {\n    return calcLength(box.x) / calcLength(box.y);\n}\nfunction axisDeltaEquals(a, b) {\n    return (a.translate === b.translate &&\n        a.scale === b.scale &&\n        a.originPoint === b.originPoint);\n}\n\nexport { aspectRatio, axisDeltaEquals, axisEquals, axisEqualsRounded, boxEquals, boxEqualsRounded, isDeltaZero };\n//# sourceMappingURL=utils.mjs.map\n"],"names":["isAxisDeltaZero","delta","isDeltaZero","axisEquals","a","b","boxEquals","axisEqualsRounded","boxEqualsRounded","aspectRatio","box","calcLength","axisDeltaEquals"],"mappings":";AAEA,SAASA,EAAgBC,GAAO;AAC5B,SAAOA,EAAM,cAAc,KAAKA,EAAM,UAAU;AACpD;AACA,SAASC,EAAYD,GAAO;AACxB,SAAOD,EAAgBC,EAAM,CAAC,KAAKD,EAAgBC,EAAM,CAAC;AAC9D;AACA,SAASE,EAAWC,GAAGC,GAAG;AACtB,SAAOD,EAAE,QAAQC,EAAE,OAAOD,EAAE,QAAQC,EAAE;AAC1C;AACA,SAASC,EAAUF,GAAGC,GAAG;AACrB,SAAOF,EAAWC,EAAE,GAAGC,EAAE,CAAC,KAAKF,EAAWC,EAAE,GAAGC,EAAE,CAAC;AACtD;AACA,SAASE,EAAkBH,GAAGC,GAAG;AAC7B,SAAQ,KAAK,MAAMD,EAAE,GAAG,MAAM,KAAK,MAAMC,EAAE,GAAG,KAC1C,KAAK,MAAMD,EAAE,GAAG,MAAM,KAAK,MAAMC,EAAE,GAAG;AAC9C;AACA,SAASG,EAAiBJ,GAAGC,GAAG;AAC5B,SAAOE,EAAkBH,EAAE,GAAGC,EAAE,CAAC,KAAKE,EAAkBH,EAAE,GAAGC,EAAE,CAAC;AACpE;AACA,SAASI,EAAYC,GAAK;AACtB,SAAOC,EAAWD,EAAI,CAAC,IAAIC,EAAWD,EAAI,CAAC;AAC/C;AACA,SAASE,EAAgBR,GAAGC,GAAG;AAC3B,SAAQD,EAAE,cAAcC,EAAE,aACtBD,EAAE,UAAUC,EAAE,SACdD,EAAE,gBAAgBC,EAAE;AAC5B;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es463.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/node/HTMLProjectionNode.mjs"],"sourcesContent":["import { createProjectionNode } from './create-projection-node.mjs';\nimport { DocumentProjectionNode } from './DocumentProjectionNode.mjs';\n\nconst rootProjectionNode = {\n    current: undefined,\n};\nconst HTMLProjectionNode = createProjectionNode({\n    measureScroll: (instance) => ({\n        x: instance.scrollLeft,\n        y: instance.scrollTop,\n    }),\n    defaultParent: () => {\n        if (!rootProjectionNode.current) {\n            const documentNode = new DocumentProjectionNode({});\n            documentNode.mount(window);\n            documentNode.setOptions({ layoutScroll: true });\n            rootProjectionNode.current = documentNode;\n        }\n        return rootProjectionNode.current;\n    },\n    resetTransform: (instance, value) => {\n        instance.style.transform = value !== undefined ? value : \"none\";\n    },\n    checkIsScrollRoot: (instance) => Boolean(window.getComputedStyle(instance).position === \"fixed\"),\n});\n\nexport { HTMLProjectionNode, rootProjectionNode };\n//# sourceMappingURL=HTMLProjectionNode.mjs.map\n"],"names":["rootProjectionNode","HTMLProjectionNode","createProjectionNode","instance","documentNode","DocumentProjectionNode","value"],"mappings":";;AAGK,MAACA,IAAqB;AAAA,EACvB,SAAS;AACb,GACMC,IAAqBC,EAAqB;AAAA,EAC5C,eAAe,CAACC,OAAc;AAAA,IAC1B,GAAGA,EAAS;AAAA,IACZ,GAAGA,EAAS;AAAA,EACpB;AAAA,EACI,eAAe,MAAM;AACjB,QAAI,CAACH,EAAmB,SAAS;AAC7B,YAAMI,IAAe,IAAIC,EAAuB,EAAE;AAClD,MAAAD,EAAa,MAAM,MAAM,GACzBA,EAAa,WAAW,EAAE,cAAc,GAAI,CAAE,GAC9CJ,EAAmB,UAAUI;AAAA,IACjC;AACA,WAAOJ,EAAmB;AAAA,EAC9B;AAAA,EACA,gBAAgB,CAACG,GAAUG,MAAU;AACjC,IAAAH,EAAS,MAAM,YAAYG,MAAU,SAAYA,IAAQ;AAAA,EAC7D;AAAA,EACA,mBAAmB,CAACH,MAAqB,OAAO,iBAAiBA,CAAQ,EAAE,aAAa;AAC5F,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es464.js

@@ -1,7 +1,38 @@
-function n(e) {
-  return [e("x"), e("y")];
+import { getValueAsType as m } from "./visualization.es417.js";
+import { numberValueTypes as p } from "./visualization.es412.js";
+import { transformPropOrder as f } from "./visualization.es321.js";
+const y = {
+  x: "translateX",
+  y: "translateY",
+  z: "translateZ",
+  transformPerspective: "perspective"
+}, d = f.length;
+function h(u, l, n) {
+  let e = "", o = !0;
+  for (let i = 0; i < d; i++) {
+    const t = f[i], r = u[t];
+    if (r === void 0)
+      continue;
+    let a = !0;
+    if (typeof r == "number")
+      a = r === (t.startsWith("scale") ? 1 : 0);
+    else {
+      const s = parseFloat(r);
+      a = t.startsWith("scale") ? s === 1 : s === 0;
+    }
+    if (!a || n) {
+      const s = m(r, p[t]);
+      if (!a) {
+        o = !1;
+        const c = y[t] || t;
+        e += `${c}(${s}) `;
+      }
+      n && (l[t] = s);
+    }
+  }
+  return e = e.trim(), n ? e = n(l, o ? "" : e) : o && (e = "none"), e;
 }
 export {
-  n as eachAxis
+  h as buildTransform
 };
 //# sourceMappingURL=visualization.es464.js.map

package/dist/visualization.es464.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es464.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/utils/each-axis.mjs"],"sourcesContent":["function eachAxis(callback) {\n    return [callback(\"x\"), callback(\"y\")];\n}\n\nexport { eachAxis };\n//# sourceMappingURL=each-axis.mjs.map\n"],"names":["eachAxis","callback"],"mappings":"AAAA,SAASA,EAASC,GAAU;AACxB,SAAO,CAACA,EAAS,GAAG,GAAGA,EAAS,GAAG,CAAC;AACxC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es464.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/html/utils/build-transform.mjs"],"sourcesContent":["import { getValueAsType } from '../../../value/types/utils/get-as-type.mjs';\nimport { numberValueTypes } from '../../../value/types/maps/number.mjs';\nimport { transformPropOrder } from '../../utils/keys-transform.mjs';\n\nconst translateAlias = {\n    x: \"translateX\",\n    y: \"translateY\",\n    z: \"translateZ\",\n    transformPerspective: \"perspective\",\n};\nconst numTransforms = transformPropOrder.length;\n/**\n * Build a CSS transform style from individual x/y/scale etc properties.\n *\n * This outputs with a default order of transforms/scales/rotations, this can be customised by\n * providing a transformTemplate function.\n */\nfunction buildTransform(latestValues, transform, transformTemplate) {\n    // The transform string we're going to build into.\n    let transformString = \"\";\n    let transformIsDefault = true;\n    /**\n     * Loop over all possible transforms in order, adding the ones that\n     * are present to the transform string.\n     */\n    for (let i = 0; i < numTransforms; i++) {\n        const key = transformPropOrder[i];\n        const value = latestValues[key];\n        if (value === undefined)\n            continue;\n        let valueIsDefault = true;\n        if (typeof value === \"number\") {\n            valueIsDefault = value === (key.startsWith(\"scale\") ? 1 : 0);\n        }\n        else {\n            const parsed = parseFloat(value);\n            valueIsDefault = key.startsWith(\"scale\") ? parsed === 1 : parsed === 0;\n        }\n        if (!valueIsDefault || transformTemplate) {\n            const valueAsType = getValueAsType(value, numberValueTypes[key]);\n            if (!valueIsDefault) {\n                transformIsDefault = false;\n                const transformName = translateAlias[key] || key;\n                transformString += `${transformName}(${valueAsType}) `;\n            }\n            if (transformTemplate) {\n                transform[key] = valueAsType;\n            }\n        }\n    }\n    transformString = transformString.trim();\n    // If we have a custom `transform` template, pass our transform values and\n    // generated transformString to that before returning\n    if (transformTemplate) {\n        transformString = transformTemplate(transform, transformIsDefault ? \"\" : transformString);\n    }\n    else if (transformIsDefault) {\n        transformString = \"none\";\n    }\n    return transformString;\n}\n\nexport { buildTransform };\n//# sourceMappingURL=build-transform.mjs.map\n"],"names":["translateAlias","numTransforms","transformPropOrder","buildTransform","latestValues","transform","transformTemplate","transformString","transformIsDefault","key","value","valueIsDefault","parsed","valueAsType","getValueAsType","numberValueTypes","transformName"],"mappings":";;;AAIA,MAAMA,IAAiB;AAAA,EACnB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,sBAAsB;AAC1B,GACMC,IAAgBC,EAAmB;AAOzC,SAASC,EAAeC,GAAcC,GAAWC,GAAmB;AAEhE,MAAIC,IAAkB,IAClBC,IAAqB;AAKzB,WAAS,IAAI,GAAG,IAAIP,GAAe,KAAK;AACpC,UAAMQ,IAAMP,EAAmB,CAAC,GAC1BQ,IAAQN,EAAaK,CAAG;AAC9B,QAAIC,MAAU;AACV;AACJ,QAAIC,IAAiB;AACrB,QAAI,OAAOD,KAAU;AACjB,MAAAC,IAAiBD,OAAWD,EAAI,WAAW,OAAO,IAAI,IAAI;AAAA,SAEzD;AACD,YAAMG,IAAS,WAAWF,CAAK;AAC/B,MAAAC,IAAiBF,EAAI,WAAW,OAAO,IAAIG,MAAW,IAAIA,MAAW;AAAA,IACzE;AACA,QAAI,CAACD,KAAkBL,GAAmB;AACtC,YAAMO,IAAcC,EAAeJ,GAAOK,EAAiBN,CAAG,CAAC;AAC/D,UAAI,CAACE,GAAgB;AACjB,QAAAH,IAAqB;AACrB,cAAMQ,IAAgBhB,EAAeS,CAAG,KAAKA;AAC7C,QAAAF,KAAmB,GAAGS,CAAa,IAAIH,CAAW;AAAA,MACtD;AACA,MAAIP,MACAD,EAAUI,CAAG,IAAII;AAAA,IAEzB;AAAA,EACJ;AACA,SAAAN,IAAkBA,EAAgB,KAAI,GAGlCD,IACAC,IAAkBD,EAAkBD,GAAWG,IAAqB,KAAKD,CAAe,IAEnFC,MACLD,IAAkB,SAEfA;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es465.js

@@ -1,22 +1,16 @@
-import { px as c } from "./visualization.es419.js";
-function e(r, n) {
-  return n.max === n.min ? 0 : r / (n.max - n.min) * 100;
-}
 const f = {
-  correct: (r, n) => {
-    if (!n.target)
-      return r;
-    if (typeof r == "string")
-      if (c.test(r))
-        r = parseFloat(r);
-      else
-        return r;
-    const o = e(r, n.target.x), t = e(r, n.target.y);
-    return `${o}% ${t}%`;
-  }
+  offset: "stroke-dashoffset",
+  array: "stroke-dasharray"
+}, h = {
+  offset: "strokeDashoffset",
+  array: "strokeDasharray"
 };
+function y(s, e, o = 1, r = 0, t = !0) {
+  s.pathLength = 1;
+  const a = t ? f : h;
+  s[a.offset] = `${-r}`, s[a.array] = `${e} ${o}`;
+}
 export {
-  f as correctBorderRadius,
-  e as pixelsToPercent
+  y as buildSVGPath
 };
 //# sourceMappingURL=visualization.es465.js.map

package/dist/visualization.es465.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es465.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/styles/scale-border-radius.mjs"],"sourcesContent":["import { px } from '../../value/types/numbers/units.mjs';\n\nfunction pixelsToPercent(pixels, axis) {\n    if (axis.max === axis.min)\n        return 0;\n    return (pixels / (axis.max - axis.min)) * 100;\n}\n/**\n * We always correct borderRadius as a percentage rather than pixels to reduce paints.\n * For example, if you are projecting a box that is 100px wide with a 10px borderRadius\n * into a box that is 200px wide with a 20px borderRadius, that is actually a 10%\n * borderRadius in both states. If we animate between the two in pixels that will trigger\n * a paint each time. If we animate between the two in percentage we'll avoid a paint.\n */\nconst correctBorderRadius = {\n    correct: (latest, node) => {\n        if (!node.target)\n            return latest;\n        /**\n         * If latest is a string, if it's a percentage we can return immediately as it's\n         * going to be stretched appropriately. Otherwise, if it's a pixel, convert it to a number.\n         */\n        if (typeof latest === \"string\") {\n            if (px.test(latest)) {\n                latest = parseFloat(latest);\n            }\n            else {\n                return latest;\n            }\n        }\n        /**\n         * If latest is a number, it's a pixel value. We use the current viewportBox to calculate that\n         * pixel value as a percentage of each axis\n         */\n        const x = pixelsToPercent(latest, node.target.x);\n        const y = pixelsToPercent(latest, node.target.y);\n        return `${x}% ${y}%`;\n    },\n};\n\nexport { correctBorderRadius, pixelsToPercent };\n//# sourceMappingURL=scale-border-radius.mjs.map\n"],"names":["pixelsToPercent","pixels","axis","correctBorderRadius","latest","node","px","x","y"],"mappings":";AAEA,SAASA,EAAgBC,GAAQC,GAAM;AACnC,SAAIA,EAAK,QAAQA,EAAK,MACX,IACHD,KAAUC,EAAK,MAAMA,EAAK,OAAQ;AAC9C;AAQK,MAACC,IAAsB;AAAA,EACxB,SAAS,CAACC,GAAQC,MAAS;AACvB,QAAI,CAACA,EAAK;AACN,aAAOD;AAKX,QAAI,OAAOA,KAAW;AAClB,UAAIE,EAAG,KAAKF,CAAM;AACd,QAAAA,IAAS,WAAWA,CAAM;AAAA;AAG1B,eAAOA;AAOf,UAAMG,IAAIP,EAAgBI,GAAQC,EAAK,OAAO,CAAC,GACzCG,IAAIR,EAAgBI,GAAQC,EAAK,OAAO,CAAC;AAC/C,WAAO,GAAGE,CAAC,KAAKC,CAAC;AAAA,EACrB;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es465.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/svg/utils/path.mjs"],"sourcesContent":["const dashKeys = {\n    offset: \"stroke-dashoffset\",\n    array: \"stroke-dasharray\",\n};\nconst camelKeys = {\n    offset: \"strokeDashoffset\",\n    array: \"strokeDasharray\",\n};\n/**\n * Build SVG path properties. Uses the path's measured length to convert\n * our custom pathLength, pathSpacing and pathOffset into stroke-dashoffset\n * and stroke-dasharray attributes.\n *\n * This function is mutative to reduce per-frame GC.\n *\n * Note: We use unitless values for stroke-dasharray and stroke-dashoffset\n * because Safari incorrectly scales px values when the page is zoomed.\n */\nfunction buildSVGPath(attrs, length, spacing = 1, offset = 0, useDashCase = true) {\n    // Normalise path length by setting SVG attribute pathLength to 1\n    attrs.pathLength = 1;\n    // We use dash case when setting attributes directly to the DOM node and camel case\n    // when defining props on a React component.\n    const keys = useDashCase ? dashKeys : camelKeys;\n    // Build the dash offset (unitless to avoid Safari zoom bug)\n    attrs[keys.offset] = `${-offset}`;\n    // Build the dash array (unitless to avoid Safari zoom bug)\n    attrs[keys.array] = `${length} ${spacing}`;\n}\n\nexport { buildSVGPath };\n//# sourceMappingURL=path.mjs.map\n"],"names":["dashKeys","camelKeys","buildSVGPath","attrs","length","spacing","offset","useDashCase","keys"],"mappings":"AAAA,MAAMA,IAAW;AAAA,EACb,QAAQ;AAAA,EACR,OAAO;AACX,GACMC,IAAY;AAAA,EACd,QAAQ;AAAA,EACR,OAAO;AACX;AAWA,SAASC,EAAaC,GAAOC,GAAQC,IAAU,GAAGC,IAAS,GAAGC,IAAc,IAAM;AAE9E,EAAAJ,EAAM,aAAa;AAGnB,QAAMK,IAAOD,IAAcP,IAAWC;AAEtC,EAAAE,EAAMK,EAAK,MAAM,IAAI,GAAG,CAACF,CAAM,IAE/BH,EAAMK,EAAK,KAAK,IAAI,GAAGJ,CAAM,IAAIC,CAAO;AAC5C;","x_google_ignoreList":[0]}

package/dist/visualization.es466.js

@@ -1,17 +1,22 @@
-import { complex as f } from "./visualization.es409.js";
-import { mixNumber as i } from "./visualization.es368.js";
-const y = {
-  correct: (e, { treeScale: c, projectionDelta: t }) => {
-    const a = e, o = f.parse(e);
-    if (o.length > 5)
-      return a;
-    const p = f.createTransformer(e), r = typeof o[0] != "number" ? 1 : 0, n = t.x.scale * c.x, m = t.y.scale * c.y;
-    o[0 + r] /= n, o[1 + r] /= m;
-    const s = i(n, m, 0.5);
-    return typeof o[2 + r] == "number" && (o[2 + r] /= s), typeof o[3 + r] == "number" && (o[3 + r] /= s), p(o);
+import { extractEventInfo as m } from "./visualization.es182.js";
+import { Feature as s } from "./visualization.es278.js";
+import { hover as u } from "./visualization.es368.js";
+import { frame as c } from "./visualization.es326.js";
+function a(e, t, r) {
+  const { props: o } = e;
+  e.animationState && o.whileHover && e.animationState.setActive("whileHover", r === "Start");
+  const n = "onHover" + r, i = o[n];
+  i && c.postRender(() => i(t, m(t)));
+}
+class d extends s {
+  mount() {
+    const { current: t } = this.node;
+    t && (this.unmount = u(t, (r, o) => (a(this.node, o, "Start"), (n) => a(this.node, n, "End"))));
   }
-};
+  unmount() {
+  }
+}
 export {
-  y as correctBoxShadow
+  d as HoverGesture
 };
 //# sourceMappingURL=visualization.es466.js.map

package/dist/visualization.es466.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es466.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/styles/scale-box-shadow.mjs"],"sourcesContent":["import { complex } from '../../value/types/complex/index.mjs';\nimport { mixNumber } from '../../utils/mix/number.mjs';\n\nconst correctBoxShadow = {\n    correct: (latest, { treeScale, projectionDelta }) => {\n        const original = latest;\n        const shadow = complex.parse(latest);\n        // TODO: Doesn't support multiple shadows\n        if (shadow.length > 5)\n            return original;\n        const template = complex.createTransformer(latest);\n        const offset = typeof shadow[0] !== \"number\" ? 1 : 0;\n        // Calculate the overall context scale\n        const xScale = projectionDelta.x.scale * treeScale.x;\n        const yScale = projectionDelta.y.scale * treeScale.y;\n        shadow[0 + offset] /= xScale;\n        shadow[1 + offset] /= yScale;\n        /**\n         * Ideally we'd correct x and y scales individually, but because blur and\n         * spread apply to both we have to take a scale average and apply that instead.\n         * We could potentially improve the outcome of this by incorporating the ratio between\n         * the two scales.\n         */\n        const averageScale = mixNumber(xScale, yScale, 0.5);\n        // Blur\n        if (typeof shadow[2 + offset] === \"number\")\n            shadow[2 + offset] /= averageScale;\n        // Spread\n        if (typeof shadow[3 + offset] === \"number\")\n            shadow[3 + offset] /= averageScale;\n        return template(shadow);\n    },\n};\n\nexport { correctBoxShadow };\n//# sourceMappingURL=scale-box-shadow.mjs.map\n"],"names":["correctBoxShadow","latest","treeScale","projectionDelta","original","shadow","complex","template","offset","xScale","yScale","averageScale","mixNumber"],"mappings":";;AAGK,MAACA,IAAmB;AAAA,EACrB,SAAS,CAACC,GAAQ,EAAE,WAAAC,GAAW,iBAAAC,EAAe,MAAO;AACjD,UAAMC,IAAWH,GACXI,IAASC,EAAQ,MAAML,CAAM;AAEnC,QAAII,EAAO,SAAS;AAChB,aAAOD;AACX,UAAMG,IAAWD,EAAQ,kBAAkBL,CAAM,GAC3CO,IAAS,OAAOH,EAAO,CAAC,KAAM,WAAW,IAAI,GAE7CI,IAASN,EAAgB,EAAE,QAAQD,EAAU,GAC7CQ,IAASP,EAAgB,EAAE,QAAQD,EAAU;AACnD,IAAAG,EAAO,IAAIG,CAAM,KAAKC,GACtBJ,EAAO,IAAIG,CAAM,KAAKE;AAOtB,UAAMC,IAAeC,EAAUH,GAAQC,GAAQ,GAAG;AAElD,WAAI,OAAOL,EAAO,IAAIG,CAAM,KAAM,aAC9BH,EAAO,IAAIG,CAAM,KAAKG,IAEtB,OAAON,EAAO,IAAIG,CAAM,KAAM,aAC9BH,EAAO,IAAIG,CAAM,KAAKG,IACnBJ,EAASF,CAAM;AAAA,EAC1B;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es466.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/gestures/hover.mjs"],"sourcesContent":["import { Feature, hover, frame } from 'motion-dom';\nimport { extractEventInfo } from '../events/event-info.mjs';\n\nfunction handleHoverEvent(node, event, lifecycle) {\n    const { props } = node;\n    if (node.animationState && props.whileHover) {\n        node.animationState.setActive(\"whileHover\", lifecycle === \"Start\");\n    }\n    const eventName = (\"onHover\" + lifecycle);\n    const callback = props[eventName];\n    if (callback) {\n        frame.postRender(() => callback(event, extractEventInfo(event)));\n    }\n}\nclass HoverGesture extends Feature {\n    mount() {\n        const { current } = this.node;\n        if (!current)\n            return;\n        this.unmount = hover(current, (_element, startEvent) => {\n            handleHoverEvent(this.node, startEvent, \"Start\");\n            return (endEvent) => handleHoverEvent(this.node, endEvent, \"End\");\n        });\n    }\n    unmount() { }\n}\n\nexport { HoverGesture };\n//# sourceMappingURL=hover.mjs.map\n"],"names":["handleHoverEvent","node","event","lifecycle","props","eventName","callback","frame","extractEventInfo","HoverGesture","Feature","current","hover","_element","startEvent","endEvent"],"mappings":";;;;AAGA,SAASA,EAAiBC,GAAMC,GAAOC,GAAW;AAC9C,QAAM,EAAE,OAAAC,EAAK,IAAKH;AAClB,EAAIA,EAAK,kBAAkBG,EAAM,cAC7BH,EAAK,eAAe,UAAU,cAAcE,MAAc,OAAO;AAErE,QAAME,IAAa,YAAYF,GACzBG,IAAWF,EAAMC,CAAS;AAChC,EAAIC,KACAC,EAAM,WAAW,MAAMD,EAASJ,GAAOM,EAAiBN,CAAK,CAAC,CAAC;AAEvE;AACA,MAAMO,UAAqBC,EAAQ;AAAA,EAC/B,QAAQ;AACJ,UAAM,EAAE,SAAAC,MAAY,KAAK;AACzB,IAAKA,MAEL,KAAK,UAAUC,EAAMD,GAAS,CAACE,GAAUC,OACrCd,EAAiB,KAAK,MAAMc,GAAY,OAAO,GACxC,CAACC,MAAaf,EAAiB,KAAK,MAAMe,GAAU,KAAK,EACnE;AAAA,EACL;AAAA,EACA,UAAU;AAAA,EAAE;AAChB;","x_google_ignoreList":[0]}