@embeddable.com/remarkable-pro 0.0.24 → 0.0.26

package/dist/LineChartComparisonDefaultPro.js

@@ -1,9 +1,10 @@
-import { definePreview as d, defineComponent as u } from "@embeddable.com/react";
-import { L as l } from "./index-DLfIAAoB.js";
-import { V as c, l as t } from "./Color.type.emb-DWdIUAm5.js";
-import { b as e, s as i } from "./component.inputs.constants-DO_jX-yc.js";
-import { p as n } from "./preview.data.constants-CXMriS2F.js";
-const g = {
+import { definePreview as d, defineComponent as c } from "@embeddable.com/react";
+import { L as u } from "./index-eEE2JmCK.js";
+import { V as g, l as p } from "./Color.type.emb-De2K8PVb.js";
+import { b as e, s as r } from "./component.inputs.constants-wDyG8tFg.js";
+import { p as s } from "./preview.data.constants-37wUPKG8.js";
+import { g as y } from "./granularity.utils-CA504xa0.js";
+const D = {
   name: "LineChartComparisonDefaultPro",
   label: "Line Chart Comparison - Default",
   category: "Line Charts",
@@ -13,40 +14,40 @@ const g = {
       ...e.measures,
       inputs: [
         ...e.measures.inputs,
-        { ...i.boolean, name: "fillUnderLine", label: "Fill under line" },
+        { ...r.boolean, name: "fillUnderLine", label: "Fill under line" },
         {
-          ...i.color,
+          ...r.color,
           category: "Component Settings",
           name: "lineColor",
           label: "Line color"
         },
         {
-          ...i.color,
+          ...r.color,
           category: "Component Settings",
           name: "previousLineColor",
           label: "Previous line color"
         },
         {
-          ...i.boolean,
+          ...r.boolean,
           name: "lineDashed",
           label: "Primary line dashed",
           defaultValue: !1
         },
         {
-          ...i.boolean,
+          ...r.boolean,
           name: "previousLineDashed",
           label: "Compared line dashed",
           defaultValue: !0
         },
         {
-          ...i.boolean,
+          ...r.boolean,
           name: "connectGaps",
           label: "Connect gaps",
           defaultValue: !0
         }
       ]
     },
-    { ...e.dimension, label: "X-axis", name: "xAxis" },
+    { ...e.dimensionWithGranularitySelectField, label: "X-axis", name: "xAxis" },
     {
       ...e.timeRange,
       name: "primaryDateRange",
@@ -99,57 +100,61 @@ const g = {
       ]
     }
   ]
-}, C = d(l, {
-  xAxis: n.dimension,
+}, R = d(u, {
+  xAxis: s.dimension,
   measures: [
     {
-      ...n.measure,
+      ...s.measure,
       inputs: {
         previousLineDashed: !0
       }
     }
   ],
-  results: n.results1Measure2Dimensions,
-  resultsComparison: n.results1Measure2DimensionsVariant,
+  results: s.results1Measure2Dimensions,
+  resultsComparison: s.results1Measure2DimensionsVariant,
   comparisonPeriod: "Previous period",
   comparisonDateRange: { relativeTimeString: "Previous period", from: void 0, to: void 0 },
   primaryDateRange: { relativeTimeString: "This week", from: void 0, to: void 0 },
-  hideMenu: !0
-}), v = u(l, g, {
-  props: (a, [o, m]) => {
-    const s = [
+  hideMenu: !0,
+  setGranularity: () => {
+  }
+}), L = c(u, D, {
+  props: (a, [i, t]) => {
+    const o = y(a.xAxis, i == null ? void 0 : i.granularity), m = [
       {
-        property: a.xAxis,
+        property: o,
         direction: "asc"
       }
-    ], r = a.xAxis.nativeType === "time" ? a.xAxis : a.timePropertyForNonTimeDimensions;
+    ], n = o.nativeType === "time" ? o : a.timePropertyForNonTimeDimensions;
     return {
       ...a,
-      comparisonDateRange: o == null ? void 0 : o.comparisonDateRange,
-      setComparisonDateRange: (p) => m({ comparisonDateRange: p }),
-      results: t({
+      xAxis: o,
+      setGranularity: (l) => t({ ...i, granularity: l }),
+      comparisonDateRange: i == null ? void 0 : i.comparisonDateRange,
+      setComparisonDateRange: (l) => t({ ...i, comparisonDateRange: l }),
+      results: p({
         limit: a.maxResults,
         from: a.dataset,
-        select: [...a.measures, a.xAxis],
-        orderBy: s,
-        filters: a.primaryDateRange && r ? [
+        select: [...a.measures, o],
+        orderBy: m,
+        filters: a.primaryDateRange && n ? [
           {
-            property: r,
+            property: n,
             operator: "inDateRange",
             value: a.primaryDateRange
           }
         ] : void 0
       }),
-      resultsComparison: a.primaryDateRange && r && (o != null && o.comparisonDateRange) ? t({
+      resultsComparison: a.primaryDateRange && n && (i != null && i.comparisonDateRange) ? p({
         limit: a.maxResults,
         from: a.dataset,
-        select: [...a.measures, a.xAxis],
-        orderBy: s,
+        select: [...a.measures, o],
+        orderBy: m,
         filters: [
           {
-            property: r,
+            property: n,
             operator: "inDateRange",
-            value: o.comparisonDateRange
+            value: i.comparisonDateRange
           }
         ]
       }) : void 0
@@ -157,13 +162,13 @@ const g = {
   },
   events: {
     onLineClicked: (a) => ({
-      axisDimensionValue: a.dimensionValue || c.noFilter()
+      axisDimensionValue: a.dimensionValue ?? g.noFilter()
     })
   }
 });
 export {
-  v as default,
-  g as meta,
-  C as preview
+  L as default,
+  D as meta,
+  R as preview
 };
 //# sourceMappingURL=LineChartComparisonDefaultPro.js.map

package/dist/LineChartComparisonDefaultPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineChartComparisonDefaultPro.js","sources":["../src/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.emb.ts"],"sourcesContent":["import {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport LineChartComparisonDefaultPro from './index';\nimport { loadData, OrderBy, TimeRange, Value } from '@embeddable.com/core';\nimport { LineChartProOptionsClickArg } from '../lines.utils';\nimport { inputs } from '../../../component.inputs.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nexport const meta = {\n  name: 'LineChartComparisonDefaultPro',\n  label: 'Line Chart Comparison - Default',\n  category: 'Line Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measures,\n      inputs: [\n        ...inputs.measures.inputs,\n        { ...subInputs.boolean, name: 'fillUnderLine', label: 'Fill under line' },\n        {\n          ...subInputs.color,\n          category: 'Component Settings',\n          name: 'lineColor',\n          label: 'Line color',\n        },\n        {\n          ...subInputs.color,\n          category: 'Component Settings',\n          name: 'previousLineColor',\n          label: 'Previous line color',\n        },\n        {\n          ...subInputs.boolean,\n          name: 'lineDashed',\n          label: 'Primary line dashed',\n          defaultValue: false,\n        },\n        {\n          ...subInputs.boolean,\n          name: 'previousLineDashed',\n          label: 'Compared line dashed',\n          defaultValue: true,\n        },\n        {\n          ...subInputs.boolean,\n          name: 'connectGaps',\n          label: 'Connect gaps',\n          defaultValue: true,\n        },\n      ],\n    },\n    { ...inputs.dimension, label: 'X-axis', name: 'xAxis' },\n    {\n      ...inputs.timeRange,\n      name: 'primaryDateRange',\n      label: 'Primary date-range',\n      description: 'You can also connect this to a date range selector using its variable',\n      category: 'Component Data',\n    },\n    {\n      ...inputs.comparisonPeriod,\n      description: 'You can also connect this to a comparison period selector using its variable',\n      category: 'Component Data',\n    },\n    {\n      ...inputs.dimensionTime,\n      name: 'timePropertyForNonTimeDimensions',\n      label: 'Time property for non time dimensions',\n      description:\n        'Choose the time property used for filtering comparison ranges. This will be ignored if your x-axis is already time-based.',\n      required: false,\n    },\n\n    inputs.title,\n    inputs.description,\n    inputs.showLegend,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n    {\n      ...inputs.boolean,\n      name: 'showComparisonAxis',\n      label: 'Display a comparison X-axis',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    inputs.maxResults,\n  ],\n  events: [\n    {\n      name: 'onLineClicked',\n      label: 'A line is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked axis dimension value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport const preview = definePreview(LineChartComparisonDefaultPro, {\n  xAxis: previewData.dimension,\n  measures: [\n    {\n      ...previewData.measure,\n      inputs: {\n        previousLineDashed: true,\n      },\n    },\n  ],\n  results: previewData.results1Measure2Dimensions,\n  resultsComparison: previewData.results1Measure2DimensionsVariant,\n  comparisonPeriod: 'Previous period',\n  comparisonDateRange: { relativeTimeString: 'Previous period', from: undefined, to: undefined },\n  primaryDateRange: { relativeTimeString: 'This week', from: undefined, to: undefined },\n  hideMenu: true,\n});\n\ntype LineChartComparisonDefaultProState = {\n  comparisonDateRange: TimeRange;\n};\n\nexport default defineComponent(LineChartComparisonDefaultPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [\n      LineChartComparisonDefaultProState,\n      (state: LineChartComparisonDefaultProState) => void,\n    ],\n  ) => {\n    const orderBy: OrderBy[] = [\n      {\n        property: inputs.xAxis,\n        direction: 'asc',\n      },\n    ];\n\n    const timeProperty =\n      inputs.xAxis.nativeType === 'time' ? inputs.xAxis : inputs.timePropertyForNonTimeDimensions;\n\n    return {\n      ...inputs,\n      comparisonDateRange: state?.comparisonDateRange,\n      setComparisonDateRange: (comparisonDateRange: TimeRange) => setState({ comparisonDateRange }),\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [...inputs.measures, inputs.xAxis],\n        orderBy,\n        filters:\n          inputs.primaryDateRange && timeProperty\n            ? [\n                {\n                  property: timeProperty,\n                  operator: 'inDateRange',\n                  value: inputs.primaryDateRange,\n                },\n              ]\n            : undefined,\n      }),\n      resultsComparison:\n        inputs.primaryDateRange && timeProperty && state?.comparisonDateRange\n          ? loadData({\n              limit: inputs.maxResults,\n              from: inputs.dataset,\n              select: [...inputs.measures, inputs.xAxis],\n              orderBy,\n              filters: [\n                {\n                  property: timeProperty,\n                  operator: 'inDateRange',\n                  value: state.comparisonDateRange,\n                },\n              ],\n            })\n          : undefined,\n    };\n  },\n  events: {\n    onLineClicked: (value: LineChartProOptionsClickArg) => {\n      return {\n        axisDimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","inputs","subInputs","preview","definePreview","LineChartComparisonDefaultPro","previewData","LineChartComparisonDefaultPro_emb","defineComponent","state","setState","orderBy","timeProperty","comparisonDateRange","loadData","value","Value"],"mappings":"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"}
+{"version":3,"file":"LineChartComparisonDefaultPro.js","sources":["../src/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.emb.ts"],"sourcesContent":["import {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport LineChartComparisonDefaultPro from './index';\nimport { Granularity, loadData, OrderBy, TimeRange, Value } from '@embeddable.com/core';\nimport { LineChartProOptionsClickArg } from '../lines.utils';\nimport { inputs } from '../../../component.inputs.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\n\nexport const meta = {\n  name: 'LineChartComparisonDefaultPro',\n  label: 'Line Chart Comparison - Default',\n  category: 'Line Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measures,\n      inputs: [\n        ...inputs.measures.inputs,\n        { ...subInputs.boolean, name: 'fillUnderLine', label: 'Fill under line' },\n        {\n          ...subInputs.color,\n          category: 'Component Settings',\n          name: 'lineColor',\n          label: 'Line color',\n        },\n        {\n          ...subInputs.color,\n          category: 'Component Settings',\n          name: 'previousLineColor',\n          label: 'Previous line color',\n        },\n        {\n          ...subInputs.boolean,\n          name: 'lineDashed',\n          label: 'Primary line dashed',\n          defaultValue: false,\n        },\n        {\n          ...subInputs.boolean,\n          name: 'previousLineDashed',\n          label: 'Compared line dashed',\n          defaultValue: true,\n        },\n        {\n          ...subInputs.boolean,\n          name: 'connectGaps',\n          label: 'Connect gaps',\n          defaultValue: true,\n        },\n      ],\n    },\n    { ...inputs.dimensionWithGranularitySelectField, label: 'X-axis', name: 'xAxis' },\n    {\n      ...inputs.timeRange,\n      name: 'primaryDateRange',\n      label: 'Primary date-range',\n      description: 'You can also connect this to a date range selector using its variable',\n      category: 'Component Data',\n    },\n    {\n      ...inputs.comparisonPeriod,\n      description: 'You can also connect this to a comparison period selector using its variable',\n      category: 'Component Data',\n    },\n    {\n      ...inputs.dimensionTime,\n      name: 'timePropertyForNonTimeDimensions',\n      label: 'Time property for non time dimensions',\n      description:\n        'Choose the time property used for filtering comparison ranges. This will be ignored if your x-axis is already time-based.',\n      required: false,\n    },\n\n    inputs.title,\n    inputs.description,\n    inputs.showLegend,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n    {\n      ...inputs.boolean,\n      name: 'showComparisonAxis',\n      label: 'Display a comparison X-axis',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    inputs.maxResults,\n  ],\n  events: [\n    {\n      name: 'onLineClicked',\n      label: 'A line is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked axis dimension value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport const preview = definePreview(LineChartComparisonDefaultPro, {\n  xAxis: previewData.dimension,\n  measures: [\n    {\n      ...previewData.measure,\n      inputs: {\n        previousLineDashed: true,\n      },\n    },\n  ],\n  results: previewData.results1Measure2Dimensions,\n  resultsComparison: previewData.results1Measure2DimensionsVariant,\n  comparisonPeriod: 'Previous period',\n  comparisonDateRange: { relativeTimeString: 'Previous period', from: undefined, to: undefined },\n  primaryDateRange: { relativeTimeString: 'This week', from: undefined, to: undefined },\n  hideMenu: true,\n  setGranularity: () => {},\n});\n\ntype LineChartComparisonDefaultProState = {\n  comparisonDateRange: TimeRange;\n  granularity?: Granularity;\n};\n\nexport default defineComponent(LineChartComparisonDefaultPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [\n      LineChartComparisonDefaultProState,\n      (state: LineChartComparisonDefaultProState) => void,\n    ],\n  ) => {\n    const xAxisWithGranularity = getDimensionWithGranularity(inputs.xAxis, state?.granularity);\n\n    const orderBy: OrderBy[] = [\n      {\n        property: xAxisWithGranularity,\n        direction: 'asc',\n      },\n    ];\n\n    const timeProperty =\n      xAxisWithGranularity.nativeType === 'time'\n        ? xAxisWithGranularity\n        : inputs.timePropertyForNonTimeDimensions;\n\n    return {\n      ...inputs,\n      xAxis: xAxisWithGranularity,\n      setGranularity: (granularity) => setState({ ...state, granularity }),\n      comparisonDateRange: state?.comparisonDateRange,\n      setComparisonDateRange: (comparisonDateRange: TimeRange) =>\n        setState({ ...state, comparisonDateRange }),\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [...inputs.measures, xAxisWithGranularity],\n        orderBy,\n        filters:\n          inputs.primaryDateRange && timeProperty\n            ? [\n                {\n                  property: timeProperty,\n                  operator: 'inDateRange',\n                  value: inputs.primaryDateRange,\n                },\n              ]\n            : undefined,\n      }),\n      resultsComparison:\n        inputs.primaryDateRange && timeProperty && state?.comparisonDateRange\n          ? loadData({\n              limit: inputs.maxResults,\n              from: inputs.dataset,\n              select: [...inputs.measures, xAxisWithGranularity],\n              orderBy,\n              filters: [\n                {\n                  property: timeProperty,\n                  operator: 'inDateRange',\n                  value: state.comparisonDateRange,\n                },\n              ],\n            })\n          : undefined,\n    };\n  },\n  events: {\n    onLineClicked: (value: LineChartProOptionsClickArg) => {\n      return {\n        axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","inputs","subInputs","preview","definePreview","LineChartComparisonDefaultPro","previewData","LineChartComparisonDefaultPro_emb","defineComponent","state","setState","xAxisWithGranularity","getDimensionWithGranularity","orderBy","timeProperty","granularity","comparisonDateRange","loadData","value","Value"],"mappings":"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"}

package/dist/LineChartDefaultPro.js

@@ -1,9 +1,10 @@
-import { definePreview as l, defineComponent as o } from "@embeddable.com/react";
-import { L as n } from "./index-DEsLQa4J.js";
-import { V as t, l as r } from "./Color.type.emb-DWdIUAm5.js";
-import { b as e, s } from "./component.inputs.constants-DO_jX-yc.js";
-import { p as i } from "./preview.data.constants-CXMriS2F.js";
-const m = {
+import { definePreview as m, defineComponent as u } from "@embeddable.com/react";
+import { L as r } from "./index-DCA_6rWw.js";
+import { V as d, l as x } from "./Color.type.emb-De2K8PVb.js";
+import { b as e, s as i } from "./component.inputs.constants-wDyG8tFg.js";
+import { p as n } from "./preview.data.constants-37wUPKG8.js";
+import { g as p } from "./granularity.utils-CA504xa0.js";
+const c = {
   name: "LineChartDefaultPro",
   label: "Line Chart - Default",
   category: "Line Charts",
@@ -13,27 +14,27 @@ const m = {
       ...e.measures,
       inputs: [
         ...e.measures.inputs,
-        { ...s.boolean, name: "fillUnderLine", label: "Fill under line" },
+        { ...i.boolean, name: "fillUnderLine", label: "Fill under line" },
         {
-          ...s.color,
+          ...i.color,
           name: "lineColor",
           label: "Line color"
         },
         {
-          ...s.boolean,
+          ...i.boolean,
           name: "connectGaps",
           label: "Connect gaps",
           defaultValue: !0
         },
         {
-          ...s.boolean,
+          ...i.boolean,
           name: "dashedLine",
           label: "Dashed line",
           defaultValue: !1
         }
       ]
     },
-    { ...e.dimensionWithDateBounds, label: "X-axis", name: "xAxis" },
+    { ...e.dimensionWithGranularitySelectField, label: "X-axis", name: "xAxis" },
     e.title,
     e.description,
     e.showLegend,
@@ -60,29 +61,36 @@ const m = {
       ]
     }
   ]
-}, b = l(n, {
-  xAxis: i.dimension,
-  measures: [i.measure],
-  results: i.results1Measure1Dimension,
-  hideMenu: !0
-}), f = o(n, m, {
-  props: (a) => ({
-    ...a,
-    results: r({
-      limit: a.maxResults,
-      from: a.dataset,
-      select: [...a.measures, a.xAxis]
-    })
-  }),
+}, C = m(r, {
+  xAxis: n.dimension,
+  measures: [n.measure],
+  results: n.results1Measure1Dimension,
+  hideMenu: !0,
+  setGranularity: () => {
+  }
+}), g = u(r, c, {
+  props: (a, [s, t]) => {
+    const l = p(a.xAxis, s == null ? void 0 : s.granularity);
+    return {
+      ...a,
+      xAxis: l,
+      setGranularity: (o) => t({ granularity: o }),
+      results: x({
+        limit: a.maxResults,
+        from: a.dataset,
+        select: [...a.measures, l]
+      })
+    };
+  },
   events: {
     onLineClicked: (a) => ({
-      axisDimensionValue: a.dimensionValue || t.noFilter()
+      axisDimensionValue: a.dimensionValue ?? d.noFilter()
     })
   }
 });
 export {
-  f as default,
-  m as meta,
-  b as preview
+  g as default,
+  c as meta,
+  C as preview
 };
 //# sourceMappingURL=LineChartDefaultPro.js.map

package/dist/LineChartDefaultPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineChartDefaultPro.js","sources":["../src/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.emb.ts"],"sourcesContent":["import {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport LineChartDefaultPro from './index';\nimport { loadData, Value } from '@embeddable.com/core';\nimport { LineChartProOptionsClickArg } from '../lines.utils';\nimport { inputs } from '../../../component.inputs.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nexport const meta = {\n  name: 'LineChartDefaultPro',\n  label: 'Line Chart - Default',\n  category: 'Line Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measures,\n      inputs: [\n        ...inputs.measures.inputs,\n        { ...subInputs.boolean, name: 'fillUnderLine', label: 'Fill under line' },\n        {\n          ...subInputs.color,\n          name: 'lineColor',\n          label: 'Line color',\n        },\n        {\n          ...subInputs.boolean,\n          name: 'connectGaps',\n          label: 'Connect gaps',\n          defaultValue: true,\n        },\n        {\n          ...subInputs.boolean,\n          name: 'dashedLine',\n          label: 'Dashed line',\n          defaultValue: false,\n        },\n      ],\n    },\n    { ...inputs.dimensionWithDateBounds, label: 'X-axis', name: 'xAxis' },\n    inputs.title,\n    inputs.description,\n    inputs.showLegend,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n    inputs.maxResults,\n  ],\n  events: [\n    {\n      name: 'onLineClicked',\n      label: 'A line is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked axis dimension value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport const preview = definePreview(LineChartDefaultPro, {\n  xAxis: previewData.dimension,\n  measures: [previewData.measure],\n  results: previewData.results1Measure1Dimension,\n  hideMenu: true,\n});\n\nexport default defineComponent(LineChartDefaultPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [...inputs.measures, inputs.xAxis],\n      }),\n    };\n  },\n  events: {\n    onLineClicked: (value: LineChartProOptionsClickArg) => {\n      return {\n        axisDimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","inputs","subInputs","preview","definePreview","LineChartDefaultPro","previewData","LineChartDefaultPro_emb","defineComponent","loadData","value","Value"],"mappings":";;;;;AAaO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,QAAQ;AAAA,QACN,GAAGA,EAAO,SAAS;AAAA,QACnB,EAAE,GAAGC,EAAU,SAAS,MAAM,iBAAiB,OAAO,kBAAA;AAAA,QACtD;AAAA,UACE,GAAGA,EAAU;AAAA,UACb,MAAM;AAAA,UACN,OAAO;AAAA,QAAA;AAAA,QAET;AAAA,UACE,GAAGA,EAAU;AAAA,UACb,MAAM;AAAA,UACN,OAAO;AAAA,UACP,cAAc;AAAA,QAAA;AAAA,QAEhB;AAAA,UACE,GAAGA,EAAU;AAAA,UACb,MAAM;AAAA,UACN,OAAO;AAAA,UACP,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,IAEF,EAAE,GAAGD,EAAO,yBAAyB,OAAO,UAAU,MAAM,QAAA;AAAA,IAC5DA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,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,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEaE,IAAUC,EAAcC,GAAqB;AAAA,EACxD,OAAOC,EAAY;AAAA,EACnB,UAAU,CAACA,EAAY,OAAO;AAAA,EAC9B,SAASA,EAAY;AAAA,EACrB,UAAU;AACZ,CAAC,GAEDC,IAAeC,EAAgBH,GAAqBL,GAAM;AAAA,EACxD,OAAO,CAACC,OACC;AAAA,IACL,GAAGA;AAAAA,IACH,SAASQ,EAAS;AAAA,MAChB,OAAOR,EAAO;AAAA,MACd,MAAMA,EAAO;AAAA,MACb,QAAQ,CAAC,GAAGA,EAAO,UAAUA,EAAO,KAAK;AAAA,IAAA,CAC1C;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,eAAe,CAACS,OACP;AAAA,MACL,oBAAoBA,EAAM,kBAAkBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE/D;AAEJ,CAAC;"}
+{"version":3,"file":"LineChartDefaultPro.js","sources":["../src/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.emb.ts"],"sourcesContent":["import {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport LineChartDefaultPro from './index';\nimport { Granularity, loadData, Value } from '@embeddable.com/core';\nimport { LineChartProOptionsClickArg } from '../lines.utils';\nimport { inputs } from '../../../component.inputs.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\n\nexport const meta = {\n  name: 'LineChartDefaultPro',\n  label: 'Line Chart - Default',\n  category: 'Line Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measures,\n      inputs: [\n        ...inputs.measures.inputs,\n        { ...subInputs.boolean, name: 'fillUnderLine', label: 'Fill under line' },\n        {\n          ...subInputs.color,\n          name: 'lineColor',\n          label: 'Line color',\n        },\n        {\n          ...subInputs.boolean,\n          name: 'connectGaps',\n          label: 'Connect gaps',\n          defaultValue: true,\n        },\n        {\n          ...subInputs.boolean,\n          name: 'dashedLine',\n          label: 'Dashed line',\n          defaultValue: false,\n        },\n      ],\n    },\n    { ...inputs.dimensionWithGranularitySelectField, label: 'X-axis', name: 'xAxis' },\n    inputs.title,\n    inputs.description,\n    inputs.showLegend,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n    inputs.maxResults,\n  ],\n  events: [\n    {\n      name: 'onLineClicked',\n      label: 'A line is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked axis dimension value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport const preview = definePreview(LineChartDefaultPro, {\n  xAxis: previewData.dimension,\n  measures: [previewData.measure],\n  results: previewData.results1Measure1Dimension,\n  hideMenu: true,\n  setGranularity: () => {},\n});\n\ntype LineChartDefaultProState = {\n  granularity?: Granularity;\n};\n\nexport default defineComponent(LineChartDefaultPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [LineChartDefaultProState, (state: LineChartDefaultProState) => void],\n  ) => {\n    const xAxisWithGranularity = getDimensionWithGranularity(inputs.xAxis, state?.granularity);\n\n    return {\n      ...inputs,\n      xAxis: xAxisWithGranularity,\n      setGranularity: (granularity) => setState({ granularity }),\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [...inputs.measures, xAxisWithGranularity],\n      }),\n    };\n  },\n  events: {\n    onLineClicked: (value: LineChartProOptionsClickArg) => {\n      return {\n        axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","inputs","subInputs","preview","definePreview","LineChartDefaultPro","previewData","LineChartDefaultPro_emb","defineComponent","state","setState","xAxisWithGranularity","getDimensionWithGranularity","granularity","loadData","value","Value"],"mappings":";;;;;;AAcO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,QAAQ;AAAA,QACN,GAAGA,EAAO,SAAS;AAAA,QACnB,EAAE,GAAGC,EAAU,SAAS,MAAM,iBAAiB,OAAO,kBAAA;AAAA,QACtD;AAAA,UACE,GAAGA,EAAU;AAAA,UACb,MAAM;AAAA,UACN,OAAO;AAAA,QAAA;AAAA,QAET;AAAA,UACE,GAAGA,EAAU;AAAA,UACb,MAAM;AAAA,UACN,OAAO;AAAA,UACP,cAAc;AAAA,QAAA;AAAA,QAEhB;AAAA,UACE,GAAGA,EAAU;AAAA,UACb,MAAM;AAAA,UACN,OAAO;AAAA,UACP,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,IAEF,EAAE,GAAGD,EAAO,qCAAqC,OAAO,UAAU,MAAM,QAAA;AAAA,IACxEA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,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,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEaE,IAAUC,EAAcC,GAAqB;AAAA,EACxD,OAAOC,EAAY;AAAA,EACnB,UAAU,CAACA,EAAY,OAAO;AAAA,EAC9B,SAASA,EAAY;AAAA,EACrB,UAAU;AAAA,EACV,gBAAgB,MAAM;AAAA,EAAC;AACzB,CAAC,GAMDC,IAAeC,EAAgBH,GAAqBL,GAAM;AAAA,EACxD,OAAO,CACLC,GACA,CAACQ,GAAOC,CAAQ,MACb;AACH,UAAMC,IAAuBC,EAA4BX,EAAO,OAAOQ,KAAA,gBAAAA,EAAO,WAAW;AAEzF,WAAO;AAAA,MACL,GAAGR;AAAAA,MACH,OAAOU;AAAA,MACP,gBAAgB,CAACE,MAAgBH,EAAS,EAAE,aAAAG,GAAa;AAAA,MACzD,SAASC,EAAS;AAAA,QAChB,OAAOb,EAAO;AAAA,QACd,MAAMA,EAAO;AAAA,QACb,QAAQ,CAAC,GAAGA,EAAO,UAAUU,CAAoB;AAAA,MAAA,CAClD;AAAA,IAAA;AAAA,EAEL;AAAA,EACA,QAAQ;AAAA,IACN,eAAe,CAACI,OACP;AAAA,MACL,oBAAoBA,EAAM,kBAAkBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE/D;AAEJ,CAAC;"}

package/dist/LineChartGroupedPro.js

@@ -1,9 +1,10 @@
-import { definePreview as s, defineComponent as r } from "@embeddable.com/react";
-import { L as o } from "./index-0rHy8NOt.js";
-import { V as a, l as t } from "./Color.type.emb-DWdIUAm5.js";
-import { b as e } from "./component.inputs.constants-DO_jX-yc.js";
-import { p as n } from "./preview.data.constants-CXMriS2F.js";
-const l = {
+import { definePreview as m, defineComponent as u } from "@embeddable.com/react";
+import { L as s } from "./index-D3HMg6eu.js";
+import { V as o, l as p } from "./Color.type.emb-De2K8PVb.js";
+import { b as e } from "./component.inputs.constants-wDyG8tFg.js";
+import { p as n } from "./preview.data.constants-37wUPKG8.js";
+import { g as d } from "./granularity.utils-CA504xa0.js";
+const g = {
   name: "LineChartGroupedPro",
   label: "Line Chart - Grouped",
   category: "Line Charts",
@@ -28,7 +29,7 @@ const l = {
         }
       ]
     },
-    { ...e.dimensionWithDateBounds, name: "xAxis", label: "X-axis" },
+    { ...e.dimensionWithGranularitySelectField, name: "xAxis", label: "X-axis" },
     e.groupBy,
     e.title,
     e.description,
@@ -61,31 +62,38 @@ const l = {
       ]
     }
   ]
-}, x = s(o, {
+}, C = m(s, {
   xAxis: n.dimension,
   groupBy: n.dimensionGroup,
   measure: n.measure,
   results: n.results1Measure2Dimensions,
-  hideMenu: !0
-}), c = r(o, l, {
-  props: (i) => ({
-    ...i,
-    results: t({
-      limit: i.maxResults,
-      from: i.dataset,
-      select: [i.xAxis, i.groupBy, i.measure]
-    })
-  }),
+  hideMenu: !0,
+  setGranularity: () => {
+  }
+}), f = u(s, g, {
+  props: (i, [a, t]) => {
+    const r = d(i.xAxis, a == null ? void 0 : a.granularity);
+    return {
+      ...i,
+      xAxis: r,
+      setGranularity: (l) => t({ granularity: l }),
+      results: p({
+        limit: i.maxResults,
+        from: i.dataset,
+        select: [r, i.groupBy, i.measure]
+      })
+    };
+  },
   events: {
     onLineClicked: (i) => ({
-      axisDimensionValue: i.dimensionValue || a.noFilter(),
-      groupingDimensionValue: i.groupingDimensionValue || a.noFilter()
+      axisDimensionValue: i.dimensionValue || o.noFilter(),
+      groupingDimensionValue: i.groupingDimensionValue || o.noFilter()
     })
   }
 });
 export {
-  c as default,
-  l as meta,
-  x as preview
+  f as default,
+  g as meta,
+  C as preview
 };
 //# sourceMappingURL=LineChartGroupedPro.js.map

package/dist/LineChartGroupedPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"LineChartGroupedPro.js","sources":["../src/components/charts/lines/LineChartGroupedPro/LineChartGroupedPro.emb.ts"],"sourcesContent":["import {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport LineChartGroupedPro from './index';\nimport { loadData, Value } from '@embeddable.com/core';\nimport { LineChartProOptionsClickArg } from '../lines.utils';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nexport const meta = {\n  name: 'LineChartGroupedPro',\n  label: 'Line Chart - Grouped',\n  category: 'Line Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measure,\n      inputs: [\n        ...inputs.measure.inputs,\n        {\n          ...inputs.boolean,\n          name: 'fillUnderLine',\n          label: 'Fill under line',\n          category: 'Component Settings',\n        },\n        {\n          ...inputs.boolean,\n          name: 'connectGaps',\n          label: 'Connect gaps',\n          defaultValue: true,\n          category: 'Component Settings',\n        },\n      ],\n    },\n    { ...inputs.dimensionWithDateBounds, name: 'xAxis', label: 'X-axis' },\n    inputs.groupBy,\n    inputs.title,\n    inputs.description,\n    inputs.maxResults,\n    inputs.showLegend,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n  ],\n  events: [\n    {\n      name: 'onLineClicked',\n      label: 'A line 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 const preview = definePreview(LineChartGroupedPro, {\n  xAxis: previewData.dimension,\n  groupBy: previewData.dimensionGroup,\n  measure: previewData.measure,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n});\n\nexport default defineComponent(LineChartGroupedPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [inputs.xAxis, inputs.groupBy, inputs.measure],\n      }),\n    };\n  },\n  events: {\n    onLineClicked: (value: LineChartProOptionsClickArg) => {\n      return {\n        axisDimensionValue: value.dimensionValue || Value.noFilter(),\n        groupingDimensionValue: value.groupingDimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","inputs","preview","definePreview","LineChartGroupedPro","previewData","LineChartGroupedPro_emb","defineComponent","loadData","value","Value"],"mappings":";;;;;AAYO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,QAAQ;AAAA,QACN,GAAGA,EAAO,QAAQ;AAAA,QAClB;AAAA,UACE,GAAGA,EAAO;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA,UACP,UAAU;AAAA,QAAA;AAAA,QAEZ;AAAA,UACE,GAAGA,EAAO;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA,UACP,cAAc;AAAA,UACd,UAAU;AAAA,QAAA;AAAA,MACZ;AAAA,IACF;AAAA,IAEF,EAAE,GAAGA,EAAO,yBAAyB,MAAM,SAAS,OAAO,SAAA;AAAA,IAC3DA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,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,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEaC,IAAUC,EAAcC,GAAqB;AAAA,EACxD,OAAOC,EAAY;AAAA,EACnB,SAASA,EAAY;AAAA,EACrB,SAASA,EAAY;AAAA,EACrB,SAASA,EAAY;AAAA,EACrB,UAAU;AACZ,CAAC,GAEDC,IAAeC,EAAgBH,GAAqBJ,GAAM;AAAA,EACxD,OAAO,CAACC,OACC;AAAA,IACL,GAAGA;AAAAA,IACH,SAASO,EAAS;AAAA,MAChB,OAAOP,EAAO;AAAA,MACd,MAAMA,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAOA,EAAO,SAASA,EAAO,OAAO;AAAA,IAAA,CACtD;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,eAAe,CAACQ,OACP;AAAA,MACL,oBAAoBA,EAAM,kBAAkBC,EAAM,SAAA;AAAA,MAClD,wBAAwBD,EAAM,0BAA0BC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3E;AAEJ,CAAC;"}
+{"version":3,"file":"LineChartGroupedPro.js","sources":["../src/components/charts/lines/LineChartGroupedPro/LineChartGroupedPro.emb.ts"],"sourcesContent":["import {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport LineChartGroupedPro from './index';\nimport { Granularity, loadData, Value } from '@embeddable.com/core';\nimport { LineChartProOptionsClickArg } from '../lines.utils';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\n\nexport const meta = {\n  name: 'LineChartGroupedPro',\n  label: 'Line Chart - Grouped',\n  category: 'Line Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measure,\n      inputs: [\n        ...inputs.measure.inputs,\n        {\n          ...inputs.boolean,\n          name: 'fillUnderLine',\n          label: 'Fill under line',\n          category: 'Component Settings',\n        },\n        {\n          ...inputs.boolean,\n          name: 'connectGaps',\n          label: 'Connect gaps',\n          defaultValue: true,\n          category: 'Component Settings',\n        },\n      ],\n    },\n    { ...inputs.dimensionWithGranularitySelectField, name: 'xAxis', label: 'X-axis' },\n    inputs.groupBy,\n    inputs.title,\n    inputs.description,\n    inputs.maxResults,\n    inputs.showLegend,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n  ],\n  events: [\n    {\n      name: 'onLineClicked',\n      label: 'A line 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 const preview = definePreview(LineChartGroupedPro, {\n  xAxis: previewData.dimension,\n  groupBy: previewData.dimensionGroup,\n  measure: previewData.measure,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n  setGranularity: () => {},\n});\n\ntype LineChartGroupedProState = {\n  granularity?: Granularity;\n};\n\nexport default defineComponent(LineChartGroupedPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [LineChartGroupedProState, (state: LineChartGroupedProState) => void],\n  ) => {\n    const xAxisWithGranularity = getDimensionWithGranularity(inputs.xAxis, state?.granularity);\n\n    return {\n      ...inputs,\n      xAxis: xAxisWithGranularity,\n      setGranularity: (granularity) => setState({ granularity }),\n      results: loadData({\n        limit: inputs.maxResults,\n        from: inputs.dataset,\n        select: [xAxisWithGranularity, inputs.groupBy, inputs.measure],\n      }),\n    };\n  },\n  events: {\n    onLineClicked: (value: LineChartProOptionsClickArg) => {\n      return {\n        axisDimensionValue: value.dimensionValue || Value.noFilter(),\n        groupingDimensionValue: value.groupingDimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","inputs","preview","definePreview","LineChartGroupedPro","previewData","LineChartGroupedPro_emb","defineComponent","state","setState","xAxisWithGranularity","getDimensionWithGranularity","granularity","loadData","value","Value"],"mappings":";;;;;;AAaO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,QAAQ;AAAA,QACN,GAAGA,EAAO,QAAQ;AAAA,QAClB;AAAA,UACE,GAAGA,EAAO;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA,UACP,UAAU;AAAA,QAAA;AAAA,QAEZ;AAAA,UACE,GAAGA,EAAO;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA,UACP,cAAc;AAAA,UACd,UAAU;AAAA,QAAA;AAAA,MACZ;AAAA,IACF;AAAA,IAEF,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,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,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEaC,IAAUC,EAAcC,GAAqB;AAAA,EACxD,OAAOC,EAAY;AAAA,EACnB,SAASA,EAAY;AAAA,EACrB,SAASA,EAAY;AAAA,EACrB,SAASA,EAAY;AAAA,EACrB,UAAU;AAAA,EACV,gBAAgB,MAAM;AAAA,EAAC;AACzB,CAAC,GAMDC,IAAeC,EAAgBH,GAAqBJ,GAAM;AAAA,EACxD,OAAO,CACLC,GACA,CAACO,GAAOC,CAAQ,MACb;AACH,UAAMC,IAAuBC,EAA4BV,EAAO,OAAOO,KAAA,gBAAAA,EAAO,WAAW;AAEzF,WAAO;AAAA,MACL,GAAGP;AAAAA,MACH,OAAOS;AAAA,MACP,gBAAgB,CAACE,MAAgBH,EAAS,EAAE,aAAAG,GAAa;AAAA,MACzD,SAASC,EAAS;AAAA,QAChB,OAAOZ,EAAO;AAAA,QACd,MAAMA,EAAO;AAAA,QACb,QAAQ,CAACS,GAAsBT,EAAO,SAASA,EAAO,OAAO;AAAA,MAAA,CAC9D;AAAA,IAAA;AAAA,EAEL;AAAA,EACA,QAAQ;AAAA,IACN,eAAe,CAACa,OACP;AAAA,MACL,oBAAoBA,EAAM,kBAAkBC,EAAM,SAAA;AAAA,MAClD,wBAAwBD,EAAM,0BAA0BC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3E;AAEJ,CAAC;"}

package/dist/MultiSelectFieldPro.js

@@ -1,8 +1,8 @@
 import { definePreview as d, defineComponent as u } from "@embeddable.com/react";
-import { V as t, l as m } from "./Color.type.emb-DWdIUAm5.js";
-import { M as p, a as o } from "./index-DLT2A69c.js";
-import { b as a } from "./component.inputs.constants-DO_jX-yc.js";
-import { p as l } from "./preview.data.constants-CXMriS2F.js";
+import { V as t, l as m } from "./Color.type.emb-De2K8PVb.js";
+import { M as p, a as o } from "./index-BFvsuXiz.js";
+import { b as a } from "./component.inputs.constants-wDyG8tFg.js";
+import { p as l } from "./preview.data.constants-37wUPKG8.js";
 const c = {
   name: "MultiSelectFieldPro",
   label: "Multi Select Field",

package/dist/PieChartPro.js

@@ -1,8 +1,8 @@
-import { V as t, l as o } from "./Color.type.emb-DWdIUAm5.js";
+import { V as t, l as o } from "./Color.type.emb-De2K8PVb.js";
 import { definePreview as r, defineComponent as n } from "@embeddable.com/react";
-import { P as a } from "./index-BgYPax7r.js";
-import { b as e } from "./component.inputs.constants-DO_jX-yc.js";
-import { p as i } from "./preview.data.constants-CXMriS2F.js";
+import { P as a } from "./index-DytdIFQb.js";
+import { b as e } from "./component.inputs.constants-wDyG8tFg.js";
+import { p as i } from "./preview.data.constants-37wUPKG8.js";
 const m = {
   name: "PieChartPro",
   label: "Pie Chart",

package/dist/PivotTablePro.js

@@ -1,8 +1,8 @@
-import { l as a } from "./Color.type.emb-DWdIUAm5.js";
+import { l as a } from "./Color.type.emb-De2K8PVb.js";
 import { definePreview as i, defineComponent as l } from "@embeddable.com/react";
-import { P as s } from "./index-s4oA7Iyp.js";
-import { b as e, s as n } from "./component.inputs.constants-DO_jX-yc.js";
-import { p as t } from "./preview.data.constants-CXMriS2F.js";
+import { P as s } from "./index-CiO0tI86.js";
+import { b as e, s as n } from "./component.inputs.constants-wDyG8tFg.js";
+import { p as t } from "./preview.data.constants-37wUPKG8.js";
 const m = {
   name: "PivotTablePro",
   label: "Pivot Table",

package/dist/SingleSelectFieldPro.js

@@ -1,8 +1,8 @@
 import { definePreview as d, defineComponent as m } from "@embeddable.com/react";
-import { V as o, l as u } from "./Color.type.emb-DWdIUAm5.js";
-import { M as c, S as i } from "./index-Rxsr4tZ-.js";
-import { b as a } from "./component.inputs.constants-DO_jX-yc.js";
-import { p as l } from "./preview.data.constants-CXMriS2F.js";
+import { V as o, l as u } from "./Color.type.emb-De2K8PVb.js";
+import { M as c, S as i } from "./index-AqDTPWnU.js";
+import { b as a } from "./component.inputs.constants-wDyG8tFg.js";
+import { p as l } from "./preview.data.constants-37wUPKG8.js";
 const p = {
   name: "SingleSelectFieldPro",
   label: "Single Select Field",

package/dist/TableChartPaginated.js

@@ -1,8 +1,8 @@
-import { V as D, l, m as b } from "./Color.type.emb-DWdIUAm5.js";
+import { V as D, l, m as b } from "./Color.type.emb-De2K8PVb.js";
 import { definePreview as w, defineComponent as M } from "@embeddable.com/react";
-import { T as p } from "./index-DHHYE6GC.js";
-import { b as i, s as r } from "./component.inputs.constants-DO_jX-yc.js";
-import { p as s } from "./preview.data.constants-CXMriS2F.js";
+import { T as p } from "./index-icM1qOGP.js";
+import { b as i, s as r } from "./component.inputs.constants-wDyG8tFg.js";
+import { p as s } from "./preview.data.constants-37wUPKG8.js";
 const h = {
   name: "TableChartPaginated",
   label: "Table Chart - Paginated",

package/dist/TableScrollable.js

@@ -1,12 +1,12 @@
-import { j as N, R as ie, V as se, l as F, m as ue } from "./Color.type.emb-DWdIUAm5.js";
+import { j as N, U as ie, V as se, l as F, m as ue } from "./Color.type.emb-De2K8PVb.js";
 import { useTheme as le, definePreview as ce, defineComponent as fe } from "@embeddable.com/react";
-import { a as de, r as me, i as pe, b as w, s as M } from "./component.inputs.constants-DO_jX-yc.js";
-import { C as ge } from "./ChartCard-BHPN4_tz.js";
+import { a as de, r as me, i as pe, b as w, s as M } from "./component.inputs.constants-wDyG8tFg.js";
+import { C as ge } from "./ChartCard-C6rVK7Ux.js";
 import { useState as z, useRef as R, useEffect as k, useCallback as he } from "react";
-import { b as be, c as Ee } from "./tables.utils-Cxh-FOdo.js";
-import { p as x } from "./preview.data.constants-CXMriS2F.js";
-const U = 50, { getOwnPropertyNames: we, getOwnPropertySymbols: ye } = Object, { hasOwnProperty: je } = Object.prototype;
-function P(n, e) {
+import { b as be, c as Ee } from "./tables.utils-Bb34U0u9.js";
+import { p as x } from "./preview.data.constants-37wUPKG8.js";
+const P = 50, { getOwnPropertyNames: we, getOwnPropertySymbols: ye } = Object, { hasOwnProperty: je } = Object.prototype;
+function U(n, e) {
   return function(r, a, s) {
     return n(r, a, s) && e(r, a, s);
   };
@@ -147,13 +147,13 @@ function S(n, e) {
       return !1;
   return !0;
 }
-function Pe(n, e) {
+function Ue(n, e) {
   return n.hostname === e.hostname && n.pathname === e.pathname && n.protocol === e.protocol && n.port === e.port && n.hash === e.hash && n.username === e.username && n.password === e.password;
 }
 function Q(n, e, t, r) {
   return (r === De || r === qe || r === Ae) && (n.$$typeof || e.$$typeof) ? !0 : Ce(e, r) && t.equals(n[r], e[r], r, r, n, e, t);
 }
-const Ue = Object.prototype.toString;
+const Pe = Object.prototype.toString;
 function _e(n) {
   const e = Ne(n), { areArraysEqual: t, areDatesEqual: r, areFunctionsEqual: a, areMapsEqual: s, areNumbersEqual: u, areObjectsEqual: o, areRegExpsEqual: c, areSetsEqual: p, getUnsupportedCustomComparator: l } = n;
   return function(i, f, d) {
@@ -185,7 +185,7 @@ function _e(n) {
       return !1;
     if (Array.isArray(i))
       return t(i, f, d);
-    const E = Ue.call(i), A = e[E];
+    const E = Pe.call(i), A = e[E];
     if (A)
       return A(i, f, d);
     const I = l && l(i, f, d, E);
@@ -200,14 +200,14 @@ function Be({ circular: n, createCustomConfig: e, strict: t }) {
     areDatesEqual: Re,
     areErrorsEqual: Le,
     areFunctionsEqual: xe,
-    areMapsEqual: t ? P(K, O) : K,
+    areMapsEqual: t ? U(K, O) : K,
     areNumbersEqual: C,
     areObjectsEqual: t ? O : Se,
     arePrimitiveWrappersEqual: ve,
     areRegExpsEqual: ke,
-    areSetsEqual: t ? P(H, O) : H,
-    areTypedArraysEqual: t ? P(S, O) : S,
-    areUrlsEqual: Pe,
+    areSetsEqual: t ? U(H, O) : H,
+    areTypedArraysEqual: t ? U(S, O) : S,
+    areUrlsEqual: Ue,
     getUnsupportedCustomComparator: void 0
   };
   if (e && (r = Object.assign({}, r, e(r))), n) {
@@ -391,7 +391,7 @@ const X = (n) => {
     l.isLoading || D({ page: ((m == null ? void 0 : m.page) ?? 0) + 1 });
   }, re = (b) => {
     q.current = !0, D({ sort: b, page: 0 });
-  }, te = (l == null ? void 0 : l.data) && l.data.length === U, oe = !!(l != null && l.isLoading || g != null && g.isLoading), ae = (l == null ? void 0 : l.isLoading) && !q.current;
+  }, te = (l == null ? void 0 : l.data) && l.data.length === P, oe = !!(l != null && l.isLoading || g != null && g.isLoading), ae = (l == null ? void 0 : l.isLoading) && !q.current;
   return /* @__PURE__ */ N.jsx(
     ge,
     {
@@ -512,8 +512,8 @@ const X = (n) => {
       results: F({
         from: n.dataset,
         select: u,
-        offset: (e != null && e.page ? e.page : J.page) * U,
-        limit: U,
+        offset: (e != null && e.page ? e.page : J.page) * P,
+        limit: P,
         orderBy: a
       }),
       allResults: e != null && e.isLoadingDownloadData ? F({