@weng-lab/visualization 2.4.0-beta.8 → 2.4.0

package/dist/visualization.es47.js

@@ -1,172 +1,30 @@
-import { c as Ht } from "react/compiler-runtime";
-import { measureTextWidth as _t } from "./visualization.es31.js";
-import { getHeatmapLegendWidth as It } from "./visualization.es97.js";
-import { getHeatmapColorScale as Wt, cellKey as Nt, DEFAULT_DESELECTED_COLOR as yt } from "./visualization.es98.js";
-import { TICK_FONT_FAMILY as dt, TICK_FONT_SIZE as it } from "./visualization.es46.js";
-import ut from "./visualization.es25.js";
-const vt = 16, ft = 12, at = 40, ct = 70, pt = 1.15, Dt = 50, gt = (o) => o.rows;
-function st(o, t) {
-  return o.reduce((e, T) => {
-    const r = t(T);
-    return r == null ? e : Math.max(e, r);
-  }, 0);
-}
-function Zt(o) {
-  const t = Ht(76), {
-    data: e,
-    colorDomain: T,
-    colors: r,
-    xLabelOrientation: k,
-    margin: B,
-    showLegend: Tt,
-    isScrollable: x,
-    cellWidth: xt,
-    cellHeight: Lt,
-    parentWidth: Mt,
-    parentHeight: St,
-    showMiniMap: Ct,
-    gap: G,
-    isRect: X,
-    selectedCells: M,
-    deselectedColor: wt
-  } = o;
-  let S;
-  t[0] !== e ? (S = e.map(Gt), t[0] = e, t[1] = S) : S = t[1];
-  const C = S;
-  let w;
-  t[2] !== e[0]?.rows ? (w = e[0]?.rows.map(Bt) ?? [], t[2] = e[0]?.rows, t[3] = w) : w = t[3];
-  const E = w;
-  let b;
-  t[4] !== e ? (b = st(e, Vt), t[4] = e, t[5] = b) : b = t[5];
-  const Y = b;
-  let A;
-  t[6] !== T || t[7] !== Y ? (A = T ?? [0, Y], t[6] = T, t[7] = Y, t[8] = A) : A = t[8];
-  const [s, i] = A, l = st(e, Pt), Et = C.reduce(Kt, 0) * pt, m = E.reduce(Ft, 0) * pt, rt = Et, L = k === "horizontal" ? 12 : k === "vertical" ? rt : rt * Math.SQRT1_2, j = k === "leftDiagonal" ? L : 0;
-  let H;
-  t[9] !== r ? (H = r.join("\0"), t[9] = r, t[10] = H) : H = t[10];
-  const z = H;
-  let I;
-  t[11] !== z ? (I = z.split("\0"), t[11] = z, t[12] = I) : I = t[12];
-  const h = I, W = It(s, i), Q = Tt ? W + vt : 10, U = L + ft + ct;
-  let N;
-  t[13] !== Q || t[14] !== U || t[15] !== B || t[16] !== m ? (N = B ?? {
-    top: 20,
-    left: m + ft + at,
-    right: Q,
-    bottom: U + it
-  }, t[13] = Q, t[14] = U, t[15] = B, t[16] = m, t[17] = N) : N = t[17];
-  const a = N, bt = x && Ct ? Dt : 0, mt = Math.max(0, Mt - a.left - a.right), ht = Math.max(0, St - a.bottom - a.top - bt), c = x ? e.length * xt : mt, n = x ? l * Lt : ht, Z = x ? Math.min(c, mt) : c, $ = x ? Math.min(n, ht) : n, q = Math.max(0, a.left - at), J = Math.max(0, a.bottom - ct), u = c / e.length, f = n / l;
-  let y;
-  t[18] !== e.length || t[19] !== c ? (y = ut({
-    domain: [0, e.length],
-    range: [0, c]
-  }), t[18] = e.length, t[19] = c, t[20] = y) : y = t[20];
-  const p = y;
-  let v;
-  t[21] !== l || t[22] !== n ? (v = ut({
-    domain: [0, l],
-    range: [n, 0]
-  }), t[21] = l, t[22] = n, t[23] = v) : v = t[23];
-  const _ = v;
-  let D;
-  t[24] !== _ ? (D = (At) => _(At + 1), t[24] = _, t[25] = D) : D = t[25];
-  const d = D;
-  let O;
-  t[26] !== e ? (O = e.map(Rt), t[26] = e, t[27] = O) : O = t[27];
-  const tt = O;
-  let R;
-  t[28] !== e[0]?.rows ? (R = e[0]?.rows.map(Ot) ?? [], t[28] = e[0]?.rows, t[29] = R) : R = t[29];
-  const et = R, ot = wt ?? yt;
-  let F;
-  t[30] !== i || t[31] !== s || t[32] !== h ? (F = Wt(h, [s, i]), t[30] = i, t[31] = s, t[32] = h, t[33] = F) : F = t[33];
-  const g = F;
-  let K;
-  t[34] !== M ? (K = M?.length ? new Set(M.map(Nt)) : null, t[34] = M, t[35] = K) : K = t[35];
-  const nt = K;
-  let P;
-  t[36] !== f || t[37] !== u || t[38] !== d || t[39] !== g || t[40] !== e || t[41] !== G || t[42] !== X || t[43] !== l || t[44] !== ot || t[45] !== nt || t[46] !== p || t[47] !== n ? (P = {
-    data: e,
-    numRows: l,
-    xScale: p,
-    cellYScale: d,
-    colorScale: g,
-    gap: G,
-    isRect: X,
-    binWidth: u,
-    binHeight: f,
-    yMax: n,
-    selectedKeys: nt,
-    deselectedColor: ot
-  }, t[36] = f, t[37] = u, t[38] = d, t[39] = g, t[40] = e, t[41] = G, t[42] = X, t[43] = l, t[44] = ot, t[45] = nt, t[46] = p, t[47] = n, t[48] = P) : P = t[48];
-  const lt = P;
-  let V;
-  return t[49] !== C || t[50] !== E || t[51] !== f || t[52] !== u || t[53] !== lt || t[54] !== d || t[55] !== L || t[56] !== g || t[57] !== W || t[58] !== a || t[59] !== m || t[60] !== i || t[61] !== s || t[62] !== l || t[63] !== h || t[64] !== $ || t[65] !== Z || t[66] !== c || t[67] !== p || t[68] !== J || t[69] !== j || t[70] !== tt || t[71] !== n || t[72] !== _ || t[73] !== q || t[74] !== et ? (V = {
-    allColNames: C,
-    allRowNames: E,
-    numRows: l,
-    minValue: s,
-    maxValue: i,
-    marg: a,
-    xMax: c,
-    yMax: n,
-    viewportWidth: Z,
-    viewportHeight: $,
-    yTitleWidth: at,
-    yTickLabelWidth: q,
-    xTitleHeight: ct,
-    xTickLabelHeight: J,
-    binWidth: u,
-    binHeight: f,
-    colLabelHeight: L,
-    xTickLeftOverhangMax: j,
-    maxRowNameWidth: m,
-    legendWidth: W,
-    xScale: p,
-    yScale: _,
-    cellYScale: d,
-    xTickValues: tt,
-    yTickValues: et,
-    stableColors: h,
-    colorScale: g,
-    canvasCellParams: lt
-  }, t[49] = C, t[50] = E, t[51] = f, t[52] = u, t[53] = lt, t[54] = d, t[55] = L, t[56] = g, t[57] = W, t[58] = a, t[59] = m, t[60] = i, t[61] = s, t[62] = l, t[63] = h, t[64] = $, t[65] = Z, t[66] = c, t[67] = p, t[68] = J, t[69] = j, t[70] = tt, t[71] = n, t[72] = _, t[73] = q, t[74] = et, t[75] = V) : V = t[75], V;
-}
-function Ot(o, t) {
-  return t + 0.5;
-}
-function Rt(o, t) {
-  return t + 0.5;
-}
-function Ft(o, t) {
-  return Math.max(o, _t(t, it, dt));
-}
-function Kt(o, t) {
-  return Math.max(o, _t(t, it, dt));
-}
-function Pt(o) {
-  return gt(o).length;
-}
-function Vt(o) {
-  return st(gt(o), kt);
-}
-function kt(o) {
-  return o.count;
-}
-function Bt(o) {
-  return o.rowName;
-}
-function Gt(o) {
-  return o.columnName;
-}
+import { jsx as i } from "react/jsx-runtime";
+import { c as n } from "react/compiler-runtime";
+import m from "./visualization.es42.js";
+const f = {
+  scaleX: 1,
+  scaleY: 1,
+  translateX: 0,
+  translateY: 0,
+  skewX: 0,
+  skewY: 0
+}, M = {
+  scaleXMin: 1 / 2,
+  scaleXMax: 10,
+  scaleYMin: 1 / 2,
+  scaleYMax: 10
+}, h = m, d = (r) => {
+  const t = n(6), {
+    width: s,
+    height: a,
+    children: l
+  } = r;
+  let e;
+  t[0] !== l ? (e = (c) => l(c), t[0] = l, t[1] = e) : e = t[1];
+  let o;
+  return t[2] !== a || t[3] !== e || t[4] !== s ? (o = /* @__PURE__ */ i(h, { width: s, height: a, ...M, initialTransformMatrix: f, children: e }), t[2] = a, t[3] = e, t[4] = s, t[5] = o) : o = t[5], o;
+};
 export {
-  ft as AXIS_LABEL_GAP,
-  vt as LEGEND_GAP,
-  Dt as MINI_MAP_HEIGHT,
-  pt as TICK_LABEL_WIDTH_SAFETY_FACTOR,
-  ct as X_AXIS_TITLE_SPACE,
-  at as Y_AXIS_TITLE_SPACE,
-  gt as getBins,
-  st as maxOf,
-  Zt as useHeatmapLayout
+  d as default
 };
 //# sourceMappingURL=visualization.es47.js.map

package/dist/visualization.es47.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es47.js","sources":["../src/components/Heatmap/heatmapLayout.ts"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport { scaleLinear } from \"@visx/scale\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport type { ColumnDatum, HeatmapCellId } from \"./types\";\nimport type { HeatmapProps } from \"./types\";\nimport { measureTextWidth } from \"../../utility\";\nimport { getHeatmapLegendWidth } from \"./HeatmapLegend\";\nimport { DEFAULT_DESELECTED_COLOR, cellKey, getHeatmapColorScale } from \"./heatmapCellAppearance\";\nimport { type CanvasCellParams } from \"./HeatmapCanvasCells\";\nimport { TICK_FONT_SIZE, TICK_FONT_FAMILY } from \"./heatmapAxisProps\";\n\nexport const LEGEND_GAP = 16;\n// Extra breathing room between the tick labels and the axis title, beyond the space\n// reserved for the tick labels themselves.\nexport const AXIS_LABEL_GAP = 12;\n// Space reserved for the axis title itself (the \"X-Axis Label\" / \"Y-Axis Label\" text), beyond\n// the tick labels. In scrollable mode this is carved out into its own always-visible pane so\n// the title can't be scrolled out of view - see yTitleWidth/xTitleHeight in HeatmapLayout.\nexport const Y_AXIS_TITLE_SPACE = 40;\nexport const X_AXIS_TITLE_SPACE = 70;\n// Canvas's measureText and the browser's actual SVG text layout don't agree to the sub-pixel,\n// and the gap widens with string length - pad generously so long tick labels aren't clipped.\nexport const TICK_LABEL_WIDTH_SAFETY_FACTOR = 1.15;\nexport const MINI_MAP_HEIGHT = 50;\n\nexport const getBins = (d: ColumnDatum) => d.rows;\n\nexport function maxOf<Datum>(data: Datum[], value: (d: Datum) => number | null): number {\n  // Null counts are gaps in the data and don't participate in the max. reduce rather than\n  // Math.max(...spread): returns 0 (not -Infinity) for empty/all-null input, with no\n  // argument-count ceiling.\n  return data.reduce((max, datum) => {\n    const datumValue = value(datum);\n    return datumValue == null ? max : Math.max(max, datumValue);\n  }, 0);\n}\n\nexport interface HeatmapLayout {\n  allColNames: string[];\n  allRowNames: string[];\n  numRows: number;\n  minValue: number;\n  maxValue: number;\n  marg: { top: number; right: number; bottom: number; left: number };\n  xMax: number;\n  yMax: number;\n  viewportWidth: number;\n  viewportHeight: number;\n  yTitleWidth: number;\n  yTickLabelWidth: number;\n  xTitleHeight: number;\n  xTickLabelHeight: number;\n  binWidth: number;\n  binHeight: number;\n  colLabelHeight: number;\n  xTickLeftOverhangMax: number;\n  maxRowNameWidth: number;\n  legendWidth: number;\n  xScale: ScaleLinear<number, number, never>;\n  yScale: ScaleLinear<number, number, never>;\n  cellYScale: (row: number) => number;\n  xTickValues: number[];\n  yTickValues: number[];\n  stableColors: [string, string, ...string[]];\n  colorScale: (count: number) => string | undefined;\n  canvasCellParams: CanvasCellParams;\n}\n\nexport interface UseHeatmapLayoutArgs {\n  data: ColumnDatum[];\n  colorDomain?: [number, number];\n  colors: [string, string, ...string[]];\n  xLabelOrientation: NonNullable<HeatmapProps[\"xLabelOrientation\"]>;\n  margin?: { top: number; right: number; bottom: number; left: number };\n  showLegend: boolean;\n  isScrollable: boolean;\n  cellWidth?: number;\n  cellHeight?: number;\n  parentWidth: number;\n  parentHeight: number;\n  showMiniMap: boolean;\n  gap: number;\n  isRect: boolean;\n  selectedCells?: HeatmapCellId[];\n  deselectedColor?: string;\n}\n\nexport function useHeatmapLayout({\n  data, colorDomain, colors, xLabelOrientation, margin, showLegend, isScrollable,\n  cellWidth, cellHeight, parentWidth, parentHeight, showMiniMap, gap, isRect,\n  selectedCells, deselectedColor,\n}: UseHeatmapLayoutArgs): HeatmapLayout {\n  const allColNames = useMemo(() => data.map((d) => d.columnName), [data]);\n  const allRowNames = useMemo(() => data[0]?.rows.map((r) => r.rowName) ?? [], [data]);\n  const dataMaxValue = useMemo(() => maxOf(data, (d) => maxOf(getBins(d), (r) => r.count)), [data]);\n  const [minValue, maxValue] = colorDomain ?? [0, dataMaxValue];\n  const numRows = useMemo(() => maxOf(data, (d) => getBins(d).length), [data]);\n\n  // Measured (not estimated) pixel width of the longest label, so any label - short or long,\n  // narrow or wide characters - gets exactly the room it needs rather than a per-character guess.\n  const maxColNameWidth = useMemo(\n    () => allColNames.reduce((m, name) => Math.max(m, measureTextWidth(name, TICK_FONT_SIZE, TICK_FONT_FAMILY)), 0) * TICK_LABEL_WIDTH_SAFETY_FACTOR,\n    [allColNames]\n  );\n  const maxRowNameWidth = useMemo(\n    () => allRowNames.reduce((m, name) => Math.max(m, measureTextWidth(name, TICK_FONT_SIZE, TICK_FONT_FAMILY)), 0) * TICK_LABEL_WIDTH_SAFETY_FACTOR,\n    [allRowNames]\n  );\n\n  const rotatedColNameSpace = maxColNameWidth;\n  const colLabelHeight = xLabelOrientation === \"horizontal\" ? 12 : xLabelOrientation === \"vertical\" ? rotatedColNameSpace : rotatedColNameSpace * Math.SQRT1_2;\n\n  const xTickLeftOverhangMax = xLabelOrientation === \"leftDiagonal\" ? colLabelHeight : 0;\n\n  const colorsKey = colors.join(\"\\u0000\");\n  const stableColors = useMemo(\n    () => colorsKey.split(\"\\u0000\") as [string, string, ...string[]],\n    [colorsKey]\n  );\n\n  const legendWidth = useMemo(() => getHeatmapLegendWidth(minValue, maxValue), [minValue, maxValue]);\n  const defaultRight = showLegend ? legendWidth + LEGEND_GAP : 10;\n  const defaultTop = 20;\n  const labelBottomSpace = colLabelHeight + AXIS_LABEL_GAP + X_AXIS_TITLE_SPACE;\n  const marg = margin ?? {\n    top: defaultTop,\n    left: maxRowNameWidth + AXIS_LABEL_GAP + Y_AXIS_TITLE_SPACE,\n    right: defaultRight,\n    bottom: labelBottomSpace + TICK_FONT_SIZE,\n  };\n\n  const miniMapSpace = isScrollable && showMiniMap ? MINI_MAP_HEIGHT : 0;\n  const availableWidth = Math.max(0, parentWidth - marg.left - marg.right);\n  const availableHeight = Math.max(0, parentHeight - marg.bottom - marg.top - miniMapSpace);\n\n  const xMax = isScrollable ? data.length * (cellWidth as number) : availableWidth;\n  const yMax = isScrollable ? numRows * (cellHeight as number) : availableHeight;\n  const viewportWidth = isScrollable ? Math.min(xMax, availableWidth) : xMax;\n  const viewportHeight = isScrollable ? Math.min(yMax, availableHeight) : yMax;\n\n  const yTitleWidth = Y_AXIS_TITLE_SPACE;\n  const yTickLabelWidth = Math.max(0, marg.left - yTitleWidth);\n  const xTitleHeight = X_AXIS_TITLE_SPACE;\n  const xTickLabelHeight = Math.max(0, marg.bottom - xTitleHeight);\n\n  const binWidth = xMax / data.length;\n  const binHeight = yMax / numRows;\n\n  const xScale = useMemo(\n    () => scaleLinear<number>({ domain: [0, data.length], range: [0, xMax] }),\n    [data.length, xMax]\n  );\n  const yScale = useMemo(\n    () => scaleLinear<number>({ domain: [0, numRows], range: [yMax, 0] }),\n    [numRows, yMax]\n  );\n  const cellYScale = useCallback((row: number) => yScale(row + 1), [yScale]);\n\n  const xTickValues = useMemo(() => data.map((_, i) => i + 0.5), [data]);\n  const yTickValues = useMemo(() => data[0]?.rows.map((_, i) => i + 0.5) ?? [], [data]);\n\n  const resolvedDeselectedColor = deselectedColor ?? DEFAULT_DESELECTED_COLOR;\n  const colorScale = useMemo(\n    () => getHeatmapColorScale(stableColors, [minValue, maxValue]),\n    [stableColors, minValue, maxValue]\n  );\n  const selectedKeys = useMemo(\n    () => (selectedCells?.length ? new Set(selectedCells.map(cellKey)) : null),\n    [selectedCells]\n  );\n\n  // Everything the canvas draw loop and hit-testing need to place/color a cell. Only changes when\n  // a prop that actually affects appearance/geometry changes - never on scroll or hover, so\n  // drawCanvas (and, through it, handleGridScroll) keeps a stable identity across scroll events.\n  const canvasCellParams: CanvasCellParams = useMemo(\n    () => ({\n      data, numRows, xScale, cellYScale, colorScale, gap, isRect, binWidth, binHeight,\n      yMax, selectedKeys, deselectedColor: resolvedDeselectedColor,\n    }),\n    [data, numRows, xScale, cellYScale, colorScale, gap, isRect, binWidth, binHeight, yMax, selectedKeys, resolvedDeselectedColor]\n  );\n\n  return {\n    allColNames, allRowNames, numRows, minValue, maxValue, marg, xMax, yMax,\n    viewportWidth, viewportHeight, yTitleWidth, yTickLabelWidth, xTitleHeight, xTickLabelHeight,\n    binWidth, binHeight, colLabelHeight, xTickLeftOverhangMax, maxRowNameWidth, legendWidth,\n    xScale, yScale, cellYScale, xTickValues, yTickValues, stableColors, colorScale, canvasCellParams,\n  };\n}\n"],"names":["LEGEND_GAP","AXIS_LABEL_GAP","Y_AXIS_TITLE_SPACE","X_AXIS_TITLE_SPACE","TICK_LABEL_WIDTH_SAFETY_FACTOR","MINI_MAP_HEIGHT","getBins","d","rows","maxOf","data","value","reduce","max","datum","datumValue","Math","useHeatmapLayout","t0","$","_c","colorDomain","colors","xLabelOrientation","margin","showLegend","isScrollable","cellWidth","cellHeight","parentWidth","parentHeight","showMiniMap","gap","isRect","selectedCells","deselectedColor","t1","map","_temp","allColNames","t2","_temp2","allRowNames","t3","_temp4","dataMaxValue","t4","minValue","maxValue","numRows","_temp5","maxColNameWidth","_temp6","maxRowNameWidth","_temp7","rotatedColNameSpace","colLabelHeight","SQRT1_2","xTickLeftOverhangMax","t5","join","colorsKey","t6","split","stableColors","legendWidth","getHeatmapLegendWidth","defaultRight","labelBottomSpace","t7","top","left","right","bottom","TICK_FONT_SIZE","marg","miniMapSpace","availableWidth","availableHeight","xMax","length","yMax","viewportWidth","min","viewportHeight","yTickLabelWidth","xTickLabelHeight","binWidth","binHeight","t8","scaleLinear","domain","range","xScale","t9","yScale","t10","row","cellYScale","t11","_temp8","xTickValues","t12","_temp9","yTickValues","resolvedDeselectedColor","DEFAULT_DESELECTED_COLOR","t13","getHeatmapColorScale","colorScale","t14","Set","cellKey","selectedKeys","t15","canvasCellParams","t16","yTitleWidth","xTitleHeight","__0","i_0","i","_","m_0","name_0","m","measureTextWidth","name","TICK_FONT_FAMILY","d_1","d_0","_temp3","r_0","r","count","rowName","columnName"],"mappings":"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"}
+{"version":3,"file":"visualization.es47.js","sources":["../src/components/ScatterPlot/PlotZoom.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { Zoom as VisxZoom, ZoomProps } from '@visx/zoom';\nimport { ZoomType } from './types';\n\n/**\n * Shared by every plot that creates a zoom, so a plot driving its own zoom and a plot driving a\n * shared one behave identically.\n */\nconst initialTransformMatrix = {\n    scaleX: 1,\n    scaleY: 1,\n    translateX: 0,\n    translateY: 0,\n    skewX: 0,\n    skewY: 0,\n};\n\nconst ZOOM_SCALE_LIMITS = {\n    scaleXMin: 1 / 2,\n    scaleXMax: 10,\n    scaleYMin: 1 / 2,\n    scaleYMax: 10,\n};\n\n/**\n * Hacky workaround for complex type compatability issues. Hopefully this will fix itself when ugrading to React 19 - Jonathan 12/11/24\n * @todo remove this when possible\n */\nconst Zoom = VisxZoom as unknown as React.FC<ZoomProps<React.ReactElement>>;\n\ntype PlotZoomProps = {\n    /**\n     * Size of the zoomed area. Only used by visx to pick a default anchor point for operations\n     * that have none of their own; the plots always pass an explicit one.\n     */\n    width: number;\n    height: number;\n    children: (zoom: ZoomType) => ReactElement;\n};\n\nconst PlotZoom = ({ width, height, children }: PlotZoomProps) => (\n    <Zoom\n        width={width}\n        height={height}\n        {...ZOOM_SCALE_LIMITS}\n        initialTransformMatrix={initialTransformMatrix}\n    >\n        {(zoom) => children(zoom as ZoomType)}\n    </Zoom>\n);\n\nexport default PlotZoom;\n"],"names":["initialTransformMatrix","scaleX","scaleY","translateX","translateY","skewX","skewY","ZOOM_SCALE_LIMITS","scaleXMin","scaleXMax","scaleYMin","scaleYMax","Zoom","VisxZoom","PlotZoom","t0","$","_c","width","height","children","t1","zoom","t2"],"mappings":";;;AAQA,MAAMA,IAAyB;AAAA,EAC3BC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,YAAY;AAAA,EACZC,YAAY;AAAA,EACZC,OAAO;AAAA,EACPC,OAAO;AACX,GAEMC,IAAoB;AAAA,EACtBC,WAAW,IAAI;AAAA,EACfC,WAAW;AAAA,EACXC,WAAW,IAAI;AAAA,EACfC,WAAW;AACf,GAMMC,IAAOC,GAYPC,IAAWC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAAL;AAA0C,MAAAM;AAAA,EAAAL,SAAAI,KAOnDC,IAAAC,CAAAA,MAAUF,EAASE,CAAgB,GAACN,OAAAI,GAAAJ,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAO;AAAA,SAAAP,EAAA,CAAA,MAAAG,KAAAH,SAAAK,KAAAL,EAAA,CAAA,MAAAE,KANzCK,sBAACX,GAAA,EACUM,OAAAA,GACCC,QAAAA,MACJZ,GACoBP,wBAAAA,GAEvBqB,UAAAA,GACL,GAAOL,OAAAG,GAAAH,OAAAK,GAAAL,OAAAE,GAAAF,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GAPPO;AAOO;"}