@weng-lab/visualization 1.3.0-beta.1 → 1.3.1

package/dist/visualization.es5.js

@@ -0,0 +1,139 @@
+import { j as o } from "./visualization.es11.js";
+import { useState as v, useRef as q, useEffect as U, useMemo as d, useCallback as ae, useImperativeHandle as se } from "react";
+import { CircularProgress as le } from "@mui/material";
+import ie from "./visualization.es41.js";
+import { downloadSVGAsPNG as ce, downloadAsSVG as me } from "./visualization.es15.js";
+import de from "./visualization.es42.js";
+import pe from "./visualization.es16.js";
+import ue from "./visualization.es43.js";
+import he from "./visualization.es40.js";
+import fe from "./visualization.es17.js";
+import ge from "./visualization.es23.js";
+import xe from "./visualization.es44.js";
+const ye = "Roboto,Helvetica,Arial,sans-serif", be = (n, w, c) => {
+  const a = document.createElement("g");
+  a.style.position = "absolute", a.style.visibility = "hidden", a.style.fontSize = `${w}px`, a.style.fontFamily = c, a.style.whiteSpace = "nowrap", a.textContent = n, document.body.appendChild(a);
+  const M = a.getBoundingClientRect().width;
+  return document.body.removeChild(a), M + 10;
+}, De = ({
+  data: n,
+  ref: w,
+  topAxisLabel: c,
+  onBarClicked: a,
+  TooltipContents: M,
+  show95thPercentileLine: _ = !1,
+  cutoffNegativeValues: p = !1,
+  barSize: P = 15,
+  barSpacing: k = 2,
+  fill: A = !1,
+  legendTitle: J = "FDR",
+  legendValues: K = [1, 0.05, 0.01, 1e-3],
+  downloadFileName: D,
+  animation: Q,
+  animationBuffer: X
+}) => {
+  const [j, H] = v(200), [u, C] = v(!1), [T, Y] = v(!0), [E] = v(c + String(Math.random())), i = q(null), Z = q(null), {
+    parentRef: G,
+    width: s,
+    height: h
+  } = pe({
+    debounceTime: 150
+  });
+  U(() => {
+    const e = G.current;
+    if (!e) return;
+    const t = () => Y(!1);
+    return e.addEventListener("scroll", t, {
+      once: !0
+    }), () => e.removeEventListener("scroll", t);
+  }, []);
+  const B = n.map((e) => e.lollipopValue).filter((e) => e !== void 0), W = 5e-3, O = d(() => ue({
+    base: 10,
+    domain: [W, 1],
+    // Min/Max of fdr values in data
+    range: [10, 2],
+    round: !0
+  }), []), V = ae((e) => O(Math.max(W, e)), [O]), L = 50, $ = 20, R = B.length > 0 ? 30 : 0, f = Math.max(...n.map((e) => be(e.category ?? "", 12, "Arial"))), I = 10, g = d(() => Math.max(...n.map((e) => e.value)), [n]), x = d(() => Math.min(...n.map((e) => e.value)), [n]), y = -0.5, b = n.flatMap((e, t) => [e, {
+    id: `spacer-${t}`,
+    value: 0,
+    color: "transparent"
+  }]).slice(0, -1), N = n.length * P + (n.length - 1) * k, m = A ? h - L - $ - R : N, ee = d(() => he({
+    domain: b.map((e) => e.id),
+    range: [0, m],
+    paddingOuter: 0.5
+  }), [b, m]), r = d(() => fe({
+    domain: [
+      // If cutting off negative values, the lower bound is max(negativeCutoff, minValue).
+      p ? Math.min(0, Math.max(x, y)) : Math.min(0, x - 0.07 * (0 - x)),
+      // Make some room past the last tick (7% of the range of the data) if the data isnt all negative
+      Math.max(g, 0) + (g > 0 ? 0.07 * g : 0)
+    ],
+    // always include 0 as anchor if values do not cross 0
+    range: [0, Math.max(s - f - j, 0)]
+  }), [p, x, y, g, s, j]);
+  U(() => {
+    if (!s)
+      return;
+    let e = 0, t = null;
+    b.forEach((l, F) => {
+      const z = document.getElementById(`label-${F}-${E}`);
+      if (z) {
+        const ne = z.getBBox().width, oe = r(0), re = r(l.value), S = f + Math.max(oe, re) + I + ne - s;
+        e = Math.max(S, e), S < 0 && (t === null ? t = Math.abs(S) : t = Math.min(Math.abs(S), t));
+      }
+    }), e > 0 ? (C(!1), H((l) => l + 25)) : t && t > 30 ? (C(!1), H((l) => l - 25)) : C(!0);
+  }, [n, r, j, u, i, s, c, E]);
+  const te = (r.range()[0] + r.range()[1]) / 2;
+  return se(w, () => ({
+    downloadSVG: () => {
+      i.current && me(i.current, D ?? "bar_plot.svg");
+    },
+    downloadPNG: () => {
+      i.current && ce(i.current, D ?? "bar_plot.png");
+    }
+  })), // Min width of 500 to ensure that on mobile the calculated bar width is not negative
+  /* @__PURE__ */ o.jsxs("div", { ref: G, style: {
+    minWidth: "500px",
+    height: "100%",
+    overflow: "auto"
+  }, children: [
+    B.length > 0 && /* @__PURE__ */ o.jsx(ie, { values: B, label: J, getlollipopRadius: V, height: R, width: 300, legendValues: K, spaceForCategory: f, axisCenter: te, loading: !u || s < 0 }),
+    n.length === 0 ? /* @__PURE__ */ o.jsx("p", { children: "No Data To Display" }) : /* @__PURE__ */ o.jsx(
+      "svg",
+      {
+        ref: (e) => {
+          i && e && (i.current = e), Z.current = e;
+        },
+        width: s,
+        height: A ? h && h - R : m + L + $,
+        opacity: u && s > 0 ? 1 : 0.3,
+        children: /* @__PURE__ */ o.jsxs(ge, { left: f, top: L, children: [
+          /* @__PURE__ */ o.jsx(xe, { scale: r, top: 0, label: c, labelProps: {
+            dy: -5,
+            fontSize: 14,
+            fontFamily: ye
+          }, numTicks: s < 700 ? 4 : void 0, tickFormat: (e, t) => {
+            const l = typeof e == "number" ? e : e.valueOf();
+            return t === 0 && l < 0 && p && n.some((F) => F.value <= y) ? "Low Signal" : l.toString();
+          } }),
+          b.map((e, t) => /* @__PURE__ */ o.jsx(de, { bar: e, index: t, onBarClicked: a, TooltipContents: M, cutoffNegativeValues: p, negativeCutoff: y, xScale: r, yScale: ee, barSize: P, barSpacing: k, gapBetweenTextAndBar: I, getLollipopRadius: V, animation: Q, animationEnabled: T, animationBuffer: X, uniqueID: E }, e.id)),
+          /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsx("line", { x1: r(0), x2: r(0), y1: 0, y2: m, stroke: "#000000" }) }),
+          _ && r.domain()[1] > 1.645 && /* @__PURE__ */ o.jsx("line", { x1: r(1.645), x2: r(1.645), y1: 0, y2: m, stroke: "black", strokeDasharray: "5 7" })
+        ] }, T ? "animating" : "static")
+      }
+    ),
+    !u && /* @__PURE__ */ o.jsx("div", { style: {
+      display: "flex",
+      position: "absolute",
+      inset: 0,
+      justifyContent: "center"
+    }, children: /* @__PURE__ */ o.jsx(le, { sx: {
+      mt: 10
+    } }) })
+  ] });
+};
+export {
+  De as default,
+  be as getTextHeight
+};
+//# sourceMappingURL=visualization.es5.js.map

package/dist/visualization.es5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es5.js","sources":["../src/components/BarPlot/barplot.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';\nimport { scaleBand, scaleLinear, scaleLog } from '@visx/scale';\nimport { AxisTop } from '@visx/axis';\nimport { Group } from '@visx/group';\nimport { useParentSize } from '@visx/responsive';\nimport { CircularProgress } from '@mui/material';\nimport { BarData, BarPlotProps } from './types';\nimport { NumberValue } from '@visx/vendor/d3-scale';\nimport Legend from './legend';\nimport { downloadAsSVG, downloadSVGAsPNG } from '../../utility';\nimport SingleBar from './singleBar';\n\nconst fontFamily = \"Roboto,Helvetica,Arial,sans-serif\"\n\n//helper function to get the approx length of the longest category in px\nexport const getTextHeight = (text: string, fontSize: number, fontFamily: string): number => {\n    const el = document.createElement(\"g\");\n    el.style.position = \"absolute\";\n    el.style.visibility = \"hidden\";\n    el.style.fontSize = `${fontSize}px`;\n    el.style.fontFamily = fontFamily;\n    el.style.whiteSpace = \"nowrap\";\n    el.textContent = text;\n    document.body.appendChild(el);\n    const width = el.getBoundingClientRect().width;\n    document.body.removeChild(el);\n    return width + 10;\n};\n\nconst BarPlot = <T,>({\n    data,\n    ref,\n    topAxisLabel,\n    onBarClicked,\n    TooltipContents,\n    show95thPercentileLine = false,\n    cutoffNegativeValues = false,\n    barSize = 15,\n    barSpacing = 2,\n    fill = false,\n    legendTitle = \"FDR\",\n    legendValues = [1, 0.05, 0.01, 0.001],\n    downloadFileName,\n    animation,\n    animationBuffer\n}: BarPlotProps<T>) => {\n    const [spaceForLabel, setSpaceForLabel] = useState(200)\n    const [labelSpaceDecided, setLabelSpaceDecided] = useState(false)\n    // State to control whether animation is enabled so that if scrollling too fast through a long list of bars, \n    // you dont have to wait for the animation to catch up\n    const [animationEnabled, setAnimationEnabled] = useState(true);\n    // Unique ID needed to not mix up getElementByID calls if multiple charts are in DOM\n    const [uniqueID] = useState(topAxisLabel + String(Math.random()))\n    \n    const svgRef = useRef<SVGSVGElement | null>(null);\n\n    const outerSvgRef = useRef<SVGSVGElement>(null)\n    const { parentRef, width: ParentWidth, height: ParentHeight } = useParentSize({ debounceTime: 150 });\n\n    useEffect(() => {\n        const el = parentRef.current;\n        if (!el) return;\n\n        const handleScroll = () => setAnimationEnabled(false);\n\n        el.addEventListener(\"scroll\", handleScroll, { once: true });\n\n        return () => el.removeEventListener(\"scroll\", handleScroll);\n    }, []);\n\n    const lollipopValues = data\n        .map(d => d.lollipopValue)\n        .filter((v): v is number => v !== undefined);\n\n    const rScaleAdjustment = 0.005\n\n    /**\n     * Scale for the radius of the FDR circle. Use getFDRradius instead of this directly to avoid going outside of the domain\n     */\n    const rScale = useMemo(() =>\n        scaleLog<number>({\n            base: 10,\n            domain: [rScaleAdjustment, 1], // Min/Max of fdr values in data\n            range: [10, 2],\n            round: true,\n        }),\n        []\n    )\n\n    /**\n     * \n     * @param x \n     * @returns rScale(Math.max(0.005, x)) to avoid the very large values near 0\n     */\n    const getlollipopRadius = useCallback((x: number) => rScale(Math.max(rScaleAdjustment, x)), [rScale])\n\n    // Y padding\n    const spaceForTopAxis = 50\n    const spaceOnBottom = 20\n    const legendHeight = lollipopValues.length > 0 ? 30 : 0\n\n    // X padding\n    const maxCategoryLength = Math.max(...data.map(d => getTextHeight(d.category ?? \"\", 12, \"Arial\")))\n    const spaceForCategory = maxCategoryLength\n    const gapBetweenTextAndBar = 10\n\n    const maxValue = useMemo(() => Math.max(...data.map((d) => d.value)), [data])\n    const minValue = useMemo(() => Math.min(...data.map((d) => d.value)), [data])\n    const negativeCutoff = -0.5\n\n    const bars = data.flatMap((item, index) => [\n        item,\n        {\n            id: `spacer-${index}`,\n            value: 0,\n            color: \"transparent\",\n        }\n    ]).slice(0, -1);\n\n    const dataHeight = ((data.length) * (barSize)) + ((data.length - 1) * (barSpacing))\n    const totalHeight = fill ? ParentHeight - spaceForTopAxis - spaceOnBottom - legendHeight : dataHeight\n\n    // Scales\n    const yScale = useMemo(() =>\n        scaleBand<string>({\n            domain: bars.map((d) => d.id),\n            range: [0, totalHeight],\n            paddingOuter: 0.5,\n        }), [bars, totalHeight])\n\n    const xScale = useMemo(() =>\n        scaleLinear<number>({\n            domain: [\n                // If cutting off negative values, the lower bound is max(negativeCutoff, minValue).\n                cutoffNegativeValues ? Math.min(0, Math.max(minValue, negativeCutoff)) : Math.min(0, minValue - 0.07 * (0 - minValue)),\n                // Make some room past the last tick (7% of the range of the data) if the data isnt all negative\n                 Math.max(maxValue, 0) + (maxValue > 0 ? 0.07 * maxValue : 0),\n            ], // always include 0 as anchor if values do not cross 0\n            range: [0, Math.max(ParentWidth - spaceForCategory - spaceForLabel, 0)],\n        }), [cutoffNegativeValues, minValue, negativeCutoff, maxValue, ParentWidth, spaceForLabel])\n\n    //This feels really dumb but I couldn't figure out a better way to have the labels not overflow sometimes - JF 11/8/24\n    //Whenever xScale is adjusted, it checks to see if any of the labels overflow the container, and if so\n    //it sets the spaceForLabel to be the amount overflowed.\n    useEffect(() => {\n        if (!ParentWidth) { return }\n\n        let maxOverflow = 0\n        let minUnderflow: number | null = null\n\n        bars.forEach((d, i) => {\n            const textElement = document.getElementById(`label-${i}-${uniqueID}`) as unknown as SVGSVGElement;\n\n            if (textElement) {\n                const textWidth = textElement.getBBox().width;\n\n                const barStart = xScale(0);\n                const barEnd = xScale(d.value);\n\n                const totalWidth = spaceForCategory + Math.max(barStart, barEnd) + gapBetweenTextAndBar + textWidth;\n                const overflow = totalWidth - ParentWidth\n\n                maxOverflow = Math.max(overflow, maxOverflow)\n                if (overflow < 0) {\n                    if (minUnderflow === null) {\n                        minUnderflow = Math.abs(overflow)\n                    } else {\n                        minUnderflow = Math.min(Math.abs(overflow), minUnderflow)\n                    }\n                }\n            }\n        });\n\n        if (maxOverflow > 0) { //ensure nothing is cut off\n            setLabelSpaceDecided(false)\n            setSpaceForLabel((prev) => {\n                return prev + 25\n            })\n        } else if (minUnderflow && minUnderflow > 30) { //ensure not too much space is left empty\n            setLabelSpaceDecided(false)\n            setSpaceForLabel((prev) => {\n                return prev - 25\n            })\n        } else { //If there is no overflow or underflow to handle\n            setLabelSpaceDecided(true)\n        }\n\n    }, [data, xScale, spaceForLabel, labelSpaceDecided, svgRef, ParentWidth, topAxisLabel, uniqueID]);\n\n    const axisCenter = (xScale.range()[0] + xScale.range()[1]) / 2;\n\n    //Download the plot as svg or png using the passed ref from the parent\n    useImperativeHandle(ref, () => ({\n        downloadSVG: () => {\n            if (svgRef.current) downloadAsSVG(svgRef.current, downloadFileName ?? \"bar_plot.svg\");\n        },\n        downloadPNG: () => {\n            if (svgRef.current) downloadSVGAsPNG(svgRef.current, downloadFileName ?? \"bar_plot.png\");\n        },\n    }));\n\n    return (\n        // Min width of 500 to ensure that on mobile the calculated bar width is not negative\n        <div ref={parentRef} style={{ minWidth: '500px', height: '100%', overflow: 'auto'}}>\n            {lollipopValues.length > 0 && (\n                <Legend\n                    values={lollipopValues}\n                    label={legendTitle}\n                    getlollipopRadius={getlollipopRadius}\n                    height={legendHeight}\n                    width={300}\n                    legendValues={legendValues}\n                    spaceForCategory={spaceForCategory}\n                    axisCenter={axisCenter}\n                    loading={!labelSpaceDecided || ParentWidth < 0}\n                />\n            )}\n            {data.length === 0 ?\n                <p>No Data To Display</p>\n                :\n                <svg\n                    //define fallback ref if not passed through props\n                    ref={(node) => {\n                        if (svgRef && node) {\n                            svgRef.current = node;\n                        }\n                        outerSvgRef.current = node;\n                    }}\n                    width={ParentWidth}\n                    height={fill ? ParentHeight ? ParentHeight - legendHeight : ParentHeight : totalHeight + spaceForTopAxis + spaceOnBottom}\n                    opacity={(labelSpaceDecided && ParentWidth > 0) ? 1 : 0.3}\n                >\n                    <Group left={spaceForCategory} top={spaceForTopAxis} key={animationEnabled ? \"animating\" : \"static\"}>\n                        {/* Top Axis with Label */}\n                        <AxisTop\n                            scale={xScale}\n                            top={0}\n                            label={topAxisLabel}\n                            labelProps={{ dy: -5, fontSize: 14, fontFamily }}\n                            numTicks={ParentWidth < 700 ? 4 : undefined}\n                            tickFormat={(value: NumberValue, index: number) => {\n                                const num = typeof value === 'number' ? value : value.valueOf();\n\n                                if (index === 0 && num < 0 && cutoffNegativeValues && data.some(d => d.value <= negativeCutoff)) {\n                                    return \"Low Signal\";\n                                } else {\n                                    return num.toString();\n                                }\n                            }}\n                        />\n\n                        {bars.map((d, i) => {\n\n                            return (\n                                <SingleBar\n                                    key={d.id}\n                                    bar={d}\n                                    index={i}\n                                    onBarClicked={onBarClicked as unknown as ((bar: BarData<unknown>) => void) | undefined}\n                                    TooltipContents={TooltipContents as unknown as ((bar: BarData<unknown>) => React.ReactNode) | undefined}\n                                    cutoffNegativeValues={cutoffNegativeValues}\n                                    negativeCutoff={negativeCutoff}\n                                    xScale={xScale}\n                                    yScale={yScale}\n                                    barSize={barSize}\n                                    barSpacing={barSpacing}\n                                    gapBetweenTextAndBar={gapBetweenTextAndBar}\n                                    getLollipopRadius={getlollipopRadius}\n                                    animation={animation}\n                                    animationEnabled={animationEnabled}\n                                    animationBuffer={animationBuffer}\n                                    uniqueID={uniqueID}\n                                />\n                            );\n                        })}\n                        <>\n                            <line\n                                x1={xScale(0)}\n                                x2={xScale(0)}\n                                y1={0}\n                                y2={totalHeight}\n                                stroke=\"#000000\"\n                            />\n                        </>\n                        {show95thPercentileLine && xScale.domain()[1] > 1.645 &&\n                            <line\n                                x1={xScale(1.645)}\n                                x2={xScale(1.645)}\n                                y1={0}\n                                y2={totalHeight}\n                                stroke={\"black\"}\n                                strokeDasharray={'5 7'}\n                            />\n                        }\n                    </Group>\n                </svg>\n            }\n            {/* Loading Wheel for resizing */}\n            {!labelSpaceDecided &&\n                <div style={{ display: \"flex\", position: \"absolute\", inset: 0, justifyContent: \"center\" }}>\n                    <CircularProgress sx={{ mt: 10 }} />\n                </div>\n            }\n        </div>\n    );\n};\n\nexport default BarPlot;"],"names":["fontFamily","getTextHeight","text","fontSize","el","document","createElement","style","position","visibility","whiteSpace","textContent","body","appendChild","width","getBoundingClientRect","removeChild","BarPlot","data","ref","topAxisLabel","onBarClicked","TooltipContents","show95thPercentileLine","cutoffNegativeValues","barSize","barSpacing","fill","legendTitle","legendValues","downloadFileName","animation","animationBuffer","spaceForLabel","setSpaceForLabel","useState","labelSpaceDecided","setLabelSpaceDecided","animationEnabled","setAnimationEnabled","uniqueID","String","Math","random","svgRef","useRef","outerSvgRef","parentRef","ParentWidth","height","ParentHeight","useParentSize","debounceTime","useEffect","current","handleScroll","addEventListener","once","removeEventListener","lollipopValues","map","d","lollipopValue","filter","v","undefined","rScaleAdjustment","rScale","useMemo","scaleLog","base","domain","range","round","getlollipopRadius","useCallback","x","max","spaceForTopAxis","spaceOnBottom","legendHeight","length","spaceForCategory","category","gapBetweenTextAndBar","maxValue","value","minValue","min","negativeCutoff","bars","flatMap","item","index","id","color","slice","dataHeight","totalHeight","yScale","scaleBand","paddingOuter","xScale","scaleLinear","maxOverflow","minUnderflow","forEach","i","textElement","getElementById","textWidth","getBBox","barStart","barEnd","overflow","abs","prev","axisCenter","useImperativeHandle","downloadSVG","downloadAsSVG","downloadPNG","downloadSVGAsPNG","jsxs","minWidth","jsx","Legend","node","Group","AxisTop","dy","num","valueOf","some","toString","SingleBar","display","inset","justifyContent","CircularProgress","mt"],"mappings":"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"}

package/dist/visualization.es50.js

@@ -0,0 +1,21 @@
+import g from "./visualization.es51.js";
+import R from "./visualization.es49.js";
+import { squarifyRatio as _, phi as d } from "./visualization.es53.js";
+const k = function q(l) {
+  function v(i, t, a, m, c) {
+    if ((u = i._squarify) && u.ratio === l)
+      for (var u, e, r, f, h = -1, p, s = u.length, n = i.value; ++h < s; ) {
+        for (e = u[h], r = e.children, f = e.value = 0, p = r.length; f < p; ++f) e.value += r[f].value;
+        e.dice ? g(e, t, a, m, a += (c - a) * e.value / n) : R(e, t, a, t += (m - t) * e.value / n, c), n -= e.value;
+      }
+    else
+      i._squarify = u = _(l, i, t, a, m, c), u.ratio = l;
+  }
+  return v.ratio = function(i) {
+    return q((i = +i) > 1 ? i : 1);
+  }, v;
+}(d);
+export {
+  k as default
+};
+//# sourceMappingURL=visualization.es50.js.map

package/dist/visualization.es50.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es50.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/treemap/resquarify.js"],"sourcesContent":["import treemapDice from \"./dice.js\";\nimport treemapSlice from \"./slice.js\";\nimport {phi, squarifyRatio} from \"./squarify.js\";\n\nexport default (function custom(ratio) {\n\n  function resquarify(parent, x0, y0, x1, y1) {\n    if ((rows = parent._squarify) && (rows.ratio === ratio)) {\n      var rows,\n          row,\n          nodes,\n          i,\n          j = -1,\n          n,\n          m = rows.length,\n          value = parent.value;\n\n      while (++j < m) {\n        row = rows[j], nodes = row.children;\n        for (i = row.value = 0, n = nodes.length; i < n; ++i) row.value += nodes[i].value;\n        if (row.dice) treemapDice(row, x0, y0, x1, y0 += (y1 - y0) * row.value / value);\n        else treemapSlice(row, x0, y0, x0 += (x1 - x0) * row.value / value, y1);\n        value -= row.value;\n      }\n    } else {\n      parent._squarify = rows = squarifyRatio(ratio, parent, x0, y0, x1, y1);\n      rows.ratio = ratio;\n    }\n  }\n\n  resquarify.ratio = function(x) {\n    return custom((x = +x) > 1 ? x : 1);\n  };\n\n  return resquarify;\n})(phi);\n"],"names":["treemapResquarify","custom","ratio","resquarify","parent","x0","y0","x1","y1","rows","row","nodes","i","j","n","m","value","treemapDice","treemapSlice","squarifyRatio","x","phi"],"mappings":";;;AAIA,MAAAA,IAAgB,SAASC,EAAOC,GAAO;AAErC,WAASC,EAAWC,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AAC1C,SAAKC,IAAOL,EAAO,cAAeK,EAAK,UAAUP;AAU/C,eATIO,GACAC,GACAC,GACAC,GACAC,IAAI,IACJC,GACAC,IAAIN,EAAK,QACTO,IAAQZ,EAAO,OAEZ,EAAES,IAAIE,KAAG;AAEd,aADAL,IAAMD,EAAKI,CAAC,GAAGF,IAAQD,EAAI,UACtBE,IAAIF,EAAI,QAAQ,GAAGI,IAAIH,EAAM,QAAQC,IAAIE,GAAG,EAAEF,EAAG,CAAAF,EAAI,SAASC,EAAMC,CAAC,EAAE;AAC5E,QAAIF,EAAI,OAAMO,EAAYP,GAAKL,GAAIC,GAAIC,GAAID,MAAOE,IAAKF,KAAMI,EAAI,QAAQM,CAAK,IACzEE,EAAaR,GAAKL,GAAIC,GAAID,MAAOE,IAAKF,KAAMK,EAAI,QAAQM,GAAOR,CAAE,GACtEQ,KAASN,EAAI;AAAA,MACf;AAAA;AAEA,MAAAN,EAAO,YAAYK,IAAOU,EAAcjB,GAAOE,GAAQC,GAAIC,GAAIC,GAAIC,CAAE,GACrEC,EAAK,QAAQP;AAAA,EAEjB;AAEA,SAAAC,EAAW,QAAQ,SAASiB,GAAG;AAC7B,WAAOnB,GAAQmB,IAAI,CAACA,KAAK,IAAIA,IAAI,CAAC;AAAA,EACpC,GAEOjB;AACT,EAAGkB,CAAG;","x_google_ignoreList":[0]}

package/dist/visualization.es500.js

@@ -0,0 +1,11 @@
+import { makeUseVisualState as e } from "./visualization.es138.js";
+import { createSvgRenderState as r } from "./visualization.es623.js";
+import { scrapeMotionValuesFromProps as t } from "./visualization.es495.js";
+const m = /* @__PURE__ */ e({
+  scrapeMotionValuesFromProps: t,
+  createRenderState: r
+});
+export {
+  m as useSVGVisualState
+};
+//# sourceMappingURL=visualization.es500.js.map

package/dist/visualization.es500.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es500.js","sources":["../../../node_modules/.pnpm/framer-motion@12.23.24_@emotion+is-prop-valid@1.3.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/framer-motion/dist/es/render/svg/use-svg-visual-state.mjs"],"sourcesContent":["\"use client\";\nimport { makeUseVisualState } from '../../motion/utils/use-visual-state.mjs';\nimport { createSvgRenderState } from './utils/create-render-state.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\n\nconst useSVGVisualState = /*@__PURE__*/ makeUseVisualState({\n    scrapeMotionValuesFromProps: scrapeMotionValuesFromProps,\n    createRenderState: createSvgRenderState,\n});\n\nexport { useSVGVisualState };\n"],"names":["useSVGVisualState","makeUseVisualState","scrapeMotionValuesFromProps","createSvgRenderState"],"mappings":";;;AAKK,MAACA,IAAkC,gBAAAC,EAAmB;AAAA,EACvD,6BAA6BC;AAAA,EAC7B,mBAAmBC;AACvB,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es501.js

@@ -0,0 +1,18 @@
+import { useCallback as p } from "react";
+import { isRefObject as i } from "./visualization.es624.js";
+function b(r, u, f) {
+  return p(
+    (o) => {
+      o && r.onMount && r.onMount(o), u && (o ? u.mount(o) : u.unmount()), f && (typeof f == "function" ? f(o) : i(f) && (f.current = o));
+    },
+    /**
+     * Include externalRef in dependencies to ensure the callback updates
+     * when the ref changes, allowing proper ref forwarding.
+     */
+    [u]
+  );
+}
+export {
+  b as useMotionRef
+};
+//# sourceMappingURL=visualization.es501.js.map

package/dist/visualization.es501.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es501.js","sources":["../../../node_modules/.pnpm/framer-motion@12.23.24_@emotion+is-prop-valid@1.3.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/framer-motion/dist/es/motion/utils/use-motion-ref.mjs"],"sourcesContent":["\"use client\";\nimport { useCallback } from 'react';\nimport { isRefObject } from '../../utils/is-ref-object.mjs';\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    return useCallback((instance) => {\n        if (instance) {\n            visualState.onMount && visualState.onMount(instance);\n        }\n        if (visualElement) {\n            if (instance) {\n                visualElement.mount(instance);\n            }\n            else {\n                visualElement.unmount();\n            }\n        }\n        if (externalRef) {\n            if (typeof externalRef === \"function\") {\n                externalRef(instance);\n            }\n            else if (isRefObject(externalRef)) {\n                externalRef.current = instance;\n            }\n        }\n    }, \n    /**\n     * Include externalRef in dependencies to ensure the callback updates\n     * when the ref changes, allowing proper ref forwarding.\n     */\n    [visualElement]);\n}\n\nexport { useMotionRef };\n"],"names":["useMotionRef","visualState","visualElement","externalRef","useCallback","instance","isRefObject"],"mappings":";;AAQA,SAASA,EAAaC,GAAaC,GAAeC,GAAa;AAC3D,SAAOC;AAAA,IAAY,CAACC,MAAa;AAC7B,MAAIA,KACAJ,EAAY,WAAWA,EAAY,QAAQI,CAAQ,GAEnDH,MACIG,IACAH,EAAc,MAAMG,CAAQ,IAG5BH,EAAc,QAAO,IAGzBC,MACI,OAAOA,KAAgB,aACvBA,EAAYE,CAAQ,IAEfC,EAAYH,CAAW,MAC5BA,EAAY,UAAUE;AAAA,IAGlC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,CAACH,CAAa;AAAA,EAAC;AACnB;","x_google_ignoreList":[0]}

package/dist/visualization.es502.js

@@ -0,0 +1,63 @@
+import { useContext as f, useRef as l, useInsertionEffect as w, useEffect as g } from "react";
+import { optimizedAppearDataAttribute as x } from "./visualization.es183.js";
+import { LazyContext as h } from "./visualization.es282.js";
+import { MotionConfigContext as j } from "./visualization.es186.js";
+import { MotionContext as I } from "./visualization.es140.js";
+import { PresenceContext as A } from "./visualization.es141.js";
+import { SwitchLayoutGroupContext as S } from "./visualization.es187.js";
+import { isRefObject as L } from "./visualization.es624.js";
+import { useIsomorphicLayoutEffect as R } from "./visualization.es152.js";
+function F(o, s, n, i, u) {
+  const { visualElement: a } = f(I), p = f(h), e = f(A), m = f(j).reducedMotion, r = l(null);
+  i = i || p.renderer, !r.current && i && (r.current = i(o, {
+    visualState: s,
+    parent: a,
+    props: n,
+    presenceContext: e,
+    blockInitialAnimation: e ? e.initial === !1 : !1,
+    reducedMotionConfig: m
+  }));
+  const t = r.current, M = f(S);
+  t && !t.projection && u && (t.type === "html" || t.type === "svg") && b(r.current, n, u, M);
+  const C = l(!1);
+  w(() => {
+    t && C.current && t.update(n, e);
+  });
+  const c = n[x], d = l(!!c && !window.MotionHandoffIsComplete?.(c) && window.MotionHasOptimisedAnimation?.(c));
+  return R(() => {
+    t && (C.current = !0, window.MotionIsMounted = !0, t.updateFeatures(), t.scheduleRenderMicrotask(), d.current && t.animationState && t.animationState.animateChanges());
+  }), g(() => {
+    t && (!d.current && t.animationState && t.animationState.animateChanges(), d.current && (queueMicrotask(() => {
+      window.MotionHandoffMarkAsComplete?.(c);
+    }), d.current = !1), t.enteringChildren = void 0);
+  }), t;
+}
+function b(o, s, n, i) {
+  const { layoutId: u, layout: a, drag: p, dragConstraints: e, layoutScroll: m, layoutRoot: r, layoutCrossfade: t } = s;
+  o.projection = new n(o.latestValues, s["data-framer-portal-id"] ? void 0 : y(o.parent)), o.projection.setOptions({
+    layoutId: u,
+    layout: a,
+    alwaysMeasureLayout: !!p || e && L(e),
+    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: i,
+    crossfade: t,
+    layoutScroll: m,
+    layoutRoot: r
+  });
+}
+function y(o) {
+  if (o)
+    return o.options.allowProjection !== !1 ? o.projection : y(o.parent);
+}
+export {
+  F as useVisualElement
+};
+//# sourceMappingURL=visualization.es502.js.map

package/dist/visualization.es502.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es502.js","sources":["../../../node_modules/.pnpm/framer-motion@12.23.24_@emotion+is-prop-valid@1.3.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/framer-motion/dist/es/motion/utils/use-visual-element.mjs"],"sourcesContent":["\"use client\";\nimport { useContext, useRef, useInsertionEffect, useEffect } from 'react';\nimport { optimizedAppearDataAttribute } from '../../animation/optimized-appear/data-id.mjs';\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) {\n    const { visualElement: parent } = useContext(MotionContext);\n    const lazyContext = useContext(LazyContext);\n    const presenceContext = useContext(PresenceContext);\n    const reducedMotionConfig = useContext(MotionConfigContext).reducedMotion;\n    const visualElementRef = useRef(null);\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        });\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        !window.MotionHandoffIsComplete?.(optimisedAppearId) &&\n        window.MotionHasOptimisedAnimation?.(optimisedAppearId));\n    useIsomorphicLayoutEffect(() => {\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, 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    });\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"],"names":["useVisualElement","Component","visualState","props","createVisualElement","ProjectionNodeConstructor","parent","useContext","MotionContext","lazyContext","LazyContext","presenceContext","PresenceContext","reducedMotionConfig","MotionConfigContext","visualElementRef","useRef","visualElement","initialLayoutGroupConfig","SwitchLayoutGroupContext","createProjectionNode","isMounted","useInsertionEffect","optimisedAppearId","optimizedAppearDataAttribute","wantsHandoff","useIsomorphicLayoutEffect","useEffect","initialPromotionConfig","layoutId","layout","drag","dragConstraints","layoutScroll","layoutRoot","layoutCrossfade","getClosestProjectingNode","isRefObject"],"mappings":";;;;;;;;;AAWA,SAASA,EAAiBC,GAAWC,GAAaC,GAAOC,GAAqBC,GAA2B;AACrG,QAAM,EAAE,eAAeC,MAAWC,EAAWC,CAAa,GACpDC,IAAcF,EAAWG,CAAW,GACpCC,IAAkBJ,EAAWK,CAAe,GAC5CC,IAAsBN,EAAWO,CAAmB,EAAE,eACtDC,IAAmBC,EAAO,IAAI;AAIpC,EAAAZ,IACIA,KACIK,EAAY,UAChB,CAACM,EAAiB,WAAWX,MAC7BW,EAAiB,UAAUX,EAAoBH,GAAW;AAAA,IACtD,aAAAC;AAAA,IACA,QAAAI;AAAA,IACA,OAAAH;AAAA,IACA,iBAAAQ;AAAA,IACA,uBAAuBA,IACjBA,EAAgB,YAAY,KAC5B;AAAA,IACN,qBAAAE;AAAA,EACZ,CAAS;AAEL,QAAMI,IAAgBF,EAAiB,SAKjCG,IAA2BX,EAAWY,CAAwB;AACpE,EAAIF,KACA,CAACA,EAAc,cACfZ,MACCY,EAAc,SAAS,UAAUA,EAAc,SAAS,UACzDG,EAAqBL,EAAiB,SAASZ,GAAOE,GAA2Ba,CAAwB;AAE7G,QAAMG,IAAYL,EAAO,EAAK;AAC9B,EAAAM,EAAmB,MAAM;AAKrB,IAAIL,KAAiBI,EAAU,WAC3BJ,EAAc,OAAOd,GAAOQ,CAAe;AAAA,EAEnD,CAAC;AAKD,QAAMY,IAAoBpB,EAAMqB,CAA4B,GACtDC,IAAeT,EAAO,EAAQO,KAChC,CAAC,OAAO,0BAA0BA,CAAiB,KACnD,OAAO,8BAA8BA,CAAiB,CAAC;AAC3D,SAAAG,EAA0B,MAAM;AAC5B,IAAKT,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,GAAed,GAAOE,GAA2BuB,GAAwB;AACnG,QAAM,EAAE,UAAAC,GAAU,QAAAC,GAAQ,MAAAC,GAAM,iBAAAC,GAAiB,cAAAC,GAAc,YAAAC,GAAY,iBAAAC,EAAe,IAAMhC;AAChG,EAAAc,EAAc,aAAa,IAAIZ,EAA0BY,EAAc,cAAcd,EAAM,uBAAuB,IAC5G,SACAiC,EAAyBnB,EAAc,MAAM,CAAC,GACpDA,EAAc,WAAW,WAAW;AAAA,IAChC,UAAAY;AAAA,IACA,QAAAC;AAAA,IACA,qBAAqB,EAAQC,KAAUC,KAAmBK,EAAYL,CAAe;AAAA,IACrF,eAAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA,eAAe,OAAOa,KAAW,WAAWA,IAAS;AAAA,IACrD,wBAAAF;AAAA,IACA,WAAWO;AAAA,IACX,cAAAF;AAAA,IACA,YAAAC;AAAA,EACR,CAAK;AACL;AACA,SAASE,EAAyBnB,GAAe;AAC7C,MAAKA;AAEL,WAAOA,EAAc,QAAQ,oBAAoB,KAC3CA,EAAc,aACdmB,EAAyBnB,EAAc,MAAM;AACvD;","x_google_ignoreList":[0]}

package/dist/visualization.es503.js

@@ -0,0 +1,15 @@
+function f(t, e) {
+  if (!Array.isArray(e))
+    return !1;
+  const n = e.length;
+  if (n !== t.length)
+    return !1;
+  for (let r = 0; r < n; r++)
+    if (e[r] !== t[r])
+      return !1;
+  return !0;
+}
+export {
+  f as shallowCompare
+};
+//# sourceMappingURL=visualization.es503.js.map

package/dist/visualization.es503.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es503.js","sources":["../../../node_modules/.pnpm/framer-motion@12.23.24_@emotion+is-prop-valid@1.3.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/framer-motion/dist/es/utils/shallow-compare.mjs"],"sourcesContent":["function shallowCompare(next, prev) {\n    if (!Array.isArray(prev))\n        return false;\n    const prevLength = prev.length;\n    if (prevLength !== next.length)\n        return false;\n    for (let i = 0; i < prevLength; i++) {\n        if (prev[i] !== next[i])\n            return false;\n    }\n    return true;\n}\n\nexport { shallowCompare };\n"],"names":["shallowCompare","next","prev","prevLength","i"],"mappings":"AAAA,SAASA,EAAeC,GAAMC,GAAM;AAChC,MAAI,CAAC,MAAM,QAAQA,CAAI;AACnB,WAAO;AACX,QAAMC,IAAaD,EAAK;AACxB,MAAIC,MAAeF,EAAK;AACpB,WAAO;AACX,WAASG,IAAI,GAAGA,IAAID,GAAYC;AAC5B,QAAIF,EAAKE,CAAC,MAAMH,EAAKG,CAAC;AAClB,aAAO;AAEf,SAAO;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es504.js

@@ -0,0 +1,21 @@
+import { isVariantLabel as a } from "./visualization.es286.js";
+import { variantProps as p } from "./visualization.es287.js";
+const f = p.length;
+function c(n) {
+  if (!n)
+    return;
+  if (!n.isControllingVariants) {
+    const r = n.parent ? c(n.parent) || {} : {};
+    return n.props.initial !== void 0 && (r.initial = n.props.initial), r;
+  }
+  const o = {};
+  for (let r = 0; r < f; r++) {
+    const i = p[r], t = n.props[i];
+    (a(t) || t === !1) && (o[i] = t);
+  }
+  return o;
+}
+export {
+  c as getVariantContext
+};
+//# sourceMappingURL=visualization.es504.js.map

package/dist/visualization.es504.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es504.js","sources":["../../../node_modules/.pnpm/framer-motion@12.23.24_@emotion+is-prop-valid@1.3.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/framer-motion/dist/es/render/utils/get-variant-context.mjs"],"sourcesContent":["import { isVariantLabel } from './is-variant-label.mjs';\nimport { variantProps } from './variant-props.mjs';\n\nconst numVariantProps = variantProps.length;\nfunction getVariantContext(visualElement) {\n    if (!visualElement)\n        return undefined;\n    if (!visualElement.isControllingVariants) {\n        const context = visualElement.parent\n            ? getVariantContext(visualElement.parent) || {}\n            : {};\n        if (visualElement.props.initial !== undefined) {\n            context.initial = visualElement.props.initial;\n        }\n        return context;\n    }\n    const context = {};\n    for (let i = 0; i < numVariantProps; i++) {\n        const name = variantProps[i];\n        const prop = visualElement.props[name];\n        if (isVariantLabel(prop) || prop === false) {\n            context[name] = prop;\n        }\n    }\n    return context;\n}\n\nexport { getVariantContext };\n"],"names":["numVariantProps","variantProps","getVariantContext","visualElement","context","i","name","prop","isVariantLabel"],"mappings":";;AAGA,MAAMA,IAAkBC,EAAa;AACrC,SAASC,EAAkBC,GAAe;AACtC,MAAI,CAACA;AACD;AACJ,MAAI,CAACA,EAAc,uBAAuB;AACtC,UAAMC,IAAUD,EAAc,SACxBD,EAAkBC,EAAc,MAAM,KAAK,CAAA,IAC3C,CAAA;AACN,WAAIA,EAAc,MAAM,YAAY,WAChCC,EAAQ,UAAUD,EAAc,MAAM,UAEnCC;AAAA,EACX;AACA,QAAMA,IAAU,CAAA;AAChB,WAASC,IAAI,GAAGA,IAAIL,GAAiBK,KAAK;AACtC,UAAMC,IAAOL,EAAaI,CAAC,GACrBE,IAAOJ,EAAc,MAAMG,CAAI;AACrC,KAAIE,EAAeD,CAAI,KAAKA,MAAS,QACjCH,EAAQE,CAAI,IAAIC;AAAA,EAExB;AACA,SAAOH;AACX;","x_google_ignoreList":[0]}