@embeddable.com/remarkable-pro 0.1.30 → 0.1.32

package/dist/definition-CQARTw1R.js

@@ -1,174 +0,0 @@
-import { m as T, j as u, B as j, V as y, l as H } from "./index-C_yieA4G.js";
-import { useTheme as F, definePreview as _ } from "@embeddable.com/react";
-import { i as O, r as W } from "./component.utils-CKQTC8YE.js";
-import { C as Y } from "./ChartCard-DRvWAJbb.js";
-import { b as E, a as I } from "./bars.utils-CXXoLZ16.js";
-import { u as q } from "./charts.fillGaps.hooks-pnsCGEcn.js";
-import { C as J, g as K } from "./granularity.utils-BVNxXibN.js";
-import { i as a } from "./component.inputs.constants-CV2cw73o.js";
-import { p as n } from "./preview.data.constants-CF2ixBjn.js";
-const d = (e) => {
-  var p, h;
-  const s = F();
-  O(s);
-  const { tooltip: i, description: r, title: o, xAxisLabel: f, yAxisLabel: D } = W(e), {
-    hideMenu: B,
-    groupBy: c,
-    measure: l,
-    reverseYAxis: w,
-    showLegend: S,
-    showLogarithmicScale: k,
-    showTooltips: L,
-    showTotalLabels: M,
-    showValueLabels: v,
-    yAxis: t,
-    xAxisRangeMax: V,
-    xAxisRangeMin: P,
-    setGranularity: g,
-    onBarClicked: R
-  } = e, m = q({
-    results: e.results,
-    dimension: e.yAxis
-  }), x = E(
-    {
-      data: m.data,
-      dimension: t,
-      groupDimension: c,
-      measure: l
-    },
-    s
-  ), z = T(
-    I(
-      { measures: [l], horizontal: !0, onBarClicked: R, data: x, dimension: t },
-      s
-    ),
-    ((h = (p = s.charts) == null ? void 0 : p.barChartStackedHorizontalPro) == null ? void 0 : h.options) || {}
-  ), G = !o && !r && !i;
-  return /* @__PURE__ */ u.jsxs(
-    Y,
-    {
-      data: m,
-      dimensionsAndMeasures: [l, t, c],
-      errorMessage: m.error,
-      description: r,
-      title: o,
-      tooltip: i,
-      hideMenu: B,
-      children: [
-        g && /* @__PURE__ */ u.jsx(
-          J,
-          {
-            hasMarginTop: G,
-            dimension: t,
-            onChange: g
-          }
-        ),
-        /* @__PURE__ */ u.jsx(
-          j,
-          {
-            data: x,
-            showLegend: S,
-            showTooltips: L,
-            showValueLabels: v,
-            showLogarithmicScale: k,
-            xAxisLabel: f,
-            yAxisLabel: D,
-            reverseYAxis: w,
-            xAxisRangeMin: P,
-            xAxisRangeMax: V,
-            showTotalLabels: M,
-            options: z,
-            stacked: !0,
-            horizontal: !0
-          }
-        )
-      ]
-    }
-  );
-}, ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: d
-}, Symbol.toStringTag, { value: "Module" })), N = {
-  name: "BarChartStackedHorizontalPro",
-  label: "Bar Chart - Stacked Horizontal",
-  category: "Bar Charts",
-  inputs: [
-    a.dataset,
-    a.measure,
-    { ...a.dimensionWithGranularitySelectField, name: "yAxis", label: "Y-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.reverseYAxis,
-    a.xAxisRangeMin,
-    a.xAxisRangeMax,
-    a.showTotalLabels
-  ],
-  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"
-        }
-      ]
-    }
-  ]
-}, A = {
-  yAxis: n.dimension,
-  groupBy: n.dimensionGroup,
-  measure: n.measure,
-  results: n.results1Measure2Dimensions,
-  hideMenu: !0
-}, Q = _(d, A), C = (e, s) => ({
-  limit: e.maxResults,
-  from: e.dataset,
-  select: [s ?? e.yAxis, e.groupBy, e.measure]
-}), b = (e, s) => H(C(e, s)), U = {
-  onBarClicked: (e) => ({
-    axisDimensionValue: e.axisDimensionValue ?? y.noFilter(),
-    groupingDimensionValue: e.groupingDimensionValue ?? y.noFilter()
-  })
-}, X = (e, [s, i]) => {
-  const r = K(e.yAxis, s == null ? void 0 : s.granularity);
-  return {
-    ...e,
-    yAxis: r,
-    setGranularity: (o) => i({ granularity: o }),
-    results: b(e, r)
-  };
-}, le = {
-  Component: d,
-  meta: N,
-  preview: Q,
-  previewConfig: A,
-  config: {
-    props: X,
-    events: U
-  },
-  results: {
-    loadDataArgs: C,
-    loadData: b
-  }
-};
-export {
-  le as b,
-  ne as i
-};
-//# sourceMappingURL=definition-CQARTw1R.js.map

package/dist/definition-CQARTw1R.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"definition-CQARTw1R.js","sources":["../src/components/charts/bars/BarChartStackedHorizontalPro/index.tsx","../src/components/charts/bars/BarChartStackedHorizontalPro/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 BarChartStackedHorizontalProProps = {\n  groupBy: Dimension;\n  measure: Measure;\n  results: DataResponse;\n  reverseYAxis?: boolean;\n  showLegend?: boolean;\n  showLogarithmicScale?: boolean;\n  showTooltips?: boolean;\n  showTotalLabels?: boolean;\n  showValueLabels?: boolean;\n  yAxis: Dimension;\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n  xAxisRangeMax?: number;\n  xAxisRangeMin?: number;\n  setGranularity?: (granularity: Granularity) => void;\n  onBarClicked?: (args: {\n    axisDimensionValue: string | null;\n    groupingDimensionValue: string | null;\n  }) => void;\n} & ChartCardHeaderProps;\n\nconst BarChartStackedHorizontalPro = (props: BarChartStackedHorizontalProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { tooltip, description, title, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n\n  const {\n    hideMenu,\n    groupBy,\n    measure,\n    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    yAxis,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    setGranularity,\n    onBarClicked,\n  } = props;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: props.yAxis,\n  });\n\n  const data = getBarStackedChartProData(\n    {\n      data: results.data,\n      dimension: yAxis,\n      groupDimension: groupBy,\n      measure,\n    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions(\n      { measures: [measure], horizontal: true, onBarClicked, data, dimension: yAxis },\n      theme,\n    ),\n    theme.charts?.barChartStackedHorizontalPro?.options || {},\n  );\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, yAxis, 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={yAxis}\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        reverseYAxis={reverseYAxis}\n        xAxisRangeMin={xAxisRangeMin}\n        xAxisRangeMax={xAxisRangeMax}\n        showTotalLabels={showTotalLabels}\n        options={options}\n        stacked\n        horizontal\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartStackedHorizontalPro;\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: 'BarChartStackedHorizontalPro',\n  label: 'Bar Chart - Stacked Horizontal',\n  category: 'Bar Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    { ...inputs.dimensionWithGranularitySelectField, name: 'yAxis', label: 'Y-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.reverseYAxis,\n    inputs.xAxisRangeMin,\n    inputs.xAxisRangeMax,\n    inputs.showTotalLabels,\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 BarChartStackedHorizontalProState = {\n  granularity?: Granularity;\n};\n\nconst previewConfig = {\n  yAxis: 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>, yAxis?: Dimension): LoadDataRequest => ({\n  limit: inputs.maxResults,\n  from: inputs.dataset,\n  select: [yAxis ?? inputs.yAxis, inputs.groupBy, inputs.measure],\n});\n\nconst loadDataResults = (inputs: Inputs<typeof meta>, yAxis: Dimension): DataResponse =>\n  loadData(loadDataResultsArgs(inputs, yAxis));\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]: [\n    BarChartStackedHorizontalProState,\n    (state: BarChartStackedHorizontalProState) => void,\n  ],\n) => {\n  const yAxisWithGranularity = getDimensionWithGranularity(inputs.yAxis, state?.granularity);\n\n  return {\n    ...inputs,\n    yAxis: yAxisWithGranularity,\n    setGranularity: (granularity: Granularity) => setState({ granularity }),\n    results: loadDataResults(inputs, yAxisWithGranularity),\n  };\n};\n\nexport const barChartStackedHorizontalPro = {\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":["BarChartStackedHorizontalPro","props","theme","useTheme","i18nSetup","tooltip","description","title","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","groupBy","measure","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","yAxis","xAxisRangeMax","xAxisRangeMin","setGranularity","onBarClicked","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","yAxisWithGranularity","getDimensionWithGranularity","granularity","barChartStackedHorizontalPro"],"mappings":"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"}

package/dist/definition-C_O50_G7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"definition-C_O50_G7.js","sources":["../src/components/editors/SingleSelectFieldPro/index.tsx","../src/components/editors/SingleSelectFieldPro/definition.ts"],"sourcesContent":["import { DataResponse, Dimension } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../theme/theme.types';\nimport { EditorCard, EditorCardHeaderProps } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { SingleSelectField } from '@embeddable.com/remarkable-ui';\n\nexport const MAX_OPTIONS = 200;\n\nexport type SingleSelectFieldProProps = {\n  dimension: Dimension;\n  optionalSecondDimension?: Dimension;\n  placeholder?: string;\n  results: DataResponse;\n  selectedValue?: string;\n  maxOptions?: number;\n  setSearchValue?: (search: string) => void;\n  onChange?: (selectedValue: string | null) => void;\n} & EditorCardHeaderProps;\n\nconst SingleSelectFieldPro = (props: SingleSelectFieldProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const { title, description, dimension, placeholder, tooltip } = resolveI18nProps(props);\n  const { optionalSecondDimension, results, selectedValue, setSearchValue, onChange } = props;\n\n  const options =\n    results.data?.map((data) => {\n      return {\n        value: optionalSecondDimension ? data[optionalSecondDimension.name] : data[dimension.name],\n        label: themeFormatter.data(dimension, data[dimension.name]),\n      };\n    }) ?? [];\n\n  const showNoOptionsMessage = Boolean(!results.isLoading && (results.data?.length ?? 0) === 0);\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <SingleSelectField\n        clearable\n        searchable\n        isLoading={results.isLoading}\n        value={selectedValue}\n        options={options}\n        placeholder={placeholder}\n        noOptionsMessage={showNoOptionsMessage ? i18n.t('common.noOptionsFound') : undefined}\n        onChange={(newValue: string | null) => onChange?.(newValue)}\n        onSearch={setSearchValue}\n        avoidCollisions={false}\n      />\n    </EditorCard>\n  );\n};\n\nexport default SingleSelectFieldPro;\n","import { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value, loadData, LoadDataRequest, DataResponse } from '@embeddable.com/core';\nimport Component, { MAX_OPTIONS } from '.';\nimport { inputs } from '../../component.inputs.constants';\nimport { previewData } from '../../preview.data.constants';\n\nconst meta = {\n  name: 'SingleSelectFieldPro',\n  label: 'Single Select Field',\n  category: 'Dropdowns - values',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.dataset,\n    { ...inputs.dimension, label: 'Dimension (to load Dropdown values)' },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    { ...inputs.placeholder, defaultValue: 'Select value...' },\n    {\n      ...inputs.number,\n      name: 'maxOptions',\n      label: 'Maximum options',\n      category: 'Component Settings',\n      defaultValue: MAX_OPTIONS,\n    },\n    {\n      ...inputs.string,\n      name: 'selectedValue',\n      label: 'Selected value',\n      category: 'Pre-configured Variables',\n    },\n    {\n      ...inputs.dimension,\n      config: {\n        dataset: 'dataset',\n      },\n      required: false,\n      name: 'optionalSecondDimension',\n      label: 'Optional secondary dimension',\n      category: 'Data Mapping for Interactions',\n      description: 'Send a different dimension to embeddable when the user clicks. Must be unique.',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected value updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'single-select value',\n      type: 'string',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValue'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type SingleSelectDropdownState = {\n  searchValue?: string;\n};\n\nconst preview = definePreview(Component, {\n  dimension: previewData.dimension,\n  results: previewData.results1Measure1Dimension,\n  onChange: () => null,\n});\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  state?: SingleSelectDropdownState,\n): LoadDataRequest => {\n  const operator = inputs.dimension.nativeType === 'string' ? 'contains' : 'equals';\n  return {\n    limit: inputs.maxOptions,\n    from: inputs.dataset,\n    select: [inputs.dimension, inputs.optionalSecondDimension].filter(Boolean),\n    filters: state?.searchValue\n      ? [{ operator, property: inputs.dimension, value: state.searchValue }]\n      : undefined,\n  };\n};\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  state?: SingleSelectDropdownState,\n): DataResponse => loadData(loadDataResultsArgs(inputs, state));\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [SingleSelectDropdownState, (state: SingleSelectDropdownState) => void],\n) => ({\n  ...inputs,\n  maxOptions: inputs.maxOptions,\n  setSearchValue: (searchValue: string) => setState({ searchValue }),\n  results: loadDataResults(inputs, state),\n});\n\nconst events = {\n  onChange: (selectedValue: string) => {\n    if (selectedValue === '') {\n      return { value: Value.noFilter() };\n    }\n\n    return {\n      value: selectedValue ?? Value.noFilter(),\n    };\n  },\n};\n\nexport const singleSelectFieldPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["MAX_OPTIONS","SingleSelectFieldPro","props","theme","useTheme","themeFormatter","getThemeFormatter","title","description","dimension","placeholder","tooltip","resolveI18nProps","optionalSecondDimension","results","selectedValue","setSearchValue","onChange","options","_a","data","showNoOptionsMessage","_b","jsx","EditorCard","SingleSelectField","i18n","newValue","meta","inputs","Value","preview","definePreview","Component","previewData","loadDataResultsArgs","state","operator","loadDataResults","loadData","setState","searchValue","events","singleSelectFieldPro"],"mappings":"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"}

package/dist/definition-DgMAhPPp.js

@@ -1,254 +0,0 @@
-import { u as v, E as X, F as Y, j as L, T as Z, G as $, V as ee, m as ae, l as P } from "./index-C_yieA4G.js";
-import { useTheme as oe, definePreview as se } from "@embeddable.com/react";
-import { i as ne, r as te, b as ie } from "./component.utils-CKQTC8YE.js";
-import { C as le } from "./ChartCard-DRvWAJbb.js";
-import { useState as re, useRef as de, useCallback as ce, useEffect as w } from "react";
-import { g as me, a as ue } from "./tables.utils-DTj9IxKE.js";
-import { i as t, s as T } from "./component.inputs.constants-CV2cw73o.js";
-import { p } from "./preview.data.constants-CF2ixBjn.js";
-const ge = v("--em-tablechart-cell-height", "2.5rem"), he = v("--em-tablechart-cell-height", "2.5rem"), pe = v("--em-tablechart-pagination-height", "3rem");
-let j;
-const x = (a) => {
-  const e = oe();
-  ne(e);
-  const [i, l] = re(!1), { title: r, description: R, tooltip: f } = te(a), {
-    hideMenu: g,
-    totalResults: o,
-    results: d,
-    allResults: D,
-    dimensionsAndMeasures: b,
-    displayNullAs: F,
-    showIndex: q,
-    clickDimension: C,
-    state: m,
-    setState: n,
-    onRowClicked: k
-  } = a, B = me({ dimensionsAndMeasures: b, displayNullAs: F }, e), y = (d == null ? void 0 : d.data) || [], U = ue({ rows: y, clickDimension: C }), A = de(null), { height: J } = X(A), u = Y({
-    availableHeight: J,
-    headerHeight: ge,
-    rowHeight: he,
-    footerHeight: pe
-  }), c = ce(
-    (s) => {
-      n == null || n((h) => ({
-        ...h,
-        ...s
-      }));
-    },
-    [n]
-  ), K = (s) => {
-    l(!0), c({ isLoadingDownloadData: !0 }), j = (h) => s({
-      title: r,
-      data: h,
-      dimensionsAndMeasures: b,
-      containerRef: A,
-      theme: e
-    });
-  }, Q = (s) => {
-    var I;
-    if (!k || !C) return;
-    const h = (I = y[s]) == null ? void 0 : I[C.name];
-    k(h);
-  };
-  w(() => {
-    u && c({ pageSize: u });
-  }, [u, c]), w(() => {
-    n == null || n((s) => ({
-      ...s,
-      hasTotalResults: !1
-    }));
-  }, [b, u]), w(() => {
-    o != null && o.total && (n == null || n((s) => ({
-      ...s,
-      hasTotalResults: !0
-    })));
-  }, [o]), w(() => {
-    if (i) {
-      if (!D || D.isLoading)
-        return;
-      j(D.data), l(!1), c({ isLoadingDownloadData: !1 });
-    }
-  }, [i, D, c]);
-  const W = (s) => {
-    c({ sort: s });
-  }, S = (m == null ? void 0 : m.page) ?? 0;
-  return /* @__PURE__ */ L.jsx(
-    le,
-    {
-      ref: A,
-      title: r,
-      description: R,
-      tooltip: f,
-      data: d,
-      dimensionsAndMeasures: b,
-      errorMessage: d == null ? void 0 : d.error,
-      onCustomDownload: K,
-      hideMenu: g,
-      children: /* @__PURE__ */ L.jsx(
-        Z,
-        {
-          onRowIndexClick: Q,
-          headers: B,
-          rows: U,
-          showIndex: q,
-          page: S,
-          pageSize: u,
-          paginationLabel: ie.t("charts.tablePaginated.pagination", {
-            page: S + 1,
-            totalPages: $(o == null ? void 0 : o.total, u) ?? "?"
-          }),
-          total: o == null ? void 0 : o.total,
-          sort: m == null ? void 0 : m.sort,
-          onSortChange: W,
-          onPageChange: (s) => c({ page: s })
-        }
-      )
-    }
-  );
-}, ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: x
-}, Symbol.toStringTag, { value: "Module" })), fe = {
-  name: "TableChartPaginated",
-  label: "Table Chart - Paginated",
-  category: "Table Charts",
-  inputs: [
-    t.dataset,
-    {
-      ...t.dimensionsAndMeasures,
-      label: "Columns",
-      inputs: [
-        ...t.dimensionsAndMeasures.inputs,
-        T.width,
-        T.align,
-        T.tableCellStyle
-      ]
-    },
-    t.title,
-    t.description,
-    t.tooltip,
-    {
-      ...t.boolean,
-      name: "showIndex",
-      label: "Show index column",
-      defaultValue: !0,
-      category: "Component Settings"
-    },
-    t.displayNullAs,
-    { ...t.maxResults, label: "Max results to download" },
-    {
-      ...t.dimensionSimple,
-      label: "Dimension to set on click",
-      name: "clickDimension",
-      category: "Data Mapping for Interactions",
-      required: !1
-    }
-  ],
-  events: [
-    {
-      name: "onRowClicked",
-      label: "A row is clicked",
-      properties: [
-        {
-          name: "rowDimensionValue",
-          label: "Clicked row dimension value",
-          type: "string"
-        }
-      ]
-    }
-  ]
-}, M = 3;
-var z;
-const H = {
-  dimensionsAndMeasures: [p.dimension, p.dimensionGroup, p.measure],
-  results: {
-    ...p.results1Measure2Dimensions,
-    data: (z = p.results1Measure2Dimensions.data) == null ? void 0 : z.slice(0, M)
-  },
-  totalResults: { data: [], total: M, isLoading: !1 },
-  state: {
-    page: 0,
-    pageSize: M,
-    isLoadingDownloadData: !1,
-    hasTotalResults: !0,
-    hideMenu: !0
-  },
-  hideMenu: !0
-}, De = se(x, H), be = {
-  page: 0,
-  pageSize: void 0,
-  sort: void 0,
-  isLoadingDownloadData: !1,
-  hasTotalResults: !0
-}, V = (a, e, i, l, r) => ({
-  from: a.dataset,
-  select: r,
-  offset: e * i,
-  limit: i,
-  orderBy: l
-}), E = (a, e, i, l, r) => P(V(a, e, i, l, r)), _ = (a, e) => ({
-  from: a.dataset,
-  select: e,
-  offset: 0,
-  limit: 0,
-  countRows: !0
-}), G = (a, e) => P(_(a, e)), N = (a, e) => ({
-  from: a.dataset,
-  select: a.dimensionsAndMeasures,
-  orderBy: e,
-  limit: a.maxResults
-}), O = (a, e) => P(N(a, e)), we = {
-  onRowClicked: (a) => ({
-    rowDimensionValue: a !== void 0 ? a : ee.noFilter()
-  })
-}, Re = (a, [e, i]) => {
-  const l = a.dimensionsAndMeasures.find(
-    (g) => {
-      var o;
-      return g.name === ((o = e == null ? void 0 : e.sort) == null ? void 0 : o.id);
-    }
-  ), r = l && (e != null && e.sort) ? [{ property: l, direction: e.sort.direction }] : [], R = a.dimensionsAndMeasures.some(
-    (g) => {
-      var o;
-      return g.name === ((o = a.clickDimension) == null ? void 0 : o.name);
-    }
-  ), f = [
-    ...a.dimensionsAndMeasures,
-    ...R ? [] : [a.clickDimension]
-  ];
-  return {
-    ...a,
-    state: ae(be, e ?? {}),
-    setState: i,
-    results: e != null && e.pageSize ? E(a, e.page, e.pageSize, r, f) : void 0,
-    totalResults: e != null && e.hasTotalResults ? void 0 : G(a, f),
-    allResults: e != null && e.isLoadingDownloadData ? O(a, r) : void 0
-  };
-}, Se = {
-  Component: x,
-  meta: fe,
-  preview: De,
-  previewConfig: H,
-  config: {
-    props: Re,
-    events: we
-  },
-  results: {
-    loadDataArgs: V,
-    loadData: E
-  },
-  totalResults: {
-    loadDataArgs: _,
-    loadData: G
-  },
-  allResults: {
-    loadDataArgs: N,
-    loadData: O
-  }
-};
-export {
-  be as d,
-  ye as i,
-  Se as t
-};
-//# sourceMappingURL=definition-DgMAhPPp.js.map

package/dist/definition-DgMAhPPp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"definition-DgMAhPPp.js","sources":["../src/components/charts/tables/TableChartPaginated/index.tsx","../src/components/charts/tables/TableChartPaginated/definition.ts"],"sourcesContent":["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, DimensionOrMeasure, OrderDirection } from '@embeddable.com/core';\nimport {\n  getStyleNumber,\n  getTableTotalPages,\n  TablePaginated,\n  useTableGetRowsPerPage,\n  useResizeObserver,\n  TableSort,\n} from '@embeddable.com/remarkable-ui';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { getTableHeaders, getTableRows } from '../tables.utils';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nconst headerHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst rowHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst footerHeight = getStyleNumber('--em-tablechart-pagination-height', '3rem') as number;\n\nlet downloadData: (data: DataResponse['data']) => void;\n\nexport type TableChartPaginatedProOnRowClickArg = string | null;\nexport type TableChartPaginatedProState = {\n  page: number;\n  pageSize?: number;\n  sort?: { id: string; direction: OrderDirection } | undefined;\n  isLoadingDownloadData: boolean;\n  hasTotalResults: boolean;\n};\n\nexport type TableChartPaginatedProProps = {\n  allResults?: DataResponse;\n  clickDimension?: Dimension;\n\n  dimensionsAndMeasures: DimensionOrMeasure[];\n  displayNullAs?: string;\n  results: DataResponse;\n  showIndex?: boolean;\n  state?: TableChartPaginatedProState;\n\n  totalResults?: DataResponse;\n  onRowClicked?: (rowDimensionValue: TableChartPaginatedProOnRowClickArg) => void;\n  setState?: React.Dispatch<React.SetStateAction<TableChartPaginatedProState>>;\n} & ChartCardHeaderProps;\n\nconst TableChartPaginatedPro = (props: TableChartPaginatedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const [isDownloadingData, setIsDownloadingData] = useState(false);\n\n  const { title, description, tooltip } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    totalResults,\n    results,\n    allResults,\n    dimensionsAndMeasures,\n    displayNullAs,\n    showIndex,\n    clickDimension,\n    state,\n    setState,\n    onRowClicked,\n  } = props;\n\n  const headers = getTableHeaders({ dimensionsAndMeasures, displayNullAs }, theme);\n  const rows = results?.data || [];\n  const tableRows = getTableRows({ rows, clickDimension });\n  const cardContentRef = useRef<HTMLDivElement>(null);\n  const { height } = useResizeObserver(cardContentRef);\n  const pageSize = useTableGetRowsPerPage({\n    availableHeight: height,\n    headerHeight,\n    rowHeight,\n    footerHeight,\n  });\n\n  // Stable updater for embeddable state\n  const handleUpdateEmbeddableState = useCallback(\n    (newState: Partial<TableChartPaginatedProState>) => {\n      setState?.((prevState) => ({\n        ...prevState,\n        ...newState,\n      }));\n    },\n    [setState],\n  );\n\n  const handleCustomDownload = (onDownload: (props: ChartCardMenuOptionOnClickProps) => void) => {\n    setIsDownloadingData(true);\n    handleUpdateEmbeddableState({ isLoadingDownloadData: true });\n\n    downloadData = (data: DataResponse['data']) =>\n      onDownload({\n        title,\n        data,\n        dimensionsAndMeasures,\n        containerRef: cardContentRef,\n        theme,\n      });\n  };\n\n  const handleRowIndexClick = (rowIndex: number) => {\n    if (!onRowClicked || !clickDimension) return;\n\n    const rowDimensionValue = rows[rowIndex]?.[clickDimension.name];\n    onRowClicked(rowDimensionValue);\n  };\n\n  // Sync page size changes to embeddable state\n  useEffect(() => {\n    if (pageSize) {\n      handleUpdateEmbeddableState({ pageSize });\n    }\n  }, [pageSize, handleUpdateEmbeddableState]);\n\n  // Sync total from results\n  useEffect(() => {\n    setState?.((prevState) => ({\n      ...prevState,\n      hasTotalResults: false,\n    }));\n  }, [dimensionsAndMeasures, pageSize]);\n\n  useEffect(() => {\n    if (totalResults?.total) {\n      setState?.((prevState) => ({\n        ...prevState,\n        hasTotalResults: true,\n      }));\n    }\n  }, [totalResults]);\n\n  // Handle data download when allResults is ready\n  useEffect(() => {\n    if (isDownloadingData) {\n      if (!allResults || allResults.isLoading) {\n        // Loading data to download\n        return;\n      }\n\n      downloadData(allResults.data);\n      setIsDownloadingData(false);\n      handleUpdateEmbeddableState({ isLoadingDownloadData: false });\n    }\n  }, [isDownloadingData, allResults, handleUpdateEmbeddableState]);\n\n  const handleSortChange = (newSort: TableSort<any> | undefined) => {\n    handleUpdateEmbeddableState({ sort: newSort as TableChartPaginatedProState['sort'] });\n  };\n\n  const currentPage = state?.page ?? 0;\n  return (\n    <ChartCard\n      ref={cardContentRef}\n      title={title}\n      description={description}\n      tooltip={tooltip}\n      data={results}\n      dimensionsAndMeasures={dimensionsAndMeasures}\n      errorMessage={results?.error}\n      onCustomDownload={handleCustomDownload}\n      hideMenu={hideMenu}\n    >\n      <TablePaginated\n        onRowIndexClick={handleRowIndexClick}\n        headers={headers}\n        rows={tableRows}\n        showIndex={showIndex}\n        page={currentPage}\n        pageSize={pageSize}\n        paginationLabel={i18n.t('charts.tablePaginated.pagination', {\n          page: currentPage + 1,\n          totalPages: getTableTotalPages(totalResults?.total, pageSize) ?? '?',\n        })}\n        total={totalResults?.total}\n        sort={state?.sort}\n        onSortChange={handleSortChange}\n        onPageChange={(newPage) => handleUpdateEmbeddableState({ page: newPage })}\n      />\n    </ChartCard>\n  );\n};\n\nexport default TableChartPaginatedPro;\n","import { DataResponse, LoadDataRequest, OrderBy, Value, loadData } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport TablePaginatedChart, {\n  TableChartPaginatedProOnRowClickArg,\n  TableChartPaginatedProState,\n} from './index';\nimport { mergician } from 'mergician';\nimport { inputs } from '../../../component.inputs.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nconst meta = {\n  name: 'TableChartPaginated',\n  label: 'Table Chart - Paginated',\n  category: 'Table Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.dimensionsAndMeasures,\n      label: 'Columns',\n      inputs: [\n        ...inputs.dimensionsAndMeasures.inputs,\n        subInputs.width,\n        subInputs.align,\n        subInputs.tableCellStyle,\n      ],\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    {\n      ...inputs.boolean,\n      name: 'showIndex',\n      label: 'Show index column',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    inputs.displayNullAs,\n    { ...inputs.maxResults, label: 'Max results to download' },\n    {\n      ...inputs.dimensionSimple,\n      label: 'Dimension to set on click',\n      name: 'clickDimension',\n      category: 'Data Mapping for Interactions',\n      required: false,\n    },\n  ],\n  events: [\n    {\n      name: 'onRowClicked',\n      label: 'A row is clicked',\n      properties: [\n        {\n          name: 'rowDimensionValue',\n          label: 'Clicked row dimension value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewMaxResults = 3;\n\nconst previewConfig = {\n  dimensionsAndMeasures: [previewData.dimension, previewData.dimensionGroup, previewData.measure],\n  results: {\n    ...previewData.results1Measure2Dimensions,\n    data: previewData.results1Measure2Dimensions.data?.slice(0, previewMaxResults),\n  },\n  totalResults: { data: [], total: previewMaxResults, isLoading: false },\n  state: {\n    page: 0,\n    pageSize: previewMaxResults,\n    isLoadingDownloadData: false,\n    hasTotalResults: true,\n    hideMenu: true,\n  },\n  hideMenu: true,\n};\n\nconst preview = definePreview(TablePaginatedChart, previewConfig);\n\nexport const defaultTableChartPaginatedState: TableChartPaginatedProState = {\n  page: 0,\n  pageSize: undefined,\n  sort: undefined,\n  isLoadingDownloadData: false,\n  hasTotalResults: true,\n};\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  page: number,\n  pageSize: number,\n  orderBy: OrderBy[],\n  dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: dimensionsAndMeasuresToLoad,\n  offset: page * pageSize,\n  limit: pageSize,\n  orderBy,\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  page: number,\n  pageSize: number,\n  orderBy: OrderBy[],\n  dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): DataResponse =>\n  loadData(loadDataResultsArgs(inputs, page, pageSize, orderBy, dimensionsAndMeasuresToLoad));\n\nconst loadDataTotalResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: dimensionsAndMeasuresToLoad,\n  offset: 0,\n  limit: 0,\n  countRows: true,\n});\n\nconst loadDataTotalResults = (\n  inputs: Inputs<typeof meta>,\n  dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): DataResponse => loadData(loadDataTotalResultsArgs(inputs, dimensionsAndMeasuresToLoad));\n\nconst loadDataAllResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  orderBy: OrderBy[],\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: inputs.dimensionsAndMeasures,\n  orderBy,\n  limit: inputs.maxResults,\n});\n\nconst loadDataAllResults = (inputs: Inputs<typeof meta>, orderBy: OrderBy[]): DataResponse =>\n  loadData(loadDataAllResultsArgs(inputs, orderBy));\n\nconst events = {\n  onRowClicked: (rowDimensionValue: TableChartPaginatedProOnRowClickArg) => ({\n    rowDimensionValue: rowDimensionValue !== undefined ? rowDimensionValue : Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [TableChartPaginatedProState, (state: TableChartPaginatedProState) => void],\n) => {\n  const orderDimensionAndMeasure = inputs.dimensionsAndMeasures.find(\n    (x) => x.name === state?.sort?.id,\n  );\n\n  const orderBy: OrderBy[] =\n    orderDimensionAndMeasure && state?.sort\n      ? [{ property: orderDimensionAndMeasure, direction: state.sort.direction }]\n      : [];\n\n  const clickDimensionInDimensionsAndMeasures = inputs.dimensionsAndMeasures.some(\n    (dimOrMeas) => dimOrMeas.name === inputs.clickDimension?.name,\n  );\n\n  const dimensionsAndMeasuresToLoad = [\n    ...inputs.dimensionsAndMeasures,\n    ...(clickDimensionInDimensionsAndMeasures ? [] : [inputs.clickDimension]),\n  ];\n\n  return {\n    ...inputs,\n    state: mergician(defaultTableChartPaginatedState, state ?? {}),\n    setState,\n    results: state?.pageSize\n      ? loadDataResults(inputs, state.page, state.pageSize, orderBy, dimensionsAndMeasuresToLoad)\n      : undefined,\n    totalResults: !state?.hasTotalResults\n      ? loadDataTotalResults(inputs, dimensionsAndMeasuresToLoad)\n      : undefined,\n    allResults: state?.isLoadingDownloadData ? loadDataAllResults(inputs, orderBy) : undefined,\n  };\n};\n\nexport const tableChartPaginated = {\n  Component: TablePaginatedChart,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n  totalResults: {\n    loadDataArgs: loadDataTotalResultsArgs,\n    loadData: loadDataTotalResults,\n  },\n  allResults: {\n    loadDataArgs: loadDataAllResultsArgs,\n    loadData: loadDataAllResults,\n  },\n} as const;\n"],"names":["headerHeight","getStyleNumber","rowHeight","footerHeight","downloadData","TableChartPaginatedPro","props","theme","useTheme","i18nSetup","isDownloadingData","setIsDownloadingData","useState","title","description","tooltip","resolveI18nProps","hideMenu","totalResults","results","allResults","dimensionsAndMeasures","displayNullAs","showIndex","clickDimension","state","setState","onRowClicked","headers","getTableHeaders","rows","tableRows","getTableRows","cardContentRef","useRef","height","useResizeObserver","pageSize","useTableGetRowsPerPage","handleUpdateEmbeddableState","useCallback","newState","prevState","handleCustomDownload","onDownload","data","handleRowIndexClick","rowIndex","rowDimensionValue","_a","useEffect","handleSortChange","newSort","currentPage","jsx","ChartCard","TablePaginated","i18n","getTableTotalPages","newPage","meta","inputs","subInputs","previewMaxResults","previewConfig","previewData","preview","definePreview","TablePaginatedChart","defaultTableChartPaginatedState","loadDataResultsArgs","page","orderBy","dimensionsAndMeasuresToLoad","loadDataResults","loadData","loadDataTotalResultsArgs","loadDataTotalResults","loadDataAllResultsArgs","loadDataAllResults","events","Value","orderDimensionAndMeasure","x","clickDimensionInDimensionsAndMeasures","dimOrMeas","mergician","tableChartPaginated"],"mappings":";;;;;;;;AAoBA,MAAMA,KAAeC,EAAe,+BAA+B,QAAQ,GACrEC,KAAYD,EAAe,+BAA+B,QAAQ,GAClEE,KAAeF,EAAe,qCAAqC,MAAM;AAE/E,IAAIG;AA0BJ,MAAMC,IAAyB,CAACC,MAAuC;AACrE,QAAMC,IAAQC,GAAA;AACd,EAAAC,GAAUF,CAAK;AAEf,QAAM,CAACG,GAAmBC,CAAoB,IAAIC,GAAS,EAAK,GAE1D,EAAE,OAAAC,GAAO,aAAAC,GAAa,SAAAC,EAAA,IAAYC,GAAiBV,CAAK,GACxD;AAAA,IACJ,UAAAW;AAAA,IACA,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACErB,GAEEsB,IAAUC,GAAgB,EAAE,uBAAAR,GAAuB,eAAAC,EAAA,GAAiBf,CAAK,GACzEuB,KAAOX,KAAA,gBAAAA,EAAS,SAAQ,CAAA,GACxBY,IAAYC,GAAa,EAAE,MAAAF,GAAM,gBAAAN,GAAgB,GACjDS,IAAiBC,GAAuB,IAAI,GAC5C,EAAE,QAAAC,EAAA,IAAWC,EAAkBH,CAAc,GAC7CI,IAAWC,EAAuB;AAAA,IACtC,iBAAiBH;AAAA,IACjB,cAAAnC;AAAA,IACA,WAAAE;AAAA,IACA,cAAAC;AAAA,EAAA,CACD,GAGKoC,IAA8BC;AAAA,IAClC,CAACC,MAAmD;AAClD,MAAAf,KAAA,QAAAA,EAAW,CAACgB,OAAe;AAAA,QACzB,GAAGA;AAAA,QACH,GAAGD;AAAA,MAAA;AAAA,IAEP;AAAA,IACA,CAACf,CAAQ;AAAA,EAAA,GAGLiB,IAAuB,CAACC,MAAiE;AAC7F,IAAAjC,EAAqB,EAAI,GACzB4B,EAA4B,EAAE,uBAAuB,IAAM,GAE3DnC,IAAe,CAACyC,MACdD,EAAW;AAAA,MACT,OAAA/B;AAAA,MACA,MAAAgC;AAAA,MACA,uBAAAxB;AAAA,MACA,cAAcY;AAAA,MACd,OAAA1B;AAAA,IAAA,CACD;AAAA,EACL,GAEMuC,IAAsB,CAACC,MAAqB;;AAChD,QAAI,CAACpB,KAAgB,CAACH,EAAgB;AAEtC,UAAMwB,KAAoBC,IAAAnB,EAAKiB,CAAQ,MAAb,gBAAAE,EAAiBzB,EAAe;AAC1D,IAAAG,EAAaqB,CAAiB;AAAA,EAChC;AAGA,EAAAE,EAAU,MAAM;AACd,IAAIb,KACFE,EAA4B,EAAE,UAAAF,GAAU;AAAA,EAE5C,GAAG,CAACA,GAAUE,CAA2B,CAAC,GAG1CW,EAAU,MAAM;AACd,IAAAxB,KAAA,QAAAA,EAAW,CAACgB,OAAe;AAAA,MACzB,GAAGA;AAAA,MACH,iBAAiB;AAAA,IAAA;AAAA,EAErB,GAAG,CAACrB,GAAuBgB,CAAQ,CAAC,GAEpCa,EAAU,MAAM;AACd,IAAIhC,KAAA,QAAAA,EAAc,UAChBQ,KAAA,QAAAA,EAAW,CAACgB,OAAe;AAAA,MACzB,GAAGA;AAAA,MACH,iBAAiB;AAAA,IAAA;AAAA,EAGvB,GAAG,CAACxB,CAAY,CAAC,GAGjBgC,EAAU,MAAM;AACd,QAAIxC,GAAmB;AACrB,UAAI,CAACU,KAAcA,EAAW;AAE5B;AAGF,MAAAhB,EAAagB,EAAW,IAAI,GAC5BT,EAAqB,EAAK,GAC1B4B,EAA4B,EAAE,uBAAuB,IAAO;AAAA,IAC9D;AAAA,EACF,GAAG,CAAC7B,GAAmBU,GAAYmB,CAA2B,CAAC;AAE/D,QAAMY,IAAmB,CAACC,MAAwC;AAChE,IAAAb,EAA4B,EAAE,MAAMa,GAAgD;AAAA,EACtF,GAEMC,KAAc5B,KAAA,gBAAAA,EAAO,SAAQ;AACnC,SACE6B,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKtB;AAAA,MACL,OAAApB;AAAA,MACA,aAAAC;AAAA,MACA,SAAAC;AAAA,MACA,MAAMI;AAAA,MACN,uBAAAE;AAAA,MACA,cAAcF,KAAA,gBAAAA,EAAS;AAAA,MACvB,kBAAkBwB;AAAA,MAClB,UAAA1B;AAAA,MAEA,UAAAqC,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,iBAAiBV;AAAA,UACjB,SAAAlB;AAAA,UACA,MAAMG;AAAA,UACN,WAAAR;AAAA,UACA,MAAM8B;AAAA,UACN,UAAAhB;AAAA,UACA,iBAAiBoB,GAAK,EAAE,oCAAoC;AAAA,YAC1D,MAAMJ,IAAc;AAAA,YACpB,YAAYK,EAAmBxC,KAAA,gBAAAA,EAAc,OAAOmB,CAAQ,KAAK;AAAA,UAAA,CAClE;AAAA,UACD,OAAOnB,KAAA,gBAAAA,EAAc;AAAA,UACrB,MAAMO,KAAA,gBAAAA,EAAO;AAAA,UACb,cAAc0B;AAAA,UACd,cAAc,CAACQ,MAAYpB,EAA4B,EAAE,MAAMoB,GAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1E;AAAA,EAAA;AAGN;;;8CCjLMC,KAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,QACN,GAAGA,EAAO,sBAAsB;AAAA,QAChCC,EAAU;AAAA,QACVA,EAAU;AAAA,QACVA,EAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEFD,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,UAAU;AAAA,IAAA;AAAA,IAEZA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,YAAY,OAAO,0BAAA;AAAA,IAC/B;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,MACV,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;AAEJ,GAEME,IAAoB;;AAE1B,MAAMC,IAAgB;AAAA,EACpB,uBAAuB,CAACC,EAAY,WAAWA,EAAY,gBAAgBA,EAAY,OAAO;AAAA,EAC9F,SAAS;AAAA,IACP,GAAGA,EAAY;AAAA,IACf,OAAMhB,IAAAgB,EAAY,2BAA2B,SAAvC,gBAAAhB,EAA6C,MAAM,GAAGc;AAAA,EAAiB;AAAA,EAE/E,cAAc,EAAE,MAAM,CAAA,GAAI,OAAOA,GAAmB,WAAW,GAAA;AAAA,EAC/D,OAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAUA;AAAA,IACV,uBAAuB;AAAA,IACvB,iBAAiB;AAAA,IACjB,UAAU;AAAA,EAAA;AAAA,EAEZ,UAAU;AACZ,GAEMG,KAAUC,GAAcC,GAAqBJ,CAAa,GAEnDK,KAA+D;AAAA,EAC1E,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,uBAAuB;AAAA,EACvB,iBAAiB;AACnB,GAEMC,IAAsB,CAC1BT,GACAU,GACAlC,GACAmC,GACAC,OACqB;AAAA,EACrB,MAAMZ,EAAO;AAAA,EACb,QAAQY;AAAA,EACR,QAAQF,IAAOlC;AAAA,EACf,OAAOA;AAAA,EACP,SAAAmC;AACF,IAEME,IAAkB,CACtBb,GACAU,GACAlC,GACAmC,GACAC,MAEAE,EAASL,EAAoBT,GAAQU,GAAMlC,GAAUmC,GAASC,CAA2B,CAAC,GAEtFG,IAA2B,CAC/Bf,GACAY,OACqB;AAAA,EACrB,MAAMZ,EAAO;AAAA,EACb,QAAQY;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AACb,IAEMI,IAAuB,CAC3BhB,GACAY,MACiBE,EAASC,EAAyBf,GAAQY,CAA2B,CAAC,GAEnFK,IAAyB,CAC7BjB,GACAW,OACqB;AAAA,EACrB,MAAMX,EAAO;AAAA,EACb,QAAQA,EAAO;AAAA,EACf,SAAAW;AAAA,EACA,OAAOX,EAAO;AAChB,IAEMkB,IAAqB,CAAClB,GAA6BW,MACvDG,EAASG,EAAuBjB,GAAQW,CAAO,CAAC,GAE5CQ,KAAS;AAAA,EACb,cAAc,CAAChC,OAA4D;AAAA,IACzE,mBAAmBA,MAAsB,SAAYA,IAAoBiC,GAAM,SAAA;AAAA,EAAS;AAE5F,GAEM3E,KAAQ,CACZuD,GACA,CAACpC,GAAOC,CAAQ,MACb;AACH,QAAMwD,IAA2BrB,EAAO,sBAAsB;AAAA,IAC5D,CAACsB,MAAA;;AAAM,aAAAA,EAAE,WAASlC,IAAAxB,KAAA,gBAAAA,EAAO,SAAP,gBAAAwB,EAAa;AAAA;AAAA,EAAA,GAG3BuB,IACJU,MAA4BzD,KAAA,QAAAA,EAAO,QAC/B,CAAC,EAAE,UAAUyD,GAA0B,WAAWzD,EAAM,KAAK,UAAA,CAAW,IACxE,CAAA,GAEA2D,IAAwCvB,EAAO,sBAAsB;AAAA,IACzE,CAACwB,MAAA;;AAAc,aAAAA,EAAU,WAASxB,IAAAA,EAAO,mBAAPA,gBAAAA,EAAuB;AAAA;AAAA,EAAA,GAGrDY,IAA8B;AAAA,IAClC,GAAGZ,EAAO;AAAA,IACV,GAAIuB,IAAwC,CAAA,IAAK,CAACvB,EAAO,cAAc;AAAA,EAAA;AAGzE,SAAO;AAAA,IACL,GAAGA;AAAAA,IACH,OAAOyB,GAAUjB,IAAiC5C,KAAS,CAAA,CAAE;AAAA,IAC7D,UAAAC;AAAA,IACA,SAASD,KAAA,QAAAA,EAAO,WACZiD,EAAgBb,GAAQpC,EAAM,MAAMA,EAAM,UAAU+C,GAASC,CAA2B,IACxF;AAAA,IACJ,cAAehD,KAAA,QAAAA,EAAO,kBAElB,SADAoD,EAAqBhB,GAAQY,CAA2B;AAAA,IAE5D,YAAYhD,KAAA,QAAAA,EAAO,wBAAwBsD,EAAmBlB,GAAQW,CAAO,IAAI;AAAA,EAAA;AAErF,GAEae,KAAsB;AAAA,EACjC,WAAWnB;AAAAA,EACX,MAAAR;AAAA,EACA,SAAAM;AAAA,EACA,eAAAF;AAAA,EACA,QAAQ;AAAA,IACN,OAAA1D;AAAA,IACA,QAAA0E;AAAA,EAAA;AAAA,EAEF,SAAS;AAAA,IACP,cAAcV;AAAA,IACd,UAAUI;AAAA,EAAA;AAAA,EAEZ,cAAc;AAAA,IACZ,cAAcE;AAAA,IACd,UAAUC;AAAA,EAAA;AAAA,EAEZ,YAAY;AAAA,IACV,cAAcC;AAAA,IACd,UAAUC;AAAA,EAAA;AAEd;"}