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

package/dist/visualization.es83.js

@@ -1,10 +1,30 @@
-function l(n, e, a) {
-  n = +n, e = +e, a = (g = arguments.length) < 2 ? (e = n, n = 0, 1) : g < 3 ? 1 : +a;
-  for (var h = -1, g = Math.max(0, Math.ceil((e - n) / a)) | 0, i = new Array(g); ++h < g; )
-    i[h] = n + h * a;
-  return i;
-}
+import { blueGrey as l } from "@mui/material/colors";
+const a = 10, h = 2, i = {
+  horizontal: 12,
+  vertical: 16
+}, b = (o) => i[o] + h + a, G = (o, s) => {
+  const n = Math.max(1, ...o.slice(1, -1));
+  return o.map((t) => ({
+    count: t,
+    size: Math.max(1, Math.min(t / n, 1) * s),
+    capped: t > n
+  }));
+}, M = (o, {
+  from: s,
+  to: n,
+  at: t,
+  rise: c,
+  gap: e
+}) => [o(s, t - c / 2 - e / 2), o(n, t + c / 2 - e / 2), o(n, t + c / 2 + e / 2), o(s, t - c / 2 + e / 2)].map(([m, r]) => `${m},${r}`).join(" "), d = 8, p = (o) => o + 7, x = (o) => o.palette.mode === "dark" ? l[300] : l[700];
 export {
-  l as default
+  a as BAR,
+  h as GAP,
+  i as HISTOGRAM,
+  d as LABEL_GAP,
+  M as breakPoints,
+  b as colorbarDepth,
+  x as columnColor,
+  G as histogramColumns,
+  p as labelSpace
 };
 //# sourceMappingURL=visualization.es83.js.map

package/dist/visualization.es83.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es83.js","sources":["../../../node_modules/.pnpm/d3-array@3.2.1/node_modules/d3-array/src/range.js"],"sourcesContent":["export default function range(start, stop, step) {\n  start = +start, stop = +stop, step = (n = arguments.length) < 2 ? (stop = start, start = 0, 1) : n < 3 ? 1 : +step;\n\n  var i = -1,\n      n = Math.max(0, Math.ceil((stop - start) / step)) | 0,\n      range = new Array(n);\n\n  while (++i < n) {\n    range[i] = start + i * step;\n  }\n\n  return range;\n}\n"],"names":["range","start","stop","step","n","i"],"mappings":"AAAe,SAASA,EAAMC,GAAOC,GAAMC,GAAM;AAC/C,EAAAF,IAAQ,CAACA,GAAOC,IAAO,CAACA,GAAMC,KAAQC,IAAI,UAAU,UAAU,KAAKF,IAAOD,GAAOA,IAAQ,GAAG,KAAKG,IAAI,IAAI,IAAI,CAACD;AAM9G,WAJIE,IAAI,IACJD,IAAI,KAAK,IAAI,GAAG,KAAK,MAAMF,IAAOD,KAASE,CAAI,CAAC,IAAI,GACpDH,IAAQ,IAAI,MAAMI,CAAC,GAEhB,EAAEC,IAAID;AACX,IAAAJ,EAAMK,CAAC,IAAIJ,IAAQI,IAAIF;AAGzB,SAAOH;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es83.js","sources":["../src/components/Legend/colorbarGeometry.ts"],"sourcesContent":["import { blueGrey } from \"@mui/material/colors\";\nimport type { Theme } from \"@mui/material/styles\";\n\n/** Which way a colorbar's bar runs. */\nexport type ColorbarOrientation = \"horizontal\" | \"vertical\";\n\nexport const BAR = 10;\nexport const GAP = 2;\n/** The histogram's depth: held to a chip row's 24px lying down, roomier standing up beside a heatmap. */\nexport const HISTOGRAM = { horizontal: 12, vertical: 16 } as const;\n\n/** How much room the graphic takes across the bar: histogram, gap and bar. */\nexport const colorbarDepth = (orientation: ColorbarOrientation) => HISTOGRAM[orientation] + GAP + BAR;\n\n/**\n * Each histogram column's height, out of `depth`. The end columns also count the values beyond the\n * range and can dwarf the rest, so heights are scaled to the tallest middle column, and a taller end\n * column is `capped`, to be drawn with a break (see breakPoints).\n */\nexport const histogramColumns = (counts: readonly number[], depth: number) => {\n  const tallest = Math.max(1, ...counts.slice(1, -1));\n  return counts.map((count) => ({\n    count,\n    size: Math.max(1, Math.min(count / tallest, 1) * depth),\n    capped: count > tallest,\n  }));\n};\n\n/**\n * The slanted cut through a capped column, as polygon points: `from` to `to` across the column,\n * centered `at` along it, climbing `rise` with thickness `gap`. `place` maps those onto the screen.\n */\nexport const breakPoints = (\n  place: (across: number, up: number) => [number, number],\n  { from, to, at, rise, gap }: { from: number; to: number; at: number; rise: number; gap: number }\n) =>\n  [\n    place(from, at - rise / 2 - gap / 2),\n    place(to, at + rise / 2 - gap / 2),\n    place(to, at + rise / 2 + gap / 2),\n    place(from, at - rise / 2 + gap / 2),\n  ]\n    .map(([x, y]) => `${x},${y}`)\n    .join(\" \");\n\n/** Room between a bar and the end label beside it. */\nexport const LABEL_GAP = 8;\n\n/** Room above and below a standing bar for its end labels, in a font this size. */\nexport const labelSpace = (fontSize: number) => fontSize + 7;\n\n/**\n * The histogram's columns: neutral, so they read as counts rather than as part of the ramp, and a\n * slate that shows on the theme's paper, light or dark.\n */\nexport const columnColor = (theme: Theme) => (theme.palette.mode === \"dark\" ? blueGrey[300] : blueGrey[700]);\n"],"names":["BAR","GAP","HISTOGRAM","horizontal","vertical","colorbarDepth","orientation","histogramColumns","counts","depth","tallest","Math","max","slice","map","count","size","min","capped","breakPoints","place","from","to","at","rise","gap","x","y","join","LABEL_GAP","labelSpace","fontSize","columnColor","theme","palette","mode","blueGrey"],"mappings":";AAMO,MAAMA,IAAM,IACNC,IAAM,GAENC,IAAY;AAAA,EAAEC,YAAY;AAAA,EAAIC,UAAU;AAAG,GAG3CC,IAAgBA,CAACC,MAAqCJ,EAAUI,CAAW,IAAIL,IAAMD,GAOrFO,IAAmBA,CAACC,GAA2BC,MAAkB;AAC5E,QAAMC,IAAUC,KAAKC,IAAI,GAAG,GAAGJ,EAAOK,MAAM,GAAG,EAAE,CAAC;AAClD,SAAOL,EAAOM,IAAKC,CAAAA,OAAW;AAAA,IAC5BA,OAAAA;AAAAA,IACAC,MAAML,KAAKC,IAAI,GAAGD,KAAKM,IAAIF,IAAQL,GAAS,CAAC,IAAID,CAAK;AAAA,IACtDS,QAAQH,IAAQL;AAAAA,EAAAA,EAChB;AACJ,GAMaS,IAAcA,CACzBC,GACA;AAAA,EAAEC,MAAAA;AAAAA,EAAMC,IAAAA;AAAAA,EAAIC,IAAAA;AAAAA,EAAIC,MAAAA;AAAAA,EAAMC,KAAAA;AAAyE,MAE/F,CACEL,EAAMC,GAAME,IAAKC,IAAO,IAAIC,IAAM,CAAC,GACnCL,EAAME,GAAIC,IAAKC,IAAO,IAAIC,IAAM,CAAC,GACjCL,EAAME,GAAIC,IAAKC,IAAO,IAAIC,IAAM,CAAC,GACjCL,EAAMC,GAAME,IAAKC,IAAO,IAAIC,IAAM,CAAC,CAAC,EAEnCX,IAAI,CAAC,CAACY,GAAGC,CAAC,MAAM,GAAGD,CAAC,IAAIC,CAAC,EAAE,EAC3BC,KAAK,GAAG,GAGAC,IAAY,GAGZC,IAAaA,CAACC,MAAqBA,IAAW,GAM9CC,IAAcA,CAACC,MAAkBA,EAAMC,QAAQC,SAAS,SAASC,EAAS,GAAG,IAAIA,EAAS,GAAG;"}

package/dist/visualization.es84.js

@@ -1,29 +1,153 @@
-var w = Math.sqrt(50), t = Math.sqrt(10), o = Math.sqrt(2);
-function c(r, h, f) {
-  var n, e = -1, i, u, M;
-  if (h = +h, r = +r, f = +f, r === h && f > 0) return [r];
-  if ((n = h < r) && (i = r, r = h, h = i), (M = v(r, h, f)) === 0 || !isFinite(M)) return [];
-  if (M > 0) {
-    let a = Math.round(r / M), l = Math.round(h / M);
-    for (a * M < r && ++a, l * M > h && --l, u = new Array(i = l - a + 1); ++e < i; ) u[e] = (a + e) * M;
-  } else {
-    M = -M;
-    let a = Math.round(r * M), l = Math.round(h * M);
-    for (a / M < r && ++a, l / M > h && --l, u = new Array(i = l - a + 1); ++e < i; ) u[e] = (a + e) / M;
-  }
-  return n && u.reverse(), u;
-}
-function v(r, h, f) {
-  var n = (h - r) / Math.max(0, f), e = Math.floor(Math.log(n) / Math.LN10), i = n / Math.pow(10, e);
-  return e >= 0 ? (i >= w ? 10 : i >= t ? 5 : i >= o ? 2 : 1) * Math.pow(10, e) : -Math.pow(10, -e) / (i >= w ? 10 : i >= t ? 5 : i >= o ? 2 : 1);
-}
-function d(r, h, f) {
-  var n = Math.abs(h - r) / Math.max(0, f), e = Math.pow(10, Math.floor(Math.log(n) / Math.LN10)), i = n / e;
-  return i >= w ? e *= 10 : i >= t ? e *= 5 : i >= o && (e *= 2), h < r ? -e : e;
-}
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { Stack as z, Box as O, Slider as H, Typography as w, ToggleButtonGroup as U, ToggleButton as q } from "@mui/material";
+import { useTheme as F } from "@mui/material/styles";
+import { useId as N } from "react";
+import { squeezedAxis as X, histogram as Z, rampAt as J, countBeyond as K, sameRange as Q, formatRange as Y, formatShare as tt, symmetricPresets as ot, reachOf as et, percentilePresets as rt, snapLimit as it } from "./visualization.es21.js";
+import { histogramColumns as at, columnColor as nt, breakPoints as lt } from "./visualization.es83.js";
+const i = 348, l = 56, d = 3, c = 12, st = 7, _ = 3, ut = ({
+  stops: $,
+  kind: m,
+  range: x,
+  defaultRange: B,
+  values: s,
+  // Defaulted after `values`, which they read.
+  extent: g = [s[0], s[s.length - 1]],
+  presets: M = m === "diverging" ? ot(et(s)) : rt(s),
+  format: u,
+  noun: D,
+  onChange: S
+}) => {
+  const h = F(), I = `range-editor-${N().replace(/[^a-zA-Z0-9-]/g, "")}`, a = X(B, g, m), [f, y] = x, [v, A] = [a.toT(f), a.toT(y)], L = y - f, R = Math.round(i / st), E = at(Z(s, a, R), l), T = i / R, P = J($), G = Array.from({
+    length: Math.ceil(i / _) + 1
+  }, (t, o) => {
+    const r = Math.min(o * _ / i, 1);
+    return {
+      t: r,
+      color: P(L > 0 ? (a.fromT(r) - f) / L : 0.5)
+    };
+  }), C = K(s, x), V = (t, o) => {
+    const r = a.fromT(t[o]);
+    if (m === "diverging") {
+      const b = Math.min(Math.max(it(Math.abs(r)), 0.5), Math.max(-g[0], g[1]));
+      S([-b, b]);
+      return;
+    }
+    const n = (g[1] - g[0]) / 200;
+    S(o === 0 ? [Math.min(r, y - n), y] : [f, Math.max(r, f + n)]);
+  }, W = M.find((t) => Q(t.range, x))?.label ?? null;
+  return (
+    // As wide as the bar, so a long readout wraps rather than widening the panel mid-drag.
+    /* @__PURE__ */ p(z, { gap: 1, width: i, children: [
+      /* @__PURE__ */ p(O, { position: "relative", width: i, height: l + d + c, children: [
+        /* @__PURE__ */ p("svg", { width: i, height: l + d + c, style: {
+          display: "block",
+          overflow: "visible"
+        }, "aria-hidden": !0, children: [
+          /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("linearGradient", { id: I, children: G.map(({
+            t,
+            color: o
+          }) => /* @__PURE__ */ e("stop", { offset: `${t * 100}%`, stopColor: o }, t)) }) }),
+          E.map(({
+            count: t,
+            size: o,
+            capped: r
+          }, n) => {
+            if (t === 0) return null;
+            const b = (n + 0.5) / R;
+            return /* @__PURE__ */ p("g", { opacity: b < v || b > A ? 0.35 : 1, children: [
+              /* @__PURE__ */ e("rect", { x: n * T, y: l - o, width: T - 1, height: o, fill: nt(h) }),
+              r && /* @__PURE__ */ e("polygon", { points: lt((j, k) => [j, l - k], {
+                from: n * T - 0.5,
+                to: (n + 1) * T - 0.5,
+                at: l / 2,
+                rise: 5,
+                gap: 3
+              }), fill: h.palette.background.paper })
+            ] }, n);
+          }),
+          /* @__PURE__ */ e("rect", { x: 0, y: l + d, width: i, height: c, rx: c / 2, fill: `url(#${I})` }),
+          a.breaks.map((t) => /* @__PURE__ */ e("rect", { x: t * i - 1, y: l + d, width: 2, height: c, fill: h.palette.background.paper }, t)),
+          [v, A].map((t, o) => /* @__PURE__ */ e("rect", { x: t * i - 0.5, y: 0, width: 1, height: l + d, fill: h.palette.text.secondary }, o))
+        ] }),
+        /* @__PURE__ */ e(
+          H,
+          {
+            value: [v, A],
+            min: 0,
+            max: 1,
+            step: 2e-3,
+            disableSwap: !0,
+            scale: (t) => a.fromT(t),
+            valueLabelDisplay: "auto",
+            valueLabelFormat: u,
+            getAriaLabel: (t) => t === 0 ? "Where the colors stop at the low end" : "Where the colors stop at the high end",
+            getAriaValueText: u,
+            onChange: (t, o, r) => V(o, r),
+            sx: {
+              position: "absolute",
+              left: 0,
+              top: l + d,
+              width: i,
+              height: c,
+              p: 0,
+              "@media (pointer: coarse)": {
+                p: 0
+              },
+              "& .MuiSlider-rail, & .MuiSlider-track": {
+                opacity: 0,
+                border: 0
+              },
+              "& .MuiSlider-thumb": {
+                width: 6,
+                height: c + 10,
+                borderRadius: "3px",
+                bgcolor: "text.primary",
+                boxShadow: `0 0 0 1px ${h.palette.background.paper}`,
+                "&::before": {
+                  boxShadow: "none"
+                },
+                "&:hover, &.Mui-focusVisible, &.Mui-active": {
+                  boxShadow: `0 0 0 1px ${h.palette.background.paper}, 0 0 0 5px rgba(0, 0, 0, 0.12)`
+                }
+              }
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ p(O, { position: "relative", height: 16, children: [
+        /* @__PURE__ */ e(w, { variant: "caption", color: "text.secondary", position: "absolute", left: 0, top: -2, children: u(a.fromT(0)) }),
+        m === "diverging" && /* @__PURE__ */ e(w, { variant: "caption", color: "text.secondary", position: "absolute", left: `${a.toT(0) * 100}%`, top: -2, sx: {
+          transform: "translateX(-50%)"
+        }, children: "0" }),
+        /* @__PURE__ */ e(w, { variant: "caption", color: "text.secondary", position: "absolute", right: 0, top: -2, children: u(a.fromT(1)) })
+      ] }),
+      /* @__PURE__ */ p(w, { variant: "caption", color: "text.secondary", component: "p", children: [
+        "Colors span",
+        " ",
+        /* @__PURE__ */ e(O, { component: "strong", color: "text.primary", children: Y(m, x, u) }),
+        "; ",
+        C.toLocaleString("en-US"),
+        " ",
+        D,
+        C === 1 ? "" : "s",
+        " (",
+        tt(C, s.length),
+        ") lie beyond and take the end colors."
+      ] }),
+      /* @__PURE__ */ e(U, { exclusive: !0, size: "small", value: W, onChange: (t, o) => {
+        const r = M.find((n) => n.label === o);
+        r && S(r.range);
+      }, "aria-label": "Color range presets", children: M.map(({
+        label: t
+      }) => /* @__PURE__ */ e(q, { value: t, sx: {
+        py: 0.25,
+        px: 1.25,
+        textTransform: "none"
+      }, children: t }, t)) })
+    ] })
+  );
+};
 export {
-  c as default,
-  v as tickIncrement,
-  d as tickStep
+  ut as default
 };
 //# sourceMappingURL=visualization.es84.js.map

package/dist/visualization.es84.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es84.js","sources":["../../../node_modules/.pnpm/d3-array@3.2.1/node_modules/d3-array/src/ticks.js"],"sourcesContent":["var e10 = Math.sqrt(50),\n    e5 = Math.sqrt(10),\n    e2 = Math.sqrt(2);\n\nexport default function ticks(start, stop, count) {\n  var reverse,\n      i = -1,\n      n,\n      ticks,\n      step;\n\n  stop = +stop, start = +start, count = +count;\n  if (start === stop && count > 0) return [start];\n  if (reverse = stop < start) n = start, start = stop, stop = n;\n  if ((step = tickIncrement(start, stop, count)) === 0 || !isFinite(step)) return [];\n\n  if (step > 0) {\n    let r0 = Math.round(start / step), r1 = Math.round(stop / step);\n    if (r0 * step < start) ++r0;\n    if (r1 * step > stop) --r1;\n    ticks = new Array(n = r1 - r0 + 1);\n    while (++i < n) ticks[i] = (r0 + i) * step;\n  } else {\n    step = -step;\n    let r0 = Math.round(start * step), r1 = Math.round(stop * step);\n    if (r0 / step < start) ++r0;\n    if (r1 / step > stop) --r1;\n    ticks = new Array(n = r1 - r0 + 1);\n    while (++i < n) ticks[i] = (r0 + i) / step;\n  }\n\n  if (reverse) ticks.reverse();\n\n  return ticks;\n}\n\nexport function tickIncrement(start, stop, count) {\n  var step = (stop - start) / Math.max(0, count),\n      power = Math.floor(Math.log(step) / Math.LN10),\n      error = step / Math.pow(10, power);\n  return power >= 0\n      ? (error >= e10 ? 10 : error >= e5 ? 5 : error >= e2 ? 2 : 1) * Math.pow(10, power)\n      : -Math.pow(10, -power) / (error >= e10 ? 10 : error >= e5 ? 5 : error >= e2 ? 2 : 1);\n}\n\nexport function tickStep(start, stop, count) {\n  var step0 = Math.abs(stop - start) / Math.max(0, count),\n      step1 = Math.pow(10, Math.floor(Math.log(step0) / Math.LN10)),\n      error = step0 / step1;\n  if (error >= e10) step1 *= 10;\n  else if (error >= e5) step1 *= 5;\n  else if (error >= e2) step1 *= 2;\n  return stop < start ? -step1 : step1;\n}\n"],"names":["e10","e5","e2","ticks","start","stop","count","reverse","i","n","step","tickIncrement","r0","r1","power","error","tickStep","step0","step1"],"mappings":"AAAA,IAAIA,IAAM,KAAK,KAAK,EAAE,GAClBC,IAAK,KAAK,KAAK,EAAE,GACjBC,IAAK,KAAK,KAAK,CAAC;AAEL,SAASC,EAAMC,GAAOC,GAAMC,GAAO;AAChD,MAAIC,GACAC,IAAI,IACJC,GACAN,GACAO;AAGJ,MADAL,IAAO,CAACA,GAAMD,IAAQ,CAACA,GAAOE,IAAQ,CAACA,GACnCF,MAAUC,KAAQC,IAAQ,EAAG,QAAO,CAACF,CAAK;AAE9C,OADIG,IAAUF,IAAOD,OAAOK,IAAIL,GAAOA,IAAQC,GAAMA,IAAOI,KACvDC,IAAOC,EAAcP,GAAOC,GAAMC,CAAK,OAAO,KAAK,CAAC,SAASI,CAAI,EAAG,QAAO,CAAA;AAEhF,MAAIA,IAAO,GAAG;AACZ,QAAIE,IAAK,KAAK,MAAMR,IAAQM,CAAI,GAAGG,IAAK,KAAK,MAAMR,IAAOK,CAAI;AAI9D,SAHIE,IAAKF,IAAON,KAAO,EAAEQ,GACrBC,IAAKH,IAAOL,KAAM,EAAEQ,GACxBV,IAAQ,IAAI,MAAMM,IAAII,IAAKD,IAAK,CAAC,GAC1B,EAAEJ,IAAIC,IAAG,CAAAN,EAAMK,CAAC,KAAKI,IAAKJ,KAAKE;AAAA,EACxC,OAAO;AACL,IAAAA,IAAO,CAACA;AACR,QAAIE,IAAK,KAAK,MAAMR,IAAQM,CAAI,GAAGG,IAAK,KAAK,MAAMR,IAAOK,CAAI;AAI9D,SAHIE,IAAKF,IAAON,KAAO,EAAEQ,GACrBC,IAAKH,IAAOL,KAAM,EAAEQ,GACxBV,IAAQ,IAAI,MAAMM,IAAII,IAAKD,IAAK,CAAC,GAC1B,EAAEJ,IAAIC,IAAG,CAAAN,EAAMK,CAAC,KAAKI,IAAKJ,KAAKE;AAAA,EACxC;AAEA,SAAIH,KAASJ,EAAM,QAAO,GAEnBA;AACT;AAEO,SAASQ,EAAcP,GAAOC,GAAMC,GAAO;AAChD,MAAII,KAAQL,IAAOD,KAAS,KAAK,IAAI,GAAGE,CAAK,GACzCQ,IAAQ,KAAK,MAAM,KAAK,IAAIJ,CAAI,IAAI,KAAK,IAAI,GAC7CK,IAAQL,IAAO,KAAK,IAAI,IAAII,CAAK;AACrC,SAAOA,KAAS,KACTC,KAASf,IAAM,KAAKe,KAASd,IAAK,IAAIc,KAASb,IAAK,IAAI,KAAK,KAAK,IAAI,IAAIY,CAAK,IAChF,CAAC,KAAK,IAAI,IAAI,CAACA,CAAK,KAAKC,KAASf,IAAM,KAAKe,KAASd,IAAK,IAAIc,KAASb,IAAK,IAAI;AACzF;AAEO,SAASc,EAASZ,GAAOC,GAAMC,GAAO;AAC3C,MAAIW,IAAQ,KAAK,IAAIZ,IAAOD,CAAK,IAAI,KAAK,IAAI,GAAGE,CAAK,GAClDY,IAAQ,KAAK,IAAI,IAAI,KAAK,MAAM,KAAK,IAAID,CAAK,IAAI,KAAK,IAAI,CAAC,GAC5DF,IAAQE,IAAQC;AACpB,SAAIH,KAASf,IAAKkB,KAAS,KAClBH,KAASd,IAAIiB,KAAS,IACtBH,KAASb,MAAIgB,KAAS,IACxBb,IAAOD,IAAQ,CAACc,IAAQA;AACjC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es84.js","sources":["../src/components/Legend/ColorRange/ColorRangeEditor.tsx"],"sourcesContent":["import { Box, Slider, Stack, ToggleButton, ToggleButtonGroup, Typography } from \"@mui/material\";\nimport { useTheme } from \"@mui/material/styles\";\nimport { useId } from \"react\";\nimport {\n  countBeyond,\n  formatRange,\n  formatShare,\n  histogram,\n  percentilePresets,\n  rampAt,\n  reachOf,\n  sameRange,\n  snapLimit,\n  squeezedAxis,\n  symmetricPresets,\n  type ColorRange,\n  type RampKind,\n  type RampStop,\n  type RangePreset,\n} from \"../colorbarAxis\";\nimport { breakPoints, columnColor, histogramColumns } from \"../colorbarGeometry\";\n\n/** The editor's own sizes, roomier than the compact colorbar's. */\nconst WIDTH = 348;\nconst EDITOR_HISTOGRAM = 56;\nconst EDITOR_GAP = 3;\nconst EDITOR_BAR = 12;\n/** Pixels of bar per histogram column: wider than the compact legend's, for a steadier shape. */\nconst COLUMN = 7;\n/** Samples of the bar's color per pixel: fine enough that the squeezed tails don't band. */\nconst COLOR_STEP = 3;\n\nexport type ColorRangeEditorProps = {\n  stops: readonly RampStop[];\n  kind: RampKind;\n  /** Where the colors stop now. */\n  range: ColorRange;\n  /** The default range, which the editor's axis is built around. */\n  defaultRange: ColorRange;\n  /** The lowest and highest value there is, which the editor's bar reaches. The ends of `values` by default. */\n  extent?: ColorRange;\n  /** Every value on the plot, sorted ascending and unclamped: what the columns count. */\n  values: ArrayLike<number>;\n  /** Ranges offered in one click: ±2, ±3, ±5, ±10 for a diverging scale, the middle 90–98% otherwise. */\n  presets?: RangePreset[];\n  format: (value: number) => string;\n  /** What one value is, for the count beyond: \"sample\", \"cell\". */\n  noun: string;\n  /** Fired on every step of a drag, so the plot recolors as a handle moves, and for a preset. */\n  onChange: (range: ColorRange) => void;\n};\n\n/**\n * Sets where a plot's colors stop, by dragging a handle or picking a preset. The bar spans every\n * value, with the tails squeezed (see squeezedAxis); beyond the handles it runs flat in the end\n * colors, and the columns there fade.\n */\nconst ColorRangeEditor = ({\n  stops,\n  kind,\n  range,\n  defaultRange,\n  values,\n  // Defaulted after `values`, which they read.\n  extent = [values[0], values[values.length - 1]],\n  presets = kind === \"diverging\" ? symmetricPresets(reachOf(values)) : percentilePresets(values),\n  format,\n  noun,\n  onChange,\n}: ColorRangeEditorProps) => {\n  const theme = useTheme();\n  const gradientId = `range-editor-${useId().replace(/[^a-zA-Z0-9-]/g, \"\")}`;\n  const axis = squeezedAxis(defaultRange, extent, kind);\n  const [low, high] = range;\n  const [lowT, highT] = [axis.toT(low), axis.toT(high)];\n  const span = high - low;\n\n  const bins = Math.round(WIDTH / COLUMN);\n  const columns = histogramColumns(histogram(values, axis, bins), EDITOR_HISTOGRAM);\n  const column = WIDTH / bins;\n\n  // Sampled, since a gradient between the ramp's stops can't follow the squeezed axis or the flat ends.\n  const colorAt = rampAt(stops);\n  const barStops = Array.from({ length: Math.ceil(WIDTH / COLOR_STEP) + 1 }, (_, i) => {\n    const t = Math.min((i * COLOR_STEP) / WIDTH, 1);\n    return { t, color: colorAt(span > 0 ? (axis.fromT(t) - low) / span : 0.5) };\n  });\n\n  const beyond = countBeyond(values, range);\n\n  const handleChange = (thumbs: number[], active: number) => {\n    const dragged = axis.fromT(thumbs[active]);\n    if (kind === \"diverging\") {\n      const limit = Math.min(Math.max(snapLimit(Math.abs(dragged)), 0.5), Math.max(-extent[0], extent[1]));\n      onChange([-limit, limit]);\n      return;\n    }\n    // Kept a sliver apart, so the range can't collapse.\n    const minimumSpan = (extent[1] - extent[0]) / 200;\n    onChange(\n      active === 0 ? [Math.min(dragged, high - minimumSpan), high] : [low, Math.max(dragged, low + minimumSpan)]\n    );\n  };\n\n  const presetValue = presets.find((preset) => sameRange(preset.range, range))?.label ?? null;\n\n  return (\n    // As wide as the bar, so a long readout wraps rather than widening the panel mid-drag.\n    <Stack gap={1} width={WIDTH}>\n      <Box position=\"relative\" width={WIDTH} height={EDITOR_HISTOGRAM + EDITOR_GAP + EDITOR_BAR}>\n        <svg\n          width={WIDTH}\n          height={EDITOR_HISTOGRAM + EDITOR_GAP + EDITOR_BAR}\n          style={{ display: \"block\", overflow: \"visible\" }}\n          aria-hidden\n        >\n          <defs>\n            <linearGradient id={gradientId}>\n              {barStops.map(({ t, color }) => (\n                <stop key={t} offset={`${t * 100}%`} stopColor={color} />\n              ))}\n            </linearGradient>\n          </defs>\n          {columns.map(({ count, size, capped }, k) => {\n            if (count === 0) return null;\n            const center = (k + 0.5) / bins;\n            return (\n              <g key={k} opacity={center < lowT || center > highT ? 0.35 : 1}>\n                <rect\n                  x={k * column}\n                  y={EDITOR_HISTOGRAM - size}\n                  width={column - 1}\n                  height={size}\n                  fill={columnColor(theme)}\n                />\n                {capped && (\n                  <polygon\n                    points={breakPoints((across, up) => [across, EDITOR_HISTOGRAM - up], {\n                      from: k * column - 0.5,\n                      to: (k + 1) * column - 0.5,\n                      at: EDITOR_HISTOGRAM / 2,\n                      rise: 5,\n                      gap: 3,\n                    })}\n                    fill={theme.palette.background.paper}\n                  />\n                )}\n              </g>\n            );\n          })}\n          <rect\n            x={0}\n            y={EDITOR_HISTOGRAM + EDITOR_GAP}\n            width={WIDTH}\n            height={EDITOR_BAR}\n            rx={EDITOR_BAR / 2}\n            fill={`url(#${gradientId})`}\n          />\n          {/* Where the axis changes pace, from linear to squeezed. */}\n          {axis.breaks.map((b) => (\n            <rect\n              key={b}\n              x={b * WIDTH - 1}\n              y={EDITOR_HISTOGRAM + EDITOR_GAP}\n              width={2}\n              height={EDITOR_BAR}\n              fill={theme.palette.background.paper}\n            />\n          ))}\n          {[lowT, highT].map((t, i) => (\n            <rect\n              key={i}\n              x={t * WIDTH - 0.5}\n              y={0}\n              width={1}\n              height={EDITOR_HISTOGRAM + EDITOR_GAP}\n              fill={theme.palette.text.secondary}\n            />\n          ))}\n        </svg>\n        <Slider\n          value={[lowT, highT]}\n          min={0}\n          max={1}\n          step={0.002}\n          disableSwap\n          scale={(t) => axis.fromT(t)}\n          valueLabelDisplay=\"auto\"\n          // Both are handed the scaled value, so they take it as it is.\n          valueLabelFormat={format}\n          getAriaLabel={(i) =>\n            i === 0 ? \"Where the colors stop at the low end\" : \"Where the colors stop at the high end\"\n          }\n          getAriaValueText={format}\n          onChange={(_, value, active) => handleChange(value as number[], active)}\n          sx={{\n            position: \"absolute\",\n            left: 0,\n            top: EDITOR_HISTOGRAM + EDITOR_GAP,\n            width: WIDTH,\n            height: EDITOR_BAR,\n            p: 0,\n            \"@media (pointer: coarse)\": { p: 0 },\n            \"& .MuiSlider-rail, & .MuiSlider-track\": { opacity: 0, border: 0 },\n            \"& .MuiSlider-thumb\": {\n              width: 6,\n              height: EDITOR_BAR + 10,\n              borderRadius: \"3px\",\n              bgcolor: \"text.primary\",\n              boxShadow: `0 0 0 1px ${theme.palette.background.paper}`,\n              \"&::before\": { boxShadow: \"none\" },\n              \"&:hover, &.Mui-focusVisible, &.Mui-active\": {\n                boxShadow: `0 0 0 1px ${theme.palette.background.paper}, 0 0 0 5px rgba(0, 0, 0, 0.12)`,\n              },\n            },\n          }}\n        />\n      </Box>\n      <Box position=\"relative\" height={16}>\n        <Typography variant=\"caption\" color=\"text.secondary\" position=\"absolute\" left={0} top={-2}>\n          {format(axis.fromT(0))}\n        </Typography>\n        {kind === \"diverging\" && (\n          <Typography\n            variant=\"caption\"\n            color=\"text.secondary\"\n            position=\"absolute\"\n            left={`${axis.toT(0) * 100}%`}\n            top={-2}\n            sx={{ transform: \"translateX(-50%)\" }}\n          >\n            0\n          </Typography>\n        )}\n        <Typography variant=\"caption\" color=\"text.secondary\" position=\"absolute\" right={0} top={-2}>\n          {format(axis.fromT(1))}\n        </Typography>\n      </Box>\n      <Typography variant=\"caption\" color=\"text.secondary\" component=\"p\">\n        Colors span{\" \"}\n        <Box component=\"strong\" color=\"text.primary\">\n          {formatRange(kind, range, format)}\n        </Box>\n        ; {beyond.toLocaleString(\"en-US\")} {noun}\n        {beyond === 1 ? \"\" : \"s\"} ({formatShare(beyond, values.length)}) lie beyond and take the end colors.\n      </Typography>\n      <ToggleButtonGroup\n        exclusive\n        size=\"small\"\n        value={presetValue}\n        onChange={(_, label: string | null) => {\n          const preset = presets.find((p) => p.label === label);\n          if (preset) onChange(preset.range);\n        }}\n        aria-label=\"Color range presets\"\n      >\n        {presets.map(({ label }) => (\n          <ToggleButton key={label} value={label} sx={{ py: 0.25, px: 1.25, textTransform: \"none\" }}>\n            {label}\n          </ToggleButton>\n        ))}\n      </ToggleButtonGroup>\n    </Stack>\n  );\n};\n\nexport default ColorRangeEditor;\n"],"names":["WIDTH","EDITOR_HISTOGRAM","EDITOR_GAP","EDITOR_BAR","COLUMN","COLOR_STEP","ColorRangeEditor","stops","kind","range","defaultRange","values","extent","length","presets","symmetricPresets","reachOf","percentilePresets","format","noun","onChange","theme","useTheme","gradientId","useId","replace","axis","squeezedAxis","low","high","lowT","highT","toT","span","bins","Math","round","columns","histogramColumns","histogram","column","colorAt","rampAt","barStops","Array","from","ceil","_","i","t","min","color","fromT","beyond","countBeyond","handleChange","thumbs","active","dragged","limit","max","snapLimit","abs","minimumSpan","presetValue","find","preset","sameRange","label","jsxs","Stack","Box","display","overflow","jsx","map","count","size","capped","k","center","columnColor","breakPoints","across","up","to","at","rise","gap","palette","background","paper","breaks","b","text","secondary","Slider","value","position","left","top","width","height","p","opacity","border","borderRadius","bgcolor","boxShadow","Typography","transform","formatRange","toLocaleString","formatShare","ToggleButtonGroup","ToggleButton","py","px","textTransform"],"mappings":"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"}

package/dist/visualization.es85.js

@@ -1,16 +1,46 @@
-import f from "./visualization.es206.js";
-import u from "./visualization.es220.js";
-function d() {
-  let {
-    x: r,
-    y: n,
-    defined: t,
-    curve: i
-  } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-  const e = u();
-  return r && f(e.x, r), n && f(e.y, n), t && e.defined(t), i && e.curve(i), e;
+import { jsx as x, jsxs as g } from "react/jsx-runtime";
+import { c as S } from "react/compiler-runtime";
+import { Box as f } from "@mui/material";
+import { useState as y } from "react";
+const A = (r) => {
+  const e = S(13), {
+    text: l,
+    hold: o,
+    align: d
+  } = r, p = d === void 0 ? "start" : d, h = l.replace(/\d/g, "0");
+  let a;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = [], e[0] = a) : a = e[0];
+  const [t, u] = y(a);
+  !o && t.length > 0 && u([]), o && !t.includes(h) && u([...t, h]);
+  let i;
+  e[1] !== p ? (i = {
+    display: "inline-grid",
+    justifyItems: p,
+    fontVariantNumeric: "tabular-nums"
+  }, e[1] = p, e[2] = i) : i = e[2];
+  let s;
+  e[3] !== o || e[4] !== t ? (s = o && t.map(_), e[3] = o, e[4] = t, e[5] = s) : s = e[5];
+  let c;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = {
+    gridArea: "1 / 1",
+    whiteSpace: "pre"
+  }, e[6] = c) : c = e[6];
+  let n;
+  e[7] !== l ? (n = /* @__PURE__ */ x(f, { component: "span", sx: c, children: l }), e[7] = l, e[8] = n) : n = e[8];
+  let m;
+  return e[9] !== i || e[10] !== s || e[11] !== n ? (m = /* @__PURE__ */ g(f, { component: "span", sx: i, children: [
+    s,
+    n
+  ] }), e[9] = i, e[10] = s, e[11] = n, e[12] = m) : m = e[12], m;
+};
+function _(r) {
+  return /* @__PURE__ */ x(f, { component: "span", sx: {
+    gridArea: "1 / 1",
+    visibility: "hidden",
+    whiteSpace: "pre"
+  }, children: r }, r);
 }
 export {
-  d as line
+  A as default
 };
 //# sourceMappingURL=visualization.es85.js.map

package/dist/visualization.es85.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es85.js","sources":["../../../node_modules/.pnpm/@visx+shape@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/shape/esm/util/D3ShapeFactories.js"],"sourcesContent":["import { arc as d3Arc, area as d3Area, line as d3Line, pie as d3Pie, radialLine as d3RadialLine, stack as d3Stack } from '@visx/vendor/d3-shape';\nimport setNumberOrNumberAccessor from \"./setNumberOrNumberAccessor.js\";\nimport stackOrder from \"./stackOrder.js\";\nimport stackOffset from \"./stackOffset.js\";\nexport function arc() {\n  let {\n    innerRadius,\n    outerRadius,\n    cornerRadius,\n    startAngle,\n    endAngle,\n    padAngle,\n    padRadius\n  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const path = d3Arc();\n  if (innerRadius != null) setNumberOrNumberAccessor(path.innerRadius, innerRadius);\n  if (outerRadius != null) setNumberOrNumberAccessor(path.outerRadius, outerRadius);\n  if (cornerRadius != null) setNumberOrNumberAccessor(path.cornerRadius, cornerRadius);\n  if (startAngle != null) setNumberOrNumberAccessor(path.startAngle, startAngle);\n  if (endAngle != null) setNumberOrNumberAccessor(path.endAngle, endAngle);\n  if (padAngle != null) setNumberOrNumberAccessor(path.padAngle, padAngle);\n  if (padRadius != null) setNumberOrNumberAccessor(path.padRadius, padRadius);\n  return path;\n}\nexport function area() {\n  let {\n    x,\n    x0,\n    x1,\n    y,\n    y0,\n    y1,\n    defined,\n    curve\n  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const path = d3Area();\n  if (x) setNumberOrNumberAccessor(path.x, x);\n  if (x0) setNumberOrNumberAccessor(path.x0, x0);\n  if (x1) setNumberOrNumberAccessor(path.x1, x1);\n  if (y) setNumberOrNumberAccessor(path.y, y);\n  if (y0) setNumberOrNumberAccessor(path.y0, y0);\n  if (y1) setNumberOrNumberAccessor(path.y1, y1);\n  if (defined) path.defined(defined);\n  if (curve) path.curve(curve);\n  return path;\n}\nexport function line() {\n  let {\n    x,\n    y,\n    defined,\n    curve\n  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const path = d3Line();\n  if (x) setNumberOrNumberAccessor(path.x, x);\n  if (y) setNumberOrNumberAccessor(path.y, y);\n  if (defined) path.defined(defined);\n  if (curve) path.curve(curve);\n  return path;\n}\nexport function pie() {\n  let {\n    startAngle,\n    endAngle,\n    padAngle,\n    value,\n    sort,\n    sortValues\n  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const path = d3Pie();\n\n  // In d3-shape v3+, sortValues defaults to descending sort.\n  // To maintain visx's behavior of preserving input order by default,\n  // we explicitly set sortValues to null when neither sort nor sortValues is provided.\n  // Note: d3's pie generator clears sortValues when sort is set, and vice versa.\n  if (sortValues !== undefined) {\n    path.sortValues(sortValues);\n  } else if (sort === undefined) {\n    // Neither provided - disable sorting to preserve input order\n    path.sortValues(null);\n  } else if (sort === null) {\n    // explicit null: clear comparator\n    path.sort(null);\n  } else {\n    // here sort is narrowed to a comparator function\n    path.sort(sort);\n  }\n  if (value != null) path.value(value);\n  if (padAngle != null) setNumberOrNumberAccessor(path.padAngle, padAngle);\n  if (startAngle != null) setNumberOrNumberAccessor(path.startAngle, startAngle);\n  if (endAngle != null) setNumberOrNumberAccessor(path.endAngle, endAngle);\n  return path;\n}\nexport function radialLine() {\n  let {\n    angle,\n    radius,\n    defined,\n    curve\n  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const path = d3RadialLine();\n  if (angle) setNumberOrNumberAccessor(path.angle, angle);\n  if (radius) setNumberOrNumberAccessor(path.radius, radius);\n  if (defined) path.defined(defined);\n  if (curve) path.curve(curve);\n  return path;\n}\nexport function stack(_ref) {\n  let {\n    keys,\n    value,\n    order,\n    offset\n  } = _ref;\n  const path = d3Stack();\n  if (keys) path.keys(keys);\n  if (value) setNumberOrNumberAccessor(path.value, value);\n  if (order) path.order(stackOrder(order));\n  if (offset) path.offset(stackOffset(offset));\n  return path;\n}"],"names":["line","x","y","defined","curve","path","d3Line","setNumberOrNumberAccessor"],"mappings":";;AA8CO,SAASA,IAAO;AACrB,MAAI;AAAA,IACF,GAAAC;AAAA,IACA,GAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,EACJ,IAAM,UAAU,SAAS,KAAK,UAAU,CAAC,MAAM,SAAY,UAAU,CAAC,IAAI,CAAA;AACxE,QAAMC,IAAOC,EAAM;AACnB,SAAIL,KAAGM,EAA0BF,EAAK,GAAGJ,CAAC,GACtCC,KAAGK,EAA0BF,EAAK,GAAGH,CAAC,GACtCC,KAASE,EAAK,QAAQF,CAAO,GAC7BC,KAAOC,EAAK,MAAMD,CAAK,GACpBC;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es85.js","sources":["../src/components/Legend/ColorRange/SteadyText.tsx"],"sourcesContent":["import { Box } from \"@mui/material\";\nimport { useState } from \"react\";\n\nexport type SteadyTextProps = {\n  text: string;\n  /** While true, the text keeps the widest width it has had since, growing but never shrinking. */\n  hold: boolean;\n  /** Which side the text keeps to within a held width: the side facing what it labels. */\n  align?: \"start\" | \"end\";\n};\n\n/**\n * A label that holds its widest width while a range is dragged, and takes its own width otherwise.\n * Each shape it takes while held (digits written as 0, which in tabular figures are as wide as any\n * digit) sits hidden in the same grid cell, which sizes to the widest.\n */\nconst SteadyText = ({ text, hold, align = \"start\" }: SteadyTextProps) => {\n  const shape = text.replace(/\\d/g, \"0\");\n  const [shapes, setShapes] = useState<string[]>([]);\n  // Recorded during render, since an effect would commit again on every step of a drag.\n  if (!hold && shapes.length > 0) setShapes([]);\n  if (hold && !shapes.includes(shape)) setShapes([...shapes, shape]);\n\n  return (\n    <Box component=\"span\" sx={{ display: \"inline-grid\", justifyItems: align, fontVariantNumeric: \"tabular-nums\" }}>\n      {hold &&\n        shapes.map((held) => (\n          <Box key={held} component=\"span\" sx={{ gridArea: \"1 / 1\", visibility: \"hidden\", whiteSpace: \"pre\" }}>\n            {held}\n          </Box>\n        ))}\n      <Box component=\"span\" sx={{ gridArea: \"1 / 1\", whiteSpace: \"pre\" }}>\n        {text}\n      </Box>\n    </Box>\n  );\n};\n\nexport default SteadyText;\n"],"names":["SteadyText","t0","$","_c","text","hold","align","t1","undefined","shape","replace","t2","Symbol","for","shapes","setShapes","useState","length","includes","t3","display","justifyItems","fontVariantNumeric","t4","map","_temp","t5","gridArea","whiteSpace","t6","Box","t7","jsxs","held","jsx","visibility"],"mappings":";;;;AAgBA,MAAMA,IAAaC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,MAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,OAAAC;AAAAA,EAAAA,IAAAN,GAAcK,IAAAC,MAAAC,SAAA,UAAAD,GAChCE,IAAcL,EAAIM,QAAS,OAAO,GAAG;AAAE,MAAAC;AAAA,EAAAT,EAAA,CAAA,MAAAU,uBAAAC,IAAA,2BAAA,KACQF,IAAA,CAAA,GAAET,OAAAS,KAAAA,IAAAT,EAAA,CAAA;AAAjD,QAAA,CAAAY,GAAAC,CAAA,IAA4BC,EAAmBL,CAAE;AAEjD,EAAI,CAACN,KAAQS,EAAMG,SAAU,KAAGF,EAAU,CAAA,CAAE,GACxCV,KAAA,CAASS,EAAMI,SAAUT,CAAK,KAAGM,EAAU,CAAA,GAAID,GAAQL,CAAK,CAAC;AAAE,MAAAU;AAAA,EAAAjB,SAAAI,KAGvCa,IAAA;AAAA,IAAAC,SAAW;AAAA,IAAaC,cAAgBf;AAAAA,IAAKgB,oBAAsB;AAAA,EAAA,GAAgBpB,OAAAI,GAAAJ,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAAA,MAAAqB;AAAA,EAAArB,EAAA,CAAA,MAAAG,KAAAH,SAAAY,KAC1GS,IAAAlB,KACCS,EAAMU,IAAKC,CAIV,GAACvB,OAAAG,GAAAH,OAAAY,GAAAZ,OAAAqB,KAAAA,IAAArB,EAAA,CAAA;AAAA,MAAAwB;AAAA,EAAAxB,EAAA,CAAA,MAAAU,uBAAAC,IAAA,2BAAA,KACsBa,IAAA;AAAA,IAAAC,UAAY;AAAA,IAAOC,YAAc;AAAA,EAAA,GAAO1B,OAAAwB,KAAAA,IAAAxB,EAAA,CAAA;AAAA,MAAA2B;AAAA,EAAA3B,SAAAE,KAAlEyB,sBAACC,GAAA,EAAc,WAAA,QAAW,IAAAJ,gBAE1B,GAAMxB,OAAAE,GAAAF,OAAA2B,KAAAA,IAAA3B,EAAA,CAAA;AAAA,MAAA6B;AAAA,SAAA7B,EAAA,CAAA,MAAAiB,KAAAjB,UAAAqB,KAAArB,EAAA,EAAA,MAAA2B,KATRE,IAAA,gBAAAC,EAACF,GAAA,EAAc,WAAA,QAAW,IAAAX,GACvBI,UAAAA;AAAAA,IAAAA;AAAAA,IAMDM;AAAAA,EAAAA,GAGF,GAAM3B,OAAAiB,GAAAjB,QAAAqB,GAAArB,QAAA2B,GAAA3B,QAAA6B,KAAAA,IAAA7B,EAAA,EAAA,GAVN6B;AAUM;AAlBS,SAAAN,EAAAQ,GAAA;AAAA,SAWT,gBAAAC,EAACJ,GAAA,EAAyB,WAAA,QAAW,IAAA;AAAA,IAAAH,UAAY;AAAA,IAAOQ,YAAc;AAAA,IAAQP,YAAc;AAAA,EAAA,GACzFK,eADOA,CAEV;AAAM;"}