@carto/ps-react-ui 4.3.0-widgets.0 → 4.3.1

package/dist/widgets/pie.js

@@ -1,7 +1,230 @@
-import { p } from "../const-BLV7Tvte.js";
-import { PieSkeleton as f } from "../skeleton-DsZhv-AH.js";
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import { c as S } from "react/compiler-runtime";
+import "react";
+import "echarts";
+import "../widget-store-CB6Trp_0.js";
+import "zustand/shallow";
+import { g as w } from "../options-D9wflre6.js";
+import { m as I } from "../utils-D3-eQyDR.js";
+import { f as C, c as j, d as k, e as A, g as O } from "../styles-CCZnY17y.js";
+import { Box as d, Skeleton as a } from "@mui/material";
+import "@mui/icons-material";
+import "react-markdown";
+import { d as y, a as x } from "../exports-Cr43OCul.js";
+import "../lasso-tool-BwRzEW7k.js";
+import "../cjs-D4KH3azB.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "@dnd-kit/utilities";
+function te({
+  refUI: e
+}) {
+  return [{
+    ...y,
+    modifier: () => y.modifier(e)
+  }, {
+    ...x,
+    modifier: async (t) => {
+      const n = C(t);
+      return x.modifier(n);
+    }
+  }];
+}
+function oe(e) {
+  return {
+    type: "pie",
+    option: I(w(e), N(e))
+  };
+}
+function N({
+  data: e = [],
+  theme: t,
+  formatter: n
+}) {
+  if ((e?.length ?? 0) > 1)
+    return {
+      xAxis: {
+        type: "value",
+        show: !0
+      },
+      yAxis: {
+        type: "category",
+        show: !0
+      },
+      legend: {
+        show: !0,
+        bottom: 0
+      },
+      grid: {
+        bottom: parseInt(t.spacing(4)),
+        right: parseInt(t.spacing(4))
+      },
+      series: e.map((o, l) => ({
+        datasetIndex: l,
+        type: "bar",
+        barMaxWidth: 100,
+        emphasis: {
+          focus: "series"
+        }
+      }))
+    };
+  const r = !0;
+  return {
+    legend: A(r),
+    grid: {
+      ...k(r, t),
+      left: 0,
+      top: 0,
+      right: 0
+    },
+    xAxis: {
+      show: !1
+    },
+    yAxis: {
+      show: !1
+    },
+    tooltip: {
+      trigger: "item",
+      formatter: j((o) => {
+        const l = o.value && typeof o.value == "object" && !Array.isArray(o.value) ? Object.values(o.value) : [], c = o.encode?.value?.at(0), p = l[c ?? 0], u = typeof p == "number" && n ? n(p) : p ?? "", m = typeof o.marker == "string" ? o.marker : "", h = o.seriesName ? `${o.seriesName}: ` : "", b = o.name ?? "";
+        return {
+          name: h,
+          seriesName: b,
+          marker: m,
+          value: u
+        };
+      })
+    },
+    color: Object.values(t.palette.qualitative.bold),
+    series: e.map((o, l) => ({
+      datasetIndex: l,
+      type: "pie",
+      colorBy: "data",
+      radius: ["74%", "90%"],
+      avoidLabelOverlap: !0,
+      selectedOffset: 0,
+      bottom: parseInt(t.spacing(4)),
+      label: {
+        show: !0,
+        position: "center",
+        formatter: (c) => {
+          const {
+            name: p
+          } = c, u = c.encode?.value?.[0];
+          if (u === void 0)
+            return "";
+          const m = Object.values(c.data ?? {}).at(u);
+          return `{c|${typeof m == "number" && n ? n(m) : m ?? ""}}
+
+{b|${p}}`;
+        },
+        rich: {
+          b: {
+            fontSize: 16,
+            fontWeight: "normal",
+            lineHeight: 20
+          },
+          c: {
+            fontSize: 28,
+            fontWeight: "bold",
+            lineHeight: 27
+          }
+        }
+      },
+      emphasis: {
+        disabled: !0
+      },
+      itemStyle: {
+        borderColor: t.palette.background.paper,
+        borderWidth: 1
+      }
+    }))
+  };
+}
+const T = {
+  skeleton: {
+    graph: O.graph
+  }
+}, _ = 32, g = 294 - _, v = g - _;
+function ne() {
+  const e = S(5);
+  let t, n;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    position: "relative"
+  }, n = /* @__PURE__ */ i(a, { variant: "circular", width: g, height: g }), e[0] = t, e[1] = n) : (t = e[0], n = e[1]);
+  let s;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ i(a, { sx: {
+    position: "absolute",
+    zIndex: 1
+  }, variant: "circular", width: v, height: v }), e[2] = s) : s = e[2];
+  let r;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ f(d, { sx: t, children: [
+    n,
+    s,
+    /* @__PURE__ */ f(d, { sx: {
+      position: "absolute",
+      zIndex: 2,
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: $
+    }, children: [
+      /* @__PURE__ */ i(a, { height: 24, width: 72 }),
+      /* @__PURE__ */ i(a, { height: 8, width: 48 })
+    ] })
+  ] }), e[3] = r) : r = e[3];
+  let o;
+  return e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ f(d, { sx: T.skeleton.graph.container, children: [
+    r,
+    /* @__PURE__ */ i(d, { sx: {
+      display: "flex",
+      alignItems: "center",
+      gap: z,
+      height: W
+    }, children: Array(2).fill(0).map(E) })
+  ] }), e[4] = o) : o = e[4], o;
+}
+function E(e, t) {
+  return /* @__PURE__ */ f(d, { sx: {
+    display: "flex",
+    alignItems: "center",
+    gap: V
+  }, children: [
+    /* @__PURE__ */ i(a, { variant: "circular", width: 8, height: 8 }),
+    /* @__PURE__ */ i(a, { width: 48, height: 8 })
+  ] }, t);
+}
+function V(e) {
+  const {
+    spacing: t
+  } = e;
+  return t(1.5);
+}
+function W(e) {
+  const {
+    spacing: t
+  } = e;
+  return t(5);
+}
+function z(e) {
+  const {
+    spacing: t
+  } = e;
+  return t(2);
+}
+function $(e) {
+  const {
+    spacing: t
+  } = e;
+  return t(1);
+}
 export {
-  f as PieSkeleton,
-  p as pieConfig
+  ne as PieSkeleton,
+  oe as pieConfig,
+  te as pieDownloadConfig
 };
 //# sourceMappingURL=pie.js.map

package/dist/widgets/pie.js.map

@@ -1 +1 @@
-{"version":3,"file":"pie.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"pie.js","sources":["../../src/widgets/pie/config.ts","../../src/widgets/pie/style.ts","../../src/widgets/pie/skeleton.tsx"],"sourcesContent":["import {\n  getCommonOptions,\n  mergeEchartWidgetConfig,\n  type EchartOptionsProps,\n} from '../echart'\nimport type { PieConfig, PieWidgetConfig, PieWidgetData } from './types'\nimport {\n  buildGridConfig,\n  buildLegendConfig,\n  flattenObjectArrayToCSV,\n  createTooltipFormatter,\n} from '../_shared/chart-config'\nimport { downloadToCSV, downloadToPNG, type DownloadItem } from '../actions'\nimport type { ConfigProps } from '../loader/types'\n\nexport function pieDownloadConfig({\n  refUI,\n}: ConfigProps): DownloadItem<PieWidgetData>[] {\n  return [\n    {\n      ...downloadToPNG,\n      modifier: () => downloadToPNG.modifier(refUI),\n    },\n    {\n      ...downloadToCSV,\n      modifier: async (data) => {\n        const rows = flattenObjectArrayToCSV(data)\n        return downloadToCSV.modifier(rows)\n      },\n    },\n  ]\n}\n\nexport function pieConfig(props: PieConfig): PieWidgetConfig {\n  return {\n    type: 'pie',\n    option: mergeEchartWidgetConfig(getCommonOptions(props), getOption(props)),\n  }\n}\n\nfunction getOption({\n  data = [],\n  theme,\n  formatter,\n}: PieConfig): EchartOptionsProps {\n  const multiSeries = (data?.length ?? 0) > 1\n\n  if (multiSeries) {\n    return {\n      xAxis: {\n        type: 'value',\n        show: true,\n      },\n      yAxis: {\n        type: 'category',\n        show: true,\n      },\n      legend: {\n        show: true,\n        bottom: 0,\n      },\n      grid: {\n        bottom: parseInt(theme.spacing(4)),\n        right: parseInt(theme.spacing(4)),\n      },\n      series: data.map((_: unknown, index: number) => ({\n        datasetIndex: index,\n        type: 'bar',\n        barMaxWidth: 100,\n        emphasis: {\n          focus: 'series',\n        },\n      })),\n    }\n  }\n\n  const hasLegend = true\n\n  return {\n    legend: buildLegendConfig(hasLegend),\n    grid: {\n      ...buildGridConfig(hasLegend, theme),\n      left: 0,\n      top: 0,\n      right: 0,\n    },\n    xAxis: {\n      show: false,\n    },\n    yAxis: {\n      show: false,\n    },\n    tooltip: {\n      trigger: 'item',\n      formatter: createTooltipFormatter((item) => {\n        const value =\n          item.value &&\n          typeof item.value === 'object' &&\n          !Array.isArray(item.value)\n            ? (Object.values(item.value) as (string | number)[])\n            : []\n        const index = item.encode?.value?.at(0)\n        const _value = value[index ?? 0]\n\n        const formattedValue =\n          typeof _value === 'number' && formatter\n            ? formatter(_value)\n            : (_value ?? '')\n\n        const marker = typeof item.marker === 'string' ? item.marker : ''\n        const seriesName = item.seriesName ? `${item.seriesName}: ` : ''\n        const name = item.name ?? ''\n\n        return {\n          name: seriesName,\n          seriesName: name,\n          marker,\n          value: formattedValue,\n        }\n      }),\n    },\n    color: Object.values(theme.palette.qualitative.bold),\n    series: data.map((_: unknown, index: number) => ({\n      datasetIndex: index,\n      type: 'pie',\n      colorBy: 'data',\n      radius: ['74%', '90%'],\n      avoidLabelOverlap: true,\n      selectedOffset: 0,\n      bottom: parseInt(theme.spacing(4)),\n\n      label: {\n        show: true,\n        position: 'center',\n        formatter: (params) => {\n          const { name } = params\n          const encodeIndex = params.encode?.value?.[0]\n          if (encodeIndex === undefined) {\n            return ''\n          }\n\n          const value = Object.values(params.data ?? {}).at(encodeIndex) as\n            | number\n            | string\n\n          const formattedValue =\n            typeof value === 'number' && formatter\n              ? formatter(value)\n              : (value ?? '')\n\n          const nameFormatted = name\n\n          return `{c|${formattedValue}}\\n\\n{b|${nameFormatted}}`\n        },\n        rich: {\n          b: {\n            fontSize: 16,\n            fontWeight: 'normal',\n            lineHeight: 20,\n          },\n          c: {\n            fontSize: 28,\n            fontWeight: 'bold',\n            lineHeight: 27,\n          },\n        },\n      },\n      emphasis: {\n        disabled: true,\n      },\n      itemStyle: {\n        borderColor: theme.palette.background.paper,\n        borderWidth: 1,\n      },\n    })),\n  } as EchartOptionsProps\n}\n","import type { SxProps, Theme } from '@mui/material'\nimport { baseSkeletonStyles } from '../_shared/skeleton'\n\nexport const styles = {\n  skeleton: {\n    graph: baseSkeletonStyles.graph,\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nconst GUTTER = 32\nconst SIZE = 294 - GUTTER\nconst INNER_SIZE = SIZE - GUTTER\n\nexport function PieSkeleton() {\n  return (\n    <Box sx={styles.skeleton.graph.container}>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          position: 'relative',\n        }}\n      >\n        <Skeleton variant='circular' width={SIZE} height={SIZE} />\n        <Skeleton\n          sx={{\n            position: 'absolute',\n            zIndex: 1,\n          }}\n          variant='circular'\n          width={INNER_SIZE}\n          height={INNER_SIZE}\n        />\n        <Box\n          sx={{\n            position: 'absolute',\n            zIndex: 2,\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'center',\n            justifyContent: 'center',\n            gap: ({ spacing }) => spacing(1),\n          }}\n        >\n          <Skeleton height={24} width={72} />\n          <Skeleton height={8} width={48} />\n        </Box>\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: ({ spacing }) => spacing(2),\n          height: ({ spacing }) => spacing(5),\n        }}\n      >\n        {Array(2)\n          .fill(0)\n          .map((_, i) => (\n            <Box\n              key={i}\n              sx={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: ({ spacing }) => spacing(1.5),\n              }}\n            >\n              <Skeleton variant='circular' width={8} height={8} />\n              <Skeleton width={48} height={8} />\n            </Box>\n          ))}\n      </Box>\n    </Box>\n  )\n}\n"],"names":["pieDownloadConfig","refUI","downloadToPNG","modifier","downloadToCSV","data","rows","flattenObjectArrayToCSV","pieConfig","props","type","option","mergeEchartWidgetConfig","getCommonOptions","getOption","theme","formatter","length","xAxis","show","yAxis","legend","bottom","grid","parseInt","spacing","right","series","map","_","index","datasetIndex","barMaxWidth","emphasis","focus","hasLegend","buildLegendConfig","buildGridConfig","left","top","tooltip","trigger","createTooltipFormatter","item","value","Array","isArray","Object","values","encode","at","_value","formattedValue","marker","seriesName","name","color","palette","qualitative","bold","colorBy","radius","avoidLabelOverlap","selectedOffset","label","position","params","encodeIndex","undefined","rich","b","fontSize","fontWeight","lineHeight","c","disabled","itemStyle","borderColor","background","paper","borderWidth","styles","skeleton","graph","baseSkeletonStyles","GUTTER","SIZE","INNER_SIZE","PieSkeleton","$","_c","t0","t1","Symbol","for","display","alignItems","justifyContent","Skeleton","t2","jsx","zIndex","t3","Box","jsxs","flexDirection","gap","_temp","t4","container","_temp2","height","_temp3","fill","_temp5","i","_temp4","spacing_2","spacing_1","spacing_0"],"mappings":"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"}

package/dist/widgets/range.js

@@ -1,19 +1,217 @@
-import { a as r, R as g } from "../range-ui-CtUX11Xm.js";
-import { RangeSkeleton as s } from "../skeleton-QVDdb1c2.js";
-function n(e) {
+import { jsx as g, jsxs as P } from "react/jsx-runtime";
+import { c as j } from "react/compiler-runtime";
+import { R as Z } from "../row-DrHwXNvF.js";
+import { Box as $, Slider as ee, TextField as te, Skeleton as G } from "@mui/material";
+import { useState as Q } from "react";
+import { u as H } from "../widget-store-CB6Trp_0.js";
+import { useShallow as ne } from "zustand/shallow";
+const _ = {
+  rangeItem: {
+    display: "flex",
+    flexDirection: "column",
+    gap: (n) => n.spacing(1.5)
+  },
+  sliderContainer: {
+    display: "flex",
+    flexDirection: "column",
+    gap: (n) => n.spacing(1),
+    px: (n) => n.spacing(1)
+  },
+  inputsRow: {
+    display: "flex",
+    gap: (n) => n.spacing(2),
+    alignItems: "center"
+  },
+  input: {
+    flex: 1,
+    "& .MuiInputBase-input": {
+      textAlign: "center"
+    }
+  },
+  slider: {
+    width: "100%",
+    "&.Mui-disabled": {
+      color: (n) => n.palette.text.disabled
+    }
+  }
+}, ie = (n) => n.toString();
+function ae(n) {
+  const e = j(63), {
+    id: i,
+    index: a
+  } = n;
+  let r;
+  e[0] !== i || e[1] !== a ? (r = (f) => {
+    const s = f.getWidget(i);
+    return {
+      item: s?.data[a],
+      onChange: s?.onChange,
+      formatter: s?.formatter
+    };
+  }, e[0] = i, e[1] = a, e[2] = r) : r = e[2];
+  const {
+    item: t,
+    onChange: m,
+    formatter: v
+  } = H(ne(r)), o = v === void 0 ? ie : v, c = H(oe), d = H(le);
+  let b;
+  e[3] !== t ? (b = t ? t.value ?? [t.min, t.max] : [0, 0], e[3] = t, e[4] = b) : b = e[4];
+  const l = b, [u, y] = Q("");
+  if (!t)
+    return null;
+  let W;
+  e[5] !== c || e[6] !== i || e[7] !== a || e[8] !== t || e[9] !== m || e[10] !== d ? (W = (f, s) => {
+    if (Array.isArray(s)) {
+      const [q, A] = s, x = c(i)?.data ?? [];
+      x[a] = {
+        ...t,
+        value: s
+      }, d(i, {
+        data: x
+      }), m?.([q, A], a);
+    }
+  }, e[5] = c, e[6] = i, e[7] = a, e[8] = t, e[9] = m, e[10] = d, e[11] = W) : W = e[11];
+  const I = W;
+  let p;
+  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = (f) => {
+    y(f.target.name);
+  }, e[12] = p) : p = e[12];
+  const S = p;
+  let w;
+  if (e[13] !== l[0] || e[14] !== l[1] || e[15] !== c || e[16] !== i || e[17] !== a || e[18] !== t.max || e[19] !== t.min || e[20] !== m || e[21] !== d) {
+    const f = (s) => {
+      const {
+        name: q,
+        value: A
+      } = s.target;
+      let x;
+      q === "min" ? x = [Math.min(Math.max(t.min, parseFloat(A) || t.min), l[1]), l[1] ?? 0] : x = [l[0] ?? 0, Math.max(Math.min(t.max, parseFloat(A) || t.max), l[0])];
+      const X = c(i)?.data ?? [];
+      d(i, {
+        data: X.map((J, Y) => Y === a ? {
+          ...J,
+          value: x
+        } : J)
+      }), m?.([x[0], x[1]], a);
+    };
+    w = (s) => {
+      y(""), f(s);
+    }, e[13] = l[0], e[14] = l[1], e[15] = c, e[16] = i, e[17] = a, e[18] = t.max, e[19] = t.min, e[20] = m, e[21] = d, e[22] = w;
+  } else
+    w = e[22];
+  const h = w;
+  let E;
+  e[23] !== h ? (E = (f) => {
+    f.key === "Enter" && (h(f), f.currentTarget.blur());
+  }, e[23] = h, e[24] = E) : E = e[24];
+  const C = E;
+  let R;
+  e[25] !== t.color ? (R = t.color && {
+    color: t.color
+  }, e[25] = t.color, e[26] = R) : R = e[26];
+  let M;
+  e[27] !== R ? (M = {
+    ..._.slider,
+    ...R
+  }, e[27] = R, e[28] = M) : M = e[28];
+  let D;
+  e[29] !== l || e[30] !== o || e[31] !== I || e[32] !== t.disabled || e[33] !== t.marks || e[34] !== t.max || e[35] !== t.min || e[36] !== t.step || e[37] !== M ? (D = /* @__PURE__ */ g($, { sx: _.sliderContainer, children: /* @__PURE__ */ g(ee, { value: l, onChange: I, valueLabelDisplay: "auto", valueLabelFormat: o, min: t.min, max: t.max, step: t.step, marks: t.marks, disabled: t.disabled, sx: M }) }), e[29] = l, e[30] = o, e[31] = I, e[32] = t.disabled, e[33] = t.marks, e[34] = t.max, e[35] = t.min, e[36] = t.step, e[37] = M, e[38] = D) : D = e[38];
+  const L = `min-${l[0]}`, T = l[0] ?? 0;
+  let K;
+  e[39] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (K = {
+    "aria-label": "Minimum value"
+  }, e[39] = K) : K = e[39];
+  let F;
+  e[40] !== o || e[41] !== h || e[42] !== C || e[43] !== u || e[44] !== t.disabled || e[45] !== L || e[46] !== T ? (F = /* @__PURE__ */ g(O, { isEditing: u, name: "min", value: T, formatter: o, onFocus: S, onBlur: h, onKeyDown: C, disabled: t.disabled, inputProps: K }, L), e[40] = o, e[41] = h, e[42] = C, e[43] = u, e[44] = t.disabled, e[45] = L, e[46] = T, e[47] = F) : F = e[47];
+  const N = `max-${l[1]}`, U = l[1] ?? 0;
+  let V;
+  e[48] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (V = {
+    "aria-label": "Maximum value"
+  }, e[48] = V) : V = e[48];
+  let k;
+  e[49] !== o || e[50] !== h || e[51] !== C || e[52] !== u || e[53] !== t.disabled || e[54] !== N || e[55] !== U ? (k = /* @__PURE__ */ g(O, { isEditing: u, name: "max", value: U, formatter: o, onFocus: S, onBlur: h, onKeyDown: C, disabled: t.disabled, inputProps: V }, N), e[49] = o, e[50] = h, e[51] = C, e[52] = u, e[53] = t.disabled, e[54] = N, e[55] = U, e[56] = k) : k = e[56];
+  let B;
+  e[57] !== F || e[58] !== k ? (B = /* @__PURE__ */ P($, { sx: _.inputsRow, children: [
+    F,
+    k
+  ] }), e[57] = F, e[58] = k, e[59] = B) : B = e[59];
+  let z;
+  return e[60] !== D || e[61] !== B ? (z = /* @__PURE__ */ P($, { sx: _.rangeItem, children: [
+    D,
+    B
+  ] }), e[60] = D, e[61] = B, e[62] = z) : z = e[62], z;
+}
+function le(n) {
+  return n.setWidget;
+}
+function oe(n) {
+  return n.getWidget;
+}
+function O(n) {
+  const e = j(12), {
+    isEditing: i,
+    name: a,
+    disabled: r,
+    value: t,
+    formatter: m,
+    onFocus: v,
+    onBlur: o,
+    onKeyDown: c,
+    inputProps: d
+  } = n, [b, l] = Q(String(t)), u = Number(b);
+  let y;
+  e[0] !== m || e[1] !== u ? (y = m(u), e[0] = m, e[1] = u, e[2] = y) : y = e[2];
+  const I = i === a ? b : y;
+  let p;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = (w) => {
+    l(w.target.value);
+  }, e[3] = p) : p = e[3];
+  let S;
+  return e[4] !== r || e[5] !== d || e[6] !== a || e[7] !== o || e[8] !== v || e[9] !== c || e[10] !== I ? (S = /* @__PURE__ */ g(te, { name: a, value: I, onChange: p, onFocus: v, onBlur: o, onKeyDown: c, disabled: r, size: "small", sx: _.input, inputProps: d }), e[4] = r, e[5] = d, e[6] = a, e[7] = o, e[8] = v, e[9] = c, e[10] = I, e[11] = S) : S = e[11], S;
+}
+function pe(n) {
+  const e = j(5);
+  let i;
+  e[0] !== n.id ? (i = (r) => {
+    const {
+      index: t
+    } = r;
+    return /* @__PURE__ */ g(ae, { id: n.id, index: t });
+  }, e[0] = n.id, e[1] = i) : i = e[1];
+  let a;
+  return e[2] !== n.id || e[3] !== i ? (a = /* @__PURE__ */ g(Z, { id: n.id, children: i }), e[2] = n.id, e[3] = i, e[4] = a) : a = e[4], a;
+}
+function he() {
+  const n = j(2);
+  let e;
+  n[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ g(G, { width: "100%", height: 32 }), n[0] = e) : e = n[0];
+  let i;
+  return n[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ P($, { sx: _.rangeItem, "aria-label": "Range skeleton", children: [
+    e,
+    /* @__PURE__ */ P($, { sx: _.inputsRow, children: [
+      /* @__PURE__ */ g(G, { width: "100%", height: 40 }),
+      /* @__PURE__ */ g(G, { width: "100%", height: 40 })
+    ] })
+  ] }), n[1] = i) : i = n[1], i;
+}
+function xe() {
+  return {};
+}
+function se(n) {
   return {
-    ...e,
-    note: typeof e.note == "string" ? e.note : void 0
+    ...n,
+    note: typeof n.note == "string" ? n.note : void 0
   };
 }
-function t(e) {
-  return e?.map(n);
+function be(n) {
+  return n?.map(se);
 }
 export {
-  r as RangeItem,
-  s as RangeSkeleton,
-  g as RangeUI,
-  n as sanitizeRangeDataItem,
-  t as sanitizeRangeDataItems
+  ae as RangeItem,
+  he as RangeSkeleton,
+  pe as RangeUI,
+  xe as rangeConfig,
+  se as sanitizeRangeDataItem,
+  be as sanitizeRangeDataItems
 };
 //# sourceMappingURL=range.js.map

package/dist/widgets/range.js.map

@@ -1 +1 @@
-{"version":3,"file":"range.js","sources":["../../src/widgets/range/serializer.ts"],"sourcesContent":["import type { RangeDataItem } from './types'\n\n/**\n * Sanitizes RangeDataItem by converting ReactNode note values to undefined.\n * This ensures only string values are stored in the widget state.\n *\n * @param item - The RangeDataItem to sanitize\n * @returns A new RangeDataItem with ReactNode note values converted to undefined\n */\nexport function sanitizeRangeDataItem(item: RangeDataItem): RangeDataItem {\n  return {\n    ...item,\n    note: typeof item.note === 'string' ? item.note : undefined,\n  }\n}\n\n/**\n * Sanitizes an array of RangeDataItems by converting ReactNode note values to undefined.\n *\n * @param items - Array of RangeDataItems to sanitize\n * @returns A new array with sanitized RangeDataItems\n */\nexport function sanitizeRangeDataItems(\n  items: RangeDataItem[] | undefined,\n): RangeDataItem[] | undefined {\n  return items?.map(sanitizeRangeDataItem)\n}\n"],"names":["sanitizeRangeDataItem","item","note","undefined","sanitizeRangeDataItems","items","map"],"mappings":";;AASO,SAASA,EAAsBC,GAAoC;AACxE,SAAO;AAAA,IACL,GAAGA;AAAAA,IACHC,MAAM,OAAOD,EAAKC,QAAS,WAAWD,EAAKC,OAAOC;AAAAA,EAAAA;AAEtD;AAQO,SAASC,EACdC,GAC6B;AAC7B,SAAOA,GAAOC,IAAIN,CAAqB;AACzC;"}
+{"version":3,"file":"range.js","sources":["../../src/widgets/range/style.ts","../../src/widgets/range/components/range-item.tsx","../../src/widgets/range/range-ui.tsx","../../src/widgets/range/skeleton.tsx","../../src/widgets/range/config.ts","../../src/widgets/range/serializer.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material'\n\nexport const styles: Record<string, SxProps<Theme>> = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: (theme: Theme) => theme.spacing(2),\n  },\n  rangeItem: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: (theme: Theme) => theme.spacing(1.5),\n  },\n  sliderContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: (theme: Theme) => theme.spacing(1),\n    px: (theme: Theme) => theme.spacing(1),\n  },\n  inputsRow: {\n    display: 'flex',\n    gap: (theme: Theme) => theme.spacing(2),\n    alignItems: 'center',\n  },\n  input: {\n    flex: 1,\n    '& .MuiInputBase-input': {\n      textAlign: 'center',\n    },\n  },\n  slider: {\n    width: '100%',\n    '&.Mui-disabled': {\n      color: (theme: Theme) => theme.palette.text.disabled,\n    },\n  },\n} satisfies Record<string, SxProps<Theme>>\n","import { Box, Slider, TextField } from '@mui/material'\nimport { useState, useMemo, type FocusEvent, type KeyboardEvent } from 'react'\nimport { useWidgetStore } from '../../stores/widget-store'\nimport type { RangeItemProps, RangeWidgetState } from '../types'\nimport { styles } from '../style'\nimport { useShallow } from 'zustand/shallow'\n\ntype EditingState = '' | 'min' | 'max'\n\nconst defaultFormatter = (value: number) => value.toString()\n\nexport function RangeItem({ id, index }: RangeItemProps) {\n  const {\n    item,\n    onChange,\n    formatter = defaultFormatter,\n  } = useWidgetStore(\n    useShallow((state) => {\n      const widget = state.getWidget<RangeWidgetState>(id)\n      return {\n        item: widget?.data[index],\n        onChange: widget?.onChange,\n        formatter: widget?.formatter,\n      }\n    }),\n  )\n  const getWidget = useWidgetStore((store) => store.getWidget)\n  const setWidget = useWidgetStore((store) => store.setWidget)\n\n  const currentValue = useMemo(\n    () => (item ? (item.value ?? [item.min, item.max]) : [0, 0]),\n    [item],\n  )\n\n  // Local state for input values - track if user is editing\n  const [isEditing, setIsEditing] = useState<EditingState>('')\n\n  if (!item) return null\n\n  const handleSliderChange = (_: Event, newValue: number | number[]) => {\n    if (Array.isArray(newValue)) {\n      const [min, max] = newValue\n      const data = getWidget<RangeWidgetState>(id)?.data ?? []\n\n      data[index] = {\n        ...item,\n        value: newValue,\n      }\n\n      setWidget(id, {\n        data,\n      })\n\n      onChange?.([min!, max!], index)\n    }\n  }\n\n  const handleInputFocus = (e: FocusEvent<HTMLInputElement>) => {\n    setIsEditing(e.target.name as EditingState)\n  }\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const { name, value } = event.target\n\n    let newValue: [number, number]\n    if (name === 'min') {\n      newValue = [\n        Math.min(\n          Math.max(item.min, parseFloat(value) || item.min),\n          currentValue[1]!,\n        ),\n        currentValue[1] ?? 0,\n      ]\n    } else {\n      newValue = [\n        currentValue[0] ?? 0,\n        Math.max(\n          Math.min(item.max, parseFloat(value) || item.max),\n          currentValue[0]!,\n        ),\n      ]\n    }\n\n    const data = getWidget<RangeWidgetState>(id)?.data ?? []\n\n    setWidget(id, {\n      data: data.map((d: RangeWidgetState['data'][number], i: number) =>\n        i === index\n          ? {\n              ...d,\n              value: newValue,\n            }\n          : d,\n      ),\n    })\n\n    onChange?.([newValue[0], newValue[1]], index)\n  }\n\n  const handleInputBlur = (e: FocusEvent<HTMLInputElement>) => {\n    setIsEditing('')\n    handleInputChange(e)\n  }\n\n  const handleInputKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === 'Enter') {\n      handleInputBlur(event as unknown as FocusEvent<HTMLInputElement>)\n      event.currentTarget.blur()\n    }\n  }\n\n  return (\n    <Box sx={styles.rangeItem}>\n      <Box sx={styles.sliderContainer}>\n        <Slider\n          value={currentValue}\n          onChange={handleSliderChange}\n          valueLabelDisplay='auto'\n          valueLabelFormat={formatter}\n          min={item.min}\n          max={item.max}\n          step={item.step}\n          marks={item.marks}\n          disabled={item.disabled}\n          sx={{\n            ...styles.slider,\n            ...(item.color && {\n              color: item.color,\n            }),\n          }}\n        />\n      </Box>\n\n      <Box sx={styles.inputsRow}>\n        <Input\n          key={`min-${currentValue[0]}`}\n          isEditing={isEditing}\n          name='min'\n          value={currentValue[0] ?? 0}\n          formatter={formatter}\n          onFocus={handleInputFocus}\n          onBlur={handleInputBlur}\n          onKeyDown={handleInputKeyDown}\n          disabled={item.disabled}\n          inputProps={{\n            'aria-label': 'Minimum value',\n          }}\n        />\n        <Input\n          key={`max-${currentValue[1]}`}\n          isEditing={isEditing}\n          name='max'\n          value={currentValue[1] ?? 0}\n          formatter={formatter}\n          onFocus={handleInputFocus}\n          onBlur={handleInputBlur}\n          onKeyDown={handleInputKeyDown}\n          disabled={item.disabled}\n          inputProps={{\n            'aria-label': 'Maximum value',\n          }}\n        />\n      </Box>\n    </Box>\n  )\n}\n\nfunction Input({\n  isEditing,\n  name,\n  disabled,\n  value,\n  formatter,\n  onFocus: onFocus,\n  onBlur: onBlur,\n  onKeyDown: onKeyDown,\n  inputProps,\n}: {\n  isEditing: EditingState\n  name: 'min' | 'max'\n  disabled?: boolean\n  value: number\n  formatter: (value: number) => string\n  onFocus: (e: FocusEvent<HTMLInputElement>) => void\n  onBlur: (e: FocusEvent<HTMLInputElement>) => void\n  onKeyDown: (e: KeyboardEvent<HTMLInputElement>) => void\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>\n}) {\n  const [currentValue, setCurrentValue] = useState<string>(String(value))\n\n  // Compute display values when not editing\n  const displayMinValue = useMemo(\n    () => formatter(Number(currentValue)),\n    [currentValue, formatter],\n  )\n\n  return (\n    <TextField\n      name={name}\n      value={isEditing === name ? currentValue : displayMinValue}\n      onChange={(e) => {\n        setCurrentValue(e.target.value)\n      }}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onKeyDown={onKeyDown}\n      disabled={disabled}\n      size='small'\n      sx={styles.input}\n      inputProps={inputProps}\n    />\n  )\n}\n","import type { RangeUIProps } from './types'\nimport { Row } from '../formula/components/row'\nimport { RangeItem } from './components/range-item'\n\nexport function RangeUI(props: RangeUIProps) {\n  return (\n    <Row id={props.id}>\n      {({ index }) => <RangeItem id={props.id} index={index} />}\n    </Row>\n  )\n}\n","import { Box, Skeleton } from '@mui/material'\nimport { styles } from './style'\n\nexport function RangeSkeleton() {\n  return (\n    <Box sx={styles.rangeItem} aria-label='Range skeleton'>\n      <Skeleton width='100%' height={32} />\n      <Box sx={styles.inputsRow}>\n        <Skeleton width='100%' height={40} />\n        <Skeleton width='100%' height={40} />\n      </Box>\n    </Box>\n  )\n}\n","import type { RangeWidgetConfig } from './types'\n\nexport interface RangeConfigProps {\n  formatter?: (value: number) => string\n  onChange?: (value: number[], index: number) => void\n}\n\nexport function rangeConfig(): RangeWidgetConfig {\n  return {}\n}\n","import type { RangeDataItem } from './types'\n\n/**\n * Sanitizes RangeDataItem by converting ReactNode note values to undefined.\n * This ensures only string values are stored in the widget state.\n *\n * @param item - The RangeDataItem to sanitize\n * @returns A new RangeDataItem with ReactNode note values converted to undefined\n */\nexport function sanitizeRangeDataItem(item: RangeDataItem): RangeDataItem {\n  return {\n    ...item,\n    note: typeof item.note === 'string' ? item.note : undefined,\n  }\n}\n\n/**\n * Sanitizes an array of RangeDataItems by converting ReactNode note values to undefined.\n *\n * @param items - Array of RangeDataItems to sanitize\n * @returns A new array with sanitized RangeDataItems\n */\nexport function sanitizeRangeDataItems(\n  items: RangeDataItem[] | undefined,\n): RangeDataItem[] | undefined {\n  return items?.map(sanitizeRangeDataItem)\n}\n"],"names":["styles","rangeItem","display","flexDirection","gap","theme","spacing","sliderContainer","px","inputsRow","alignItems","input","flex","textAlign","slider","width","color","palette","text","disabled","defaultFormatter","value","toString","RangeItem","t0","$","_c","id","index","t1","state","widget","getWidget","item","data","onChange","formatter","t2","useWidgetStore","useShallow","undefined","_temp","setWidget","_temp2","t3","min","max","currentValue","isEditing","setIsEditing","useState","t4","_","newValue","Array","isArray","handleSliderChange","t5","Symbol","for","e","target","name","handleInputFocus","t6","handleInputChange","event","Math","parseFloat","data_0","map","d","i","e_0","handleInputBlur","t7","event_0","key","currentTarget","blur","handleInputKeyDown","t8","t9","t10","marks","step","Box","jsx","Slider","t11","t12","t13","t14","Input","t15","t16","t17","t18","t19","t20","store_0","store","onFocus","onBlur","onKeyDown","inputProps","setCurrentValue","String","Number","TextField","RangeUI","props","Row","RangeSkeleton","Skeleton","jsxs","rangeConfig","sanitizeRangeDataItem","note","sanitizeRangeDataItems","items"],"mappings":";;;;;;;AAEO,MAAMA,IAAyC;AAAA,EAMpDC,WAAW;AAAA,IACTC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAKA,CAACC,MAAiBA,EAAMC,QAAQ,GAAG;AAAA,EAAA;AAAA,EAE1CC,iBAAiB;AAAA,IACfL,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,KAAKA,CAACC,MAAiBA,EAAMC,QAAQ,CAAC;AAAA,IACtCE,IAAIA,CAACH,MAAiBA,EAAMC,QAAQ,CAAC;AAAA,EAAA;AAAA,EAEvCG,WAAW;AAAA,IACTP,SAAS;AAAA,IACTE,KAAKA,CAACC,MAAiBA,EAAMC,QAAQ,CAAC;AAAA,IACtCI,YAAY;AAAA,EAAA;AAAA,EAEdC,OAAO;AAAA,IACLC,MAAM;AAAA,IACN,yBAAyB;AAAA,MACvBC,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEFC,QAAQ;AAAA,IACNC,OAAO;AAAA,IACP,kBAAkB;AAAA,MAChBC,OAAOA,CAACX,MAAiBA,EAAMY,QAAQC,KAAKC;AAAAA,IAAAA;AAAAA,EAC9C;AAEJ,GC3BMC,KAAmBA,CAACC,MAAkBA,EAAMC,SAAAA;AAE3C,SAAAC,GAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAmB;AAAA,IAAAC,IAAAA;AAAAA,IAAAC,OAAAA;AAAAA,EAAAA,IAAAJ;AAA6B,MAAAK;AAAA,EAAAJ,EAAA,CAAA,MAAAE,KAAAF,SAAAG,KAMxCC,IAAAC,CAAAA,MAAA;AACT,UAAAC,IAAeD,EAAKE,UAA6BL,CAAE;AAAC,WAC7C;AAAA,MAAAM,MACCF,GAAMG,KAAON,CAAK;AAAA,MAACO,UACfJ,GAAMI;AAAAA,MAAUC,WACfL,GAAMK;AAAAA,IAAAA;AAAAA,EAClB,GACFX,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAZH,QAAA;AAAA,IAAAQ,MAAAA;AAAAA,IAAAE,UAAAA;AAAAA,IAAAC,WAAAC;AAAAA,EAAAA,IAIIC,EACFC,GAAWV,CAOV,CACH,GAVEO,IAAAC,MAAAG,SAAApB,KAAAiB,GAWFL,IAAkBM,EAAeG,EAA0B,GAC3DC,IAAkBJ,EAAeK,EAA0B;AAAC,MAAAC;AAAA,EAAAnB,SAAAQ,KAGnDW,IAAAX,IAAQA,EAAIZ,SAAJ,CAAeY,EAAIY,KAAMZ,EAAIa,GAAI,IAAzC,CAA+C,GAAG,CAAC,GAACrB,OAAAQ,GAAAR,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAD7D,QAAAsB,IACSH,GAKT,CAAAI,GAAAC,CAAA,IAAkCC,EAAuB,EAAE;AAE3D,MAAI,CAACjB;AAAI,WAAS;AAAI,MAAAkB;AAAA,EAAA1B,SAAAO,KAAAP,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAQ,KAAAR,SAAAU,KAAAV,EAAA,EAAA,MAAAiB,KAEKS,IAAAA,CAAAC,GAAAC,MAAA;AACzB,QAAIC,MAAKC,QAASF,CAAQ,GAAC;AACzB,YAAA,CAAAR,GAAAC,CAAA,IAAmBO,GACnBnB,IAAaF,EAA4BL,CAAQ,GAACO,QAArC,CAAA;AAEbA,MAAAA,EAAKN,CAAK,IAAI;AAAA,QAAA,GACTK;AAAAA,QAAIZ,OACAgC;AAAAA,MAAAA,GAGTX,EAAUf,GAAI;AAAA,QAAAO,MAAAA;AAAAA,MAAAA,CAEb,GAEDC,IAAW,CAACU,GAAMC,CAAG,GAAIlB,CAAK;AAAA,IAAC;AAAA,EAChC,GACFH,OAAAO,GAAAP,OAAAE,GAAAF,OAAAG,GAAAH,OAAAQ,GAAAR,OAAAU,GAAAV,QAAAiB,GAAAjB,QAAA0B,KAAAA,IAAA1B,EAAA,EAAA;AAhBD,QAAA+B,IAA2BL;AAgB1B,MAAAM;AAAA,EAAAhC,EAAA,EAAA,MAAAiC,uBAAAC,IAAA,2BAAA,KAEwBF,IAAAG,CAAAA,MAAA;AACvBX,IAAAA,EAAaW,EAACC,OAAOC,IAAqB;AAAA,EAAC,GAC5CrC,QAAAgC,KAAAA,IAAAhC,EAAA,EAAA;AAFD,QAAAsC,IAAyBN;AAExB,MAAAO;AAAA,MAAAvC,EAAA,EAAA,MAAAsB,EAAA,CAAA,KAAAtB,UAAAsB,EAAA,CAAA,KAAAtB,EAAA,EAAA,MAAAO,KAAAP,UAAAE,KAAAF,EAAA,EAAA,MAAAG,KAAAH,UAAAQ,EAAAa,OAAArB,EAAA,EAAA,MAAAQ,EAAAY,OAAApB,EAAA,EAAA,MAAAU,KAAAV,UAAAiB,GAAA;AAED,UAAAuB,IAA0BC,CAAAA,MAAA;AACxB,YAAA;AAAA,QAAAJ,MAAAA;AAAAA,QAAAzC,OAAAA;AAAAA,MAAAA,IAAwB6C,EAAKL;AAEzBR,UAAAA;AACJ,MAAIS,MAAS,QACXT,IAAWA,CACTc,KAAItB,IACFsB,KAAIrB,IAAKb,EAAIY,KAAMuB,WAAW/C,CAAiB,KAAPY,EAAIY,GAAI,GAChDE,EAAY,CAAA,CACd,GACAA,EAAY,CAAA,KAAZ,CAAoB,IAGtBM,IAAWA,CACTN,EAAY,CAAA,KAAZ,GACAoB,KAAIrB,IACFqB,KAAItB,IAAKZ,EAAIa,KAAMsB,WAAW/C,CAAiB,KAAPY,EAAIa,GAAI,GAChDC,EAAY,CAAA,CACd,CAAC;AAIL,YAAAsB,IAAarC,EAA4BL,CAAQ,GAACO,QAArC,CAAA;AAEbQ,MAAAA,EAAUf,GAAI;AAAA,QAAAO,MACNA,EAAIoC,IAAK,CAAAC,GAAAC,MACbA,MAAM5C,IAAN;AAAA,UAAA,GAES2C;AAAAA,UAAClD,OACGgC;AAAAA,QAAAA,IAHbkB,CAMF;AAAA,MAAA,CACD,GAEDpC,IAAW,CAACkB,EAAQ,CAAA,GAAKA,EAAQ,CAAA,CAAG,GAAGzB,CAAK;AAAA,IAAC;AAGvBoC,IAAAA,IAAAS,CAAAA,MAAA;AACtBxB,MAAAA,EAAa,EAAE,GACfgB,EAAkBL,CAAC;AAAA,IAAC,GACrBnC,QAAAsB,EAAA,CAAA,GAAAtB,QAAAsB,EAAA,CAAA,GAAAtB,QAAAO,GAAAP,QAAAE,GAAAF,QAAAG,GAAAH,EAAA,EAAA,IAAAQ,EAAAa,KAAArB,EAAA,EAAA,IAAAQ,EAAAY,KAAApB,QAAAU,GAAAV,QAAAiB,GAAAjB,QAAAuC;AAAAA,EAAA;AAAAA,IAAAA,IAAAvC,EAAA,EAAA;AAHD,QAAAiD,IAAwBV;AAGvB,MAAAW;AAAA,EAAAlD,UAAAiD,KAE0BC,IAAAC,CAAAA,MAAA;AACzB,IAAIV,EAAKW,QAAS,YAChBH,EAAgBR,CAAgD,GAChEA,EAAKY,cAAcC,KAAAA;AAAAA,EACpB,GACFtD,QAAAiD,GAAAjD,QAAAkD,KAAAA,IAAAlD,EAAA,EAAA;AALD,QAAAuD,IAA2BL;AAK1B,MAAAM;AAAA,EAAAxD,EAAA,EAAA,MAAAQ,EAAAjB,SAiBaiE,IAAAhD,EAAIjB,SAAJ;AAAA,IAAAA,OACKiB,EAAIjB;AAAAA,EAAAA,GACZS,EAAA,EAAA,IAAAQ,EAAAjB,OAAAS,QAAAwD,KAAAA,IAAAxD,EAAA,EAAA;AAAA,MAAAyD;AAAA,EAAAzD,UAAAwD,KAJCC,IAAA;AAAA,IAAA,GACClF,EAAMc;AAAAA,IAAO,GACZmE;AAAAA,EAAAA,GAGLxD,QAAAwD,GAAAxD,QAAAyD,KAAAA,IAAAzD,EAAA,EAAA;AAAA,MAAA0D;AAAA,EAAA1D,UAAAsB,KAAAtB,EAAA,EAAA,MAAAW,KAAAX,EAAA,EAAA,MAAA+B,KAAA/B,UAAAQ,EAAAd,YAAAM,UAAAQ,EAAAmD,SAAA3D,UAAAQ,EAAAa,OAAArB,UAAAQ,EAAAY,OAAApB,UAAAQ,EAAAoD,QAAA5D,UAAAyD,KAhBLC,sBAACG,GAAA,EAAQ,IAAAtF,EAAMO,iBACb,UAAA,gBAAAgF,EAACC,IAAA,EACQzC,UACGS,aACQ,mBAAA,QACApB,kBAAAA,GACb,KAAAH,EAAIY,KACJ,KAAAZ,EAAIa,KACH,MAAAb,EAAIoD,MACH,OAAApD,EAAImD,OACD,UAAAnD,EAAId,UACV,IAAA+D,GAKH,GAEL,GAAMzD,QAAAsB,GAAAtB,QAAAW,GAAAX,QAAA+B,GAAA/B,EAAA,EAAA,IAAAQ,EAAAd,UAAAM,EAAA,EAAA,IAAAQ,EAAAmD,OAAA3D,EAAA,EAAA,IAAAQ,EAAAa,KAAArB,EAAA,EAAA,IAAAQ,EAAAY,KAAApB,EAAA,EAAA,IAAAQ,EAAAoD,MAAA5D,QAAAyD,GAAAzD,QAAA0D,KAAAA,IAAA1D,EAAA,EAAA;AAIG,QAAAgE,IAAA,OAAO1C,EAAY,CAAA,CAAG,IAGpB2C,IAAA3C,EAAY,CAAA,KAAZ;AAAoB,MAAA4C;AAAA,EAAAlE,EAAA,EAAA,MAAAiC,uBAAAC,IAAA,2BAAA,KAMfgC,IAAA;AAAA,IAAA,cACI;AAAA,EAAA,GACflE,QAAAkE,KAAAA,IAAAlE,EAAA,EAAA;AAAA,MAAAmE;AAAA,EAAAnE,EAAA,EAAA,MAAAW,KAAAX,EAAA,EAAA,MAAAiD,KAAAjD,EAAA,EAAA,MAAAuD,KAAAvD,EAAA,EAAA,MAAAuB,KAAAvB,EAAA,EAAA,MAAAQ,EAAAd,YAAAM,EAAA,EAAA,MAAAgE,KAAAhE,EAAA,EAAA,MAAAiE,KAZHE,sBAACC,GAAA,EAEY7C,WAAAA,GACN,MAAA,OACE,OAAA0C,GACItD,WAAAA,GACF2B,SAAAA,GACDW,QAAAA,GACGM,WAAAA,GACD,UAAA/C,EAAId,UACF,YAAAwE,KATPF,CAWJ,GACDhE,QAAAW,GAAAX,QAAAiD,GAAAjD,QAAAuD,GAAAvD,QAAAuB,GAAAvB,EAAA,EAAA,IAAAQ,EAAAd,UAAAM,QAAAgE,GAAAhE,QAAAiE,GAAAjE,QAAAmE,KAAAA,IAAAnE,EAAA,EAAA;AAEK,QAAAqE,IAAA,OAAO/C,EAAY,CAAA,CAAG,IAGpBgD,IAAAhD,EAAY,CAAA,KAAZ;AAAoB,MAAAiD;AAAA,EAAAvE,EAAA,EAAA,MAAAiC,uBAAAC,IAAA,2BAAA,KAMfqC,IAAA;AAAA,IAAA,cACI;AAAA,EAAA,GACfvE,QAAAuE,KAAAA,IAAAvE,EAAA,EAAA;AAAA,MAAAwE;AAAA,EAAAxE,EAAA,EAAA,MAAAW,KAAAX,EAAA,EAAA,MAAAiD,KAAAjD,EAAA,EAAA,MAAAuD,KAAAvD,EAAA,EAAA,MAAAuB,KAAAvB,EAAA,EAAA,MAAAQ,EAAAd,YAAAM,EAAA,EAAA,MAAAqE,KAAArE,EAAA,EAAA,MAAAsE,KAZHE,sBAACJ,GAAA,EAEY7C,WAAAA,GACN,MAAA,OACE,OAAA+C,GACI3D,WAAAA,GACF2B,SAAAA,GACDW,QAAAA,GACGM,WAAAA,GACD,UAAA/C,EAAId,UACF,YAAA6E,KATPF,CAWJ,GACDrE,QAAAW,GAAAX,QAAAiD,GAAAjD,QAAAuD,GAAAvD,QAAAuB,GAAAvB,EAAA,EAAA,IAAAQ,EAAAd,UAAAM,QAAAqE,GAAArE,QAAAsE,GAAAtE,QAAAwE,KAAAA,IAAAxE,EAAA,EAAA;AAAA,MAAAyE;AAAA,EAAAzE,EAAA,EAAA,MAAAmE,KAAAnE,UAAAwE,KA5BJC,sBAACZ,GAAA,EAAQ,IAAAtF,EAAMS,WACbmF,UAAAA;AAAAA,IAAAA;AAAAA,IAcAK;AAAAA,EAAAA,GAcF,GAAMxE,QAAAmE,GAAAnE,QAAAwE,GAAAxE,QAAAyE,KAAAA,IAAAzE,EAAA,EAAA;AAAA,MAAA0E;AAAA,SAAA1E,EAAA,EAAA,MAAA0D,KAAA1D,UAAAyE,KAlDRC,sBAACb,GAAA,EAAQ,IAAAtF,EAAMC,WACbkF,UAAAA;AAAAA,IAAAA;AAAAA,IAoBAe;AAAAA,EAAAA,GA8BF,GAAMzE,QAAA0D,GAAA1D,QAAAyE,GAAAzE,QAAA0E,KAAAA,IAAA1E,EAAA,EAAA,GAnDN0E;AAmDM;AAxJH,SAAAxD,GAAAyD,GAAA;AAAA,SAgBuCC,EAAK3D;AAAU;AAhBtD,SAAAD,GAAA4D,GAAA;AAAA,SAeuCA,EAAKrE;AAAU;AA6I7D,SAAA6D,EAAArE,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAe;AAAA,IAAAsB,WAAAA;AAAAA,IAAAc,MAAAA;AAAAA,IAAA3C,UAAAA;AAAAA,IAAAE,OAAAA;AAAAA,IAAAe,WAAAA;AAAAA,IAAAkE,SAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,YAAAA;AAAAA,EAAAA,IAAAjF,GAqBb,CAAAuB,GAAA2D,CAAA,IAAwCxD,EAAiByD,OAAOtF,CAAK,CAAC,GAIpDQ,IAAA+E,OAAO7D,CAAY;AAAC,MAAAV;AAAA,EAAAZ,EAAA,CAAA,MAAAW,KAAAX,SAAAI,KAA9BQ,IAAAD,EAAUP,CAAoB,GAACJ,OAAAW,GAAAX,OAAAI,GAAAJ,OAAAY,KAAAA,IAAAZ,EAAA,CAAA;AAO5B,QAAAmB,IAAAI,MAAcc,IAAdf,IAPHV;AAOsD,MAAAc;AAAA,EAAA1B,EAAA,CAAA,MAAAiC,uBAAAC,IAAA,2BAAA,KAChDR,IAAAS,CAAAA,MAAA;AACR8C,IAAAA,EAAgB9C,EAACC,OAAOxC,KAAM;AAAA,EAAC,GAChCI,OAAA0B,KAAAA,IAAA1B,EAAA,CAAA;AAAA,MAAAgC;AAAA,SAAAhC,EAAA,CAAA,MAAAN,KAAAM,EAAA,CAAA,MAAAgF,KAAAhF,EAAA,CAAA,MAAAqC,KAAArC,SAAA8E,KAAA9E,EAAA,CAAA,MAAA6E,KAAA7E,EAAA,CAAA,MAAA+E,KAAA/E,EAAA,EAAA,MAAAmB,KALHa,sBAACoD,IAAA,EACO/C,MAAAA,GACC,OAAAlB,GACG,UAAAO,GAGDmD,SAAAA,GACDC,QAAAA,GACGC,WAAAA,GACDrF,UAAAA,GACL,MAAA,SACD,IAAAnB,EAAMW,OACE8F,YAAAA,GAAU,GACtBhF,OAAAN,GAAAM,OAAAgF,GAAAhF,OAAAqC,GAAArC,OAAA8E,GAAA9E,OAAA6E,GAAA7E,OAAA+E,GAAA/E,QAAAmB,GAAAnB,QAAAgC,KAAAA,IAAAhC,EAAA,EAAA,GAbFgC;AAaE;AC9MC,SAAAqD,GAAAC,GAAA;AAAA,QAAAtF,IAAAC,EAAA,CAAA;AAAA,MAAAF;AAAA,EAAAC,EAAA,CAAA,MAAAsF,EAAApF,MAGAH,IAAAK,CAAAA,MAAA;AAAC,UAAA;AAAA,MAAAD,OAAAA;AAAAA,IAAAA,IAAAC;AAAS,WAAK,gBAAA0D,EAAChE,IAAA,EAAc,IAAAwF,EAAKpF,IAAYC,OAAAA,GAAK;AAAA,EAAI,GAAAH,EAAA,CAAA,IAAAsF,EAAApF,IAAAF,OAAAD,KAAAA,IAAAC,EAAA,CAAA;AAAA,MAAAI;AAAA,SAAAJ,SAAAsF,EAAApF,MAAAF,SAAAD,KAD3DK,sBAACmF,GAAA,EAAQ,IAAAD,EAAKpF,IACXH,UAAAA,GACH,GAAMC,EAAA,CAAA,IAAAsF,EAAApF,IAAAF,OAAAD,GAAAC,OAAAI,KAAAA,IAAAJ,EAAA,CAAA,GAFNI;AAEM;ACLH,SAAAoF,KAAA;AAAA,QAAAxF,IAAAC,EAAA,CAAA;AAAA,MAAAF;AAAA,EAAAC,EAAA,CAAA,MAAAiC,uBAAAC,IAAA,2BAAA,KAGDnC,IAAA,gBAAA+D,EAAC2B,GAAA,EAAe,OAAA,QAAe,QAAA,IAAE,GAAIzF,OAAAD,KAAAA,IAAAC,EAAA,CAAA;AAAA,MAAAI;AAAA,SAAAJ,EAAA,CAAA,MAAAiC,uBAAAC,IAAA,2BAAA,KADvC9B,sBAACyD,GAAA,EAAQ,IAAAtF,EAAMC,WAAuB,cAAA,kBACpCuB,UAAAA;AAAAA,IAAAA;AAAAA,IACA,gBAAA2F,EAAC7B,GAAA,EAAQ,IAAAtF,EAAMS,WACb,UAAA;AAAA,MAAA,gBAAA8E,EAAC2B,GAAA,EAAe,OAAA,QAAe,QAAA,IAAE;AAAA,MACjC,gBAAA3B,EAAC2B,GAAA,EAAe,OAAA,QAAe,QAAA,GAAA,CAAE;AAAA,IAAA,EAAA,CACnC;AAAA,EAAA,GACF,GAAMzF,OAAAI,KAAAA,IAAAJ,EAAA,CAAA,GANNI;AAMM;ACJH,SAASuF,KAAiC;AAC/C,SAAO,CAAA;AACT;ACAO,SAASC,GAAsBpF,GAAoC;AACxE,SAAO;AAAA,IACL,GAAGA;AAAAA,IACHqF,MAAM,OAAOrF,EAAKqF,QAAS,WAAWrF,EAAKqF,OAAO9E;AAAAA,EAAAA;AAEtD;AAQO,SAAS+E,GACdC,GAC6B;AAC7B,SAAOA,GAAOlD,IAAI+C,EAAqB;AACzC;"}