@embeddable.com/remarkable-pro 0.3.2 → 0.3.4

package/dist/{definition-y2Sn7VTL.js → definition-CGSdiMgK.js}

@@ -1,14 +1,14 @@
-import { a3 as v, af as Z, ag as $, a7 as L, Q as ee, a4 as ae, V, a8 as A } from "./index-DcPl9DUc.js";
+import { u as v, R as Z, T as $, j as L, U as ee, W as ae, V, l as A } from "./index-BDd5cXFC.js";
 import { useTheme as oe, definePreview as te } from "@embeddable.com/react";
 import { i as se, r as ne, a as ie } from "./component.utils-oQMZT7TK.js";
-import { C as le } from "./ChartCard-HpSv5cY6.js";
-import { g as re } from "./dimension.utils-lPl2Y1D4.js";
+import { C as le } from "./ChartCard-Zy5lPApV.js";
+import { g as re } from "./dimension.utils-CB-LXCP5.js";
 import { useState as de, useRef as me, useCallback as ce, useEffect as I } from "react";
-import { b as ge, c as ue } from "./tables.utils-BDvJMU1_.js";
-import { i as t, s as S, g as De } from "./component.inputs.constants-DYl-U975.js";
-import { p as f } from "./preview.data.constants-B8B82ITM.js";
+import { g as ge, a as ue } from "./tables.utils-DqlM19s-.js";
+import { i as t, s as S, g as De } from "./component.inputs.constants-DoBT8ykS.js";
+import { p as f } from "./preview.data.constants-B3oyUsaQ.js";
 const fe = v("--em-tablechart-cell-height", "2.5rem"), he = v("--em-tablechart-cell-height", "2.5rem"), be = v("--em-tablechart-pagination-height", "3rem");
-let z;
+let j;
 const M = (e) => {
   const a = oe();
   se(a);
@@ -18,13 +18,13 @@ const M = (e) => {
     results: s,
     allResults: m,
     dimensionsAndMeasures: r,
-    displayNullAs: q,
-    showIndex: B,
+    displayNullAs: U,
+    showIndex: q,
     clickDimension: p,
     state: g,
     setState: w,
     onRowClicked: P
-  } = e, Q = ge({ dimensionsAndMeasures: r, displayNullAs: q }, a), k = (s == null ? void 0 : s.data) || [], U = ue({ rows: k, clickDimension: p }), R = me(null), { height: J } = Z(R), D = $({
+  } = e, B = ge({ dimensionsAndMeasures: r, displayNullAs: U }, a), k = (s == null ? void 0 : s.data) || [], W = ue({ rows: k, clickDimension: p }), R = me(null), { height: J } = Z(R), D = $({
     availableHeight: J,
     headerHeight: fe,
     rowHeight: he,
@@ -38,14 +38,14 @@ const M = (e) => {
     },
     [w]
   ), K = (d) => {
-    o(!0), c({ isLoadingDownloadData: !0 }), z = (u) => d({
+    o(!0), c({ isLoadingDownloadData: !0 }), j = (u) => d({
       title: i,
       data: u,
       dimensionsAndMeasures: r,
       containerRef: R,
       theme: a
     });
-  }, W = (d) => {
+  }, Q = (d) => {
     var y;
     if (!P || !p) return;
     const u = (y = k[d]) == null ? void 0 : y[p.name], Y = re({
@@ -60,7 +60,7 @@ const M = (e) => {
     if (n) {
       if (!m || m.isLoading)
         return;
-      z(m.data), o(!1), c({ isLoadingDownloadData: !1 });
+      j(m.data), o(!1), c({ isLoadingDownloadData: !1 });
     }
   }, [n, m, c]);
   const X = (d) => {
@@ -81,10 +81,10 @@ const M = (e) => {
       children: /* @__PURE__ */ L.jsx(
         ee,
         {
-          onRowIndexClick: W,
-          headers: Q,
-          rows: U,
-          showIndex: B,
+          onRowIndexClick: Q,
+          headers: B,
+          rows: W,
+          showIndex: q,
           page: x,
           pageSize: D,
           paginationLabel: ie.t("charts.tablePaginated.pagination", {
@@ -165,12 +165,12 @@ const M = (e) => {
     }
   ]
 }, T = 3;
-var j;
+var z;
 const H = {
   dimensionsAndMeasures: [f.dimension, f.dimensionGroup, f.measure],
   results: {
     ...f.results1Measure2Dimensions,
-    data: (j = f.results1Measure2Dimensions.data) == null ? void 0 : j.slice(0, T)
+    data: (z = f.results1Measure2Dimensions.data) == null ? void 0 : z.slice(0, T)
   },
   totalResults: { data: [], total: T, isLoading: !1 },
   state: {
@@ -268,4 +268,4 @@ export {
   Ve as i,
   Ie as t
 };
-//# sourceMappingURL=definition-y2Sn7VTL.js.map
+//# sourceMappingURL=definition-CGSdiMgK.js.map

package/dist/{definition-y2Sn7VTL.js.map → definition-CGSdiMgK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-y2Sn7VTL.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 {\n  DataResponse,\n  Dimension,\n  DimensionOrMeasure,\n  OrderDirection,\n  TimeRange,\n} from '@embeddable.com/core';\nimport { getTimeRangeFromDimensionValue } from '../../../utils/dimension.utils';\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 = {\n  dimensionValue: string | null;\n  dimensionTimeRange: TimeRange | undefined;\n};\nexport type TableChartPaginatedProState = {\n  page: number;\n  pageSize?: number;\n  sort?: { id: string; direction: OrderDirection } | undefined;\n  isLoadingDownloadData: 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 dimensionValue = rows[rowIndex]?.[clickDimension.name];\n    const dimensionTimeRange = getTimeRangeFromDimensionValue({\n      value: dimensionValue ?? undefined,\n      dimension: clickDimension,\n    });\n\n    onRowClicked({ dimensionValue, dimensionTimeRange });\n  };\n\n  // Sync page size changes to embeddable state\n  useEffect(() => {\n    if (pageSize) {\n      handleUpdateEmbeddableState({ pageSize });\n    }\n  }, [pageSize, handleUpdateEmbeddableState]);\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 {\n  DataResponse,\n  LoadDataRequest,\n  OrderBy,\n  OrderDirection,\n  Value,\n  loadData,\n} from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport TablePaginatedChart, {\n  TableChartPaginatedProOnRowClickArg,\n  TableChartPaginatedProState,\n} from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { getSortDirectionValue } from '../../../types/SortDirection.type.emb';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nconst meta = {\n  name: 'TableChartPaginated',\n  label: 'Table Chart - Paginated',\n  description: 'Server-side paginated table. Pick over TableScrollable for large datasets.',\n  category: 'Table Charts',\n  inputs: [\n    { ...inputs.dataset, config: { hideSort: true } },\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      ...inputs.sortDimensionOrMeasure,\n      name: 'sortColumn',\n      label: 'Default sort column',\n      category: 'Component Settings',\n    },\n    { ...inputs.sortDirection, label: 'Default sort direction', category: 'Component Settings' },\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          name: 'rowDimensionTimeRange',\n          label: 'Clicked row dimension time range',\n          type: 'timeRange',\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    hideMenu: true,\n  },\n  hideMenu: true,\n};\n\nconst preview = definePreview(TablePaginatedChart, previewConfig);\n\nexport const defaultTableChartPaginatedState = (\n  inputs?: Inputs<typeof meta>,\n): TableChartPaginatedProState => ({\n  page: 0,\n  pageSize: undefined,\n  sort: inputs?.sortColumn\n    ? {\n        id: inputs.sortColumn.name,\n        direction: getSortDirectionValue(inputs.sortDirection as OrderDirection) ?? 'asc',\n      }\n    : undefined,\n  isLoadingDownloadData: false,\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: (value: TableChartPaginatedProOnRowClickArg) => ({\n    rowDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    rowDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [TableChartPaginatedProState, (state: TableChartPaginatedProState) => void],\n) => {\n  const mergedState: TableChartPaginatedProState = {\n    ...defaultTableChartPaginatedState(inputs),\n    ...state,\n  };\n\n  const sortColumn =\n    inputs.dimensionsAndMeasures.find((x) => x.name === mergedState.sort?.id) ??\n    (inputs.sortColumn?.name === mergedState.sort?.id ? inputs.sortColumn : undefined);\n  const orderBy: OrderBy[] =\n    sortColumn && mergedState.sort\n      ? [{ property: sortColumn, direction: mergedState.sort.direction }]\n      : [];\n\n  const hasClickDimension = inputs.dimensionsAndMeasures.some(\n    (col) => col.name === inputs.clickDimension?.name,\n  );\n\n  const dimensionsAndMeasuresToLoad = [\n    ...inputs.dimensionsAndMeasures,\n    ...(inputs.clickDimension && !hasClickDimension ? [inputs.clickDimension] : []),\n  ];\n\n  return {\n    ...inputs,\n    state: mergedState,\n    setState,\n    results: mergedState.pageSize\n      ? loadDataResults(\n          inputs,\n          mergedState.page,\n          mergedState.pageSize,\n          orderBy,\n          dimensionsAndMeasuresToLoad,\n        )\n      : undefined,\n    totalResults: loadDataTotalResults(inputs, dimensionsAndMeasuresToLoad),\n    allResults: mergedState.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","dimensionValue","_a","dimensionTimeRange","getTimeRangeFromDimensionValue","useEffect","handleSortChange","newSort","currentPage","jsx","ChartCard","TablePaginated","i18n","getTableTotalPages","newPage","meta","inputs","subInputs","previewMaxResults","previewConfig","previewData","preview","definePreview","TablePaginatedChart","defaultTableChartPaginatedState","getSortDirectionValue","loadDataResultsArgs","page","orderBy","dimensionsAndMeasuresToLoad","loadDataResults","loadData","loadDataTotalResultsArgs","loadDataTotalResults","loadDataAllResultsArgs","loadDataAllResults","events","value","Value","mergedState","sortColumn","x","_b","hasClickDimension","col","tableChartPaginated"],"mappings":"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"}
+{"version":3,"file":"definition-CGSdiMgK.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 {\n  DataResponse,\n  Dimension,\n  DimensionOrMeasure,\n  OrderDirection,\n  TimeRange,\n} from '@embeddable.com/core';\nimport { getTimeRangeFromDimensionValue } from '../../../utils/dimension.utils';\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 = {\n  dimensionValue: string | null;\n  dimensionTimeRange: TimeRange | undefined;\n};\nexport type TableChartPaginatedProState = {\n  page: number;\n  pageSize?: number;\n  sort?: { id: string; direction: OrderDirection } | undefined;\n  isLoadingDownloadData: 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 dimensionValue = rows[rowIndex]?.[clickDimension.name];\n    const dimensionTimeRange = getTimeRangeFromDimensionValue({\n      value: dimensionValue ?? undefined,\n      dimension: clickDimension,\n    });\n\n    onRowClicked({ dimensionValue, dimensionTimeRange });\n  };\n\n  // Sync page size changes to embeddable state\n  useEffect(() => {\n    if (pageSize) {\n      handleUpdateEmbeddableState({ pageSize });\n    }\n  }, [pageSize, handleUpdateEmbeddableState]);\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 {\n  DataResponse,\n  LoadDataRequest,\n  OrderBy,\n  OrderDirection,\n  Value,\n  loadData,\n} from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport TablePaginatedChart, {\n  TableChartPaginatedProOnRowClickArg,\n  TableChartPaginatedProState,\n} from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { getSortDirectionValue } from '../../../types/SortDirection.type.emb';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nconst meta = {\n  name: 'TableChartPaginated',\n  label: 'Table Chart - Paginated',\n  description: 'Server-side paginated table. Pick over TableScrollable for large datasets.',\n  category: 'Table Charts',\n  inputs: [\n    { ...inputs.dataset, config: { hideSort: true } },\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      ...inputs.sortDimensionOrMeasure,\n      name: 'sortColumn',\n      label: 'Default sort column',\n      category: 'Component Settings',\n    },\n    { ...inputs.sortDirection, label: 'Default sort direction', category: 'Component Settings' },\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          name: 'rowDimensionTimeRange',\n          label: 'Clicked row dimension time range',\n          type: 'timeRange',\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    hideMenu: true,\n  },\n  hideMenu: true,\n};\n\nconst preview = definePreview(TablePaginatedChart, previewConfig);\n\nexport const defaultTableChartPaginatedState = (\n  inputs?: Inputs<typeof meta>,\n): TableChartPaginatedProState => ({\n  page: 0,\n  pageSize: undefined,\n  sort: inputs?.sortColumn\n    ? {\n        id: inputs.sortColumn.name,\n        direction: getSortDirectionValue(inputs.sortDirection as OrderDirection) ?? 'asc',\n      }\n    : undefined,\n  isLoadingDownloadData: false,\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: (value: TableChartPaginatedProOnRowClickArg) => ({\n    rowDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    rowDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [TableChartPaginatedProState, (state: TableChartPaginatedProState) => void],\n) => {\n  const mergedState: TableChartPaginatedProState = {\n    ...defaultTableChartPaginatedState(inputs),\n    ...state,\n  };\n\n  const sortColumn =\n    inputs.dimensionsAndMeasures.find((x) => x.name === mergedState.sort?.id) ??\n    (inputs.sortColumn?.name === mergedState.sort?.id ? inputs.sortColumn : undefined);\n  const orderBy: OrderBy[] =\n    sortColumn && mergedState.sort\n      ? [{ property: sortColumn, direction: mergedState.sort.direction }]\n      : [];\n\n  const hasClickDimension = inputs.dimensionsAndMeasures.some(\n    (col) => col.name === inputs.clickDimension?.name,\n  );\n\n  const dimensionsAndMeasuresToLoad = [\n    ...inputs.dimensionsAndMeasures,\n    ...(inputs.clickDimension && !hasClickDimension ? [inputs.clickDimension] : []),\n  ];\n\n  return {\n    ...inputs,\n    state: mergedState,\n    setState,\n    results: mergedState.pageSize\n      ? loadDataResults(\n          inputs,\n          mergedState.page,\n          mergedState.pageSize,\n          orderBy,\n          dimensionsAndMeasuresToLoad,\n        )\n      : undefined,\n    totalResults: loadDataTotalResults(inputs, dimensionsAndMeasuresToLoad),\n    allResults: mergedState.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","dimensionValue","_a","dimensionTimeRange","getTimeRangeFromDimensionValue","useEffect","handleSortChange","newSort","currentPage","jsx","ChartCard","TablePaginated","i18n","getTableTotalPages","newPage","meta","inputs","subInputs","previewMaxResults","previewConfig","previewData","preview","definePreview","TablePaginatedChart","defaultTableChartPaginatedState","getSortDirectionValue","loadDataResultsArgs","page","orderBy","dimensionsAndMeasuresToLoad","loadDataResults","loadData","loadDataTotalResultsArgs","loadDataTotalResults","loadDataAllResultsArgs","loadDataAllResults","events","value","Value","mergedState","sortColumn","x","_b","hasClickDimension","col","tableChartPaginated"],"mappings":"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"}

package/dist/{definition-lic11MCV.js → definition-CPWqHdnm.js}

@@ -1,21 +1,21 @@
-import { a9 as j, a7 as A, B as z, V as x } from "./index-DcPl9DUc.js";
+import { m as K, j as A, B as z, V as x } from "./index-BDd5cXFC.js";
 import { useTheme as _, definePreview as W } from "@embeddable.com/react";
 import { i as H, r as U } from "./component.utils-oQMZT7TK.js";
-import { C as E } from "./ChartCard-HpSv5cY6.js";
-import { b as I, c as q } from "./bars.utils-lZnqwfM9.js";
-import { u as J } from "./charts.fillGaps.hooks-CvS5tfFP.js";
-import { C as N, g as Q } from "./granularity.utils-C1YICLik.js";
-import { u as Y, g as Z, a as $, l as ee, b as ie } from "./bars.loadData.utils-3UelaqzK.js";
-import { c as ae } from "./charts.utils-LTooRxIg.js";
-import { i } from "./component.inputs.constants-DYl-U975.js";
-import { p } from "./preview.data.constants-B8B82ITM.js";
+import { C as E } from "./ChartCard-Zy5lPApV.js";
+import { b as I, c as q } from "./bars.utils-EERAVU5z.js";
+import { u as J } from "./charts.fillGaps.hooks-BemPBhvC.js";
+import { C as N, g as Q } from "./granularity.utils-C_SX7zKB.js";
+import { u as Y, g as Z, a as $, l as ee, b as ie } from "./bars.loadData.utils--qcznJ8U.js";
+import { d as ae } from "./charts.utils-DtGWPIVa.js";
+import { i } from "./component.inputs.constants-DoBT8ykS.js";
+import { p } from "./preview.data.constants-B3oyUsaQ.js";
 import { g as re } from "./clientContext.utils-DpB5KsfX.js";
 const C = (e) => {
   var D, T;
   const a = _();
   H(a);
   const { tooltip: l, description: m, title: r, xAxisLabel: d, yAxisLabel: u } = U(e), {
-    hideMenu: c,
+    hideMenu: g,
     groupBy: s,
     measure: o,
     reverseXAxis: h,
@@ -31,12 +31,12 @@ const C = (e) => {
     setGranularity: b,
     onBarClicked: L,
     axisOrder: v,
-    resultsAxisOrder: g,
+    resultsAxisOrder: c,
     axisOrderCacheKey: P,
     setAxisOrderAndCacheKey: S
   } = e;
   Y({
-    resultsAxisOrder: g,
+    resultsAxisOrder: c,
     axisDimension: n,
     setAxisOrderAndCacheKey: S,
     axisOrderCacheKey: P
@@ -53,7 +53,7 @@ const C = (e) => {
       axisOrder: v
     },
     a
-  ), X = j(
+  ), X = K(
     q(
       {
         measures: [o],
@@ -65,7 +65,7 @@ const C = (e) => {
       a
     ),
     ((T = (D = a.charts) == null ? void 0 : D.barChartGroupedPro) == null ? void 0 : T.options) ?? {}
-  ), F = !r && !m && !l, K = ae({
+  ), j = !r && !m && !l, F = ae({
     data: y,
     dimension: n,
     groupBy: s,
@@ -77,16 +77,16 @@ const C = (e) => {
     {
       data: t,
       dimensionsAndMeasures: [o, n, s],
-      errorMessage: (t == null ? void 0 : t.error) || (g == null ? void 0 : g.error),
+      errorMessage: (t == null ? void 0 : t.error) || (c == null ? void 0 : c.error),
       description: m,
       title: r,
       tooltip: l,
-      hideMenu: c,
+      hideMenu: g,
       children: [
         b && /* @__PURE__ */ A.jsx(
           N,
           {
-            hasMarginTop: F,
+            hasMarginTop: j,
             dimension: n,
             onChange: b
           }
@@ -106,7 +106,7 @@ const C = (e) => {
             yAxisRangeMax: G,
             showTotalLabels: k,
             options: X,
-            onClick: K
+            onClick: F
           }
         )
       ]
@@ -183,20 +183,20 @@ const C = (e) => {
     groupingDimensionTimeRange: e.groupingDimensionTimeRange ?? x.noFilter()
   })
 }, te = (e, [a, l], m) => {
-  const r = Q(e.xAxis, a == null ? void 0 : a.granularity), d = e.sortDirectionTopXAxis, u = re(m == null ? void 0 : m.timezone), c = Z({
+  const r = Q(e.xAxis, a == null ? void 0 : a.granularity), d = e.sortDirectionTopXAxis, u = re(m == null ? void 0 : m.timezone), g = Z({
     dataset: e.dataset,
     axis: r,
     measure: e.measure,
     sortDirection: d,
     limit: e.limitTopXAxis,
     timezone: u
-  }), s = $(c, a);
+  }), s = $(g, a);
   return {
     ...e,
     xAxis: r,
     granularity: a == null ? void 0 : a.granularity,
     axisOrder: s,
-    axisOrderCacheKey: c,
+    axisOrderCacheKey: g,
     setGranularity: (o) => l({ ...a, granularity: o }),
     setAxisOrderAndCacheKey: (o, h) => l({ ...a, axisOrder: o, axisOrderCacheKey: h }),
     resultsAxisOrder: ie({
@@ -233,4 +233,4 @@ export {
   De as b,
   be as i
 };
-//# sourceMappingURL=definition-lic11MCV.js.map
+//# sourceMappingURL=definition-CPWqHdnm.js.map

package/dist/{definition-lic11MCV.js.map → definition-CPWqHdnm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"definition-lic11MCV.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 } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarStackedChartProData, getBarStackedChartProOptions } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { Dimension } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { useUpdateAxisOrderAndCacheKey } from '../bars.hooks';\nimport { BarChartStackedBaseProps } from '../bars.types';\nimport { createGroupedClickHandler } from '../../charts.utils';\n\nexport type BarChartGroupedProProps = BarChartStackedBaseProps & {\n  xAxis: Dimension;\n  reverseXAxis?: boolean;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n};\n\nconst BarChartGroupedPro = (props: BarChartGroupedProProps) => {\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    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    xAxis,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    granularity,\n    setGranularity,\n    onBarClicked,\n    axisOrder,\n    resultsAxisOrder,\n    axisOrderCacheKey,\n    setAxisOrderAndCacheKey,\n  } = props;\n\n  useUpdateAxisOrderAndCacheKey({\n    resultsAxisOrder,\n    axisDimension: xAxis,\n    setAxisOrderAndCacheKey,\n    axisOrderCacheKey,\n  });\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: xAxis,\n  });\n\n  const data = getBarStackedChartProData(\n    {\n      data: results?.data,\n      dimension: xAxis,\n      groupDimension: groupBy,\n      measure,\n      axisOrder,\n    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarStackedChartProOptions(\n      {\n        measures: [measure],\n        horizontal: false,\n        data,\n        dimension: xAxis,\n        groupDimension: groupBy,\n      },\n      theme,\n    ),\n    theme.charts?.barChartGroupedPro?.options ?? {},\n  );\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  const handleClick = createGroupedClickHandler({\n    data,\n    dimension: xAxis,\n    groupBy,\n    granularity,\n    onClicked: onBarClicked,\n  });\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, xAxis, groupBy]}\n      errorMessage={results?.error || resultsAxisOrder?.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        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartGroupedPro;\n","import { Granularity, OrderDirection, Value } 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';\nimport {\n  getAxisOrderCacheKey,\n  getCachedAxisOrder,\n  loadDataResultsAxisOrder,\n  loadDataResults,\n} from '../bars.loadData.utils';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\nimport { BarChartStackedProOptionsClickArg } from '../bars.types';\n\nconst meta = {\n  name: 'BarChartGroupedPro',\n  label: 'Bar Chart - Grouped',\n  description:\n    'Vertical bar chart with side-by-side bars — one x-axis dimension, one grouping dimension, one measure. Use to compare sub-categories at each x value.',\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.sortDirectionTopXAxis,\n    inputs.limitTopXAxis,\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: 'axisDimensionTimeRange',\n          label: 'Clicked axis dimension time range',\n          type: 'timeRange',\n        },\n        {\n          name: 'groupingDimensionValue',\n          label: 'Clicked grouping dimension value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionTimeRange',\n          label: 'Clicked grouping dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type BarChartGroupedProState = {\n  granularity?: Granularity;\n  axisOrder?: string[];\n  axisOrderCacheKey?: string;\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 events = {\n  onBarClicked: (value: BarChartStackedProOptionsClickArg) => ({\n    axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n    groupingDimensionValue: value.groupingDimensionValue ?? Value.noFilter(),\n    groupingDimensionTimeRange: value.groupingDimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [BarChartGroupedProState, (state: BarChartGroupedProState) => void],\n  clientContext: ThemeClientContext,\n) => {\n  const xAxisWithGranularity = getDimensionWithGranularity(inputs.xAxis, state?.granularity);\n  const sortDirection = inputs.sortDirectionTopXAxis as OrderDirection | undefined;\n  const timezone = getClientContextTimezone(clientContext?.timezone);\n\n  const axisOrderCacheKey = getAxisOrderCacheKey({\n    dataset: inputs.dataset,\n    axis: xAxisWithGranularity,\n    measure: inputs.measure,\n    sortDirection,\n    limit: inputs.limitTopXAxis,\n    timezone,\n  });\n\n  const cachedAxisOrder = getCachedAxisOrder(axisOrderCacheKey, state);\n\n  return {\n    ...inputs,\n    xAxis: xAxisWithGranularity,\n    granularity: state?.granularity,\n    axisOrder: cachedAxisOrder,\n    axisOrderCacheKey,\n    setGranularity: (granularity: Granularity) => setState({ ...state, granularity }),\n    setAxisOrderAndCacheKey: (axisOrder: string[], cacheKey: string) =>\n      setState({ ...state, axisOrder, axisOrderCacheKey: cacheKey }),\n    resultsAxisOrder: loadDataResultsAxisOrder({\n      dataset: inputs.dataset,\n      limitTopAxis: inputs.limitTopXAxis,\n      axis: xAxisWithGranularity,\n      measure: inputs.measure,\n      sortDirection,\n      timezone,\n    }),\n    results: loadDataResults({\n      dataset: inputs.dataset,\n      axis: xAxisWithGranularity,\n      groupBy: inputs.groupBy,\n      measure: inputs.measure,\n      sortDirection,\n      limitTopAxis: inputs.limitTopXAxis,\n      maxResults: inputs.maxResults,\n      axisOrder: cachedAxisOrder,\n      timezone,\n    }),\n  };\n};\n\nexport const barChartGroupedPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["BarChartGroupedPro","props","theme","useTheme","i18nSetup","tooltip","description","title","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","groupBy","measure","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","xAxis","yAxisRangeMax","yAxisRangeMin","granularity","setGranularity","onBarClicked","axisOrder","resultsAxisOrder","axisOrderCacheKey","setAxisOrderAndCacheKey","useUpdateAxisOrderAndCacheKey","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarStackedChartProOptions","_b","_a","granularitySelectorHasMarginTop","handleClick","createGroupedClickHandler","jsxs","ChartCard","jsx","ChartGranularitySelectField","BarChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","events","value","Value","state","setState","clientContext","xAxisWithGranularity","getDimensionWithGranularity","sortDirection","timezone","getClientContextTimezone","getAxisOrderCacheKey","cachedAxisOrder","getCachedAxisOrder","cacheKey","loadDataResultsAxisOrder","loadDataResults","barChartGroupedPro"],"mappings":"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"}
+{"version":3,"file":"definition-CPWqHdnm.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 } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarStackedChartProData, getBarStackedChartProOptions } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { Dimension } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\nimport { useUpdateAxisOrderAndCacheKey } from '../bars.hooks';\nimport { BarChartStackedBaseProps } from '../bars.types';\nimport { createGroupedClickHandler } from '../../charts.utils';\n\nexport type BarChartGroupedProProps = BarChartStackedBaseProps & {\n  xAxis: Dimension;\n  reverseXAxis?: boolean;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n};\n\nconst BarChartGroupedPro = (props: BarChartGroupedProProps) => {\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    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    xAxis,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    granularity,\n    setGranularity,\n    onBarClicked,\n    axisOrder,\n    resultsAxisOrder,\n    axisOrderCacheKey,\n    setAxisOrderAndCacheKey,\n  } = props;\n\n  useUpdateAxisOrderAndCacheKey({\n    resultsAxisOrder,\n    axisDimension: xAxis,\n    setAxisOrderAndCacheKey,\n    axisOrderCacheKey,\n  });\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: xAxis,\n  });\n\n  const data = getBarStackedChartProData(\n    {\n      data: results?.data,\n      dimension: xAxis,\n      groupDimension: groupBy,\n      measure,\n      axisOrder,\n    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarStackedChartProOptions(\n      {\n        measures: [measure],\n        horizontal: false,\n        data,\n        dimension: xAxis,\n        groupDimension: groupBy,\n      },\n      theme,\n    ),\n    theme.charts?.barChartGroupedPro?.options ?? {},\n  );\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  const handleClick = createGroupedClickHandler({\n    data,\n    dimension: xAxis,\n    groupBy,\n    granularity,\n    onClicked: onBarClicked,\n  });\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, xAxis, groupBy]}\n      errorMessage={results?.error || resultsAxisOrder?.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        onClick={handleClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartGroupedPro;\n","import { Granularity, OrderDirection, Value } 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';\nimport {\n  getAxisOrderCacheKey,\n  getCachedAxisOrder,\n  loadDataResultsAxisOrder,\n  loadDataResults,\n} from '../bars.loadData.utils';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\nimport { BarChartStackedProOptionsClickArg } from '../bars.types';\n\nconst meta = {\n  name: 'BarChartGroupedPro',\n  label: 'Bar Chart - Grouped',\n  description:\n    'Vertical bar chart with side-by-side bars — one x-axis dimension, one grouping dimension, one measure. Use to compare sub-categories at each x value.',\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.sortDirectionTopXAxis,\n    inputs.limitTopXAxis,\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: 'axisDimensionTimeRange',\n          label: 'Clicked axis dimension time range',\n          type: 'timeRange',\n        },\n        {\n          name: 'groupingDimensionValue',\n          label: 'Clicked grouping dimension value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionTimeRange',\n          label: 'Clicked grouping dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type BarChartGroupedProState = {\n  granularity?: Granularity;\n  axisOrder?: string[];\n  axisOrderCacheKey?: string;\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 events = {\n  onBarClicked: (value: BarChartStackedProOptionsClickArg) => ({\n    axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    axisDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n    groupingDimensionValue: value.groupingDimensionValue ?? Value.noFilter(),\n    groupingDimensionTimeRange: value.groupingDimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [BarChartGroupedProState, (state: BarChartGroupedProState) => void],\n  clientContext: ThemeClientContext,\n) => {\n  const xAxisWithGranularity = getDimensionWithGranularity(inputs.xAxis, state?.granularity);\n  const sortDirection = inputs.sortDirectionTopXAxis as OrderDirection | undefined;\n  const timezone = getClientContextTimezone(clientContext?.timezone);\n\n  const axisOrderCacheKey = getAxisOrderCacheKey({\n    dataset: inputs.dataset,\n    axis: xAxisWithGranularity,\n    measure: inputs.measure,\n    sortDirection,\n    limit: inputs.limitTopXAxis,\n    timezone,\n  });\n\n  const cachedAxisOrder = getCachedAxisOrder(axisOrderCacheKey, state);\n\n  return {\n    ...inputs,\n    xAxis: xAxisWithGranularity,\n    granularity: state?.granularity,\n    axisOrder: cachedAxisOrder,\n    axisOrderCacheKey,\n    setGranularity: (granularity: Granularity) => setState({ ...state, granularity }),\n    setAxisOrderAndCacheKey: (axisOrder: string[], cacheKey: string) =>\n      setState({ ...state, axisOrder, axisOrderCacheKey: cacheKey }),\n    resultsAxisOrder: loadDataResultsAxisOrder({\n      dataset: inputs.dataset,\n      limitTopAxis: inputs.limitTopXAxis,\n      axis: xAxisWithGranularity,\n      measure: inputs.measure,\n      sortDirection,\n      timezone,\n    }),\n    results: loadDataResults({\n      dataset: inputs.dataset,\n      axis: xAxisWithGranularity,\n      groupBy: inputs.groupBy,\n      measure: inputs.measure,\n      sortDirection,\n      limitTopAxis: inputs.limitTopXAxis,\n      maxResults: inputs.maxResults,\n      axisOrder: cachedAxisOrder,\n      timezone,\n    }),\n  };\n};\n\nexport const barChartGroupedPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["BarChartGroupedPro","props","theme","useTheme","i18nSetup","tooltip","description","title","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","groupBy","measure","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","xAxis","yAxisRangeMax","yAxisRangeMin","granularity","setGranularity","onBarClicked","axisOrder","resultsAxisOrder","axisOrderCacheKey","setAxisOrderAndCacheKey","useUpdateAxisOrderAndCacheKey","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarStackedChartProOptions","_b","_a","granularitySelectorHasMarginTop","handleClick","createGroupedClickHandler","jsxs","ChartCard","jsx","ChartGranularitySelectField","BarChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","events","value","Value","state","setState","clientContext","xAxisWithGranularity","getDimensionWithGranularity","sortDirection","timezone","getClientContextTimezone","getAxisOrderCacheKey","cachedAxisOrder","getCachedAxisOrder","cacheKey","loadDataResultsAxisOrder","loadDataResults","barChartGroupedPro"],"mappings":";;;;;;;;;;;;AAsBA,MAAMA,IAAqB,CAACC,MAAmC;;AAC7D,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,SAAAG,GAAS,aAAAC,GAAa,OAAAC,GAAO,YAAAC,GAAY,YAAAC,EAAA,IAAeC,EAAiBT,CAAK,GAEhF;AAAA,IACJ,UAAAU;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,yBAAAC;AAAA,EAAA,IACE5B;AAEJ,EAAA6B,EAA8B;AAAA,IAC5B,kBAAAH;AAAA,IACA,eAAeP;AAAA,IACf,yBAAAS;AAAA,IACA,mBAAAD;AAAA,EAAA,CACD;AAED,QAAMG,IAAUC,EAAY;AAAA,IAC1B,SAAS/B,EAAM;AAAA,IACf,WAAWmB;AAAA,EAAA,CACZ,GAEKa,IAAOC;AAAA,IACX;AAAA,MACE,MAAMH,KAAA,gBAAAA,EAAS;AAAA,MACf,WAAWX;AAAA,MACX,gBAAgBR;AAAA,MAChB,SAAAC;AAAA,MACA,WAAAa;AAAA,IAAA;AAAA,IAEFxB;AAAA,EAAA,GAGIiC,IAAUC;AAAA,IACdC;AAAA,MACE;AAAA,QACE,UAAU,CAACxB,CAAO;AAAA,QAClB,YAAY;AAAA,QACZ,MAAAoB;AAAA,QACA,WAAWb;AAAA,QACX,gBAAgBR;AAAA,MAAA;AAAA,MAElBV;AAAA,IAAA;AAAA,MAEFoC,KAAAC,IAAArC,EAAM,WAAN,gBAAAqC,EAAc,uBAAd,gBAAAD,EAAkC,YAAW,CAAA;AAAA,EAAC,GAG1CE,IAAkC,CAACjC,KAAS,CAACD,KAAe,CAACD,GAE7DoC,IAAcC,GAA0B;AAAA,IAC5C,MAAAT;AAAA,IACA,WAAWb;AAAA,IACX,SAAAR;AAAA,IACA,aAAAW;AAAA,IACA,WAAWE;AAAA,EAAA,CACZ;AAED,SACEkB,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMb;AAAA,MACN,uBAAuB,CAAClB,GAASO,GAAOR,CAAO;AAAA,MAC/C,eAAcmB,KAAA,gBAAAA,EAAS,WAASJ,KAAA,gBAAAA,EAAkB;AAAA,MAClD,aAAArB;AAAA,MACA,OAAAC;AAAA,MACA,SAAAF;AAAA,MACA,UAAAM;AAAA,MAEC,UAAA;AAAA,QAAAa,KACCqB,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,cAAcN;AAAA,YACd,WAAWpB;AAAA,YACX,UAAUI;AAAA,UAAA;AAAA,QAAA;AAAA,QAGdqB,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAAd;AAAA,YACA,YAAAlB;AAAA,YACA,cAAAE;AAAA,YACA,iBAAAE;AAAA,YACA,sBAAAH;AAAA,YACA,YAAAR;AAAA,YACA,YAAAC;AAAA,YACA,cAAAK;AAAA,YACA,eAAAQ;AAAA,YACA,eAAAD;AAAA,YACA,iBAAAH;AAAA,YACA,SAAAiB;AAAA,YACA,SAASM;AAAA,UAAA;AAAA,QAAA;AAAA,MACX;AAAA,IAAA;AAAA,EAAA;AAGN;;;8CCnHMO,KAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aACE;AAAA,EACF,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,qCAAqC,MAAM,SAAS,OAAO,SAAA;AAAA,IACvEA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,iBAAiB,cAAc,GAAA;AAAA,IAC3CA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,EAAA;AAAA,EAET,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,QAER;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,QAER;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,QAER;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAQMC,IAAgB;AAAA,EACpB,OAAOC,EAAY;AAAA,EACnB,SAASA,EAAY;AAAA,EACrB,SAASA,EAAY;AAAA,EACrB,SAASA,EAAY;AAAA,EACrB,UAAU;AACZ,GAEMC,KAAUC,EAAcC,GAAWJ,CAAa,GAEhDK,KAAS;AAAA,EACb,cAAc,CAACC,OAA8C;AAAA,IAC3D,oBAAoBA,EAAM,kBAAkBC,EAAM,SAAA;AAAA,IAClD,wBAAwBD,EAAM,sBAAsBC,EAAM,SAAA;AAAA,IAC1D,wBAAwBD,EAAM,0BAA0BC,EAAM,SAAA;AAAA,IAC9D,4BAA4BD,EAAM,8BAA8BC,EAAM,SAAA;AAAA,EAAS;AAEnF,GAEMxD,KAAQ,CACZgD,GACA,CAACS,GAAOC,CAAQ,GAChBC,MACG;AACH,QAAMC,IAAuBC,EAA4Bb,EAAO,OAAOS,KAAA,gBAAAA,EAAO,WAAW,GACnFK,IAAgBd,EAAO,uBACvBe,IAAWC,GAAyBL,KAAA,gBAAAA,EAAe,QAAQ,GAE3DhC,IAAoBsC,EAAqB;AAAA,IAC7C,SAASjB,EAAO;AAAA,IAChB,MAAMY;AAAA,IACN,SAASZ,EAAO;AAAA,IAChB,eAAAc;AAAA,IACA,OAAOd,EAAO;AAAA,IACd,UAAAe;AAAA,EAAA,CACD,GAEKG,IAAkBC,EAAmBxC,GAAmB8B,CAAK;AAEnE,SAAO;AAAA,IACL,GAAGT;AAAAA,IACH,OAAOY;AAAA,IACP,aAAaH,KAAA,gBAAAA,EAAO;AAAA,IACpB,WAAWS;AAAA,IACX,mBAAAvC;AAAA,IACA,gBAAgB,CAACL,MAA6BoC,EAAS,EAAE,GAAGD,GAAO,aAAAnC,GAAa;AAAA,IAChF,yBAAyB,CAACG,GAAqB2C,MAC7CV,EAAS,EAAE,GAAGD,GAAO,WAAAhC,GAAW,mBAAmB2C,GAAU;AAAA,IAC/D,kBAAkBC,GAAyB;AAAA,MACzC,SAASrB,EAAO;AAAA,MAChB,cAAcA,EAAO;AAAA,MACrB,MAAMY;AAAA,MACN,SAASZ,EAAO;AAAA,MAChB,eAAAc;AAAA,MACA,UAAAC;AAAA,IAAA,CACD;AAAA,IACD,SAASO,GAAgB;AAAA,MACvB,SAAStB,EAAO;AAAA,MAChB,MAAMY;AAAA,MACN,SAASZ,EAAO;AAAA,MAChB,SAASA,EAAO;AAAA,MAChB,eAAAc;AAAA,MACA,cAAcd,EAAO;AAAA,MACrB,YAAYA,EAAO;AAAA,MACnB,WAAWkB;AAAA,MACX,UAAAH;AAAA,IAAA,CACD;AAAA,EAAA;AAEL,GAEaQ,KAAqB;AAAA,EAAA,WAChClB;AAAAA,EACA,MAAAN;AAAA,EACA,SAAAI;AAAA,EACA,eAAAF;AAAA,EACA,QAAQ;AAAA,IACN,OAAAjD;AAAA,IACA,QAAAsD;AAAA,EAAA;AAEJ;"}