@embeddable.com/remarkable-pro 0.1.4 → 0.1.6

package/dist/ColorEditor.js

@@ -1,5 +1,5 @@
 import { defineEditor as l } from "@embeddable.com/react";
-import { j as r, A as a, I as i, w as p, V as u } from "./Color.type.emb-CGyFSpIN.js";
+import { j as r, A as a, I as i, w as p, V as u } from "./Color.type.emb-DIW_7wKP.js";
 import { useState as m, useEffect as C } from "react";
 const I = "_colorInputContainer_1o1qe_1", d = "_colorInput_1o1qe_1", s = {
   colorInputContainer: I,

package/dist/ComparisonPeriodSelectFieldPro.js

@@ -1,7 +1,7 @@
 import { definePreview as t, defineComponent as n } from "@embeddable.com/react";
-import { V as r } from "./Color.type.emb-CGyFSpIN.js";
-import { D as i } from "./index-D4RtNAm0.js";
-import { C as a, b as e } from "./component.inputs.constants-MAjey7Me.js";
+import { V as r } from "./Color.type.emb-DIW_7wKP.js";
+import { D as i } from "./index-BbQatMvx.js";
+import { C as a, b as e } from "./component.inputs.constants-C-pP69Lh.js";
 const l = {
   name: "ComparisonPeriodSelectFieldPro",
   label: "Comparison Period Select Field",

package/dist/DateRangePickerCustomPro.js

@@ -1,9 +1,9 @@
 import { useTheme as P, definePreview as y, defineComponent as D } from "@embeddable.com/react";
-import { j as l, k as w, V as s } from "./Color.type.emb-CGyFSpIN.js";
+import { j as l, k as w, V as s } from "./Color.type.emb-DIW_7wKP.js";
 import { u as V, g as k, a as S, b as j } from "./dates.utils-BF32dTLi.js";
-import { a as F, r as M, i as T, b as e } from "./component.inputs.constants-MAjey7Me.js";
-import { E as x } from "./EditorCard-C8PKNLWT.js";
-import { I as L } from "./IconCalendarFilled-BOHNn82C.js";
+import { a as F, r as M, i as T, b as e } from "./component.inputs.constants-C-pP69Lh.js";
+import { E as x } from "./EditorCard-bUK0G4W-.js";
+import { I as L } from "./IconCalendarFilled-DOfzKqWp.js";
 const r = (a) => {
   const t = P();
   F(t);

package/dist/DateRangeSelectFieldPro.js

@@ -1,7 +1,7 @@
 import { definePreview as o, defineComponent as l } from "@embeddable.com/react";
-import { V as t } from "./Color.type.emb-CGyFSpIN.js";
-import { D as n } from "./index-DHWLaRmn.js";
-import { b as e } from "./component.inputs.constants-MAjey7Me.js";
+import { V as t } from "./Color.type.emb-DIW_7wKP.js";
+import { D as n } from "./index-DGeDkRqz.js";
+import { b as e } from "./component.inputs.constants-C-pP69Lh.js";
 const r = {
   name: "DateRangeSelectFieldPro",
   label: "Date-Range Picker - Presets",

package/dist/{DimensionAndMeasureSingleSelectField-BOWAqIok.js → DimensionAndMeasureSingleSelectField-Brm3ckSN.js}

@@ -1,7 +1,7 @@
-import { j as f, S as d } from "./Color.type.emb-CGyFSpIN.js";
+import { j as f, S as d } from "./Color.type.emb-DIW_7wKP.js";
 import { useTheme as S } from "@embeddable.com/react";
 import { useState as p, useEffect as g } from "react";
-import { g as C } from "./formatter.utils-BeLScsYW.js";
+import { g as C } from "./formatter.utils-C9mQTOD-.js";
 const v = ({
   dimensionsAndMeasures: s,
   searchValue: r,
@@ -42,4 +42,4 @@ const v = ({
 export {
   M as D
 };
-//# sourceMappingURL=DimensionAndMeasureSingleSelectField-BOWAqIok.js.map
+//# sourceMappingURL=DimensionAndMeasureSingleSelectField-Brm3ckSN.js.map

package/dist/{DimensionAndMeasureSingleSelectField-BOWAqIok.js.map → DimensionAndMeasureSingleSelectField-Brm3ckSN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DimensionAndMeasureSingleSelectField-BOWAqIok.js","sources":["../src/components/editors/utils/dimensionsAndMeasures.utils.ts","../src/components/editors/shared/DimensionAndMeasureSingleSelectField/DimensionAndMeasureSingleSelectField.tsx"],"sourcesContent":["import { DimensionOrMeasure } from '@embeddable.com/core';\nimport { Theme } from '../../../theme/theme.types';\nimport { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\n\nexport const getDimensionAndMeasureOptions = ({\n  dimensionsAndMeasures,\n  searchValue,\n  theme,\n}: {\n  dimensionsAndMeasures: DimensionOrMeasure[];\n  searchValue: string;\n  theme: Theme;\n}): SelectListOptionProps[] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return dimensionsAndMeasures\n    .filter((dimensionOrMeasure) => {\n      return themeFormatter\n        .dimensionOrMeasureTitle(dimensionOrMeasure)\n        .toLowerCase()\n        .includes(searchValue.toLowerCase());\n    })\n    .map((dimensionOrMeasure) => {\n      return {\n        value: dimensionOrMeasure.name,\n        label: themeFormatter.dimensionOrMeasureTitle(dimensionOrMeasure),\n      };\n    });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { useEffect, useState } from 'react';\nimport { SingleSelectField } from '@embeddable.com/remarkable-ui';\nimport { getDimensionAndMeasureOptions } from '../../utils/dimensionsAndMeasures.utils';\nimport { Dimension, Measure } from '@embeddable.com/core';\n\ntype DimensionAndMeasureSingleSelectFieldProps<T> = {\n  selectedValue?: T;\n  options: T[];\n  placeholder?: string;\n  clearable?: boolean;\n  onChange: (value: T | undefined) => void;\n};\n\nexport const DimensionAndMeasureSingleSelectField = <T extends Dimension | Measure>(\n  props: DimensionAndMeasureSingleSelectFieldProps<T>,\n) => {\n  const theme = useTheme() as Theme;\n\n  const [searchValue, setSearchValue] = useState<string>('');\n\n  const { selectedValue, options, clearable, placeholder, onChange } = props;\n\n  const handleChange = (newValue: string) => {\n    const newSelection = options.find((option) => option.name === newValue);\n    onChange(newSelection);\n  };\n\n  // Auto-select first dimensionOrMeasure when is not clearable and there is no selection\n  useEffect(() => {\n    const autoSelectActive = !clearable && !selectedValue;\n\n    if (!autoSelectActive) return;\n\n    const firstDimension = options?.[0];\n\n    if (firstDimension) {\n      onChange(firstDimension);\n    }\n  }, [clearable, selectedValue, options, onChange]);\n\n  return (\n    <SingleSelectField\n      searchable\n      clearable={clearable}\n      placeholder={placeholder}\n      value={selectedValue?.name}\n      onChange={handleChange}\n      onSearch={setSearchValue}\n      options={getDimensionAndMeasureOptions({\n        dimensionsAndMeasures: options,\n        searchValue,\n        theme,\n      })}\n      avoidCollisions={false}\n    />\n  );\n};\n"],"names":["getDimensionAndMeasureOptions","dimensionsAndMeasures","searchValue","theme","themeFormatter","getThemeFormatter","dimensionOrMeasure","DimensionAndMeasureSingleSelectField","props","useTheme","setSearchValue","useState","selectedValue","options","clearable","placeholder","onChange","handleChange","newValue","newSelection","option","useEffect","firstDimension","jsx","SingleSelectField"],"mappings":";;;;AAKO,MAAMA,IAAgC,CAAC;AAAA,EAC5C,uBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AACF,MAI+B;AAC7B,QAAMC,IAAiBC,EAAkBF,CAAK;AAE9C,SAAOF,EACJ,OAAO,CAACK,MACAF,EACJ,wBAAwBE,CAAkB,EAC1C,cACA,SAASJ,EAAY,aAAa,CACtC,EACA,IAAI,CAACI,OACG;AAAA,IACL,OAAOA,EAAmB;AAAA,IAC1B,OAAOF,EAAe,wBAAwBE,CAAkB;AAAA,EAAA,EAEnE;AACL,GCdaC,IAAuC,CAClDC,MACG;AACH,QAAML,IAAQM,EAAA,GAER,CAACP,GAAaQ,CAAc,IAAIC,EAAiB,EAAE,GAEnD,EAAE,eAAAC,GAAe,SAAAC,GAAS,WAAAC,GAAW,aAAAC,GAAa,UAAAC,MAAaR,GAE/DS,IAAe,CAACC,MAAqB;AACzC,UAAMC,IAAeN,EAAQ,KAAK,CAACO,MAAWA,EAAO,SAASF,CAAQ;AACtE,IAAAF,EAASG,CAAY;AAAA,EACvB;AAGA,SAAAE,EAAU,MAAM;AAGd,QAAI,EAFqB,CAACP,KAAa,CAACF,GAEjB;AAEvB,UAAMU,IAAiBT,KAAA,gBAAAA,EAAU;AAEjC,IAAIS,KACFN,EAASM,CAAc;AAAA,EAE3B,GAAG,CAACR,GAAWF,GAAeC,GAASG,CAAQ,CAAC,GAG9CO,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,WAAAV;AAAA,MACA,aAAAC;AAAA,MACA,OAAOH,KAAA,gBAAAA,EAAe;AAAA,MACtB,UAAUK;AAAA,MACV,UAAUP;AAAA,MACV,SAASV,EAA8B;AAAA,QACrC,uBAAuBa;AAAA,QACvB,aAAAX;AAAA,QACA,OAAAC;AAAA,MAAA,CACD;AAAA,MACD,iBAAiB;AAAA,IAAA;AAAA,EAAA;AAGvB;"}
+{"version":3,"file":"DimensionAndMeasureSingleSelectField-Brm3ckSN.js","sources":["../src/components/editors/utils/dimensionsAndMeasures.utils.ts","../src/components/editors/shared/DimensionAndMeasureSingleSelectField/DimensionAndMeasureSingleSelectField.tsx"],"sourcesContent":["import { DimensionOrMeasure } from '@embeddable.com/core';\nimport { Theme } from '../../../theme/theme.types';\nimport { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\n\nexport const getDimensionAndMeasureOptions = ({\n  dimensionsAndMeasures,\n  searchValue,\n  theme,\n}: {\n  dimensionsAndMeasures: DimensionOrMeasure[];\n  searchValue: string;\n  theme: Theme;\n}): SelectListOptionProps[] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return dimensionsAndMeasures\n    .filter((dimensionOrMeasure) => {\n      return themeFormatter\n        .dimensionOrMeasureTitle(dimensionOrMeasure)\n        .toLowerCase()\n        .includes(searchValue.toLowerCase());\n    })\n    .map((dimensionOrMeasure) => {\n      return {\n        value: dimensionOrMeasure.name,\n        label: themeFormatter.dimensionOrMeasureTitle(dimensionOrMeasure),\n      };\n    });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { useEffect, useState } from 'react';\nimport { SingleSelectField } from '@embeddable.com/remarkable-ui';\nimport { getDimensionAndMeasureOptions } from '../../utils/dimensionsAndMeasures.utils';\nimport { Dimension, Measure } from '@embeddable.com/core';\n\ntype DimensionAndMeasureSingleSelectFieldProps<T> = {\n  selectedValue?: T;\n  options: T[];\n  placeholder?: string;\n  clearable?: boolean;\n  onChange: (value: T | undefined) => void;\n};\n\nexport const DimensionAndMeasureSingleSelectField = <T extends Dimension | Measure>(\n  props: DimensionAndMeasureSingleSelectFieldProps<T>,\n) => {\n  const theme = useTheme() as Theme;\n\n  const [searchValue, setSearchValue] = useState<string>('');\n\n  const { selectedValue, options, clearable, placeholder, onChange } = props;\n\n  const handleChange = (newValue: string) => {\n    const newSelection = options.find((option) => option.name === newValue);\n    onChange(newSelection);\n  };\n\n  // Auto-select first dimensionOrMeasure when is not clearable and there is no selection\n  useEffect(() => {\n    const autoSelectActive = !clearable && !selectedValue;\n\n    if (!autoSelectActive) return;\n\n    const firstDimension = options?.[0];\n\n    if (firstDimension) {\n      onChange(firstDimension);\n    }\n  }, [clearable, selectedValue, options, onChange]);\n\n  return (\n    <SingleSelectField\n      searchable\n      clearable={clearable}\n      placeholder={placeholder}\n      value={selectedValue?.name}\n      onChange={handleChange}\n      onSearch={setSearchValue}\n      options={getDimensionAndMeasureOptions({\n        dimensionsAndMeasures: options,\n        searchValue,\n        theme,\n      })}\n      avoidCollisions={false}\n    />\n  );\n};\n"],"names":["getDimensionAndMeasureOptions","dimensionsAndMeasures","searchValue","theme","themeFormatter","getThemeFormatter","dimensionOrMeasure","DimensionAndMeasureSingleSelectField","props","useTheme","setSearchValue","useState","selectedValue","options","clearable","placeholder","onChange","handleChange","newValue","newSelection","option","useEffect","firstDimension","jsx","SingleSelectField"],"mappings":";;;;AAKO,MAAMA,IAAgC,CAAC;AAAA,EAC5C,uBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AACF,MAI+B;AAC7B,QAAMC,IAAiBC,EAAkBF,CAAK;AAE9C,SAAOF,EACJ,OAAO,CAACK,MACAF,EACJ,wBAAwBE,CAAkB,EAC1C,cACA,SAASJ,EAAY,aAAa,CACtC,EACA,IAAI,CAACI,OACG;AAAA,IACL,OAAOA,EAAmB;AAAA,IAC1B,OAAOF,EAAe,wBAAwBE,CAAkB;AAAA,EAAA,EAEnE;AACL,GCdaC,IAAuC,CAClDC,MACG;AACH,QAAML,IAAQM,EAAA,GAER,CAACP,GAAaQ,CAAc,IAAIC,EAAiB,EAAE,GAEnD,EAAE,eAAAC,GAAe,SAAAC,GAAS,WAAAC,GAAW,aAAAC,GAAa,UAAAC,MAAaR,GAE/DS,IAAe,CAACC,MAAqB;AACzC,UAAMC,IAAeN,EAAQ,KAAK,CAACO,MAAWA,EAAO,SAASF,CAAQ;AACtE,IAAAF,EAASG,CAAY;AAAA,EACvB;AAGA,SAAAE,EAAU,MAAM;AAGd,QAAI,EAFqB,CAACP,KAAa,CAACF,GAEjB;AAEvB,UAAMU,IAAiBT,KAAA,gBAAAA,EAAU;AAEjC,IAAIS,KACFN,EAASM,CAAc;AAAA,EAE3B,GAAG,CAACR,GAAWF,GAAeC,GAASG,CAAQ,CAAC,GAG9CO,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,WAAAV;AAAA,MACA,aAAAC;AAAA,MACA,OAAOH,KAAA,gBAAAA,EAAe;AAAA,MACtB,UAAUK;AAAA,MACV,UAAUP;AAAA,MACV,SAASV,EAA8B;AAAA,QACrC,uBAAuBa;AAAA,QACvB,aAAAX;AAAA,QACA,OAAAC;AAAA,MAAA,CACD;AAAA,MACD,iBAAiB;AAAA,IAAA;AAAA,EAAA;AAGvB;"}

package/dist/DimensionSingleSelectFieldPro.js

@@ -1,9 +1,9 @@
-import { j as i, V as o } from "./Color.type.emb-CGyFSpIN.js";
+import { j as i, V as o } from "./Color.type.emb-DIW_7wKP.js";
 import { useTheme as g, definePreview as S, defineComponent as v } from "@embeddable.com/react";
-import { E as h } from "./EditorCard-C8PKNLWT.js";
-import { a as D, r as b, b as e } from "./component.inputs.constants-MAjey7Me.js";
-import { D as C } from "./DimensionAndMeasureSingleSelectField-BOWAqIok.js";
-import { p as t } from "./preview.data.constants-Cdk-GUa5.js";
+import { E as h } from "./EditorCard-bUK0G4W-.js";
+import { a as D, r as b, b as e } from "./component.inputs.constants-C-pP69Lh.js";
+import { D as C } from "./DimensionAndMeasureSingleSelectField-Brm3ckSN.js";
+import { p as t } from "./preview.data.constants-C-K-9fN3.js";
 const s = (n) => {
   const l = g();
   D(l);

package/dist/DonutChartPro.js

@@ -1,8 +1,8 @@
-import { V as n, l as a } from "./Color.type.emb-CGyFSpIN.js";
+import { V as n, l as a } from "./Color.type.emb-DIW_7wKP.js";
 import { definePreview as r, defineComponent as i } from "@embeddable.com/react";
-import { D as s } from "./index-DPF51yD5.js";
-import { b as e } from "./component.inputs.constants-MAjey7Me.js";
-import { p as o } from "./preview.data.constants-Cdk-GUa5.js";
+import { D as s } from "./index-N-gqdjk3.js";
+import { b as e } from "./component.inputs.constants-C-pP69Lh.js";
+import { p as o } from "./preview.data.constants-C-K-9fN3.js";
 const m = {
   name: "DonutChartPro",
   label: "Donut Chart",

package/dist/DonutLabelChartPro.js

@@ -1,8 +1,8 @@
-import { D as r } from "./index-BWJHhuBQ.js";
-import { V as s, l as t } from "./Color.type.emb-CGyFSpIN.js";
+import { D as r } from "./index-DsWAqQ07.js";
+import { V as s, l as t } from "./Color.type.emb-DIW_7wKP.js";
 import { definePreview as o, defineComponent as i } from "@embeddable.com/react";
-import { b as e } from "./component.inputs.constants-MAjey7Me.js";
-import { p as n } from "./preview.data.constants-Cdk-GUa5.js";
+import { b as e } from "./component.inputs.constants-C-pP69Lh.js";
+import { p as n } from "./preview.data.constants-C-K-9fN3.js";
 const l = {
   name: "DonutLabelChartPro",
   label: "Donut Label Chart",

package/dist/{EditorCard-C8PKNLWT.js → EditorCard-bUK0G4W-.js}

@@ -1,6 +1,6 @@
-import { j as r, r as c, s as m, t as C, v as l } from "./Color.type.emb-CGyFSpIN.js";
+import { j as r, r as c, s as m, t as C, v as l } from "./Color.type.emb-DIW_7wKP.js";
 import { useTheme as p } from "@embeddable.com/react";
-import { a as u, I as x, i as j } from "./component.inputs.constants-MAjey7Me.js";
+import { a as u, I as x, i as j } from "./component.inputs.constants-C-pP69Lh.js";
 const f = "_editorCard_1q85m_1", h = {
   editorCard: f
 }, v = ({
@@ -30,4 +30,4 @@ const f = "_editorCard_1q85m_1", h = {
 export {
   v as E
 };
-//# sourceMappingURL=EditorCard-C8PKNLWT.js.map
+//# sourceMappingURL=EditorCard-bUK0G4W-.js.map

package/dist/{EditorCard-C8PKNLWT.js.map → EditorCard-bUK0G4W-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EditorCard-C8PKNLWT.js","sources":["../src/components/editors/shared/EditorCard/EditorCard.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport styles from './EditorCard.module.css';\nimport { FC } from 'react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { Card, CardContent, CardFeedback, CardHeader } from '@embeddable.com/remarkable-ui';\nimport { IconAlertCircle } from '@tabler/icons-react';\n\nexport type EditorCardHeaderProps = {\n  title?: string;\n  description?: string;\n  tooltip?: string;\n};\n\ntype EditorCardProps = {\n  children: React.ReactNode;\n  errorMessage?: string;\n} & EditorCardHeaderProps;\n\nexport const EditorCard: FC<EditorCardProps> = ({\n  title,\n  description,\n  tooltip,\n  children,\n  errorMessage,\n  ...props\n}) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const getDisplay = () => {\n    if (errorMessage) {\n      return (\n        <CardFeedback\n          variant=\"error\"\n          icon={IconAlertCircle}\n          title={i18n.t('editors.errorTitle')}\n          message={errorMessage}\n        />\n      );\n    }\n\n    return children;\n  };\n\n  return (\n    <Card className={styles.editorCard} {...props}>\n      <CardHeader title={title} subtitle={description} tooltip={tooltip} />\n      <CardContent>{getDisplay()}</CardContent>\n    </Card>\n  );\n};\n"],"names":["EditorCard","title","description","tooltip","children","errorMessage","props","theme","useTheme","i18nSetup","getDisplay","jsx","CardFeedback","IconAlertCircle","i18n","Card","styles","CardHeader","CardContent"],"mappings":";;;;;GAmBaA,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAMG,IAAa,MACbL,IAEAM,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAMC;AAAA,MACN,OAAOC,EAAK,EAAE,oBAAoB;AAAA,MAClC,SAAST;AAAA,IAAA;AAAA,EAAA,IAKRD;AAGT,gCACGW,GAAA,EAAK,WAAWC,EAAO,YAAa,GAAGV,GACtC,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAACM,GAAA,EAAW,OAAAhB,GAAc,UAAUC,GAAa,SAAAC,GAAkB;AAAA,IACnEQ,gBAAAA,EAAAA,IAACO,GAAA,EAAa,UAAAR,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;"}
+{"version":3,"file":"EditorCard-bUK0G4W-.js","sources":["../src/components/editors/shared/EditorCard/EditorCard.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport styles from './EditorCard.module.css';\nimport { FC } from 'react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { Card, CardContent, CardFeedback, CardHeader } from '@embeddable.com/remarkable-ui';\nimport { IconAlertCircle } from '@tabler/icons-react';\n\nexport type EditorCardHeaderProps = {\n  title?: string;\n  description?: string;\n  tooltip?: string;\n};\n\ntype EditorCardProps = {\n  children: React.ReactNode;\n  errorMessage?: string;\n} & EditorCardHeaderProps;\n\nexport const EditorCard: FC<EditorCardProps> = ({\n  title,\n  description,\n  tooltip,\n  children,\n  errorMessage,\n  ...props\n}) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const getDisplay = () => {\n    if (errorMessage) {\n      return (\n        <CardFeedback\n          variant=\"error\"\n          icon={IconAlertCircle}\n          title={i18n.t('editors.errorTitle')}\n          message={errorMessage}\n        />\n      );\n    }\n\n    return children;\n  };\n\n  return (\n    <Card className={styles.editorCard} {...props}>\n      <CardHeader title={title} subtitle={description} tooltip={tooltip} />\n      <CardContent>{getDisplay()}</CardContent>\n    </Card>\n  );\n};\n"],"names":["EditorCard","title","description","tooltip","children","errorMessage","props","theme","useTheme","i18nSetup","getDisplay","jsx","CardFeedback","IconAlertCircle","i18n","Card","styles","CardHeader","CardContent"],"mappings":";;;;;GAmBaA,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAMG,IAAa,MACbL,IAEAM,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAMC;AAAA,MACN,OAAOC,EAAK,EAAE,oBAAoB;AAAA,MAClC,SAAST;AAAA,IAAA;AAAA,EAAA,IAKRD;AAGT,gCACGW,GAAA,EAAK,WAAWC,EAAO,YAAa,GAAGV,GACtC,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAACM,GAAA,EAAW,OAAAhB,GAAc,UAAUC,GAAa,SAAAC,GAAkB;AAAA,IACnEQ,gBAAAA,EAAAA,IAACO,GAAA,EAAa,UAAAR,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;"}

package/dist/{GranularitySelectField-DUbr0dRq.js → GranularitySelectField-CSeNBHaM.js}

@@ -1,7 +1,7 @@
-import { j as E, S as F } from "./Color.type.emb-CGyFSpIN.js";
+import { j as E, S as F } from "./Color.type.emb-DIW_7wKP.js";
 import { useMemo as g, useEffect as C } from "react";
 import { useTheme as G } from "@embeddable.com/react";
-import { f as N, e as d, a as w } from "./component.inputs.constants-MAjey7Me.js";
+import { f as N, e as d, a as w } from "./component.inputs.constants-C-pP69Lh.js";
 const D = 1, v = 100, x = () => N.map((e) => ({
   ...e,
   label: d(e.label)
@@ -101,4 +101,4 @@ const k = (e, t, r) => {
 export {
   K as G
 };
-//# sourceMappingURL=GranularitySelectField-DUbr0dRq.js.map
+//# sourceMappingURL=GranularitySelectField-CSeNBHaM.js.map

package/dist/{GranularitySelectField-DUbr0dRq.js.map → GranularitySelectField-CSeNBHaM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GranularitySelectField-DUbr0dRq.js","sources":["../src/components/editors/shared/GranularitySelectField/GranularitySelectField.utils.ts","../src/components/editors/shared/GranularitySelectField/GranularitySelectField.tsx"],"sourcesContent":["import { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { Granularity, TimeRange } from '@embeddable.com/core';\nimport {\n  defaultGranularitySelectFieldOptions,\n  TGranularityValue,\n} from '../../../../theme/defaults/defaults.GranularityOptions.constants';\nimport { resolveI18nString } from '../../../component.utils';\n\nconst DEFAULT_MIN_BUCKETS = 1;\nconst DEFAULT_MAX_BUCKETS = 100;\n\nexport const getGranularitySelectFieldOptions = (): SelectListOptionProps[] => {\n  return defaultGranularitySelectFieldOptions.map((opt) => ({\n    ...opt,\n    label: resolveI18nString(opt.label),\n  }));\n};\n\n// Convert possibly-string timestamps to Date safely.\nconst toDate = (d: unknown): Date | null => {\n  if (d instanceof Date) return Number.isNaN(d.getTime()) ? null : d;\n  if (typeof d === 'string' || typeof d === 'number') {\n    const parsed = new Date(d);\n    return Number.isNaN(parsed.getTime()) ? null : parsed;\n  }\n  return null;\n};\n\n// Inclusive end -> Exclusive end helper (only used for sub-day diffs)\nconst toExclusiveEnd = (endInclusive: Date): Date => new Date(endInclusive.getTime() + 1);\n\nconst bucketCountByUnit = (start: Date, endExclusive: Date, unitMs: number): number => {\n  return (endExclusive.getTime() - start.getTime()) / unitMs;\n};\n\n// Bucket counting (treat end as INCLUSIVE)\nfunction bucketCount(start: Date, endInclusive: Date, granularity: Granularity): number {\n  if (start > endInclusive) return 0;\n\n  switch (granularity) {\n    case 'second':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 1000);\n\n    case 'minute':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 60 * 1000);\n\n    case 'hour':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 60 * 60 * 1000);\n\n    case 'day':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 24 * 60 * 60 * 1000);\n\n    case 'week':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 7 * 24 * 60 * 60 * 1000);\n\n    case 'month':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 28 * 24 * 60 * 60 * 1000); // shortest month\n\n    case 'quarter':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 90 * 24 * 60 * 60 * 1000); // shortest quarter\n\n    case 'year':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 365 * 24 * 60 * 60 * 1000); // shortest year\n  }\n}\n\nconst isGranularityValid = (\n  start: Date,\n  endInclusive: Date,\n  granularity: TGranularityValue,\n): boolean => {\n  const buckets = bucketCount(start, endInclusive, granularity);\n  return buckets >= DEFAULT_MIN_BUCKETS && buckets <= DEFAULT_MAX_BUCKETS;\n};\n\nexport const getAvailableGranularityOptionsFromTimeRange = (\n  timeRange: TimeRange,\n  allOptions: SelectListOptionProps[],\n): SelectListOptionProps[] => {\n  if (!timeRange) return allOptions;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const from = toDate((timeRange as any)?.from);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const to = toDate((timeRange as any)?.to);\n\n  // If we can’t parse range, don’t hide anything (fail open)\n  if (!from || !to) return allOptions;\n\n  const validSet = new Set<TGranularityValue>();\n\n  for (const opt of allOptions) {\n    const g = opt.value as TGranularityValue;\n    if (isGranularityValid(from, to, g)) {\n      validSet.add(g);\n    }\n  }\n\n  // preserve original UI ordering\n  return allOptions.filter((opt) => validSet.has(opt.value as TGranularityValue));\n};\n\nexport const getSafeSelection = (\n  availableOptions: SelectListOptionProps[],\n  granularity?: Granularity,\n): Granularity | undefined => {\n  if (!granularity) {\n    return undefined;\n  }\n\n  if (availableOptions.some((opt) => opt.value === granularity)) {\n    return granularity;\n  }\n\n  const optionToSelect = availableOptions.length > 2 ? 1 : 0;\n\n  return availableOptions[optionToSelect]?.value as Granularity;\n};\n","import { useEffect, useMemo } from 'react';\nimport { useTheme } from '@embeddable.com/react';\nimport { SingleSelectField, SingleSelectFieldProps } from '@embeddable.com/remarkable-ui';\nimport { Granularity, TimeRange } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport {\n  getAvailableGranularityOptionsFromTimeRange,\n  getGranularitySelectFieldOptions,\n  getSafeSelection,\n} from './GranularitySelectField.utils';\nimport { TGranularityValue } from '../../../../theme/defaults/defaults.GranularityOptions.constants';\nimport { ChartCardHeaderProps } from '../../../charts/shared/ChartCard/ChartCard';\n\nexport type GranularitySelectFieldProps = {\n  onChange: (newGranularity: Granularity) => void;\n  primaryTimeRange?: TimeRange;\n  granularity?: TGranularityValue;\n  granularities?: TGranularityValue[];\n} & ChartCardHeaderProps &\n  Pick<SingleSelectFieldProps, 'variant' | 'side' | 'align' | 'clearable' | 'placeholder'>;\n\nexport const GranularitySelectField = (props: GranularitySelectFieldProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    granularity,\n    granularities,\n    clearable,\n    placeholder,\n    primaryTimeRange,\n    variant,\n    side,\n    align,\n    onChange,\n  } = props;\n\n  const granularitySelectFieldOptions = getGranularitySelectFieldOptions();\n\n  const availableOptions = useMemo(() => {\n    return getAvailableGranularityOptionsFromTimeRange(\n      primaryTimeRange,\n      granularitySelectFieldOptions.filter((opt) =>\n        granularities?.includes(opt.value as TGranularityValue),\n      ),\n    );\n  }, [primaryTimeRange, granularities]);\n\n  useEffect(() => {\n    if (granularity) {\n      // Selected granularity is not available\n      // Select 1st available option when number of options is =< 2\n      // Select 2nd option to avoid when number of options > 2\n      if (!availableOptions.some((opt) => opt.value === granularity)) {\n        const newGranularity = getSafeSelection(availableOptions, granularity);\n        if (newGranularity) {\n          onChange(newGranularity as Granularity);\n        }\n      }\n    }\n  }, [availableOptions, granularity, onChange]);\n\n  const safeValue = getSafeSelection(availableOptions, granularity);\n\n  return (\n    <SingleSelectField\n      variant={variant}\n      clearable={clearable}\n      placeholder={placeholder}\n      value={safeValue}\n      options={availableOptions}\n      onChange={(newValue) => onChange(newValue as Granularity)}\n      avoidCollisions={false}\n      side={side}\n      align={align}\n    />\n  );\n};\n"],"names":["DEFAULT_MIN_BUCKETS","DEFAULT_MAX_BUCKETS","getGranularitySelectFieldOptions","defaultGranularitySelectFieldOptions","opt","resolveI18nString","toDate","d","parsed","toExclusiveEnd","endInclusive","bucketCountByUnit","start","endExclusive","unitMs","bucketCount","granularity","isGranularityValid","buckets","getAvailableGranularityOptionsFromTimeRange","timeRange","allOptions","from","to","validSet","g","getSafeSelection","availableOptions","optionToSelect","_a","GranularitySelectField","props","theme","useTheme","i18nSetup","granularities","clearable","placeholder","primaryTimeRange","variant","side","align","onChange","granularitySelectFieldOptions","useMemo","useEffect","newGranularity","safeValue","jsx","SingleSelectField","newValue"],"mappings":"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"}
+{"version":3,"file":"GranularitySelectField-CSeNBHaM.js","sources":["../src/components/editors/shared/GranularitySelectField/GranularitySelectField.utils.ts","../src/components/editors/shared/GranularitySelectField/GranularitySelectField.tsx"],"sourcesContent":["import { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { Granularity, TimeRange } from '@embeddable.com/core';\nimport {\n  defaultGranularitySelectFieldOptions,\n  TGranularityValue,\n} from '../../../../theme/defaults/defaults.GranularityOptions.constants';\nimport { resolveI18nString } from '../../../component.utils';\n\nconst DEFAULT_MIN_BUCKETS = 1;\nconst DEFAULT_MAX_BUCKETS = 100;\n\nexport const getGranularitySelectFieldOptions = (): SelectListOptionProps[] => {\n  return defaultGranularitySelectFieldOptions.map((opt) => ({\n    ...opt,\n    label: resolveI18nString(opt.label),\n  }));\n};\n\n// Convert possibly-string timestamps to Date safely.\nconst toDate = (d: unknown): Date | null => {\n  if (d instanceof Date) return Number.isNaN(d.getTime()) ? null : d;\n  if (typeof d === 'string' || typeof d === 'number') {\n    const parsed = new Date(d);\n    return Number.isNaN(parsed.getTime()) ? null : parsed;\n  }\n  return null;\n};\n\n// Inclusive end -> Exclusive end helper (only used for sub-day diffs)\nconst toExclusiveEnd = (endInclusive: Date): Date => new Date(endInclusive.getTime() + 1);\n\nconst bucketCountByUnit = (start: Date, endExclusive: Date, unitMs: number): number => {\n  return (endExclusive.getTime() - start.getTime()) / unitMs;\n};\n\n// Bucket counting (treat end as INCLUSIVE)\nfunction bucketCount(start: Date, endInclusive: Date, granularity: Granularity): number {\n  if (start > endInclusive) return 0;\n\n  switch (granularity) {\n    case 'second':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 1000);\n\n    case 'minute':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 60 * 1000);\n\n    case 'hour':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 60 * 60 * 1000);\n\n    case 'day':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 24 * 60 * 60 * 1000);\n\n    case 'week':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 7 * 24 * 60 * 60 * 1000);\n\n    case 'month':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 28 * 24 * 60 * 60 * 1000); // shortest month\n\n    case 'quarter':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 90 * 24 * 60 * 60 * 1000); // shortest quarter\n\n    case 'year':\n      return bucketCountByUnit(start, toExclusiveEnd(endInclusive), 365 * 24 * 60 * 60 * 1000); // shortest year\n  }\n}\n\nconst isGranularityValid = (\n  start: Date,\n  endInclusive: Date,\n  granularity: TGranularityValue,\n): boolean => {\n  const buckets = bucketCount(start, endInclusive, granularity);\n  return buckets >= DEFAULT_MIN_BUCKETS && buckets <= DEFAULT_MAX_BUCKETS;\n};\n\nexport const getAvailableGranularityOptionsFromTimeRange = (\n  timeRange: TimeRange,\n  allOptions: SelectListOptionProps[],\n): SelectListOptionProps[] => {\n  if (!timeRange) return allOptions;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const from = toDate((timeRange as any)?.from);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const to = toDate((timeRange as any)?.to);\n\n  // If we can’t parse range, don’t hide anything (fail open)\n  if (!from || !to) return allOptions;\n\n  const validSet = new Set<TGranularityValue>();\n\n  for (const opt of allOptions) {\n    const g = opt.value as TGranularityValue;\n    if (isGranularityValid(from, to, g)) {\n      validSet.add(g);\n    }\n  }\n\n  // preserve original UI ordering\n  return allOptions.filter((opt) => validSet.has(opt.value as TGranularityValue));\n};\n\nexport const getSafeSelection = (\n  availableOptions: SelectListOptionProps[],\n  granularity?: Granularity,\n): Granularity | undefined => {\n  if (!granularity) {\n    return undefined;\n  }\n\n  if (availableOptions.some((opt) => opt.value === granularity)) {\n    return granularity;\n  }\n\n  const optionToSelect = availableOptions.length > 2 ? 1 : 0;\n\n  return availableOptions[optionToSelect]?.value as Granularity;\n};\n","import { useEffect, useMemo } from 'react';\nimport { useTheme } from '@embeddable.com/react';\nimport { SingleSelectField, SingleSelectFieldProps } from '@embeddable.com/remarkable-ui';\nimport { Granularity, TimeRange } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport {\n  getAvailableGranularityOptionsFromTimeRange,\n  getGranularitySelectFieldOptions,\n  getSafeSelection,\n} from './GranularitySelectField.utils';\nimport { TGranularityValue } from '../../../../theme/defaults/defaults.GranularityOptions.constants';\nimport { ChartCardHeaderProps } from '../../../charts/shared/ChartCard/ChartCard';\n\nexport type GranularitySelectFieldProps = {\n  onChange: (newGranularity: Granularity) => void;\n  primaryTimeRange?: TimeRange;\n  granularity?: TGranularityValue;\n  granularities?: TGranularityValue[];\n} & ChartCardHeaderProps &\n  Pick<SingleSelectFieldProps, 'variant' | 'side' | 'align' | 'clearable' | 'placeholder'>;\n\nexport const GranularitySelectField = (props: GranularitySelectFieldProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    granularity,\n    granularities,\n    clearable,\n    placeholder,\n    primaryTimeRange,\n    variant,\n    side,\n    align,\n    onChange,\n  } = props;\n\n  const granularitySelectFieldOptions = getGranularitySelectFieldOptions();\n\n  const availableOptions = useMemo(() => {\n    return getAvailableGranularityOptionsFromTimeRange(\n      primaryTimeRange,\n      granularitySelectFieldOptions.filter((opt) =>\n        granularities?.includes(opt.value as TGranularityValue),\n      ),\n    );\n  }, [primaryTimeRange, granularities]);\n\n  useEffect(() => {\n    if (granularity) {\n      // Selected granularity is not available\n      // Select 1st available option when number of options is =< 2\n      // Select 2nd option to avoid when number of options > 2\n      if (!availableOptions.some((opt) => opt.value === granularity)) {\n        const newGranularity = getSafeSelection(availableOptions, granularity);\n        if (newGranularity) {\n          onChange(newGranularity as Granularity);\n        }\n      }\n    }\n  }, [availableOptions, granularity, onChange]);\n\n  const safeValue = getSafeSelection(availableOptions, granularity);\n\n  return (\n    <SingleSelectField\n      variant={variant}\n      clearable={clearable}\n      placeholder={placeholder}\n      value={safeValue}\n      options={availableOptions}\n      onChange={(newValue) => onChange(newValue as Granularity)}\n      avoidCollisions={false}\n      side={side}\n      align={align}\n    />\n  );\n};\n"],"names":["DEFAULT_MIN_BUCKETS","DEFAULT_MAX_BUCKETS","getGranularitySelectFieldOptions","defaultGranularitySelectFieldOptions","opt","resolveI18nString","toDate","d","parsed","toExclusiveEnd","endInclusive","bucketCountByUnit","start","endExclusive","unitMs","bucketCount","granularity","isGranularityValid","buckets","getAvailableGranularityOptionsFromTimeRange","timeRange","allOptions","from","to","validSet","g","getSafeSelection","availableOptions","optionToSelect","_a","GranularitySelectField","props","theme","useTheme","i18nSetup","granularities","clearable","placeholder","primaryTimeRange","variant","side","align","onChange","granularitySelectFieldOptions","useMemo","useEffect","newGranularity","safeValue","jsx","SingleSelectField","newValue"],"mappings":"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"}

package/dist/GranularitySelectFieldPro.js

@@ -1,8 +1,8 @@
 import { useTheme as y, definePreview as f, defineComponent as b } from "@embeddable.com/react";
-import { j as t, V as v } from "./Color.type.emb-CGyFSpIN.js";
-import { a as h, r as S, G as e, b as a } from "./component.inputs.constants-MAjey7Me.js";
-import { E as P } from "./EditorCard-C8PKNLWT.js";
-import { G as C } from "./GranularitySelectField-DUbr0dRq.js";
+import { j as t, V as v } from "./Color.type.emb-DIW_7wKP.js";
+import { a as h, r as S, G as e, b as a } from "./component.inputs.constants-C-pP69Lh.js";
+import { E as P } from "./EditorCard-bUK0G4W-.js";
+import { G as C } from "./GranularitySelectField-CSeNBHaM.js";
 const l = (r) => {
   const n = y();
   h(n);

package/dist/HeatMapPro.js

@@ -1,8 +1,8 @@
-import { g as a, l as i } from "./Color.type.emb-CGyFSpIN.js";
+import { g as a, l as i } from "./Color.type.emb-DIW_7wKP.js";
 import { definePreview as r, defineComponent as l } from "@embeddable.com/react";
-import { H as n } from "./index-DjdyOpZx.js";
-import { b as e } from "./component.inputs.constants-MAjey7Me.js";
-import { p as t } from "./preview.data.constants-Cdk-GUa5.js";
+import { H as n } from "./index-ip8hWzE9.js";
+import { b as e } from "./component.inputs.constants-C-pP69Lh.js";
+import { p as t } from "./preview.data.constants-C-K-9fN3.js";
 const m = {
   name: "HeatMapPro",
   label: "Heat Map",

package/dist/{IconCalendarFilled-BOHNn82C.js → IconCalendarFilled-DOfzKqWp.js}

@@ -1,4 +1,4 @@
-import { i as a } from "./Color.type.emb-CGyFSpIN.js";
+import { i as a } from "./Color.type.emb-DIW_7wKP.js";
 /**
  * @license @tabler/icons-react v3.36.1 - MIT
  *
@@ -9,4 +9,4 @@ const l = [["path", { d: "M16 2a1 1 0 0 1 .993 .883l.007 .117v1h1a3 3 0 0 1 2.99
 export {
   v as I
 };
-//# sourceMappingURL=IconCalendarFilled-BOHNn82C.js.map
+//# sourceMappingURL=IconCalendarFilled-DOfzKqWp.js.map

package/dist/{IconCalendarFilled-BOHNn82C.js.map → IconCalendarFilled-DOfzKqWp.js.map}

@@ -1 +1 @@
-{"version":3,"file":"IconCalendarFilled-BOHNn82C.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconCalendarFilled.mjs"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.36.1 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M16 2a1 1 0 0 1 .993 .883l.007 .117v1h1a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h1v-1a1 1 0 0 1 1.993 -.117l.007 .117v1h6v-1a1 1 0 0 1 1 -1zm3 7h-14v9.625c0 .705 .386 1.286 .883 1.366l.117 .009h12c.513 0 .936 -.53 .993 -1.215l.007 -.16v-9.625z\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M12 12a1 1 0 0 1 .993 .883l.007 .117v3a1 1 0 0 1 -1.993 .117l-.007 -.117v-2a1 1 0 0 1 -.117 -1.993l.117 -.007h1z\", \"key\": \"svg-1\" }]];\nconst IconCalendarFilled = createReactComponent(\"filled\", \"calendar-filled\", \"CalendarFilled\", __iconNode);\n\nexport { __iconNode, IconCalendarFilled as default };\n//# sourceMappingURL=IconCalendarFilled.mjs.map\n"],"names":["__iconNode","IconCalendarFilled","createReactComponent"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,iWAAiW,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,oHAAoH,KAAO,QAAO,CAAE,CAAC,GACviBC,IAAqBC,EAAqB,UAAU,mBAAmB,kBAAkBF,CAAU;","x_google_ignoreList":[0]}
+{"version":3,"file":"IconCalendarFilled-DOfzKqWp.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconCalendarFilled.mjs"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.36.1 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M16 2a1 1 0 0 1 .993 .883l.007 .117v1h1a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h1v-1a1 1 0 0 1 1.993 -.117l.007 .117v1h6v-1a1 1 0 0 1 1 -1zm3 7h-14v9.625c0 .705 .386 1.286 .883 1.366l.117 .009h12c.513 0 .936 -.53 .993 -1.215l.007 -.16v-9.625z\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M12 12a1 1 0 0 1 .993 .883l.007 .117v3a1 1 0 0 1 -1.993 .117l-.007 -.117v-2a1 1 0 0 1 -.117 -1.993l.117 -.007h1z\", \"key\": \"svg-1\" }]];\nconst IconCalendarFilled = createReactComponent(\"filled\", \"calendar-filled\", \"CalendarFilled\", __iconNode);\n\nexport { __iconNode, IconCalendarFilled as default };\n//# sourceMappingURL=IconCalendarFilled.mjs.map\n"],"names":["__iconNode","IconCalendarFilled","createReactComponent"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,iWAAiW,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,oHAAoH,KAAO,QAAO,CAAE,CAAC,GACviBC,IAAqBC,EAAqB,UAAU,mBAAmB,kBAAkBF,CAAU;","x_google_ignoreList":[0]}

package/dist/KpiChartNumberComparisonPro.js

@@ -1,55 +1,56 @@
 import { definePreview as s, defineComponent as l } from "@embeddable.com/react";
-import { K as t } from "./index-KyBmwDIm.js";
-import { l as i } from "./Color.type.emb-CGyFSpIN.js";
-import { b as a } from "./component.inputs.constants-MAjey7Me.js";
-import { p as o } from "./preview.data.constants-Cdk-GUa5.js";
+import { K as t } from "./index-DObNJhT7.js";
+import { l as i } from "./Color.type.emb-DIW_7wKP.js";
+import { b as e } from "./component.inputs.constants-C-pP69Lh.js";
+import { p as o } from "./preview.data.constants-C-K-9fN3.js";
 const p = {
   name: "KpiChartNumberComparisonPro",
   label: "Kpi Chart - Number Comparison",
   category: "Kpi Charts",
   inputs: [
-    a.dataset,
-    a.measure,
-    { ...a.dimensionTime, name: "timeProperty", label: "Time property" },
+    e.dataset,
+    e.measure,
+    { ...e.dimensionTime, name: "timeProperty", label: "Time property" },
     {
-      ...a.timeRange,
+      ...e.timeRange,
       name: "primaryDateRange",
       label: "Primary date-range",
       description: "You can also connect this to a date range selector using its variable",
       category: "Component Data"
     },
     {
-      ...a.comparisonPeriod,
+      ...e.comparisonPeriod,
       description: "You can also connect this to a comparison period selector using its variable",
       category: "Component Data"
     },
-    a.title,
-    a.description,
-    a.tooltip,
+    e.title,
+    e.description,
+    e.tooltip,
+    e.displayNullAs,
     {
-      ...a.boolean,
+      ...e.boolean,
       name: "displayChangeAsPercentage",
       label: "Display change as %",
       defaultValue: !1,
       category: "Component Settings"
     },
     {
-      ...a.number,
+      ...e.number,
       name: "percentageDecimalPlaces",
       label: "Percentage decimal places",
       defaultValue: 1,
       category: "Component Settings"
     },
     {
-      ...a.boolean,
+      ...e.boolean,
       name: "reversePositiveNegativeColors",
       label: "Reverse positive/negative colors",
       defaultValue: !1,
       category: "Component Settings"
     },
-    a.fontSize,
+    e.fontSize,
     {
-      ...a.fontSize,
+      ...e.fontSize,
       name: "changeFontSize",
       label: "Trend font-size"
     }
@@ -64,30 +65,30 @@ const p = {
   fontSize: 100,
   hideMenu: !0
 }), v = l(t, p, {
-  props: (e, [r, n]) => ({
-    ...e,
-    comparisonPeriod: e.comparisonPeriod,
+  props: (a, [r, n]) => ({
+    ...a,
+    comparisonPeriod: a.comparisonPeriod,
     comparisonDateRange: r == null ? void 0 : r.comparisonDateRange,
     setComparisonDateRange: (m) => n({ comparisonDateRange: m }),
     results: i({
-      from: e.dataset,
-      select: [e.measure],
+      from: a.dataset,
+      select: [a.measure],
       limit: 1,
-      filters: e.primaryDateRange && e.timeProperty ? [
+      filters: a.primaryDateRange && a.timeProperty ? [
         {
-          property: e.timeProperty,
+          property: a.timeProperty,
           operator: "inDateRange",
-          value: e.primaryDateRange
+          value: a.primaryDateRange
         }
       ] : void 0
     }),
-    resultsComparison: e.primaryDateRange && e.timeProperty && (r != null && r.comparisonDateRange) ? i({
-      from: e.dataset,
-      select: [e.measure],
+    resultsComparison: a.primaryDateRange && a.timeProperty && (r != null && r.comparisonDateRange) ? i({
+      from: a.dataset,
+      select: [a.measure],
       limit: 1,
       filters: [
         {
-          property: e.timeProperty,
+          property: a.timeProperty,
           operator: "inDateRange",
           value: r.comparisonDateRange
         }

package/dist/KpiChartNumberComparisonPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"KpiChartNumberComparisonPro.js","sources":["../src/components/charts/kpis/KpiChartNumberComparisonPro/KpiChartNumberComparisonPro.emb.ts"],"sourcesContent":["import {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport KpiChartNumberComparisonPro from './index';\nimport { loadData, TimeRange } from '@embeddable.com/core';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nexport const meta = {\n  name: 'KpiChartNumberComparisonPro',\n  label: 'Kpi Chart - Number Comparison',\n  category: 'Kpi Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    { ...inputs.dimensionTime, name: 'timeProperty', label: 'Time property' },\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    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    {\n      ...inputs.boolean,\n      name: 'displayChangeAsPercentage',\n      label: 'Display change as %',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'percentageDecimalPlaces',\n      label: 'Percentage decimal places',\n      defaultValue: 1,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.boolean,\n      name: 'reversePositiveNegativeColors',\n      label: 'Reverse positive/negative colors',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    inputs.fontSize,\n    {\n      ...inputs.fontSize,\n      name: 'changeFontSize',\n      label: 'Trend font-size',\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport const preview = definePreview(KpiChartNumberComparisonPro, {\n  measure: { ...previewData.measure },\n  results: previewData.results1Measure,\n  resultsComparison: previewData.results1MeasureVariant,\n  primaryDateRange: undefined,\n  comparisonPeriod: 'Previous period',\n  comparisonDateRange: { relativeTimeString: 'Today', from: undefined, to: undefined },\n  fontSize: 100,\n  hideMenu: true,\n});\n\ntype KpiChartNumberComparisonProState = {\n  comparisonDateRange: TimeRange;\n};\n\nexport default defineComponent(KpiChartNumberComparisonPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [\n      KpiChartNumberComparisonProState,\n      (state: KpiChartNumberComparisonProState) => void,\n    ],\n  ) => {\n    return {\n      ...inputs,\n      comparisonPeriod: inputs.comparisonPeriod as string | undefined,\n      comparisonDateRange: state?.comparisonDateRange,\n      setComparisonDateRange: (comparisonDateRange: TimeRange) => setState({ comparisonDateRange }),\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.measure],\n        limit: 1,\n        filters:\n          inputs.primaryDateRange && inputs.timeProperty\n            ? [\n                {\n                  property: inputs.timeProperty,\n                  operator: 'inDateRange',\n                  value: inputs.primaryDateRange,\n                },\n              ]\n            : undefined,\n      }),\n      resultsComparison:\n        inputs.primaryDateRange && inputs.timeProperty && state?.comparisonDateRange\n          ? loadData({\n              from: inputs.dataset,\n              select: [inputs.measure],\n              limit: 1,\n              filters: [\n                {\n                  property: inputs.timeProperty,\n                  operator: 'inDateRange',\n                  value: state.comparisonDateRange,\n                },\n              ],\n            })\n          : undefined,\n    };\n  },\n});\n"],"names":["meta","inputs","preview","definePreview","KpiChartNumberComparisonPro","previewData","KpiChartNumberComparisonPro_emb","defineComponent","state","setState","comparisonDateRange","loadData"],"mappings":";;;;;AAWO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,eAAe,MAAM,gBAAgB,OAAO,gBAAA;AAAA,IACxD;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,UAAU;AAAA,IAAA;AAAA,IAEZA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,GAEaC,IAAUC,EAAcC,GAA6B;AAAA,EAChE,SAAS,EAAE,GAAGC,EAAY,QAAA;AAAA,EAC1B,SAASA,EAAY;AAAA,EACrB,mBAAmBA,EAAY;AAAA,EAC/B,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,qBAAqB,EAAE,oBAAoB,SAAS,MAAM,QAAW,IAAI,OAAA;AAAA,EACzE,UAAU;AAAA,EACV,UAAU;AACZ,CAAC,GAMDC,IAAeC,EAAgBH,GAA6BJ,GAAM;AAAA,EAChE,OAAO,CACLC,GACA,CAACO,GAAOC,CAAQ,OAKT;AAAA,IACL,GAAGR;AAAAA,IACH,kBAAkBA,EAAO;AAAA,IACzB,qBAAqBO,KAAA,gBAAAA,EAAO;AAAA,IAC5B,wBAAwB,CAACE,MAAmCD,EAAS,EAAE,qBAAAC,GAAqB;AAAA,IAC5F,SAASC,EAAS;AAAA,MAChB,MAAMV,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAO;AAAA,MACvB,OAAO;AAAA,MACP,SACEA,EAAO,oBAAoBA,EAAO,eAC9B;AAAA,QACE;AAAA,UACE,UAAUA,EAAO;AAAA,UACjB,UAAU;AAAA,UACV,OAAOA,EAAO;AAAA,QAAA;AAAA,MAChB,IAEF;AAAA,IAAA,CACP;AAAA,IACD,mBACEA,EAAO,oBAAoBA,EAAO,iBAAgBO,KAAA,QAAAA,EAAO,uBACrDG,EAAS;AAAA,MACP,MAAMV,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAO;AAAA,MACvB,OAAO;AAAA,MACP,SAAS;AAAA,QACP;AAAA,UACE,UAAUA,EAAO;AAAA,UACjB,UAAU;AAAA,UACV,OAAOO,EAAM;AAAA,QAAA;AAAA,MACf;AAAA,IACF,CACD,IACD;AAAA,EAAA;AAGZ,CAAC;"}
+{"version":3,"file":"KpiChartNumberComparisonPro.js","sources":["../src/components/charts/kpis/KpiChartNumberComparisonPro/KpiChartNumberComparisonPro.emb.ts"],"sourcesContent":["import {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport KpiChartNumberComparisonPro from './index';\nimport { loadData, TimeRange } from '@embeddable.com/core';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nexport const meta = {\n  name: 'KpiChartNumberComparisonPro',\n  label: 'Kpi Chart - Number Comparison',\n  category: 'Kpi Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    { ...inputs.dimensionTime, name: 'timeProperty', label: 'Time property' },\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    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.displayNullAs,\n    {\n      ...inputs.boolean,\n      name: 'displayChangeAsPercentage',\n      label: 'Display change as %',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'percentageDecimalPlaces',\n      label: 'Percentage decimal places',\n      defaultValue: 1,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.boolean,\n      name: 'reversePositiveNegativeColors',\n      label: 'Reverse positive/negative colors',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    inputs.fontSize,\n    {\n      ...inputs.fontSize,\n      name: 'changeFontSize',\n      label: 'Trend font-size',\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport const preview = definePreview(KpiChartNumberComparisonPro, {\n  measure: { ...previewData.measure },\n  results: previewData.results1Measure,\n  resultsComparison: previewData.results1MeasureVariant,\n  primaryDateRange: undefined,\n  comparisonPeriod: 'Previous period',\n  comparisonDateRange: { relativeTimeString: 'Today', from: undefined, to: undefined },\n  fontSize: 100,\n  hideMenu: true,\n});\n\ntype KpiChartNumberComparisonProState = {\n  comparisonDateRange: TimeRange;\n};\n\nexport default defineComponent(KpiChartNumberComparisonPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [\n      KpiChartNumberComparisonProState,\n      (state: KpiChartNumberComparisonProState) => void,\n    ],\n  ) => {\n    return {\n      ...inputs,\n      comparisonPeriod: inputs.comparisonPeriod as string | undefined,\n      comparisonDateRange: state?.comparisonDateRange,\n      setComparisonDateRange: (comparisonDateRange: TimeRange) => setState({ comparisonDateRange }),\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.measure],\n        limit: 1,\n        filters:\n          inputs.primaryDateRange && inputs.timeProperty\n            ? [\n                {\n                  property: inputs.timeProperty,\n                  operator: 'inDateRange',\n                  value: inputs.primaryDateRange,\n                },\n              ]\n            : undefined,\n      }),\n      resultsComparison:\n        inputs.primaryDateRange && inputs.timeProperty && state?.comparisonDateRange\n          ? loadData({\n              from: inputs.dataset,\n              select: [inputs.measure],\n              limit: 1,\n              filters: [\n                {\n                  property: inputs.timeProperty,\n                  operator: 'inDateRange',\n                  value: state.comparisonDateRange,\n                },\n              ],\n            })\n          : undefined,\n    };\n  },\n});\n"],"names":["meta","inputs","preview","definePreview","KpiChartNumberComparisonPro","previewData","KpiChartNumberComparisonPro_emb","defineComponent","state","setState","comparisonDateRange","loadData"],"mappings":";;;;;AAWO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,eAAe,MAAM,gBAAgB,OAAO,gBAAA;AAAA,IACxD;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,aAAa;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,IAEZA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,UAAU;AAAA,IAAA;AAAA,IAEZA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,GAEaC,IAAUC,EAAcC,GAA6B;AAAA,EAChE,SAAS,EAAE,GAAGC,EAAY,QAAA;AAAA,EAC1B,SAASA,EAAY;AAAA,EACrB,mBAAmBA,EAAY;AAAA,EAC/B,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,qBAAqB,EAAE,oBAAoB,SAAS,MAAM,QAAW,IAAI,OAAA;AAAA,EACzE,UAAU;AAAA,EACV,UAAU;AACZ,CAAC,GAMDC,IAAeC,EAAgBH,GAA6BJ,GAAM;AAAA,EAChE,OAAO,CACLC,GACA,CAACO,GAAOC,CAAQ,OAKT;AAAA,IACL,GAAGR;AAAAA,IACH,kBAAkBA,EAAO;AAAA,IACzB,qBAAqBO,KAAA,gBAAAA,EAAO;AAAA,IAC5B,wBAAwB,CAACE,MAAmCD,EAAS,EAAE,qBAAAC,GAAqB;AAAA,IAC5F,SAASC,EAAS;AAAA,MAChB,MAAMV,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAO;AAAA,MACvB,OAAO;AAAA,MACP,SACEA,EAAO,oBAAoBA,EAAO,eAC9B;AAAA,QACE;AAAA,UACE,UAAUA,EAAO;AAAA,UACjB,UAAU;AAAA,UACV,OAAOA,EAAO;AAAA,QAAA;AAAA,MAChB,IAEF;AAAA,IAAA,CACP;AAAA,IACD,mBACEA,EAAO,oBAAoBA,EAAO,iBAAgBO,KAAA,QAAAA,EAAO,uBACrDG,EAAS;AAAA,MACP,MAAMV,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAO;AAAA,MACvB,OAAO;AAAA,MACP,SAAS;AAAA,QACP;AAAA,UACE,UAAUA,EAAO;AAAA,UACjB,UAAU;AAAA,UACV,OAAOO,EAAM;AAAA,QAAA;AAAA,MACf;AAAA,IACF,CACD,IACD;AAAA,EAAA;AAGZ,CAAC;"}

package/dist/KpiChartNumberPro.js

@@ -1,9 +1,9 @@
 import { definePreview as o, defineComponent as s } from "@embeddable.com/react";
-import { K as a } from "./index-DHVSgVH0.js";
-import { l as m } from "./Color.type.emb-CGyFSpIN.js";
-import { b as e } from "./component.inputs.constants-MAjey7Me.js";
-import { p as t } from "./preview.data.constants-Cdk-GUa5.js";
-const i = {
+import { K as a } from "./index-CfUcEenL.js";
+import { l as i } from "./Color.type.emb-DIW_7wKP.js";
+import { b as e } from "./component.inputs.constants-C-pP69Lh.js";
+import { p as t } from "./preview.data.constants-C-K-9fN3.js";
+const m = {
   name: "KpiChartNumberPro",
   label: "Kpi Chart - Number",
   category: "Kpi Charts",
@@ -12,6 +12,7 @@ const i = {
     e.measure,
     e.title,
     e.description,
+    e.displayNullAs,
     e.tooltip,
     e.fontSize
   ]
@@ -22,10 +23,10 @@ const i = {
   results: t.results1Measure,
   fontSize: 100,
   hideMenu: !0
-}), b = s(a, i, {
+}), b = s(a, m, {
   props: (r) => ({
     ...r,
-    results: m({
+    results: i({
       from: r.dataset,
       select: [r.measure]
     })
@@ -33,7 +34,7 @@ const i = {
 });
 export {
   b as default,
-  i as meta,
+  m as meta,
   d as preview
 };
 //# sourceMappingURL=KpiChartNumberPro.js.map

package/dist/KpiChartNumberPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"KpiChartNumberPro.js","sources":["../src/components/charts/kpis/KpiChartNumberPro/KpiChartNumberPro.emb.ts"],"sourcesContent":["import {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport KpiChartNumberPro from './index';\nimport { loadData } from '@embeddable.com/core';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nexport const meta = {\n  name: 'KpiChartNumberPro',\n  label: 'Kpi Chart - Number',\n  category: 'Kpi Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.fontSize,\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport const preview = definePreview(KpiChartNumberPro, {\n  measure: {\n    ...previewData.measure,\n  },\n  results: previewData.results1Measure,\n  fontSize: 100,\n  hideMenu: true,\n});\n\nexport default defineComponent(KpiChartNumberPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.measure],\n      }),\n    };\n  },\n});\n"],"names":["meta","inputs","preview","definePreview","KpiChartNumberPro","previewData","KpiChartNumberPro_emb","defineComponent","loadData"],"mappings":";;;;;AAWO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,EAAA;AAEX,GAEaC,IAAUC,EAAcC,GAAmB;AAAA,EACtD,SAAS;AAAA,IACP,GAAGC,EAAY;AAAA,EAAA;AAAA,EAEjB,SAASA,EAAY;AAAA,EACrB,UAAU;AAAA,EACV,UAAU;AACZ,CAAC,GAEDC,IAAeC,EAAgBH,GAAmBJ,GAAM;AAAA,EACtD,OAAO,CAACC,OACC;AAAA,IACL,GAAGA;AAAAA,IACH,SAASO,EAAS;AAAA,MAChB,MAAMP,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAO;AAAA,IAAA,CACxB;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"KpiChartNumberPro.js","sources":["../src/components/charts/kpis/KpiChartNumberPro/KpiChartNumberPro.emb.ts"],"sourcesContent":["import {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport KpiChartNumberPro from './index';\nimport { loadData } from '@embeddable.com/core';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nexport const meta = {\n  name: 'KpiChartNumberPro',\n  label: 'Kpi Chart - Number',\n  category: 'Kpi Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    inputs.title,\n    inputs.description,\n    inputs.displayNullAs,\n    inputs.tooltip,\n    inputs.fontSize,\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport const preview = definePreview(KpiChartNumberPro, {\n  measure: {\n    ...previewData.measure,\n  },\n  results: previewData.results1Measure,\n  fontSize: 100,\n  hideMenu: true,\n});\n\nexport default defineComponent(KpiChartNumberPro, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.measure],\n      }),\n    };\n  },\n});\n"],"names":["meta","inputs","preview","definePreview","KpiChartNumberPro","previewData","KpiChartNumberPro_emb","defineComponent","loadData"],"mappings":";;;;;AAWO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,EAAA;AAEX,GAEaC,IAAUC,EAAcC,GAAmB;AAAA,EACtD,SAAS;AAAA,IACP,GAAGC,EAAY;AAAA,EAAA;AAAA,EAEjB,SAASA,EAAY;AAAA,EACrB,UAAU;AAAA,EACV,UAAU;AACZ,CAAC,GAEDC,IAAeC,EAAgBH,GAAmBJ,GAAM;AAAA,EACtD,OAAO,CAACC,OACC;AAAA,IACL,GAAGA;AAAAA,IACH,SAASO,EAAS;AAAA,MAChB,MAAMP,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,OAAO;AAAA,IAAA,CACxB;AAAA,EAAA;AAGP,CAAC;"}

package/dist/LineChartComparisonDefaultPro.js

@@ -1,8 +1,8 @@
 import { definePreview as d, defineComponent as c } from "@embeddable.com/react";
-import { L as u } from "./index-B4AV2TSq.js";
-import { V as g, l as p } from "./Color.type.emb-CGyFSpIN.js";
-import { b as e, s as r } from "./component.inputs.constants-MAjey7Me.js";
-import { p as s } from "./preview.data.constants-Cdk-GUa5.js";
+import { L as u } from "./index-DJ_AKb9m.js";
+import { V as g, l as p } from "./Color.type.emb-DIW_7wKP.js";
+import { b as e, s as r } from "./component.inputs.constants-C-pP69Lh.js";
+import { p as s } from "./preview.data.constants-C-K-9fN3.js";
 import { g as y } from "./granularity.utils-CA504xa0.js";
 const D = {
   name: "LineChartComparisonDefaultPro",

package/dist/LineChartDefaultPro.js

@@ -1,8 +1,8 @@
 import { definePreview as m, defineComponent as u } from "@embeddable.com/react";
-import { L as r } from "./index-rMR9Yklq.js";
-import { V as d, l as x } from "./Color.type.emb-CGyFSpIN.js";
-import { b as e, s as i } from "./component.inputs.constants-MAjey7Me.js";
-import { p as n } from "./preview.data.constants-Cdk-GUa5.js";
+import { L as r } from "./index-tEOuqC2k.js";
+import { V as d, l as x } from "./Color.type.emb-DIW_7wKP.js";
+import { b as e, s as i } from "./component.inputs.constants-C-pP69Lh.js";
+import { p as n } from "./preview.data.constants-C-K-9fN3.js";
 import { g as p } from "./granularity.utils-CA504xa0.js";
 const c = {
   name: "LineChartDefaultPro",

package/dist/LineChartGroupedPro.js

@@ -1,8 +1,8 @@
 import { definePreview as m, defineComponent as u } from "@embeddable.com/react";
-import { L as s } from "./index-SaoYT_gT.js";
-import { V as o, l as p } from "./Color.type.emb-CGyFSpIN.js";
-import { b as e } from "./component.inputs.constants-MAjey7Me.js";
-import { p as n } from "./preview.data.constants-Cdk-GUa5.js";
+import { L as s } from "./index-Bymbf9B1.js";
+import { V as o, l as p } from "./Color.type.emb-DIW_7wKP.js";
+import { b as e } from "./component.inputs.constants-C-pP69Lh.js";
+import { p as n } from "./preview.data.constants-C-K-9fN3.js";
 import { g as d } from "./granularity.utils-CA504xa0.js";
 const g = {
   name: "LineChartGroupedPro",

package/dist/MeasureSingleSelectFieldPro.js

@@ -1,9 +1,9 @@
-import { j as t, V as s } from "./Color.type.emb-CGyFSpIN.js";
+import { j as t, V as s } from "./Color.type.emb-DIW_7wKP.js";
 import { useTheme as g, definePreview as S, defineComponent as v } from "@embeddable.com/react";
-import { E as h } from "./EditorCard-C8PKNLWT.js";
-import { a as b, r as M, b as e } from "./component.inputs.constants-MAjey7Me.js";
-import { D as C } from "./DimensionAndMeasureSingleSelectField-BOWAqIok.js";
-import { p as r } from "./preview.data.constants-Cdk-GUa5.js";
+import { E as h } from "./EditorCard-bUK0G4W-.js";
+import { a as b, r as M, b as e } from "./component.inputs.constants-C-pP69Lh.js";
+import { D as C } from "./DimensionAndMeasureSingleSelectField-Brm3ckSN.js";
+import { p as r } from "./preview.data.constants-C-K-9fN3.js";
 const l = (a) => {
   const n = g();
   b(n);

package/dist/MultiSelectFieldPro.js

@@ -1,8 +1,8 @@
 import { definePreview as d, defineComponent as u } from "@embeddable.com/react";
-import { V as l, l as m } from "./Color.type.emb-CGyFSpIN.js";
-import { M as p, a as o } from "./index-DH1xtNOE.js";
-import { b as a } from "./component.inputs.constants-MAjey7Me.js";
-import { p as t } from "./preview.data.constants-Cdk-GUa5.js";
+import { V as l, l as m } from "./Color.type.emb-DIW_7wKP.js";
+import { M as p, a as o } from "./index-CjKyNYo-.js";
+import { b as a } from "./component.inputs.constants-C-pP69Lh.js";
+import { p as t } from "./preview.data.constants-C-K-9fN3.js";
 const c = {
   name: "MultiSelectFieldPro",
   label: "Multi Select Field",

package/dist/PieChartPro.js

@@ -1,8 +1,8 @@
-import { V as o, l as a } from "./Color.type.emb-CGyFSpIN.js";
+import { V as o, l as a } from "./Color.type.emb-DIW_7wKP.js";
 import { definePreview as r, defineComponent as n } from "@embeddable.com/react";
-import { P as t } from "./index-y6eDhxWa.js";
-import { b as e } from "./component.inputs.constants-MAjey7Me.js";
-import { p as i } from "./preview.data.constants-Cdk-GUa5.js";
+import { P as t } from "./index-DXKn9iJW.js";
+import { b as e } from "./component.inputs.constants-C-pP69Lh.js";
+import { p as i } from "./preview.data.constants-C-K-9fN3.js";
 const m = {
   name: "PieChartPro",
   label: "Pie Chart",

package/dist/PivotTablePro.js

@@ -1,8 +1,8 @@
-import { l as a } from "./Color.type.emb-CGyFSpIN.js";
+import { l as a } from "./Color.type.emb-DIW_7wKP.js";
 import { definePreview as i, defineComponent as l } from "@embeddable.com/react";
-import { P as s } from "./index-CRxhm_xI.js";
-import { b as e, s as n } from "./component.inputs.constants-MAjey7Me.js";
-import { p as t } from "./preview.data.constants-Cdk-GUa5.js";
+import { P as s } from "./index-DfiG6Fph.js";
+import { b as e, s as n } from "./component.inputs.constants-C-pP69Lh.js";
+import { p as t } from "./preview.data.constants-C-K-9fN3.js";
 const m = {
   name: "PivotTablePro",
   label: "Pivot Table",