@embeddable.com/remarkable-pro 0.0.24 → 0.0.25

package/dist/index-DLfIAAoB.js

@@ -1,332 +0,0 @@
-import { m as N, d as F, e as S, n as w, o as M, j as B, L as X } from "./Color.type.emb-DWdIUAm5.js";
-import { useTheme as Y } from "@embeddable.com/react";
-import { i as z, a as E, r as G } from "./component.inputs.constants-DO_jX-yc.js";
-import { C as K } from "./ChartCard-BHPN4_tz.js";
-import { useEffect as V } from "react";
-import { g as J } from "./timeRange.utils-C_oRVExZ.js";
-import { g as P } from "./formatter.utils-CBCUxVH8.js";
-import { g as U, a as q } from "./object.utils-D_Zzon-H.js";
-import { i as H, s as Q } from "./color.utils-BSg_DFOh.js";
-import { g as W } from "./lines.utils-COGf_F0b.js";
-import { u as R } from "./charts.fillGaps.hooks-C7KsWcZb.js";
-const k = "mainAxis", v = "comparisonAxis", j = (u, l) => {
-  var D, O, x, m;
-  const { data: e, measure: n, dimension: t, index: p, isPreviousPeriod: i, hasMinMaxYAxisRange: f, labels: a } = u, o = e == null ? void 0 : e.map((C) => C[t.name]), r = !!((D = n.inputs) != null && D.connectGaps), g = a ? a.map((C) => {
-    const y = e == null ? void 0 : e.find((I) => I[t.name] === C);
-    return (y == null ? void 0 : y[n.name]) ?? (r ? 0 : null);
-  }) : e == null ? void 0 : e.map((C) => C[n.name] ?? (r ? 0 : null)), h = P(l), A = U(l), s = !!((O = n.inputs) != null && O[i ? "previousLineDashed" : "lineDashed"]), d = F(), c = (x = n.inputs) == null ? void 0 : x[i ? "previousLineColor" : "lineColor"], b = H(c) ? c : q(
-    `${A}.charts.backgroundColors`,
-    n.name,
-    l.charts.backgroundColors ?? d,
-    p
-  ), L = h.dimensionOrMeasureTitle(n);
-  return {
-    xAxisID: i ? v : k,
-    labels: o,
-    rawLabel: L,
-    label: (i ? `${z.t("common.compared")} ` : "") + L,
-    data: g,
-    backgroundColor: Q(b, 0.5),
-    pointBackgroundColor: b,
-    borderDash: s ? [
-      S("--em-linechart-line-dash", "0.25rem"),
-      S("--em-linechart-line-gap", "0.25rem")
-    ] : void 0,
-    borderColor: b,
-    fill: (m = n.inputs) == null ? void 0 : m.fillUnderLine,
-    clip: f
-  };
-}, Z = (u, l) => {
-  if (!u.data)
-    return {
-      labels: [],
-      datasets: [
-        { xAxisID: k, data: [] },
-        { xAxisID: v, data: [] }
-      ]
-    };
-  const { data: e, dataComparison: n, dimension: t, measures: p, hasMinMaxYAxisRange: i } = u, a = t.nativeType === "time" ? void 0 : n ? Array.from(
-    /* @__PURE__ */ new Set([
-      ...e.map((g) => g[t.name]),
-      ...(n == null ? void 0 : n.map((g) => g[t.name])) ?? []
-    ])
-  ) : void 0, o = p.map(
-    (g, h) => j(
-      {
-        data: e,
-        measure: g,
-        dimension: t,
-        labels: a,
-        hasMinMaxYAxisRange: i,
-        index: h
-      },
-      l
-    )
-  ), r = p.map(
-    (g, h) => j(
-      {
-        data: n,
-        measure: g,
-        dimension: t,
-        labels: a,
-        hasMinMaxYAxisRange: i,
-        index: h,
-        isPreviousPeriod: !0
-      },
-      l
-    )
-  );
-  return {
-    labels: a ?? e.map((g) => g[t.name]),
-    datasets: [...o, ...r]
-  };
-}, aa = (u, l) => {
-  const { dimension: e, data: n, measures: t, xAxisLabel: p } = u, i = P(l);
-  return {
-    plugins: {
-      legend: {
-        labels: {
-          filter: (a, o) => {
-            if (!a) return !1;
-            const r = o.datasets[a.datasetIndex];
-            return Array.isArray(r.data) && r.data.length > 0;
-          }
-        }
-      },
-      datalabels: {
-        labels: {
-          value: {
-            formatter: (a, o) => {
-              const r = t[o.datasetIndex % t.length];
-              return i.data(r, a);
-            }
-          }
-        }
-      },
-      tooltip: {
-        callbacks: {
-          title: (a) => a[0] ? i.data(e, a[0].label) : "",
-          label: (a) => {
-            const o = t[a.datasetIndex % t.length], r = a.raw;
-            return `${a.dataset.label}: ${i.data(o, r)}`;
-          }
-        }
-      }
-    },
-    scales: {
-      x: {
-        display: !1
-      },
-      [k]: {
-        title: {
-          ...M(),
-          text: p,
-          display: !!p
-        },
-        grid: { display: !1 },
-        ticks: {
-          ...w(),
-          callback(a) {
-            var o;
-            return i.data(e, (o = n.labels) == null ? void 0 : o[a]);
-          }
-        }
-      },
-      [v]: {
-        display: !1
-      },
-      y: {
-        ticks: {
-          callback: (a) => i.data(t[0], a)
-        }
-      }
-    }
-  };
-}, ea = (u, l) => {
-  var h, A;
-  const { dimension: e, data: n, measures: t, xAxisLabel: p, showComparisonAxis: i, showDataComparison: f } = u, a = P(l), o = ((h = n.datasets.find((s) => s.xAxisID === k)) == null ? void 0 : h.labels) ?? [], r = ((A = n.datasets.find((s) => s.xAxisID === v)) == null ? void 0 : A.labels) ?? [];
-  return {
-    plugins: {
-      legend: {
-        labels: {
-          filter: (s, d) => {
-            if (!s) return !1;
-            const c = d.datasets[s.datasetIndex];
-            return Array.isArray(c.data) && c.data.length > 0;
-          }
-        }
-      },
-      datalabels: {
-        labels: {
-          value: {
-            formatter: (s, d) => {
-              const c = t[d.datasetIndex % t.length];
-              return a.data(c, s);
-            }
-          }
-        }
-      },
-      tooltip: {
-        callbacks: {
-          title: (s) => {
-            const d = s[0];
-            if (!f && d)
-              return a.data(e, d.label);
-            const c = d == null ? void 0 : d.dataIndex;
-            if (c === void 0) return "";
-            const b = o[c] && a.data(e, o[c]), L = r[c] && a.data(e, r[c]);
-            return `${b ?? "-"} vs ${L ?? "-"}`;
-          },
-          label: (s) => {
-            const d = t[s.datasetIndex % t.length], c = s.raw;
-            return `${s.dataset.label}: ${a.data(d, c)}`;
-          }
-        }
-      }
-    },
-    scales: {
-      x: { display: !1 },
-      [k]: {
-        title: {
-          ...M(),
-          text: p,
-          display: !!((!i || r.length === 0) && p)
-        },
-        grid: { display: !1 },
-        ticks: {
-          ...w(),
-          callback: (s) => a.data(e, o[Number(s)])
-        }
-      },
-      [v]: {
-        title: {
-          ...M(),
-          text: p,
-          display: !!p
-        },
-        grid: { display: !1 },
-        display: i && r.length > 0,
-        ticks: {
-          ...w(),
-          callback: (s) => {
-            if (r.length === 0)
-              return "";
-            const d = r[Number(s)];
-            return d ? a.data(e, d) : "";
-          }
-        }
-      },
-      y: {
-        ticks: {
-          callback: (s) => a.data(t[0], s)
-        }
-      }
-    }
-  };
-}, ta = (u, l) => {
-  var p, i;
-  const { onLineClicked: e, dimension: n } = u, t = n.nativeType === "time" ? ea : aa;
-  return N(
-    W({ onLineClicked: e }),
-    t(u, l),
-    ((i = (p = l.charts) == null ? void 0 : p.lineChartComparisonDefaultPro) == null ? void 0 : i.options) || {}
-  );
-}, sa = (u) => {
-  const l = Y();
-  E(l);
-  const { title: e, description: n, xAxisLabel: t, yAxisLabel: p } = G(u), {
-    hideMenu: i,
-    comparisonPeriod: f,
-    measures: a,
-    xAxis: o,
-    reverseXAxis: r,
-    showLegend: g,
-    showLogarithmicScale: h,
-    showTooltips: A,
-    showValueLabels: s,
-    yAxisRangeMax: d,
-    yAxisRangeMin: c,
-    primaryDateRange: b,
-    comparisonDateRange: L,
-    showComparisonAxis: T,
-    setComparisonDateRange: D,
-    onLineClicked: O
-  } = u;
-  V(() => {
-    const $ = J(
-      b,
-      f,
-      l
-    );
-    D == null || D($);
-  }, [f, JSON.stringify(b), l]);
-  const x = R({
-    results: u.results,
-    dimension: o,
-    externalDateBounds: b
-  }), m = R({
-    results: u.resultsComparison,
-    dimension: o,
-    externalDateBounds: L
-  }), C = !!(b && f), y = Z(
-    {
-      data: x.data,
-      dataComparison: C ? (m == null ? void 0 : m.data) ?? [] : void 0,
-      dimension: o,
-      measures: a,
-      hasMinMaxYAxisRange: c != null || d != null
-    },
-    l
-  ), I = ta(
-    {
-      data: y,
-      dimension: o,
-      measures: a,
-      xAxisLabel: t,
-      showComparisonAxis: T,
-      showDataComparison: C,
-      onLineClicked: O
-    },
-    l
-  ), _ = {
-    isLoading: !!(x.isLoading || m != null && m.isLoading),
-    data: !(x != null && x.data) && !(m != null && m.data) ? void 0 : [...x.data ?? [], ...(m == null ? void 0 : m.data) ?? []]
-  };
-  return /* @__PURE__ */ B.jsx(
-    K,
-    {
-      data: _,
-      dimensionsAndMeasures: [...a, o],
-      errorMessage: x.error || (m == null ? void 0 : m.error),
-      description: n,
-      title: e,
-      hideMenu: i,
-      children: /* @__PURE__ */ B.jsx(
-        X,
-        {
-          data: y,
-          reverseXAxis: r,
-          showLegend: g,
-          showLogarithmicScale: h,
-          showTooltips: A,
-          showValueLabels: s,
-          xAxisLabel: t,
-          yAxisLabel: p,
-          yAxisRangeMax: d,
-          yAxisRangeMin: c,
-          options: I
-        }
-      )
-    }
-  );
-}, ha = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: sa
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  sa as L,
-  ta as a,
-  Z as g,
-  ha as i
-};
-//# sourceMappingURL=index-DLfIAAoB.js.map

package/dist/index-DLfIAAoB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-DLfIAAoB.js","sources":["../src/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.ts","../src/components/charts/lines/LineChartComparisonDefaultPro/index.tsx"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getObjectStableKey } from '../../../../utils.ts/object.utils';\nimport {\n  getChartColors,\n  getChartjsAxisOptionsScalesTicksDefault,\n  getChartjsAxisOptionsScalesTitle,\n  getStyleNumber,\n} from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getColor } from '../../../../theme/styles/styles.utils';\nimport { i18n } from '../../../../theme/i18n/i18n';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils.ts/color.utils';\nimport { getLineChartProOptions, LineChartProOptionsClick } from '../lines.utils';\n\nconst AXIS_ID_MAIN = 'mainAxis';\nconst AXIS_ID_COMPARISON = 'comparisonAxis';\n\nconst getLineChartComparisonDataset = (\n  props: {\n    data: DataResponse['data'];\n    measure: Measure;\n    dimension: Dimension;\n    labels?: string[];\n    hasMinMaxYAxisRange: boolean;\n    isPreviousPeriod?: boolean;\n    index: number;\n  },\n  theme: Theme,\n): ChartData<'line'>['datasets'][number] => {\n  const { data, measure, dimension, index, isPreviousPeriod, hasMinMaxYAxisRange, labels } = props;\n  const datasetLabels = data?.map((item) => item[dimension.name]);\n\n  const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n\n  const processedData = labels\n    ? labels.map((label) => {\n        const found = data?.find((item) => item[dimension.name] === label);\n        return found?.[measure.name] ?? (zeroFill ? 0 : null);\n      })\n    : data?.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n  const themeFormatter = getThemeFormatter(theme);\n  const themeKey = getObjectStableKey(theme);\n\n  const isLineDashed = Boolean(\n    measure.inputs?.[isPreviousPeriod ? 'previousLineDashed' : 'lineDashed'],\n  );\n  const chartColors = getChartColors();\n  const lineColorTemp = measure.inputs?.[isPreviousPeriod ? 'previousLineColor' : 'lineColor'];\n  const lineColor = isColorValid(lineColorTemp)\n    ? lineColorTemp\n    : getColor(\n        `${themeKey}.charts.backgroundColors`,\n        measure.name,\n        theme.charts.backgroundColors ?? chartColors,\n        index,\n      );\n\n  const rawLabel = themeFormatter.dimensionOrMeasureTitle(measure);\n\n  const dataset = {\n    xAxisID: isPreviousPeriod ? AXIS_ID_COMPARISON : AXIS_ID_MAIN,\n    labels: datasetLabels,\n    rawLabel,\n    label: (isPreviousPeriod ? `${i18n.t('common.compared')} ` : '') + rawLabel,\n    data: processedData,\n    backgroundColor: setColorAlpha(lineColor, 0.5),\n    pointBackgroundColor: lineColor,\n    borderDash: isLineDashed\n      ? [\n          getStyleNumber('--em-linechart-line-dash', '0.25rem'),\n          getStyleNumber('--em-linechart-line-gap', '0.25rem'),\n        ]\n      : undefined,\n    borderColor: lineColor,\n    fill: measure.inputs?.['fillUnderLine'],\n    clip: hasMinMaxYAxisRange,\n  } as ChartData<'line'>['datasets'][number];\n\n  return dataset;\n};\n\nexport const getLineChartComparisonProData = (\n  props: {\n    data: DataResponse['data'];\n    dataComparison: DataResponse['data'] | undefined;\n    dimension: Dimension;\n    measures: Measure[];\n    hasMinMaxYAxisRange: boolean;\n  },\n  theme: Theme,\n): ChartData<'line'> => {\n  if (!props.data) {\n    return {\n      labels: [],\n      datasets: [\n        { xAxisID: AXIS_ID_MAIN, data: [] },\n        { xAxisID: AXIS_ID_COMPARISON, data: [] },\n      ],\n    };\n  }\n\n  const { data, dataComparison, dimension, measures, hasMinMaxYAxisRange } = props;\n\n  // Get all the available labels from both datasets if the dimension is not a time type (E.g. join United States with United Kindom and Germany)\n  const isTimeDimension = dimension.nativeType === 'time';\n  const labels = isTimeDimension\n    ? undefined\n    : dataComparison\n      ? Array.from(\n          new Set([\n            ...data.map((item) => item[dimension.name]),\n            ...(dataComparison?.map((item) => item[dimension.name]) ?? []),\n          ]),\n        )\n      : undefined;\n\n  const originalDatasets = measures.map((measure, index) =>\n    getLineChartComparisonDataset(\n      {\n        data,\n        measure,\n        dimension,\n        labels,\n        hasMinMaxYAxisRange,\n        index,\n      },\n      theme,\n    ),\n  );\n\n  const comparisonDatasets = measures.map((measure, index) =>\n    getLineChartComparisonDataset(\n      {\n        data: dataComparison,\n        measure,\n        dimension,\n        labels,\n        hasMinMaxYAxisRange,\n        index,\n        isPreviousPeriod: true,\n      },\n      theme,\n    ),\n  );\n\n  return {\n    labels: labels ?? data.map((item) => item[dimension.name]),\n    datasets: [...originalDatasets, ...comparisonDatasets],\n  };\n};\n\ntype LineChartComparisonProOptionsProps = {\n  dimension: Dimension;\n  measures: Measure[];\n  data: ChartData<'line'>;\n  xAxisLabel?: string;\n  showComparisonAxis?: boolean;\n  showDataComparison?: boolean;\n  onLineClicked?: LineChartProOptionsClick;\n};\n\nconst getLineChartComparisonNonTimeOptions = (\n  options: LineChartComparisonProOptionsProps,\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measures, xAxisLabel } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      legend: {\n        labels: {\n          filter: (legendItem, chartData) => {\n            if (!legendItem) return false;\n            const dataset = chartData.datasets[legendItem.datasetIndex!]!;\n            // Only show legend if dataset has at least one data point\n            return Array.isArray(dataset.data) && dataset.data.length > 0;\n          },\n        },\n      },\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex % measures.length]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            if (!context[0]) return '';\n\n            return themeFormatter.data(dimension, context[0].label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex % measures.length]!;\n            const raw = context.raw as number;\n            return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        display: false,\n      },\n      [AXIS_ID_MAIN]: {\n        title: {\n          ...getChartjsAxisOptionsScalesTitle(),\n          text: xAxisLabel,\n          display: Boolean(xAxisLabel),\n        },\n        grid: { display: false },\n        ticks: {\n          ...getChartjsAxisOptionsScalesTicksDefault(),\n          callback(index) {\n            return themeFormatter.data(dimension, data.labels?.[index as number]);\n          },\n        },\n      },\n      [AXIS_ID_COMPARISON]: {\n        display: false,\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measures[0]!, value);\n          },\n        },\n      },\n    },\n  };\n\n  return lineChartOptions;\n};\n\nconst getLineChartComparisonTimeOptions = (\n  options: LineChartComparisonProOptionsProps,\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measures, xAxisLabel, showComparisonAxis, showDataComparison } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const mainDimensionLabels: string[] =\n    (data.datasets.find((ds) => ds.xAxisID === AXIS_ID_MAIN) as { labels?: string[] })?.labels ??\n    [];\n  const comparisonDimensionLabels: string[] =\n    (data.datasets.find((ds) => ds.xAxisID === AXIS_ID_COMPARISON) as { labels?: string[] })\n      ?.labels ?? [];\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      legend: {\n        labels: {\n          filter: (legendItem, chartData) => {\n            if (!legendItem) return false;\n            const dataset = chartData.datasets[legendItem.datasetIndex!]!;\n            // Only show legend if dataset has at least one data point\n            return Array.isArray(dataset.data) && dataset.data.length > 0;\n          },\n        },\n      },\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex % measures.length]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const contextItem = context[0];\n\n            if (!showDataComparison && contextItem) {\n              return themeFormatter.data(dimension, contextItem.label);\n            }\n\n            const dataIndex = contextItem?.dataIndex;\n\n            if (dataIndex === undefined) return '';\n\n            const main =\n              mainDimensionLabels[dataIndex] &&\n              themeFormatter.data(dimension, mainDimensionLabels[dataIndex]);\n            const comparison =\n              comparisonDimensionLabels[dataIndex] &&\n              themeFormatter.data(dimension, comparisonDimensionLabels[dataIndex]);\n\n            return `${main ?? '-'} vs ${comparison ?? '-'}`;\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex % measures.length]!;\n            const raw = context.raw as number;\n            return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: { display: false },\n      [AXIS_ID_MAIN]: {\n        title: {\n          ...getChartjsAxisOptionsScalesTitle(),\n          text: xAxisLabel,\n          display: Boolean(\n            (!showComparisonAxis || comparisonDimensionLabels.length === 0) && xAxisLabel,\n          ),\n        },\n        grid: { display: false },\n        ticks: {\n          ...getChartjsAxisOptionsScalesTicksDefault(),\n          callback: (index) => {\n            return themeFormatter.data(dimension, mainDimensionLabels[Number(index)]);\n          },\n        },\n      },\n      [AXIS_ID_COMPARISON]: {\n        title: {\n          ...getChartjsAxisOptionsScalesTitle(),\n          text: xAxisLabel,\n          display: Boolean(xAxisLabel),\n        },\n        grid: { display: false },\n        display: showComparisonAxis && comparisonDimensionLabels.length > 0,\n        ticks: {\n          ...getChartjsAxisOptionsScalesTicksDefault(),\n          callback: (index) => {\n            if (comparisonDimensionLabels.length === 0) {\n              return '';\n            }\n\n            const comparisonLabel = comparisonDimensionLabels[Number(index)];\n            return comparisonLabel ? themeFormatter.data(dimension, comparisonLabel) : '';\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measures[0]!, value);\n          },\n        },\n      },\n    },\n  };\n\n  return lineChartOptions;\n};\n\nexport const getLineChartComparisonProOptions = (\n  options: LineChartComparisonProOptionsProps,\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { onLineClicked, dimension } = options;\n\n  const getOptions =\n    dimension.nativeType === 'time'\n      ? getLineChartComparisonTimeOptions\n      : getLineChartComparisonNonTimeOptions;\n\n  return mergician(\n    getLineChartProOptions({ onLineClicked }),\n    getOptions(options, theme),\n    theme.charts?.lineChartComparisonDefaultPro?.options || {},\n  );\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { useEffect } from 'react';\nimport { getComparisonPeriodDateRange } from '../../../utils/timeRange.utils';\nimport {\n  getLineChartComparisonProData,\n  getLineChartComparisonProOptions,\n} from './LineChartComparisonDefaultPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.utils';\nimport { LineChart } from '@embeddable.com/remarkable-ui';\n\ntype LineChartComparisonDefaultProProps = {\n  xAxis: Dimension;\n  measures: Measure[];\n  results: DataResponse;\n  resultsComparison: DataResponse | undefined;\n  reverseXAxis?: boolean;\n  showLegend?: boolean;\n  showLogarithmicScale?: boolean;\n  showTooltips?: boolean;\n  showValueLabels?: boolean;\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  comparisonPeriod?: string;\n  comparisonDateRange: TimeRange;\n  showComparisonAxis?: boolean;\n  primaryDateRange: TimeRange;\n  setComparisonDateRange?: (dateRange: TimeRange) => void;\n  onLineClicked?: LineChartProOptionsClick;\n} & ChartCardHeaderProps;\n\nconst LineChartComparisonDefaultPro = (props: LineChartComparisonDefaultProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    comparisonPeriod,\n    measures,\n    xAxis,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    primaryDateRange,\n    comparisonDateRange,\n    showComparisonAxis,\n    setComparisonDateRange,\n    onLineClicked,\n  } = props;\n\n  useEffect(() => {\n    const newComparisonDateRange = getComparisonPeriodDateRange(\n      primaryDateRange,\n      comparisonPeriod,\n      theme,\n    );\n    setComparisonDateRange?.(newComparisonDateRange);\n  }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: xAxis,\n    externalDateBounds: primaryDateRange,\n  });\n\n  const resultsComparison = useFillGaps({\n    results: props.resultsComparison,\n    dimension: xAxis,\n    externalDateBounds: comparisonDateRange,\n  });\n\n  const showDataComparison = Boolean(primaryDateRange && comparisonPeriod);\n  const data = getLineChartComparisonProData(\n    {\n      data: results.data,\n      dataComparison: showDataComparison ? (resultsComparison?.data ?? []) : undefined,\n      dimension: xAxis,\n      measures,\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n    theme,\n  );\n\n  const options = getLineChartComparisonProOptions(\n    {\n      data: data,\n      dimension: xAxis,\n      measures,\n      xAxisLabel,\n      showComparisonAxis,\n      showDataComparison,\n      onLineClicked,\n    },\n    theme,\n  );\n\n  const resultsCombined: DataResponse = {\n    isLoading: Boolean(results.isLoading || resultsComparison?.isLoading),\n    data:\n      !results?.data && !resultsComparison?.data\n        ? undefined\n        : [...(results.data ?? []), ...(resultsComparison?.data ?? [])],\n  };\n\n  return (\n    <ChartCard\n      data={resultsCombined}\n      dimensionsAndMeasures={[...measures, xAxis]}\n      errorMessage={results.error || resultsComparison?.error}\n      description={description}\n      title={title}\n      hideMenu={hideMenu}\n    >\n      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default LineChartComparisonDefaultPro;\n"],"names":["AXIS_ID_MAIN","AXIS_ID_COMPARISON","getLineChartComparisonDataset","props","theme","data","measure","dimension","index","isPreviousPeriod","hasMinMaxYAxisRange","labels","datasetLabels","item","zeroFill","_a","processedData","label","found","themeFormatter","getThemeFormatter","themeKey","getObjectStableKey","isLineDashed","_b","chartColors","getChartColors","lineColorTemp","_c","lineColor","isColorValid","getColor","rawLabel","i18n","setColorAlpha","getStyleNumber","_d","getLineChartComparisonProData","dataComparison","measures","originalDatasets","comparisonDatasets","getLineChartComparisonNonTimeOptions","options","xAxisLabel","legendItem","chartData","dataset","value","context","raw","getChartjsAxisOptionsScalesTitle","getChartjsAxisOptionsScalesTicksDefault","getLineChartComparisonTimeOptions","showComparisonAxis","showDataComparison","mainDimensionLabels","ds","comparisonDimensionLabels","contextItem","dataIndex","main","comparison","comparisonLabel","getLineChartComparisonProOptions","onLineClicked","getOptions","mergician","getLineChartProOptions","LineChartComparisonDefaultPro","useTheme","i18nSetup","title","description","yAxisLabel","resolveI18nProps","hideMenu","comparisonPeriod","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","primaryDateRange","comparisonDateRange","setComparisonDateRange","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","results","useFillGaps","resultsComparison","resultsCombined","jsx","ChartCard","LineChart"],"mappings":"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"}

package/dist/object.utils-D_Zzon-H.js

@@ -1,37 +0,0 @@
-const a = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), c = "embeddable", f = () => {
-  const n = {};
-  for (const [o, r] of a)
-    n[o] = Object.fromEntries(r);
-  sessionStorage.setItem(c, JSON.stringify(n));
-}, d = () => {
-  if (typeof window > "u" || typeof document > "u") return;
-  const n = sessionStorage.getItem(c);
-  if (!n) return;
-  const o = JSON.parse(n);
-  for (const r in o) {
-    const e = new Map(Object.entries(o[r] ?? {}));
-    a.set(r, e), i.set(r, new Set(e.values()));
-  }
-};
-d();
-const p = (n, o, r, e) => {
-  if (typeof window > "u" || typeof document > "u") return "";
-  a.has(n) || (a.set(n, /* @__PURE__ */ new Map()), i.set(n, /* @__PURE__ */ new Set()));
-  const t = a.get(n);
-  if (t.has(o)) return t.get(o);
-  const s = r[e % r.length];
-  if (typeof s != "string")
-    throw new Error("No valid color found in palette");
-  return t.set(o, s), f(), s;
-}, l = (n) => {
-  const o = (t) => t && typeof t == "object" && !Array.isArray(t) ? "{" + Object.keys(t).sort().map((s) => `"${s}":${o(t[s])}`).join(",") + "}" : Array.isArray(t) ? "[" + t.map(o).join(",") + "]" : JSON.stringify(t), r = o(n);
-  let e = 2166136261;
-  for (let t = 0; t < r.length; t++)
-    e ^= r.charCodeAt(t), e += (e << 1) + (e << 4) + (e << 7) + (e << 8) + (e << 24);
-  return (e >>> 0).toString(16);
-};
-export {
-  p as a,
-  l as g
-};
-//# sourceMappingURL=object.utils-D_Zzon-H.js.map

package/dist/object.utils-D_Zzon-H.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"object.utils-D_Zzon-H.js","sources":["../src/theme/styles/styles.utils.ts","../src/utils.ts/object.utils.ts"],"sourcesContent":["const generateCssVariables = (variables: Record<string, string>) => {\n  let textContent = '';\n  Object.keys(variables).forEach((key) => {\n    const value = variables[key];\n    textContent += `${key}: ${value};\\n`;\n  });\n  return textContent;\n};\n\n// TODO: check the possibility of injecting via CSS (future)\nexport const injectCssVariables = (styles: Record<string, string>) => {\n  const css = `:root {\\n${generateCssVariables(styles)}}`;\n  const styleId = 'remarkable-ui-embeddable-style';\n  let styleEl = document.getElementById(styleId) as HTMLStyleElement | null;\n\n  if (styleEl) {\n    // Overwrite the old vars\n    styleEl.textContent = css;\n  } else {\n    styleEl = document.createElement('style');\n    styleEl.id = styleId;\n    styleEl.textContent = css;\n    document.head.appendChild(styleEl);\n  }\n\n  return () => styleEl?.remove();\n};\n\nconst colorsMap = new Map<string, Map<string, string>>();\nconst colorsInUse = new Map<string, Set<string>>();\n\n/* \nWe save the colors to session storage so that they are persistent across refreshes. \nThis is important, for example, if the user is looking at multiple tabs, or if the user refreshes the page.\n*/\nconst STORAGE_KEY = 'embeddable';\n\nconst saveColorsMap = () => {\n  const obj: Record<string, Record<string, string>> = {};\n  for (const [cat, m] of colorsMap) {\n    obj[cat] = Object.fromEntries(m);\n  }\n  sessionStorage.setItem(STORAGE_KEY, JSON.stringify(obj));\n};\n\nconst loadColorMap = () => {\n  if (typeof window === 'undefined' || typeof document === 'undefined') return;\n\n  const data = sessionStorage.getItem(STORAGE_KEY);\n  if (!data) return;\n  const obj: Record<string, Record<string, string>> = JSON.parse(data);\n  for (const cat in obj) {\n    const m = new Map(Object.entries(obj[cat] ?? {}));\n    colorsMap.set(cat, m);\n    colorsInUse.set(cat, new Set(m.values()));\n  }\n};\n\nloadColorMap();\n\nexport const getColor = (key: string, value: string, palette: string[], idx: number): string => {\n  if (typeof window === 'undefined' || typeof document === 'undefined') return '';\n\n  // Initialize structures if needed\n  if (!colorsMap.has(key)) {\n    colorsMap.set(key, new Map());\n    colorsInUse.set(key, new Set());\n  }\n\n  const catMap = colorsMap.get(key)!;\n\n  // Return existing color if already assigned\n  if (catMap.has(value)) return catMap.get(value)!;\n\n  // Find first colorsInUse color, fallback to indexed one\n  const color = palette[idx % palette.length];\n\n  if (typeof color !== 'string') {\n    throw new Error('No valid color found in palette');\n  }\n\n  // Save mapping and mark as colorsInUse\n  catMap.set(value, color);\n  saveColorsMap();\n\n  return color;\n};\n","export const getObjectStableKey = (obj: unknown): string => {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const stableStringify = (o: any): string => {\n    if (o && typeof o === 'object' && !Array.isArray(o)) {\n      return (\n        '{' +\n        Object.keys(o)\n          .sort()\n          .map((k) => `\"${k}\":${stableStringify(o[k])}`)\n          .join(',') +\n        '}'\n      );\n    } else if (Array.isArray(o)) {\n      return '[' + o.map(stableStringify).join(',') + ']';\n    }\n    return JSON.stringify(o);\n  };\n\n  const json = stableStringify(obj);\n\n  // FNV-1a 32-bit hash\n  let hash = 0x811c9dc5;\n  for (let i = 0; i < json.length; i++) {\n    hash ^= json.charCodeAt(i);\n    hash += (hash << 1) + (hash << 4) + (hash << 7) + (hash << 8) + (hash << 24);\n  }\n\n  return (hash >>> 0).toString(16);\n};\n"],"names":["colorsMap","colorsInUse","STORAGE_KEY","saveColorsMap","obj","cat","m","loadColorMap","data","getColor","key","value","palette","idx","catMap","color","getObjectStableKey","stableStringify","o","k","json","hash","i"],"mappings":"AA4BA,MAAMA,wBAAgB,IAAA,GAChBC,wBAAkB,IAAA,GAMlBC,IAAc,cAEdC,IAAgB,MAAM;AAC1B,QAAMC,IAA8C,CAAA;AACpD,aAAW,CAACC,GAAKC,CAAC,KAAKN;AACrB,IAAAI,EAAIC,CAAG,IAAI,OAAO,YAAYC,CAAC;AAEjC,iBAAe,QAAQJ,GAAa,KAAK,UAAUE,CAAG,CAAC;AACzD,GAEMG,IAAe,MAAM;AACzB,MAAI,OAAO,SAAW,OAAe,OAAO,WAAa,IAAa;AAEtE,QAAMC,IAAO,eAAe,QAAQN,CAAW;AAC/C,MAAI,CAACM,EAAM;AACX,QAAMJ,IAA8C,KAAK,MAAMI,CAAI;AACnE,aAAWH,KAAOD,GAAK;AACrB,UAAME,IAAI,IAAI,IAAI,OAAO,QAAQF,EAAIC,CAAG,KAAK,CAAA,CAAE,CAAC;AAChD,IAAAL,EAAU,IAAIK,GAAKC,CAAC,GACpBL,EAAY,IAAII,GAAK,IAAI,IAAIC,EAAE,OAAA,CAAQ,CAAC;AAAA,EAC1C;AACF;AAEAC,EAAA;AAEO,MAAME,IAAW,CAACC,GAAaC,GAAeC,GAAmBC,MAAwB;AAC9F,MAAI,OAAO,SAAW,OAAe,OAAO,WAAa,IAAa,QAAO;AAG7E,EAAKb,EAAU,IAAIU,CAAG,MACpBV,EAAU,IAAIU,GAAK,oBAAI,IAAA,CAAK,GAC5BT,EAAY,IAAIS,GAAK,oBAAI,IAAA,CAAK;AAGhC,QAAMI,IAASd,EAAU,IAAIU,CAAG;AAGhC,MAAII,EAAO,IAAIH,CAAK,EAAG,QAAOG,EAAO,IAAIH,CAAK;AAG9C,QAAMI,IAAQH,EAAQC,IAAMD,EAAQ,MAAM;AAE1C,MAAI,OAAOG,KAAU;AACnB,UAAM,IAAI,MAAM,iCAAiC;AAInD,SAAAD,EAAO,IAAIH,GAAOI,CAAK,GACvBZ,EAAA,GAEOY;AACT,GCtFaC,IAAqB,CAACZ,MAAyB;AAE1D,QAAMa,IAAkB,CAACC,MACnBA,KAAK,OAAOA,KAAM,YAAY,CAAC,MAAM,QAAQA,CAAC,IAE9C,MACA,OAAO,KAAKA,CAAC,EACV,OACA,IAAI,CAACC,MAAM,IAAIA,CAAC,KAAKF,EAAgBC,EAAEC,CAAC,CAAC,CAAC,EAAE,EAC5C,KAAK,GAAG,IACX,MAEO,MAAM,QAAQD,CAAC,IACjB,MAAMA,EAAE,IAAID,CAAe,EAAE,KAAK,GAAG,IAAI,MAE3C,KAAK,UAAUC,CAAC,GAGnBE,IAAOH,EAAgBb,CAAG;AAGhC,MAAIiB,IAAO;AACX,WAASC,IAAI,GAAGA,IAAIF,EAAK,QAAQE;AAC/B,IAAAD,KAAQD,EAAK,WAAWE,CAAC,GACzBD,MAASA,KAAQ,MAAMA,KAAQ,MAAMA,KAAQ,MAAMA,KAAQ,MAAMA,KAAQ;AAG3E,UAAQA,MAAS,GAAG,SAAS,EAAE;AACjC;"}

package/dist/pies.utils-CBJLntml.js

@@ -1,73 +0,0 @@
-import { r as g, g as b } from "./charts.utils-lvlkFPJk.js";
-import { g as u } from "./formatter.utils-CBCUxVH8.js";
-import { g as h, a as c } from "./object.utils-D_Zzon-H.js";
-import { d as C } from "./Color.type.emb-DWdIUAm5.js";
-import { i as f } from "./component.inputs.constants-DO_jX-yc.js";
-const T = (a, o = g) => {
-  const s = u(o);
-  if (!a.data)
-    return {
-      labels: [],
-      datasets: [{ data: [] }]
-    };
-  const t = b(
-    a.data,
-    a.dimension,
-    [a.measure],
-    a.maxLegendItems
-  ), n = h(o), m = C(), d = t.map(
-    (e, r) => c(
-      `${n}.charts.backgroundColors`,
-      `${a.dimension.name}.${e[a.dimension.name]}`,
-      o.charts.backgroundColors ?? m,
-      r
-    )
-  ), i = t.map(
-    (e, r) => c(
-      `${n}.charts.borderColors`,
-      `${a.dimension.name}.${e[a.dimension.name]}`,
-      o.charts.borderColors ?? m,
-      r
-    )
-  );
-  return {
-    labels: t.map((e) => {
-      const r = e[a.dimension.name], l = s.data(a.dimension, r);
-      return r === l ? f.t(r) : l;
-    }),
-    datasets: [
-      {
-        data: t.map((e) => e[a.measure.name]),
-        backgroundColor: d,
-        borderColor: i
-      }
-    ]
-  };
-}, w = (a, o = g) => {
-  const s = u(o);
-  return {
-    plugins: {
-      legend: { position: o.charts.legendPosition ?? "bottom" },
-      datalabels: {
-        formatter: (t) => s.data(a, t)
-      },
-      tooltip: {
-        callbacks: {
-          label(t) {
-            const n = t.raw, m = t.dataset.data.reduce(
-              // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              (i, e) => i + parseFloat(e),
-              0
-            ), d = Math.round(n / m * 100);
-            return `${s.data(a, n)} (${d}%)`;
-          }
-        }
-      }
-    }
-  };
-};
-export {
-  w as a,
-  T as g
-};
-//# sourceMappingURL=pies.utils-CBJLntml.js.map

package/dist/pies.utils-CBJLntml.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pies.utils-CBJLntml.js","sources":["../src/components/charts/pies/pies.utils.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { groupTailAsOther } from '../charts.utils';\nimport { Theme } from '../../../theme/theme.types';\nimport { remarkableTheme } from '../../../theme/theme.constants';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { getColor } from '../../../theme/styles/styles.utils';\nimport { getChartColors } from '@embeddable.com/remarkable-ui';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { getObjectStableKey } from '../../../utils.ts/object.utils';\n\nexport const getPieChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measure: Measure;\n    maxLegendItems?: number;\n  },\n  theme: Theme = remarkableTheme,\n): ChartData<'pie'> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  if (!props.data)\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n\n  const groupedData = groupTailAsOther(\n    props.data,\n    props.dimension,\n    [props.measure],\n    props.maxLegendItems,\n  );\n\n  const themeKey = getObjectStableKey(theme);\n  const chartColors = getChartColors();\n  const backgroundColor = groupedData.map((item, i) =>\n    getColor(\n      `${themeKey}.charts.backgroundColors`,\n      `${props.dimension.name}.${item[props.dimension.name]}`,\n      theme.charts.backgroundColors ?? chartColors,\n      i,\n    ),\n  );\n\n  const borderColor = groupedData.map((item, i) =>\n    getColor(\n      `${themeKey}.charts.borderColors`,\n      `${props.dimension.name}.${item[props.dimension.name]}`,\n      theme.charts.borderColors ?? chartColors,\n      i,\n    ),\n  );\n\n  return {\n    labels: groupedData.map((item) => {\n      const value = item[props.dimension.name];\n      const formattedValue = themeFormatter.data(props.dimension, value);\n\n      // If formatter did not work, try i18n translation\n      if (value === formattedValue) {\n        return i18n.t(value);\n      }\n      return formattedValue;\n    }),\n    datasets: [\n      {\n        data: groupedData.map((item) => item[props.measure.name]),\n        backgroundColor,\n        borderColor,\n      },\n    ],\n  };\n};\n\nexport const getPieChartProOptions = (\n  measure: Measure,\n  theme: Theme = remarkableTheme,\n): Partial<ChartOptions<'pie'>> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    plugins: {\n      legend: { position: theme.charts.legendPosition ?? 'bottom' },\n      datalabels: {\n        formatter: (value: string | number) => themeFormatter.data(measure, value),\n      },\n      tooltip: {\n        callbacks: {\n          label(context) {\n            const raw = context.raw as number;\n            const total = context.dataset.data.reduce(\n              // eslint-disable-next-line @typescript-eslint/no-explicit-any\n              (sum: number, v: any) => sum + parseFloat(v),\n              0,\n            );\n            const pct = Math.round((raw / total) * 100);\n            return `${themeFormatter.data(measure, raw)} (${pct}%)`;\n          },\n        },\n      },\n    },\n  };\n};\n"],"names":["getPieChartProData","props","theme","remarkableTheme","themeFormatter","getThemeFormatter","groupedData","groupTailAsOther","themeKey","getObjectStableKey","chartColors","getChartColors","backgroundColor","item","i","getColor","borderColor","value","formattedValue","i18n","getPieChartProOptions","measure","context","raw","total","sum","v","pct"],"mappings":";;;;;AAWO,MAAMA,IAAqB,CAChCC,GAMAC,IAAeC,MACM;AACrB,QAAMC,IAAiBC,EAAkBH,CAAK;AAE9C,MAAI,CAACD,EAAM;AACT,WAAO;AAAA,MACL,QAAQ,CAAA;AAAA,MACR,UAAU,CAAC,EAAE,MAAM,IAAI;AAAA,IAAA;AAG3B,QAAMK,IAAcC;AAAA,IAClBN,EAAM;AAAA,IACNA,EAAM;AAAA,IACN,CAACA,EAAM,OAAO;AAAA,IACdA,EAAM;AAAA,EAAA,GAGFO,IAAWC,EAAmBP,CAAK,GACnCQ,IAAcC,EAAA,GACdC,IAAkBN,EAAY;AAAA,IAAI,CAACO,GAAMC,MAC7CC;AAAA,MACE,GAAGP,CAAQ;AAAA,MACX,GAAGP,EAAM,UAAU,IAAI,IAAIY,EAAKZ,EAAM,UAAU,IAAI,CAAC;AAAA,MACrDC,EAAM,OAAO,oBAAoBQ;AAAA,MACjCI;AAAA,IAAA;AAAA,EACF,GAGIE,IAAcV,EAAY;AAAA,IAAI,CAACO,GAAMC,MACzCC;AAAA,MACE,GAAGP,CAAQ;AAAA,MACX,GAAGP,EAAM,UAAU,IAAI,IAAIY,EAAKZ,EAAM,UAAU,IAAI,CAAC;AAAA,MACrDC,EAAM,OAAO,gBAAgBQ;AAAA,MAC7BI;AAAA,IAAA;AAAA,EACF;AAGF,SAAO;AAAA,IACL,QAAQR,EAAY,IAAI,CAACO,MAAS;AAChC,YAAMI,IAAQJ,EAAKZ,EAAM,UAAU,IAAI,GACjCiB,IAAiBd,EAAe,KAAKH,EAAM,WAAWgB,CAAK;AAGjE,aAAIA,MAAUC,IACLC,EAAK,EAAEF,CAAK,IAEdC;AAAA,IACT,CAAC;AAAA,IACD,UAAU;AAAA,MACR;AAAA,QACE,MAAMZ,EAAY,IAAI,CAACO,MAASA,EAAKZ,EAAM,QAAQ,IAAI,CAAC;AAAA,QACxD,iBAAAW;AAAA,QACA,aAAAI;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ,GAEaI,IAAwB,CACnCC,GACAnB,IAAeC,MACkB;AACjC,QAAMC,IAAiBC,EAAkBH,CAAK;AAE9C,SAAO;AAAA,IACL,SAAS;AAAA,MACP,QAAQ,EAAE,UAAUA,EAAM,OAAO,kBAAkB,SAAA;AAAA,MACnD,YAAY;AAAA,QACV,WAAW,CAACe,MAA2Bb,EAAe,KAAKiB,GAASJ,CAAK;AAAA,MAAA;AAAA,MAE3E,SAAS;AAAA,QACP,WAAW;AAAA,UACT,MAAMK,GAAS;AACb,kBAAMC,IAAMD,EAAQ,KACdE,IAAQF,EAAQ,QAAQ,KAAK;AAAA;AAAA,cAEjC,CAACG,GAAaC,MAAWD,IAAM,WAAWC,CAAC;AAAA,cAC3C;AAAA,YAAA,GAEIC,IAAM,KAAK,MAAOJ,IAAMC,IAAS,GAAG;AAC1C,mBAAO,GAAGpB,EAAe,KAAKiB,GAASE,CAAG,CAAC,KAAKI,CAAG;AAAA,UACrD;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;"}