@embeddable.com/remarkable-pro 0.1.12 → 0.1.14

package/dist/definition-Boah9FmY.js

@@ -0,0 +1,170 @@
+import { m as T, j as u, B as F, V as A, l as _ } from "./Color.type.emb-BBdbJHvt.js";
+import { useTheme as O, definePreview as W } from "@embeddable.com/react";
+import { a as X, r as z } from "./component.utils-DNw0iugA.js";
+import { C as E } from "./ChartCard-rrXP6aUC.js";
+import { b as H, a as I } from "./bars.utils-KAfWV1-z.js";
+import { u as q } from "./charts.fillGaps.hooks-CZW4DsTE.js";
+import { C as J, g as K } from "./granularity.utils-DFrZaG56.js";
+import { i as a } from "./component.inputs.constants-DqFfoZ5R.js";
+import { p as t } from "./preview.data.constants-D0uQPYd1.js";
+const m = (e) => {
+  var h, y;
+  const s = O();
+  X(s);
+  const {
+    groupBy: i,
+    measure: r,
+    reverseXAxis: n,
+    showLegend: D,
+    showLogarithmicScale: B,
+    showTooltips: w,
+    showTotalLabels: G,
+    showValueLabels: M,
+    xAxis: o,
+    yAxisRangeMax: v,
+    yAxisRangeMin: L,
+    setGranularity: d,
+    onBarClicked: V
+  } = e, { tooltip: c, description: x, title: g, xAxisLabel: P, yAxisLabel: R } = z(e), { hideMenu: S } = e, l = q({
+    results: e.results,
+    dimension: e.xAxis
+  }), p = H(
+    {
+      data: l.data,
+      dimension: o,
+      groupDimension: i,
+      measure: r
+    },
+    s
+  ), j = T(
+    I(
+      { measures: [r], horizontal: !1, onBarClicked: V, data: p, dimension: o },
+      s
+    ),
+    ((y = (h = s.charts) == null ? void 0 : h.barChartGroupedPro) == null ? void 0 : y.options) ?? {}
+  ), k = !g && !x && !c;
+  return /* @__PURE__ */ u.jsxs(
+    E,
+    {
+      data: l,
+      dimensionsAndMeasures: [r, o, i],
+      errorMessage: l.error,
+      description: x,
+      title: g,
+      tooltip: c,
+      hideMenu: S,
+      children: [
+        d && /* @__PURE__ */ u.jsx(
+          J,
+          {
+            hasMarginTop: k,
+            dimension: o,
+            onChange: d
+          }
+        ),
+        /* @__PURE__ */ u.jsx(
+          F,
+          {
+            data: p,
+            showLegend: D,
+            showTooltips: w,
+            showValueLabels: M,
+            showLogarithmicScale: B,
+            xAxisLabel: P,
+            yAxisLabel: R,
+            reverseXAxis: n,
+            yAxisRangeMin: L,
+            yAxisRangeMax: v,
+            showTotalLabels: G,
+            options: j
+          }
+        )
+      ]
+    }
+  );
+}, ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: m
+}, Symbol.toStringTag, { value: "Module" })), N = {
+  name: "BarChartGroupedPro",
+  label: "Bar Chart - Grouped",
+  category: "Bar Charts",
+  inputs: [
+    a.dataset,
+    a.measure,
+    { ...a.dimensionWithGranularitySelectField, name: "xAxis", label: "X-axis" },
+    a.groupBy,
+    a.title,
+    a.description,
+    a.tooltip,
+    a.maxResults,
+    a.showLegend,
+    a.showTooltips,
+    { ...a.showValueLabels, defaultValue: !1 },
+    a.showLogarithmicScale,
+    a.xAxisLabel,
+    a.yAxisLabel,
+    a.reverseXAxis,
+    a.yAxisRangeMin,
+    a.yAxisRangeMax
+  ],
+  events: [
+    {
+      name: "onBarClicked",
+      label: "A bar is clicked",
+      properties: [
+        {
+          name: "axisDimensionValue",
+          label: "Clicked axis dimension value",
+          type: "string"
+        },
+        {
+          name: "groupingDimensionValue",
+          label: "Clicked grouping dimension value",
+          type: "string"
+        }
+      ]
+    }
+  ]
+}, C = {
+  xAxis: t.dimension,
+  groupBy: t.dimensionGroup,
+  measure: t.measure,
+  results: t.results1Measure2Dimensions,
+  hideMenu: !0
+}, Q = W(m, C), b = (e, s) => ({
+  limit: e.maxResults,
+  from: e.dataset,
+  select: [s ?? e.xAxis, e.groupBy, e.measure]
+}), f = (e, s) => _(b(e, s)), U = {
+  onBarClicked: (e) => ({
+    axisDimensionValue: e.axisDimensionValue ?? A.noFilter(),
+    groupingDimensionValue: e.groupingDimensionValue ?? A.noFilter()
+  })
+}, Y = (e, [s, i]) => {
+  const r = K(e.xAxis, s == null ? void 0 : s.granularity);
+  return {
+    ...e,
+    xAxis: r,
+    setGranularity: (n) => i({ granularity: n }),
+    results: f(e, r)
+  };
+}, le = {
+  Component: m,
+  meta: N,
+  preview: Q,
+  previewConfig: C,
+  config: {
+    props: Y,
+    events: U
+  },
+  results: {
+    loadDataArgs: b,
+    loadData: f
+  }
+};
+export {
+  le as b,
+  ne as i
+};
+//# sourceMappingURL=definition-Boah9FmY.js.map

package/dist/definition-Boah9FmY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-Boah9FmY.js","sources":["../src/components/charts/bars/BarChartGroupedPro/index.tsx","../src/components/charts/bars/BarChartGroupedPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Granularity, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\n\nexport type BarChartGroupedProProps = {\n  groupBy: Dimension;\n  measure: Measure;\n  results: DataResponse;\n  reverseXAxis?: boolean;\n  showLegend?: boolean;\n  showLogarithmicScale?: boolean;\n  showTooltips?: boolean;\n  showTotalLabels?: boolean;\n  showValueLabels?: boolean;\n  xAxis: Dimension;\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  setGranularity?: (granularity: Granularity) => void;\n  onBarClicked?: (args: {\n    axisDimensionValue: string | null;\n    groupingDimensionValue: string | null;\n  }) => void;\n} & ChartCardHeaderProps;\n\nconst BarChartGroupedPro = (props: BarChartGroupedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    groupBy,\n    measure,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    xAxis,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    setGranularity,\n    onBarClicked,\n  } = props;\n\n  const { tooltip, description, title, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n\n  const { hideMenu } = props;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: props.xAxis,\n  });\n\n  const data = getBarStackedChartProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      groupDimension: groupBy,\n      measure,\n    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions(\n      { measures: [measure], horizontal: false, onBarClicked, data, dimension: xAxis },\n      theme,\n    ),\n    theme.charts?.barChartGroupedPro?.options ?? {},\n  );\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, xAxis, groupBy]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={xAxis}\n          onChange={setGranularity}\n        />\n      )}\n      <BarChart\n        data={data}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseXAxis={reverseXAxis}\n        yAxisRangeMin={yAxisRangeMin}\n        yAxisRangeMax={yAxisRangeMax}\n        showTotalLabels={showTotalLabels}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartGroupedPro;\n","import {\n  DataResponse,\n  Dimension,\n  Granularity,\n  LoadDataRequest,\n  Value,\n  loadData,\n} from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\n\nconst meta = {\n  name: 'BarChartGroupedPro',\n  label: 'Bar Chart - Grouped',\n  category: 'Bar Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    { ...inputs.dimensionWithGranularitySelectField, name: 'xAxis', label: 'X-axis' },\n    inputs.groupBy,\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.maxResults,\n    inputs.showLegend,\n    inputs.showTooltips,\n    { ...inputs.showValueLabels, defaultValue: false },\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n  ],\n  events: [\n    {\n      name: 'onBarClicked',\n      label: 'A bar is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked axis dimension value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionValue',\n          label: 'Clicked grouping dimension value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type BarChartGroupedProState = {\n  granularity?: Granularity;\n};\n\nconst previewConfig = {\n  xAxis: previewData.dimension,\n  groupBy: previewData.dimensionGroup,\n  measure: previewData.measure,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (inputs: Inputs<typeof meta>, xAxis?: Dimension): LoadDataRequest => ({\n  limit: inputs.maxResults,\n  from: inputs.dataset,\n  select: [xAxis ?? inputs.xAxis, inputs.groupBy, inputs.measure],\n});\n\nconst loadDataResults = (inputs: Inputs<typeof meta>, xAxis: Dimension): DataResponse =>\n  loadData(loadDataResultsArgs(inputs, xAxis));\n\nconst events = {\n  onBarClicked: (value: { axisDimensionValue?: string; groupingDimensionValue?: string }) => ({\n    axisDimensionValue: value.axisDimensionValue ?? Value.noFilter(),\n    groupingDimensionValue: value.groupingDimensionValue ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [BarChartGroupedProState, (state: BarChartGroupedProState) => void],\n) => {\n  const xAxisWithGranularity = getDimensionWithGranularity(inputs.xAxis, state?.granularity);\n\n  return {\n    ...inputs,\n    xAxis: xAxisWithGranularity,\n    setGranularity: (granularity: Granularity) => setState({ granularity }),\n    results: loadDataResults(inputs, xAxisWithGranularity),\n  };\n};\n\nexport const barChartGroupedPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["BarChartGroupedPro","props","theme","useTheme","i18nSetup","groupBy","measure","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","xAxis","yAxisRangeMax","yAxisRangeMin","setGranularity","onBarClicked","tooltip","description","title","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","granularitySelectorHasMarginTop","jsxs","ChartCard","jsx","ChartGranularitySelectField","BarChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","events","value","Value","state","setState","xAxisWithGranularity","getDimensionWithGranularity","granularity","barChartGroupedPro"],"mappings":"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"}

package/dist/definition-BvNvRUNa.js

@@ -0,0 +1,258 @@
+import { j as C, t as ae, l as F } from "./Color.type.emb-BBdbJHvt.js";
+import { useTheme as ie, definePreview as re } from "@embeddable.com/react";
+import { a as le, r as me, i as ue } from "./component.utils-DNw0iugA.js";
+import { C as de } from "./ChartCard-rrXP6aUC.js";
+import { useRef as ce, useState as P, useEffect as we } from "react";
+import { u as A } from "./charts.fillGaps.hooks-CZW4DsTE.js";
+import { g as M, p as b } from "./preview.data.constants-D0uQPYd1.js";
+import { u as be } from "./tables.hooks-fVC_4V5K.js";
+import { i as a, s as f } from "./component.inputs.constants-DqFfoZ5R.js";
+const pe = (e, o) => {
+  const n = M(o);
+  return e.measures.map((s) => {
+    var i, t;
+    return {
+      key: s.name,
+      label: n.dimensionOrMeasureTitle(s),
+      showAsPercentage: !!((i = s.inputs) != null && i.showAsPercentage),
+      percentageDecimalPlaces: ((t = s.inputs) == null ? void 0 : t.decimalPlaces) ?? 1,
+      accessor: (m) => m[s.name] == null ? e.displayNullAs : n.data(s, m[s.name])
+    };
+  });
+}, h = (e, o) => {
+  const n = M(o);
+  return {
+    key: e.dimension.name,
+    label: n.dimensionOrMeasureTitle(e.dimension),
+    formatValue: (s) => n.data(e.dimension, s)
+  };
+}, Re = (e) => e.filter((o) => {
+  var n;
+  return (n = o.inputs) == null ? void 0 : n.showColumnTotal;
+}).map((o) => o.name), fe = (e) => e.filter((o) => {
+  var n;
+  return (n = o.inputs) == null ? void 0 : n.showRowTotal;
+}).map((o) => o.name), he = (e, o, n = "asc") => [...e].sort((s, i) => s[o] < i[o] ? n === "asc" ? -1 : 1 : s[o] > i[o] ? n === "asc" ? 1 : -1 : 0), g = (e) => {
+  var v, y;
+  const o = ie();
+  le(o);
+  const { title: n, description: s, tooltip: i } = me(e), {
+    resultsSubRows: t,
+    measures: m,
+    rowDimension: r,
+    subRowDimension: u,
+    columnDimension: c,
+    displayNullAs: G,
+    columnWidth: L,
+    firstColumnWidth: k,
+    hideMenu: _,
+    expandedRowKeys: p,
+    setExpandedRowKey: I
+  } = e, K = Array.from(
+    new Set((e.results.data ?? []).filter(Boolean).map((l) => l[c.name]))
+  ), N = Array.from(
+    new Set((e.results.data ?? []).filter(Boolean).map((l) => l[r.name]))
+  ), q = A({
+    results: e.results,
+    dimension: c
+  }), V = A({
+    results: q,
+    dimension: r
+  }), z = be({
+    results: V,
+    columnOrder: K,
+    rowOrder: N,
+    columnDimension: c,
+    rowDimension: r,
+    measures: m
+  }), H = ce(null), J = pe({ measures: m, displayNullAs: G }, o), Q = h({ dimension: r }, o), U = u ? h({ dimension: u }, o) : void 0, X = h({ dimension: c }, o), Y = Re(m), Z = fe(m), [$, D] = P(/* @__PURE__ */ new Set()), [ee, oe] = P(/* @__PURE__ */ new Map()), ne = (l) => {
+    D((d) => new Set(d).add(l)), I(l);
+  };
+  we(() => {
+    if (!t || !(t != null && t.data) || p.length === 0)
+      return;
+    const l = /* @__PURE__ */ new Map();
+    p.forEach((d) => {
+      var S, T;
+      if ((S = t.data) == null ? void 0 : S.some(
+        (w) => String(w[r.name]) === d
+      )) {
+        const w = ((T = t.data) == null ? void 0 : T.filter((R) => String(R[r.name]) === d)) ?? [], te = u ? he(w, u.name, "asc") : w;
+        l.set(d, te), D((R) => {
+          const x = new Set(R);
+          return x.delete(d), x;
+        });
+      }
+    }), oe(l);
+  }, [t, p, r, u]);
+  const se = {
+    ...e.results,
+    isLoading: !!((v = e.results) != null && v.isLoading || t != null && t.isLoading)
+  };
+  return /* @__PURE__ */ C.jsx(
+    de,
+    {
+      ref: H,
+      title: n,
+      description: s,
+      tooltip: i,
+      data: se,
+      dimensionsAndMeasures: [r, c, ...m],
+      errorMessage: (y = e.results) == null ? void 0 : y.error,
+      hideMenu: _,
+      children: /* @__PURE__ */ C.jsx(
+        ae,
+        {
+          firstColumnWidth: k,
+          columnWidth: L,
+          totalLabel: ue.t("charts.pivotTable.total"),
+          data: z,
+          measures: J,
+          rowDimension: Q,
+          columnDimension: X,
+          columnTotalsFor: Y,
+          rowTotalsFor: Z,
+          expandableRows: !!u,
+          subRowsByRow: ee,
+          loadingRows: $,
+          onRowExpand: ne,
+          subRowDimension: U
+        }
+      )
+    }
+  );
+}, Ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: g
+}, Symbol.toStringTag, { value: "Module" })), ge = {
+  name: "PivotTablePro",
+  label: "Pivot Table",
+  category: "Table Charts",
+  inputs: [
+    a.dataset,
+    {
+      ...a.measures,
+      label: "Measures to display",
+      inputs: [
+        ...a.measures.inputs,
+        {
+          ...f.boolean,
+          name: "showColumnTotal",
+          label: "Show column total"
+        },
+        {
+          ...f.boolean,
+          name: "showRowTotal",
+          label: "Show row total"
+        },
+        {
+          ...f.boolean,
+          name: "showAsPercentage",
+          label: "Show as percentage",
+          description: "If turned on, other measures may be ignored",
+          defaultValue: !1
+        }
+      ]
+    },
+    {
+      ...a.dimensionWithDateBounds,
+      label: "Column dimension",
+      name: "columnDimension"
+    },
+    {
+      ...a.dimensionWithDateBounds,
+      label: "Primary row dimension",
+      name: "rowDimension"
+    },
+    {
+      ...a.dimension,
+      label: "Secondary row dimension (optional)",
+      name: "subRowDimension",
+      required: !1,
+      description: "When set, each primary row becomes expandable. Clicking a row loads a breakdown by the second dimension."
+    },
+    a.title,
+    a.description,
+    a.tooltip,
+    a.displayNullAs,
+    {
+      ...a.number,
+      name: "firstColumnWidth",
+      label: "First column width",
+      description: "Set the width in px (e.g. 200)",
+      category: "Component Settings"
+    },
+    {
+      ...a.number,
+      name: "columnWidth",
+      label: "Column width",
+      description: "Set the width in px (e.g. 200)",
+      category: "Component Settings"
+    },
+    a.maxResults
+  ]
+}, B = {
+  measures: [{ ...b.measure, inputs: { showRowTotal: !0, showColumnTotal: !0 } }],
+  rowDimension: b.dimension,
+  columnDimension: b.dimensionGroup,
+  results: b.results1Measure2Dimensions,
+  hideMenu: !0,
+  expandedRowKeys: [],
+  setExpandedRowKey: () => {
+  }
+}, De = re(g, B), E = (e) => ({
+  from: e.dataset,
+  select: [e.rowDimension, e.columnDimension, ...e.measures],
+  limit: e.maxResults,
+  countRows: !0
+}), W = (e) => F(E(e)), j = (e, o) => ({
+  from: e.dataset,
+  select: [e.rowDimension, e.subRowDimension, e.columnDimension, ...e.measures],
+  limit: e.maxResults,
+  countRows: !0,
+  filters: [
+    {
+      property: e.rowDimension,
+      operator: "equals",
+      value: o
+    }
+  ]
+}), O = (e, o) => {
+  if (o.length > 0)
+    return F(j(e, o));
+}, ve = (e, [o, n]) => {
+  const s = (o == null ? void 0 : o.expandedRowKeys) ?? [];
+  return {
+    ...e,
+    state: o,
+    expandedRowKeys: s,
+    setExpandedRowKey: (i) => n({ expandedRowKeys: [...s, i] }),
+    results: W(e),
+    resultsSubRows: O(e, s)
+  };
+}, We = {
+  Component: g,
+  meta: ge,
+  preview: De,
+  previewConfig: B,
+  config: {
+    props: ve
+  },
+  results: {
+    loadDataArgs: E,
+    loadData: W
+  },
+  resultsSubRows: {
+    loadDataArgs: j,
+    loadData: O
+  }
+};
+export {
+  h as a,
+  pe as b,
+  fe as c,
+  Re as g,
+  Ee as i,
+  We as p
+};
+//# sourceMappingURL=definition-BvNvRUNa.js.map

package/dist/definition-BvNvRUNa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-BvNvRUNa.js","sources":["../src/components/charts/tables/PivotTablePro/PivotPro.utils.ts","../src/utils/array.utils.ts","../src/components/charts/tables/PivotTablePro/index.tsx","../src/components/charts/tables/PivotTablePro/definition.ts"],"sourcesContent":["import { Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { PivotTableProps } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport const getPivotMeasures = (\n  props: { measures: Measure[]; displayNullAs?: string },\n  theme: Theme,\n): PivotTableProps<any>['measures'] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return props.measures.map((measure) => {\n    return {\n      key: measure.name,\n      label: themeFormatter.dimensionOrMeasureTitle(measure),\n      showAsPercentage: Boolean(measure.inputs?.showAsPercentage),\n      percentageDecimalPlaces: measure.inputs?.decimalPlaces ?? 1,\n      accessor: (row) => {\n        const value = row[measure.name];\n\n        return value == null\n          ? props.displayNullAs\n          : themeFormatter.data(measure, row[measure.name]);\n      },\n    };\n  });\n};\n\nexport const getPivotDimension = (\n  props: { dimension: Dimension },\n  theme: Theme,\n): PivotTableProps<any>['rowDimension' | 'columnDimension'] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.dimension.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.dimension),\n    formatValue: (value: string) => themeFormatter.data(props.dimension, value),\n  };\n};\n\nexport const getPivotColumnTotalsFor = (\n  measures: Measure[],\n): PivotTableProps<any>['columnTotalsFor'] | undefined => {\n  return measures.filter((m) => m.inputs?.showColumnTotal).map((m) => m.name);\n};\n\nexport const getPivotRowTotalsFor = (\n  measures: Measure[],\n): PivotTableProps<any>['rowTotalsFor'] | undefined => {\n  return measures.filter((m) => m.inputs?.showRowTotal).map((m) => m.name);\n};\n","export const sortArrayByProp = <T, K extends keyof T>(\n  arr: T[],\n  prop: K,\n  order: 'asc' | 'desc' = 'asc',\n): T[] => {\n  return [...arr].sort((a, b) => {\n    if (a[prop] < b[prop]) return order === 'asc' ? -1 : 1;\n    if (a[prop] > b[prop]) return order === 'asc' ? 1 : -1;\n    return 0;\n  });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { PivotTable } from '@embeddable.com/remarkable-ui';\nimport { useEffect, useRef, useState } from 'react';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport {\n  getPivotColumnTotalsFor,\n  getPivotDimension,\n  getPivotMeasures,\n  getPivotRowTotalsFor,\n} from './PivotPro.utils';\nimport { useGetTableSortedResults } from '../tables.hooks';\nimport { sortArrayByProp } from '../../../../utils/array.utils';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport type PivotTableProProps = {\n  results: DataResponse;\n  resultsSubRows?: DataResponse;\n  measures: Measure[];\n  rowDimension: Dimension;\n  subRowDimension?: Dimension;\n  columnDimension: Dimension;\n  displayNullAs?: string;\n  columnWidth?: number;\n  firstColumnWidth?: number;\n  expandedRowKeys: string[];\n  setExpandedRowKey: (expandedRowKeys: string) => void;\n} & ChartCardHeaderProps;\n\nconst PivotTablePro = (props: PivotTableProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip } = resolveI18nProps(props);\n  const {\n    resultsSubRows,\n    measures,\n    rowDimension,\n    subRowDimension,\n    columnDimension,\n    displayNullAs,\n    columnWidth,\n    firstColumnWidth,\n    hideMenu,\n    expandedRowKeys,\n    setExpandedRowKey,\n  } = props;\n\n  const columnOrder = Array.from(\n    new Set((props.results.data ?? []).filter(Boolean).map((d) => d[columnDimension.name])),\n  );\n\n  const rowOrder = Array.from(\n    new Set((props.results.data ?? []).filter(Boolean).map((d) => d[rowDimension.name])),\n  );\n\n  // Fill gaps for the column dimension\n  const resultsColumnDimensionFillGaps = useFillGaps({\n    results: props.results,\n    dimension: columnDimension,\n  });\n\n  // Fill gaps for the row dimension\n  const resultsRowColumnDimensionFillGaps = useFillGaps({\n    results: resultsColumnDimensionFillGaps,\n    dimension: rowDimension,\n  });\n\n  const results = useGetTableSortedResults({\n    results: resultsRowColumnDimensionFillGaps,\n    columnOrder,\n    rowOrder,\n    columnDimension,\n    rowDimension,\n    measures,\n  });\n\n  const cardContentRef = useRef<HTMLDivElement>(null);\n\n  const pivotMeasures = getPivotMeasures({ measures, displayNullAs }, theme);\n  const pivotRowDimension = getPivotDimension({ dimension: rowDimension }, theme);\n  const pivotSubRowDimension = subRowDimension\n    ? getPivotDimension({ dimension: subRowDimension }, theme)\n    : undefined;\n  const pivotColumnDimension = getPivotDimension({ dimension: columnDimension }, theme);\n  const pivotColumnTotalsFor = getPivotColumnTotalsFor(measures);\n  const pivotRowTotalsFor = getPivotRowTotalsFor(measures);\n\n  const [loadingRows, setLoadingRows] = useState(new Set<string>());\n  const [subRowsByRow, setSubRowsByRow] = useState(new Map<string, any[]>());\n\n  const handleRowExpand = (rowKey: string) => {\n    setLoadingRows((prev) => new Set(prev).add(rowKey));\n    setExpandedRowKey(rowKey);\n  };\n\n  useEffect(() => {\n    // No results or no expandedRowKeys, nothing to load\n    if (!resultsSubRows || !resultsSubRows?.data || expandedRowKeys.length === 0) {\n      return;\n    }\n\n    const subRowsByRowData = new Map<string, any[]>();\n    expandedRowKeys.forEach((rowKey) => {\n      const containsSubRow = resultsSubRows.data?.some(\n        (row) => String(row[rowDimension.name]) === rowKey,\n      );\n\n      if (containsSubRow) {\n        const subRows =\n          resultsSubRows.data?.filter((row) => String(row[rowDimension.name]) === rowKey) ?? [];\n        const subRowsSorted = subRowDimension\n          ? sortArrayByProp(subRows, subRowDimension.name, 'asc')\n          : subRows;\n\n        subRowsByRowData.set(rowKey, subRowsSorted);\n        setLoadingRows((prev) => {\n          const next = new Set(prev);\n          next.delete(rowKey);\n          return next;\n        });\n      }\n    });\n    setSubRowsByRow(subRowsByRowData);\n  }, [resultsSubRows, expandedRowKeys, rowDimension, subRowDimension]);\n\n  const data: DataResponse = {\n    ...props.results,\n    isLoading: Boolean(props.results?.isLoading || resultsSubRows?.isLoading),\n  };\n\n  return (\n    <ChartCard\n      ref={cardContentRef}\n      title={title}\n      description={description}\n      tooltip={tooltip}\n      data={data}\n      dimensionsAndMeasures={[rowDimension, columnDimension, ...measures]}\n      errorMessage={props.results?.error}\n      hideMenu={hideMenu}\n    >\n      <PivotTable\n        firstColumnWidth={firstColumnWidth}\n        columnWidth={columnWidth}\n        totalLabel={i18n.t('charts.pivotTable.total')}\n        data={results}\n        measures={pivotMeasures}\n        rowDimension={pivotRowDimension}\n        columnDimension={pivotColumnDimension}\n        columnTotalsFor={pivotColumnTotalsFor}\n        rowTotalsFor={pivotRowTotalsFor}\n        expandableRows={Boolean(subRowDimension)}\n        subRowsByRow={subRowsByRow}\n        loadingRows={loadingRows}\n        onRowExpand={handleRowExpand}\n        subRowDimension={pivotSubRowDimension}\n      />\n    </ChartCard>\n  );\n};\n\nexport default PivotTablePro;\n","import { DataResponse, LoadDataRequest, loadData } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nconst meta = {\n  name: 'PivotTablePro',\n  label: 'Pivot Table',\n  category: 'Table Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measures,\n      label: 'Measures to display',\n      inputs: [\n        ...inputs.measures.inputs,\n        {\n          ...subInputs.boolean,\n          name: 'showColumnTotal',\n          label: 'Show column total',\n        },\n        {\n          ...subInputs.boolean,\n          name: 'showRowTotal',\n          label: 'Show row total',\n        },\n        {\n          ...subInputs.boolean,\n          name: 'showAsPercentage',\n          label: 'Show as percentage',\n          description: 'If turned on, other measures may be ignored',\n          defaultValue: false,\n        },\n      ],\n    },\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Column dimension',\n      name: 'columnDimension',\n    },\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Primary row dimension',\n      name: 'rowDimension',\n    },\n    {\n      ...inputs.dimension,\n      label: 'Secondary row dimension (optional)',\n      name: 'subRowDimension',\n      required: false,\n      description:\n        'When set, each primary row becomes expandable. Clicking a row loads a breakdown by the second dimension.',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.displayNullAs,\n    {\n      ...inputs.number,\n      name: 'firstColumnWidth',\n      label: 'First column width',\n      description: 'Set the width in px (e.g. 200)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'columnWidth',\n      label: 'Column width',\n      description: 'Set the width in px (e.g. 200)',\n      category: 'Component Settings',\n    },\n    inputs.maxResults,\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type PivotTableProState = {\n  expandedRowKeys?: string[];\n};\n\nconst previewConfig = {\n  measures: [{ ...previewData.measure, inputs: { showRowTotal: true, showColumnTotal: true } }],\n  rowDimension: previewData.dimension,\n  columnDimension: previewData.dimensionGroup,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n  expandedRowKeys: [],\n  setExpandedRowKey: () => {},\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (inputs: Inputs<typeof meta>): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.rowDimension, inputs.columnDimension, ...inputs.measures],\n  limit: inputs.maxResults,\n  countRows: true,\n});\n\nconst loadDataResults = (inputs: Inputs<typeof meta>): DataResponse =>\n  loadData(loadDataResultsArgs(inputs));\n\nconst loadDataResultsSubRowsArgs = (\n  inputs: Inputs<typeof meta>,\n  expandedRowKeys: string[],\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.rowDimension, inputs.subRowDimension, inputs.columnDimension, ...inputs.measures],\n  limit: inputs.maxResults,\n  countRows: true,\n  filters: [\n    {\n      property: inputs.rowDimension,\n      operator: 'equals',\n      value: expandedRowKeys,\n    },\n  ],\n});\n\nconst loadDataResultsSubRows = (\n  inputs: Inputs<typeof meta>,\n  expandedRowKeys: string[],\n): DataResponse | undefined => {\n  if (expandedRowKeys.length > 0) {\n    return loadData(loadDataResultsSubRowsArgs(inputs, expandedRowKeys));\n  }\n  return undefined;\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [PivotTableProState, (state: PivotTableProState) => void],\n) => {\n  const expandedRowKeys = state?.expandedRowKeys ?? [];\n\n  return {\n    ...inputs,\n    state,\n    expandedRowKeys,\n    setExpandedRowKey: (rowKey: string) =>\n      setState({ expandedRowKeys: [...expandedRowKeys, rowKey] }),\n    results: loadDataResults(inputs),\n    resultsSubRows: loadDataResultsSubRows(inputs, expandedRowKeys),\n  };\n};\n\nexport const pivotTablePro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n  resultsSubRows: {\n    loadDataArgs: loadDataResultsSubRowsArgs,\n    loadData: loadDataResultsSubRows,\n  },\n} as const;\n"],"names":["getPivotMeasures","props","theme","themeFormatter","getThemeFormatter","measure","_a","_b","row","getPivotDimension","value","getPivotColumnTotalsFor","measures","m","getPivotRowTotalsFor","sortArrayByProp","arr","prop","order","a","b","PivotTablePro","useTheme","i18nSetup","title","description","tooltip","resolveI18nProps","resultsSubRows","rowDimension","subRowDimension","columnDimension","displayNullAs","columnWidth","firstColumnWidth","hideMenu","expandedRowKeys","setExpandedRowKey","columnOrder","d","rowOrder","resultsColumnDimensionFillGaps","useFillGaps","resultsRowColumnDimensionFillGaps","results","useGetTableSortedResults","cardContentRef","useRef","pivotMeasures","pivotRowDimension","pivotSubRowDimension","pivotColumnDimension","pivotColumnTotalsFor","pivotRowTotalsFor","loadingRows","setLoadingRows","useState","subRowsByRow","setSubRowsByRow","handleRowExpand","rowKey","prev","useEffect","subRowsByRowData","subRows","subRowsSorted","next","data","jsx","ChartCard","PivotTable","i18n","meta","inputs","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","loadDataResultsSubRowsArgs","loadDataResultsSubRows","state","setState","pivotTablePro"],"mappings":"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"}

package/dist/definition-Bzfn9qRU.js

@@ -0,0 +1,105 @@
+import { useTheme as y, definePreview as P } from "@embeddable.com/react";
+import { j as s, h as D, V as r } from "./Color.type.emb-BBdbJHvt.js";
+import { u as w, c as S, g as V, a as j } from "./dates.utils-D13NY0HZ.js";
+import { a as M, r as T, i as k } from "./component.utils-DNw0iugA.js";
+import { E as x } from "./EditorCard-drvq5XVw.js";
+import { I as F } from "./IconCalendarFilled-BaJZAzU-.js";
+import { i as e } from "./component.inputs.constants-DqFfoZ5R.js";
+const n = (a) => {
+  const t = y();
+  M(t);
+  const { dayjsLocaleReady: i } = w();
+  if (!i)
+    return null;
+  const { description: c, placeholder: d, title: u, tooltip: m } = T(a), { onChange: g, clearable: p, selectedValue: o, showTwoMonths: f } = a, h = (v) => {
+    const C = j(v);
+    g(C);
+  }, l = t.defaults.dateRangesOptions, R = S(o, "MMM DD", l), b = t.i18n.language ?? t.formatter.locale;
+  return /* @__PURE__ */ s.jsx(x, { title: u, description: c, tooltip: m, children: /* @__PURE__ */ s.jsx(
+    D,
+    {
+      startIcon: F,
+      locale: b,
+      clearable: p,
+      placeholder: d,
+      displayValue: R,
+      numberOfMonths: f ? 2 : 1,
+      value: V(o, l),
+      onChange: h,
+      submitLabel: k.t("editors.dateRangePicker.apply"),
+      avoidCollisions: !1
+    }
+  ) });
+}, G = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: n
+}, Symbol.toStringTag, { value: "Module" })), L = {
+  name: "DateRangePickerCustomPro",
+  label: "Date-Range Picker - Custom",
+  category: "Dropdowns",
+  defaultWidth: 300,
+  defaultHeight: 120,
+  inputs: [
+    e.title,
+    e.description,
+    e.tooltip,
+    { ...e.placeholder, defaultValue: "Select a date-range" },
+    e.clearable,
+    {
+      ...e.timeRange,
+      name: "selectedValue",
+      label: "Selected value",
+      category: "Pre-configured variables"
+    },
+    {
+      ...e.boolean,
+      name: "showTwoMonths",
+      label: "Show two months",
+      defaultValue: !1,
+      category: "Component Settings"
+    }
+  ],
+  events: [
+    {
+      name: "onChange",
+      label: "Selected date-range updated",
+      properties: [
+        {
+          name: "value",
+          label: "Selected date-range",
+          type: "timeRange"
+        }
+      ]
+    }
+  ],
+  variables: [
+    {
+      name: "date-range value",
+      type: "timeRange",
+      defaultValue: r.noFilter(),
+      inputs: ["selectedValue"],
+      events: [{ name: "onChange", property: "value" }]
+    }
+  ]
+}, O = P(n, {
+  onChange: () => null
+}), I = (a) => ({
+  ...a
+}), _ = {
+  onChange: (a) => ({
+    value: a ?? r.noFilter()
+  })
+}, J = {
+  Component: n,
+  meta: L,
+  preview: O,
+  config: {
+    props: I,
+    events: _
+  }
+};
+export {
+  J as d,
+  G as i
+};
+//# sourceMappingURL=definition-Bzfn9qRU.js.map

package/dist/definition-Bzfn9qRU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-Bzfn9qRU.js","sources":["../src/components/editors/dates/DateRangePickerCustomPro/index.tsx","../src/components/editors/dates/DateRangePickerCustomPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { DateRange, DateRangePickerField } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { useLoadDayjsLocale } from '../../../../utils/date.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { EditorCard, EditorCardHeaderProps } from '../../shared/EditorCard/EditorCard';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport {\n  getDateRangeFromTimeRange,\n  getTimeRangeFromDateRange,\n  getTimeRangeLabel,\n} from '../dates.utils';\nimport { IconCalendarFilled } from '@tabler/icons-react';\n\nexport type DateRangePickerPresetsProps = {\n  onChange: (newDateRange: TimeRange) => void;\n  placeholder?: string;\n  selectedValue?: TimeRange;\n  clearable?: boolean;\n  showTwoMonths?: boolean;\n} & EditorCardHeaderProps;\n\nconst DateRangePickerPresets = (props: DateRangePickerPresetsProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { dayjsLocaleReady } = useLoadDayjsLocale();\n\n  if (!dayjsLocaleReady) {\n    return null;\n  }\n\n  const { description, placeholder, title, tooltip } = resolveI18nProps(props);\n  const { onChange, clearable, selectedValue, showTwoMonths } = props;\n\n  const handleChange = (newDateRange: DateRange | undefined) => {\n    const timeRange: TimeRange = getTimeRangeFromDateRange(newDateRange);\n    onChange(timeRange);\n  };\n\n  const dateRangeOptions = theme.defaults.dateRangesOptions;\n  const displayValue = getTimeRangeLabel(selectedValue, 'MMM DD', dateRangeOptions);\n\n  const locale = theme.i18n.language ?? theme.formatter.locale;\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <DateRangePickerField\n        startIcon={IconCalendarFilled}\n        locale={locale}\n        clearable={clearable}\n        placeholder={placeholder}\n        displayValue={displayValue}\n        numberOfMonths={showTwoMonths ? 2 : 1}\n        value={getDateRangeFromTimeRange(selectedValue, dateRangeOptions)}\n        onChange={handleChange}\n        submitLabel={i18n.t('editors.dateRangePicker.apply')}\n        avoidCollisions={false}\n      />\n    </EditorCard>\n  );\n};\n\nexport default DateRangePickerPresets;\n","import { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport { Value } from '@embeddable.com/core';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\n\nconst meta = {\n  name: 'DateRangePickerCustomPro',\n  label: 'Date-Range Picker - Custom',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    { ...inputs.placeholder, defaultValue: 'Select a date-range' },\n    inputs.clearable,\n    {\n      ...inputs.timeRange,\n      name: 'selectedValue',\n      label: 'Selected value',\n      category: 'Pre-configured variables',\n    },\n    {\n      ...inputs.boolean,\n      name: 'showTwoMonths',\n      label: 'Show two months',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected date-range updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected date-range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'date-range value',\n      type: 'timeRange',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValue'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {\n  onChange: () => null,\n});\n\nconst props = (inputs: Inputs<typeof meta>) => {\n  return {\n    ...inputs,\n  };\n};\n\nconst events = {\n  onChange: (range: unknown) => ({\n    value: range ?? Value.noFilter(),\n  }),\n};\n\nexport const dateRangePickerCustomPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["DateRangePickerPresets","props","theme","useTheme","i18nSetup","dayjsLocaleReady","useLoadDayjsLocale","description","placeholder","title","tooltip","resolveI18nProps","onChange","clearable","selectedValue","showTwoMonths","handleChange","newDateRange","timeRange","getTimeRangeFromDateRange","dateRangeOptions","displayValue","getTimeRangeLabel","locale","jsx","EditorCard","DateRangePickerField","IconCalendarFilled","getDateRangeFromTimeRange","i18n","meta","inputs","Value","preview","definePreview","Component","events","range","dateRangePickerCustomPro"],"mappings":";;;;;;;AAuBA,MAAMA,IAAyB,CAACC,MAAuC;AACrE,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,kBAAAG,EAAA,IAAqBC,EAAA;AAE7B,MAAI,CAACD;AACH,WAAO;AAGT,QAAM,EAAE,aAAAE,GAAa,aAAAC,GAAa,OAAAC,GAAO,SAAAC,EAAA,IAAYC,EAAiBV,CAAK,GACrE,EAAE,UAAAW,GAAU,WAAAC,GAAW,eAAAC,GAAe,eAAAC,MAAkBd,GAExDe,IAAe,CAACC,MAAwC;AAC5D,UAAMC,IAAuBC,EAA0BF,CAAY;AACnE,IAAAL,EAASM,CAAS;AAAA,EACpB,GAEME,IAAmBlB,EAAM,SAAS,mBAClCmB,IAAeC,EAAkBR,GAAe,UAAUM,CAAgB,GAE1EG,IAASrB,EAAM,KAAK,YAAYA,EAAM,UAAU;AAEtD,SACEsB,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAhB,GAAc,aAAAF,GAA0B,SAAAG,GAClD,UAAAc,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,MACX,QAAAJ;AAAA,MACA,WAAAV;AAAA,MACA,aAAAL;AAAA,MACA,cAAAa;AAAA,MACA,gBAAgBN,IAAgB,IAAI;AAAA,MACpC,OAAOa,EAA0Bd,GAAeM,CAAgB;AAAA,MAChE,UAAUJ;AAAA,MACV,aAAaa,EAAK,EAAE,+BAA+B;AAAA,MACnD,iBAAiB;AAAA,IAAA;AAAA,EAAA,GAErB;AAEJ;;;8CCzDMC,IAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,aAAa,cAAc,sBAAA;AAAA,IACvCA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,eAAe;AAAA,MACxB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEMC,IAAUC,EAAcC,GAAW;AAAA,EACvC,UAAU,MAAM;AAClB,CAAC,GAEKlC,IAAQ,CAAC8B,OACN;AAAA,EACL,GAAGA;AAAA,IAIDK,IAAS;AAAA,EACb,UAAU,CAACC,OAAoB;AAAA,IAC7B,OAAOA,KAASL,EAAM,SAAA;AAAA,EAAS;AAEnC,GAEaM,IAA2B;AAAA,EAAA,WACtCH;AAAAA,EACA,MAAAL;AAAA,EACA,SAAAG;AAAA,EACA,QAAQ;AAAA,IACN,OAAAhC;AAAA,IACA,QAAAmC;AAAA,EAAA;AAEJ;"}