npm - @embeddable.com/remarkable-pro - Versions diffs - 0.0.2 → 0.0.4 - Mend

@embeddable.com/remarkable-pro 0.0.2 → 0.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (65) hide show

package/README.md CHANGED Viewed

@@ -1,26 +1,77 @@
-# Remarkable UI
+# Remarkable PRO is Embeddable’s production-ready component suite.
-**Remarkable UI** is an open-source library of **beautiful components** for analytics – charts, controls, tables, and more – designed to be styled with **granular CSS variables**.
+Remarkable PRO is component library to use inside of [Embeddable](https://embeddable.com/).
-👉 Remarkable UI forms part of the [Embeddable](https://embeddable.com) ecosystem but can also be used independently.
+It provides [Embeddable](https://embeddable.com/) ready-to-go components, editors and granular styling via CSS variables inside the theme.
-## 🎨 Styling with CSS Variables
+Under the hood it uses the open source [Remarkable UI](https://www.npmjs.com/package/@embeddable.com/remarkable-ui) library.
-Every part of a Remarkable UI component can be styled with granular CSS variables.
+## 📦 Installation
-There are **three layers** of variables in our system:
+```bash
+npm install @embeddable.com/remarkable-pro
+```
-1. **Base variables**
-   – Raw CSS primitives (colors, spacing, type scales)
-   – _Don’t override_—they’re the foundation.
-2. **Semantic variables**
-   – “Meaningful” tokens built from base vars (e.g. --background-default, --foreground-error, --font-default)
-   – Control _global_ look-and-feel: light vs. dark palettes, brand colors, default text styles.
-3. **Component variables**
-   – Element-specific tokens (namespaced by component, e.g. --icn-btn-background-hover, --dropdown-padding)
-   – Fine-tune individual components without touching global semantics.
+## 🧩 Setup (embeddable.config.ts)
+```ts
+export default defineConfig({
+  ...
+  componentLibraries: ["@embeddable.com/remarkable-pro"]
+});
+```
+## 🚀 Remarkable PRO includes
+- All core visualisations: bar, line, pie/donut, KPI tiles, tables, heatmaps, etc.
+- All essential controls: dropdowns, multi-selects, date pickers (UTC-safe), and - custom filters.
+- In-built interactivity: every chart supports click to filter.
+- i18n: internationalisation, built-in.
+- Consistent colors: automatic color-value assignment. And lots more.
+## 🎨 Theme styling
+The components and editors are part of the [Remarkable UI](https://www.npmjs.com/package/@embeddable.com/remarkable-ui) library, that uses its own [design system](https://github.com/embeddable-hq/remarkable-ui/blob/main/src/styles/global.tokens.ts) to style them.
+To update this styles, simply specify your css variable overrides inside your root embeddable.theme.ts file.
+```ts
+const themeProvider = (clientContext: any, parentTheme: Theme): Theme => {
+  const newTheme: DeepPartial<Theme> = {
+    styles: {
+      '--em-button-background--primary': 'gray',
+      '--em-card-border-radius': '20px',
+      ...
+    },
+  };
+  const theme = defineTheme(parentTheme, newTheme) as Theme;
+  return theme;
+};
+```
+## 📁 Project Structure
+```
+src/
+  assets/        # Icons and static assets
+  components/    # Chart, table, editor components
+  editors/       # Editor components and utilities
+  theme/         # Theme constants, types, and utils
+  types/         # Shared TypeScript types
+  utils.ts/      # Utility functions
+```
 ## 🛠 Contributing
-Remarkable UI is under active development, and we’d love feedback or contributions.
-Feel free to open issues or suggest improvements.
+We welcome feedback and contributions!
+1. Fork the repository
+2. Create a feature branch
+3. Commit your changes
+4. Open a pull request
+Please follow our code style and add tests for new features.
+## 📄 License
+MIT — see the `LICENSE` file for details.

package/dist/BarChartDefaultHorizontalPro.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { m as L, j as l, B as M, V, l as w } from "./index-DedIqjbn.js";
+import { m as L, j as l, B as M, V, l as w } from "./index-BR6dp5RX.js";
 import { useTheme as z, defineComponent as P } from "@embeddable.com/react";
-import { a as v, r as y, v as R, E as k, z as H, F as I, G as j, I as F, J as S, K as T, M as Y, N as E, O as G, R as O, U as J, V as K, X as N } from "./component.constants-uP1WYyUb.js";
-import { C as U } from "./ChartCard-CsKQOusx.js";
-import { g as W, a as X } from "./bars.utils-BU_k5fia.js";
+import { a as v, r as y, v as R, E as k, z as H, F as I, G as j, I as F, J as S, K as T, M as Y, N as E, O as G, R as O, U as J, V as K, X as N } from "./component.constants-h6et83ck.js";
+import { C as U } from "./ChartCard-C7c2rTst.js";
+import { g as W, a as X } from "./bars.utils-JRnFN04m.js";
 import { u as _ } from "./charts.fillGaps.hooks-YayOXVmt.js";
 const q = (a) => {
   var i, n;

package/dist/BarChartDefaultPro.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { m as L, j as l, B as M, V as w, l as y } from "./index-DedIqjbn.js";
+import { m as L, j as l, B as M, V as w, l as y } from "./index-BR6dp5RX.js";
 import { useTheme as P, defineComponent as V } from "@embeddable.com/react";
-import { a as v, r as k, v as I, E as R, z as j, F as S, G as T, I as F, J as X, K as z, M as E, N as G, O, P as W, S as J, T as K, W as N } from "./component.constants-uP1WYyUb.js";
-import { C as _ } from "./ChartCard-CsKQOusx.js";
-import { g as q, a as H } from "./bars.utils-BU_k5fia.js";
+import { a as v, r as k, v as I, E as R, z as j, F as S, G as T, I as F, J as X, K as z, M as E, N as G, O, P as W, S as J, T as K, W as N } from "./component.constants-h6et83ck.js";
+import { C as _ } from "./ChartCard-C7c2rTst.js";
+import { g as q, a as H } from "./bars.utils-JRnFN04m.js";
 import { u as Q } from "./charts.fillGaps.hooks-YayOXVmt.js";
 const U = (a) => {
   var i, n;

package/dist/BarChartGroupedHorizontalPro.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { m as L, j as m, B as w, V as u, l as G } from "./index-DedIqjbn.js";
+import { m as L, j as m, B as w, V as u, l as G } from "./index-BR6dp5RX.js";
 import { useTheme as z, defineComponent as R } from "@embeddable.com/react";
-import { a as k, r as M, v as P, D as H, z as v, w as j, F, G as S, H as T, I as Y, J as I, K as O, M as E, N as J, O as K, R as N, U, V as W } from "./component.constants-uP1WYyUb.js";
-import { C as _ } from "./ChartCard-CsKQOusx.js";
-import { b as q, a as Q } from "./bars.utils-BU_k5fia.js";
+import { a as k, r as M, v as P, D as H, z as v, w as j, F, G as S, H as T, I as Y, J as I, K as O, M as E, N as J, O as K, R as N, U, V as W } from "./component.constants-h6et83ck.js";
+import { C as _ } from "./ChartCard-C7c2rTst.js";
+import { b as q, a as Q } from "./bars.utils-JRnFN04m.js";
 import { u as X } from "./charts.fillGaps.hooks-YayOXVmt.js";
 const Z = (e) => {
   var n, l;

package/dist/BarChartGroupedPro.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { m as L, j as m, B as w, V as u, l as G } from "./index-DedIqjbn.js";
+import { m as L, j as m, B as w, V as u, l as G } from "./index-BR6dp5RX.js";
 import { useTheme as P, defineComponent as k } from "@embeddable.com/react";
-import { a as M, r as R, v, D as S, z as T, w as j, F, G as X, H as z, I, J as O, K as E, M as H, N as J, O as K, P as N, S as W, T as _ } from "./component.constants-uP1WYyUb.js";
-import { C as q } from "./ChartCard-CsKQOusx.js";
-import { b as Q, a as U } from "./bars.utils-BU_k5fia.js";
+import { a as M, r as R, v, D as S, z as T, w as j, F, G as X, H as z, I, J as O, K as E, M as H, N as J, O as K, P as N, S as W, T as _ } from "./component.constants-h6et83ck.js";
+import { C as q } from "./ChartCard-C7c2rTst.js";
+import { b as Q, a as U } from "./bars.utils-JRnFN04m.js";
 import { u as Y } from "./charts.fillGaps.hooks-YayOXVmt.js";
 const Z = (e) => {
   var n, l;

package/dist/BarChartStackedHorizontalPro.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { m as L, j as m, B as f, V as u, l as w } from "./index-DedIqjbn.js";
+import { m as L, j as m, B as f, V as u, l as w } from "./index-BR6dp5RX.js";
 import { useTheme as S, defineComponent as z } from "@embeddable.com/react";
-import { a as R, r as M, v as P, D as H, z as v, w as T, F as j, G as F, H as G, I as Y, J as I, K as O, M as E, N as J, O as K, R as N, U, V as W, L as _ } from "./component.constants-uP1WYyUb.js";
-import { C as q } from "./ChartCard-CsKQOusx.js";
-import { b as Q, a as X } from "./bars.utils-BU_k5fia.js";
+import { a as R, r as M, v as P, D as H, z as v, w as T, F as j, G as F, H as G, I as Y, J as I, K as O, M as E, N as J, O as K, R as N, U, V as W, L as _ } from "./component.constants-h6et83ck.js";
+import { C as q } from "./ChartCard-C7c2rTst.js";
+import { b as Q, a as X } from "./bars.utils-JRnFN04m.js";
 import { u as Z } from "./charts.fillGaps.hooks-YayOXVmt.js";
 const $ = (a) => {
   var n, l;

package/dist/BarChartStackedPro.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { m as V, j as m, B as f, V as u, l as w } from "./index-DedIqjbn.js";
+import { m as V, j as m, B as f, V as u, l as w } from "./index-BR6dp5RX.js";
 import { useTheme as S, defineComponent as P } from "@embeddable.com/react";
-import { a as M, r as R, v as T, D as v, z as j, w as F, F as G, G as X, H as z, I, J as O, K as E, M as H, N as J, O as K, P as N, S as W, T as _, L as q } from "./component.constants-uP1WYyUb.js";
-import { C as Q } from "./ChartCard-CsKQOusx.js";
-import { b as U, a as Y } from "./bars.utils-BU_k5fia.js";
+import { a as M, r as R, v as T, D as v, z as j, w as F, F as G, G as X, H as z, I, J as O, K as E, M as H, N as J, O as K, P as N, S as W, T as _, L as q } from "./component.constants-h6et83ck.js";
+import { C as Q } from "./ChartCard-C7c2rTst.js";
+import { b as U, a as Y } from "./bars.utils-JRnFN04m.js";
 import { u as Z } from "./charts.fillGaps.hooks-YayOXVmt.js";
 const $ = (a) => {
   var n, l;

package/dist/{ChartCard-CsKQOusx.js → ChartCard-C7c2rTst.js} RENAMED Viewed

@@ -1,7 +1,7 @@
-import { s as R, j as t, t as D, v as w, w as I, x as S, A as k, C as L, c as N, y as x, e as M, z as b, f } from "./index-DedIqjbn.js";
+import { s as R, j as t, t as D, v as w, w as I, x as S, A as k, C as L, c as N, y as x, e as M, z as b, f } from "./index-BR6dp5RX.js";
 import _, { useRef as T } from "react";
 import { useTheme as j } from "@embeddable.com/react";
-import { a as v, i as C, a0 as A } from "./component.constants-uP1WYyUb.js";
+import { a as v, i as C, a0 as A } from "./component.constants-h6et83ck.js";
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *
@@ -121,4 +121,4 @@ J.displayName = "ChartCard";
 export {
   J as C
 };
-//# sourceMappingURL=ChartCard-CsKQOusx.js.map
+//# sourceMappingURL=ChartCard-C7c2rTst.js.map

package/dist/{ChartCard-CsKQOusx.js.map → ChartCard-C7c2rTst.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChartCard-CsKQOusx.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconDotsVertical.mjs","../src/components/charts/shared/ChartCard/ChartCardLoading/ChartCardLoading.tsx","../src/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.tsx","../src/components/charts/shared/ChartCard/ChartCard.tsx"],"sourcesContent":["/*\n @license @tabler/icons-react v3.35.0 - 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\": \"M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-2\" }]];\nconst IconDotsVertical = createReactComponent(\"outline\", \"dots-vertical\", \"DotsVertical\", __iconNode);\n\nexport { __iconNode, IconDotsVertical as default };\n//# sourceMappingURL=IconDotsVertical.mjs.map\n","import { IconLoader2 } from '@tabler/icons-react';\nimport styles from './ChartCardLoading.module.css';\n\nexport const ChartCardLoading = () => <IconLoader2 className={styles.loading} />;\n","import { IconDotsVertical } from '@tabler/icons-react';\nimport React from 'react';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from '../ChartCardLoading/ChartCardLoading';\nimport { i18n, i18nSetup } from '../../../../../theme/i18n/i18n';\nimport { Theme } from '../../../../../theme/theme.types';\nimport {\n Dropdown,\n ActionIcon,\n SelectFieldContent,\n SelectListOption,\n} from '@embeddable.com/remarkable-ui';\nimport styles from './ChartCardMenuPro.module.css';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\ntype InlineSvgFromDataProps = React.HTMLAttributes<HTMLSpanElement> & {\n src: string;\n};\n\nexport function InlineSvgFromData({ src, className, ...rest }: InlineSvgFromDataProps) {\n // Remove prefix and URL-decode the SVG markup\n const svgMarkup = decodeURIComponent(src.replace(/^data:image\\/svg\\+xml,/, ''));\n\n return <div className={className} {...rest} dangerouslySetInnerHTML={{ __html: svgMarkup }} />;\n}\n\ntype ChartCardMenuProProps = Omit<ChartCardMenuOptionOnClickProps, 'theme'>;\n\nexport const ChartCardMenuPro: React.FC<ChartCardMenuProProps> = (props) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const [isLoading, setIsLoading] = React.useState(false);\n\n const options = theme.defaults.chartMenuOptions ?? [];\n\n if (options.length === 0) {\n return null;\n }\n\n const startAction = (onClick: () => void \| Promise<void>) => {\n setTimeout(() => {\n Promise.resolve(onClick()).finally(() => setIsLoading(false));\n }, 100);\n };\n\n const handleExport = (onClick: (props: ChartCardMenuOptionOnClickProps) => void) => {\n setIsLoading(true);\n if (props.onCustomDownload) {\n props.onCustomDownload((args) => startAction(() => onClick(args)));\n return;\n }\n startAction(() => onClick({ ...props, theme }));\n };\n\n return (\n <Dropdown\n side=\"bottom\"\n align=\"end\"\n triggerComponent={isLoading ? <ChartCardLoading /> : <ActionIcon icon={IconDotsVertical} />}\n >\n <SelectFieldContent className={styles.list} autoFocus>\n {options.map((option, index) => {\n const label = i18n.t(option.labelKey);\n\n return (\n <SelectListOption\n key={index}\n label={label}\n onClick={() => handleExport(option.onClick)}\n startIcon={option.iconSrc ? <InlineSvgFromData src={option.iconSrc} /> : undefined}\n />\n );\n })}\n </SelectFieldContent>\n </Dropdown>\n );\n};\n","import React, { CSSProperties, useRef } from 'react';\nimport { IconAlertCircle } from '@tabler/icons-react';\nimport {\n Card,\n CardContent,\n CardFeedback,\n CardHeader,\n Skeleton,\n} from '@embeddable.com/remarkable-ui';\nimport styles from './ChartCard.module.css';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from './ChartCardLoading/ChartCardLoading';\nimport { ChartCardMenuPro } from './ChartCardMenuPro/ChartCardMenuPro';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport clsx from 'clsx';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\ntype ChartCardProps = {\n title: string;\n subtitle?: string;\n children: React.ReactNode;\n data: DataResponse;\n isLoading?: boolean;\n errorMessage?: string;\n style?: CSSProperties;\n dimensionsAndMeasures?: (Dimension \| Measure)[];\n onCustomDownload?: (props: (props: ChartCardMenuOptionOnClickProps) => void) => void;\n};\n\nexport const ChartCard = React.forwardRef<HTMLDivElement, ChartCardProps>(\n (\n { title, subtitle, children, data, errorMessage, dimensionsAndMeasures = [], ...props },\n ref,\n ) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const chartRef = useRef<HTMLDivElement>(null);\n\n const hasData = Boolean(data?.data && data.data?.length > 0);\n\n const isLoading = !data \|\| data?.isLoading;\n\n const getDisplay = () => {\n if (isLoading && !hasData) {\n return <Skeleton />;\n }\n\n if (errorMessage) {\n return (\n <CardFeedback\n variant=\"error\"\n icon={IconAlertCircle}\n title={i18n.t('charts.errorTitle')}\n message={errorMessage}\n />\n );\n }\n\n if (!hasData) {\n return (\n <CardFeedback\n title={i18n.t('charts.emptyTitle')}\n message={i18n.t('charts.emptyMessage')}\n />\n );\n }\n\n return children;\n };\n\n return (\n <Card className={styles.chartCard} {...props}>\n <CardHeader\n title={title}\n subtitle={subtitle}\n rightContent={\n <div className={styles.chartCardRightContent}>\n <div\n className={clsx(styles.fixedContent, isLoading ? styles.loading : styles.hidden)}\n >\n <ChartCardLoading />\n </div>\n <div\n className={clsx(styles.fixedContent, isLoading ? styles.hidden : styles.visible)}\n >\n <ChartCardMenuPro\n title={title}\n containerRef={chartRef}\n data={data?.data}\n dimensionsAndMeasures={dimensionsAndMeasures}\n onCustomDownload={props.onCustomDownload}\n />\n </div>\n </div>\n }\n />\n\n <CardContent ref={props.onCustomDownload ? ref : chartRef}>{getDisplay()}</CardContent>\n </Card>\n );\n },\n);\n\nChartCard.displayName = 'ChartCard';\n"],"names":["__iconNode","IconDotsVertical","createReactComponent","ChartCardLoading","jsx","IconLoader2","styles","InlineSvgFromData","src","className","rest","svgMarkup","ChartCardMenuPro","props","theme","useTheme","i18nSetup","isLoading","setIsLoading","React","options","startAction","onClick","handleExport","args","Dropdown","ActionIcon","SelectFieldContent","option","index","label","i18n","SelectListOption","ChartCard","title","subtitle","children","data","errorMessage","dimensionsAndMeasures","ref","chartRef","useRef","hasData","_a","getDisplay","Skeleton","CardFeedback","IconAlertCircle","Card","CardHeader","jsxs","clsx","CardContent"],"mappings":"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","x_google_ignoreList":[0]}
1	+ {"version":3,"file":"ChartCard-C7c2rTst.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconDotsVertical.mjs","../src/components/charts/shared/ChartCard/ChartCardLoading/ChartCardLoading.tsx","../src/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.tsx","../src/components/charts/shared/ChartCard/ChartCard.tsx"],"sourcesContent":["/*\n @license @tabler/icons-react v3.35.0 - 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\": \"M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M12 19m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M12 5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-2\" }]];\nconst IconDotsVertical = createReactComponent(\"outline\", \"dots-vertical\", \"DotsVertical\", __iconNode);\n\nexport { __iconNode, IconDotsVertical as default };\n//# sourceMappingURL=IconDotsVertical.mjs.map\n","import { IconLoader2 } from '@tabler/icons-react';\nimport styles from './ChartCardLoading.module.css';\n\nexport const ChartCardLoading = () => <IconLoader2 className={styles.loading} />;\n","import { IconDotsVertical } from '@tabler/icons-react';\nimport React from 'react';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from '../ChartCardLoading/ChartCardLoading';\nimport { i18n, i18nSetup } from '../../../../../theme/i18n/i18n';\nimport { Theme } from '../../../../../theme/theme.types';\nimport {\n Dropdown,\n ActionIcon,\n SelectFieldContent,\n SelectListOption,\n} from '@embeddable.com/remarkable-ui';\nimport styles from './ChartCardMenuPro.module.css';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\ntype InlineSvgFromDataProps = React.HTMLAttributes<HTMLSpanElement> & {\n src: string;\n};\n\nexport function InlineSvgFromData({ src, className, ...rest }: InlineSvgFromDataProps) {\n // Remove prefix and URL-decode the SVG markup\n const svgMarkup = decodeURIComponent(src.replace(/^data:image\\/svg\\+xml,/, ''));\n\n return <div className={className} {...rest} dangerouslySetInnerHTML={{ __html: svgMarkup }} />;\n}\n\ntype ChartCardMenuProProps = Omit<ChartCardMenuOptionOnClickProps, 'theme'>;\n\nexport const ChartCardMenuPro: React.FC<ChartCardMenuProProps> = (props) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const [isLoading, setIsLoading] = React.useState(false);\n\n const options = theme.defaults.chartMenuOptions ?? [];\n\n if (options.length === 0) {\n return null;\n }\n\n const startAction = (onClick: () => void \| Promise<void>) => {\n setTimeout(() => {\n Promise.resolve(onClick()).finally(() => setIsLoading(false));\n }, 100);\n };\n\n const handleExport = (onClick: (props: ChartCardMenuOptionOnClickProps) => void) => {\n setIsLoading(true);\n if (props.onCustomDownload) {\n props.onCustomDownload((args) => startAction(() => onClick(args)));\n return;\n }\n startAction(() => onClick({ ...props, theme }));\n };\n\n return (\n <Dropdown\n side=\"bottom\"\n align=\"end\"\n triggerComponent={isLoading ? <ChartCardLoading /> : <ActionIcon icon={IconDotsVertical} />}\n >\n <SelectFieldContent className={styles.list} autoFocus>\n {options.map((option, index) => {\n const label = i18n.t(option.labelKey);\n\n return (\n <SelectListOption\n key={index}\n label={label}\n onClick={() => handleExport(option.onClick)}\n startIcon={option.iconSrc ? <InlineSvgFromData src={option.iconSrc} /> : undefined}\n />\n );\n })}\n </SelectFieldContent>\n </Dropdown>\n );\n};\n","import React, { CSSProperties, useRef } from 'react';\nimport { IconAlertCircle } from '@tabler/icons-react';\nimport {\n Card,\n CardContent,\n CardFeedback,\n CardHeader,\n Skeleton,\n} from '@embeddable.com/remarkable-ui';\nimport styles from './ChartCard.module.css';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useTheme } from '@embeddable.com/react';\nimport { ChartCardLoading } from './ChartCardLoading/ChartCardLoading';\nimport { ChartCardMenuPro } from './ChartCardMenuPro/ChartCardMenuPro';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport clsx from 'clsx';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\ntype ChartCardProps = {\n title: string;\n subtitle?: string;\n children: React.ReactNode;\n data: DataResponse;\n isLoading?: boolean;\n errorMessage?: string;\n style?: CSSProperties;\n dimensionsAndMeasures?: (Dimension \| Measure)[];\n onCustomDownload?: (props: (props: ChartCardMenuOptionOnClickProps) => void) => void;\n};\n\nexport const ChartCard = React.forwardRef<HTMLDivElement, ChartCardProps>(\n (\n { title, subtitle, children, data, errorMessage, dimensionsAndMeasures = [], ...props },\n ref,\n ) => {\n const theme: Theme = useTheme() as Theme;\n i18nSetup(theme);\n\n const chartRef = useRef<HTMLDivElement>(null);\n\n const hasData = Boolean(data?.data && data.data?.length > 0);\n\n const isLoading = !data \|\| data?.isLoading;\n\n const getDisplay = () => {\n if (isLoading && !hasData) {\n return <Skeleton />;\n }\n\n if (errorMessage) {\n return (\n <CardFeedback\n variant=\"error\"\n icon={IconAlertCircle}\n title={i18n.t('charts.errorTitle')}\n message={errorMessage}\n />\n );\n }\n\n if (!hasData) {\n return (\n <CardFeedback\n title={i18n.t('charts.emptyTitle')}\n message={i18n.t('charts.emptyMessage')}\n />\n );\n }\n\n return children;\n };\n\n return (\n <Card className={styles.chartCard} {...props}>\n <CardHeader\n title={title}\n subtitle={subtitle}\n rightContent={\n <div className={styles.chartCardRightContent}>\n <div\n className={clsx(styles.fixedContent, isLoading ? styles.loading : styles.hidden)}\n >\n <ChartCardLoading />\n </div>\n <div\n className={clsx(styles.fixedContent, isLoading ? styles.hidden : styles.visible)}\n >\n <ChartCardMenuPro\n title={title}\n containerRef={chartRef}\n data={data?.data}\n dimensionsAndMeasures={dimensionsAndMeasures}\n onCustomDownload={props.onCustomDownload}\n />\n </div>\n </div>\n }\n />\n\n <CardContent ref={props.onCustomDownload ? ref : chartRef}>{getDisplay()}</CardContent>\n </Card>\n );\n },\n);\n\nChartCard.displayName = 'ChartCard';\n"],"names":["__iconNode","IconDotsVertical","createReactComponent","ChartCardLoading","jsx","IconLoader2","styles","InlineSvgFromData","src","className","rest","svgMarkup","ChartCardMenuPro","props","theme","useTheme","i18nSetup","isLoading","setIsLoading","React","options","startAction","onClick","handleExport","args","Dropdown","ActionIcon","SelectFieldContent","option","index","label","i18n","SelectListOption","ChartCard","title","subtitle","children","data","errorMessage","dimensionsAndMeasures","ref","chartRef","useRef","hasData","_a","getDisplay","Skeleton","CardFeedback","IconAlertCircle","Card","CardHeader","jsxs","clsx","CardContent"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/{Color.type.emb-9H0O-uuD.js → Color.type.emb-CSPAaucR.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { d as e } from "./index-DedIqjbn.js";
+import { d as e } from "./index-BR6dp5RX.js";
 const r = e("color", {
   label: "Color",
   optionLabel: (o) => o.toUpperCase()
@@ -6,4 +6,4 @@ const r = e("color", {
 export {
   r as C
 };
-//# sourceMappingURL=Color.type.emb-9H0O-uuD.js.map
+//# sourceMappingURL=Color.type.emb-CSPAaucR.js.map

package/dist/{Color.type.emb-9H0O-uuD.js.map → Color.type.emb-CSPAaucR.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Color.type.emb-~~9H0O-uuD~~.js","sources":["../src/editors/ColorEditor/Color.type.emb.ts"],"sourcesContent":["import { defineType } from '@embeddable.com/core';\n\nconst ColorType = defineType('color', {\n label: 'Color',\n optionLabel: (value: string) => value.toUpperCase(),\n});\n\nexport default ColorType;\n"],"names":["ColorType","defineType","value"],"mappings":";AAEA,MAAMA,IAAYC,EAAW,SAAS;AAAA,EACpC,OAAO;AAAA,EACP,aAAa,CAACC,MAAkBA,EAAM,YAAA;AACxC,CAAC;"}
1	+ {"version":3,"file":"Color.type.emb-CSPAaucR.js","sources":["../src/editors/ColorEditor/Color.type.emb.ts"],"sourcesContent":["import { defineType } from '@embeddable.com/core';\n\nconst ColorType = defineType('color', {\n label: 'Color',\n optionLabel: (value: string) => value.toUpperCase(),\n});\n\nexport default ColorType;\n"],"names":["ColorType","defineType","value"],"mappings":";AAEA,MAAMA,IAAYC,EAAW,SAAS;AAAA,EACpC,OAAO;AAAA,EACP,aAAa,CAACC,MAAkBA,EAAM,YAAA;AACxC,CAAC;"}

package/dist/ColorEditor.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { defineEditor as l } from "@embeddable.com/react";
-import { C as a } from "./Color.type.emb-9H0O-uuD.js";
-import { j as n, A as i, I as p, V as u } from "./index-DedIqjbn.js";
+import { C as a } from "./Color.type.emb-CSPAaucR.js";
+import { j as n, A as i, I as p, V as u } from "./index-BR6dp5RX.js";
 import { useState as m, useEffect as C } from "react";
 const I = "_colorInputContainer_1o1qe_1", d = "_colorInput_1o1qe_1", s = {
   colorInputContainer: I,

package/dist/{ComparisonPeriod.type.emb-C3XjaFoD.js → ComparisonPeriod.type.emb-DOpJ1iWj.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { d as i, b as o } from "./index-DedIqjbn.js";
+import { d as i, b as o } from "./index-BR6dp5RX.js";
 const e = i("comparisonPeriod", {
   label: "Comparison Period",
   optionLabel: (r) => r
@@ -11,4 +11,4 @@ o(e, "Previous year");
 export {
   e as C
 };
-//# sourceMappingURL=ComparisonPeriod.type.emb-C3XjaFoD.js.map
+//# sourceMappingURL=ComparisonPeriod.type.emb-DOpJ1iWj.js.map

package/dist/{ComparisonPeriod.type.emb-C3XjaFoD.js.map → ComparisonPeriod.type.emb-DOpJ1iWj.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ComparisonPeriod.type.emb-~~C3XjaFoD~~.js","sources":["../src/components/types/ComparisonPeriod.type.emb.ts"],"sourcesContent":["import { defineOption, defineType } from '@embeddable.com/core';\n\nconst ComparisonPeriodType = defineType('comparisonPeriod', {\n label: 'Comparison Period',\n optionLabel: (value: string) => value,\n});\n\ndefineOption(ComparisonPeriodType, 'Previous period');\ndefineOption(ComparisonPeriodType, 'Previous week');\ndefineOption(ComparisonPeriodType, 'Previous month');\ndefineOption(ComparisonPeriodType, 'Previous quarter');\ndefineOption(ComparisonPeriodType, 'Previous year');\n\nexport default ComparisonPeriodType;\n"],"names":["ComparisonPeriodType","defineType","value","defineOption"],"mappings":";AAEA,MAAMA,IAAuBC,EAAW,oBAAoB;AAAA,EAC1D,OAAO;AAAA,EACP,aAAa,CAACC,MAAkBA;AAClC,CAAC;AAEDC,EAAaH,GAAsB,iBAAiB;AACpDG,EAAaH,GAAsB,eAAe;AAClDG,EAAaH,GAAsB,gBAAgB;AACnDG,EAAaH,GAAsB,kBAAkB;AACrDG,EAAaH,GAAsB,eAAe;"}
1	+ {"version":3,"file":"ComparisonPeriod.type.emb-DOpJ1iWj.js","sources":["../src/components/types/ComparisonPeriod.type.emb.ts"],"sourcesContent":["import { defineOption, defineType } from '@embeddable.com/core';\n\nconst ComparisonPeriodType = defineType('comparisonPeriod', {\n label: 'Comparison Period',\n optionLabel: (value: string) => value,\n});\n\ndefineOption(ComparisonPeriodType, 'Previous period');\ndefineOption(ComparisonPeriodType, 'Previous week');\ndefineOption(ComparisonPeriodType, 'Previous month');\ndefineOption(ComparisonPeriodType, 'Previous quarter');\ndefineOption(ComparisonPeriodType, 'Previous year');\n\nexport default ComparisonPeriodType;\n"],"names":["ComparisonPeriodType","defineType","value","defineOption"],"mappings":";AAEA,MAAMA,IAAuBC,EAAW,oBAAoB;AAAA,EAC1D,OAAO;AAAA,EACP,aAAa,CAACC,MAAkBA;AAClC,CAAC;AAEDC,EAAaH,GAAsB,iBAAiB;AACpDG,EAAaH,GAAsB,eAAe;AAClDG,EAAaH,GAAsB,gBAAgB;AACnDG,EAAaH,GAAsB,kBAAkB;AACrDG,EAAaH,GAAsB,eAAe;"}

package/dist/ComparisonPeriodSelectFieldPro.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { useTheme as v, defineComponent as h } from "@embeddable.com/react";
-import { s as y, j as l, S as P, V as d } from "./index-DedIqjbn.js";
+import { s as y, j as l, S as P, V as d } from "./index-BR6dp5RX.js";
 import { g as f, u as b, a as C } from "./editors.timeRange.utils-DTtRGaCo.js";
-import { $ as S, a as F, r as R, i as M, F as k, G as D, _ as T } from "./component.constants-uP1WYyUb.js";
-import { E as j } from "./EditorCard-BMEwnQuU.js";
+import { $ as S, a as F, r as R, i as M, F as k, G as D, _ as T } from "./component.constants-h6et83ck.js";
+import { E as j } from "./EditorCard-BtlvgP9q.js";
 import { useMemo as x, useEffect as L } from "react";
-import { C as s } from "./ComparisonPeriod.type.emb-C3XjaFoD.js";
+import { C as s } from "./ComparisonPeriod.type.emb-DOpJ1iWj.js";
 /**
  * @license @tabler/icons-react v3.35.0 - MIT
  *

package/dist/DateRangeSelectFieldPro.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { defineComponent as t } from "@embeddable.com/react";
-import { V as a } from "./index-DedIqjbn.js";
-import { D as l } from "./index-DrosyYQD.js";
-import { F as n, G as r, _ as o, g as i } from "./component.constants-uP1WYyUb.js";
+import { V as a } from "./index-BR6dp5RX.js";
+import { D as l } from "./index-DF-AuKua.js";
+import { F as n, G as r, _ as o, g as i } from "./component.constants-h6et83ck.js";
 const d = {
   name: "DateRangeSelectFieldPro",
   label: "Date Range Select Field",

package/dist/DonutChartPro.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { V as a, l as s } from "./index-DedIqjbn.js";
+import { V as a, l as s } from "./index-BR6dp5RX.js";
 import { defineComponent as t } from "@embeddable.com/react";
-import { D as o } from "./index-Brb617sy.js";
-import { v as n, D as r, w as i, F as m, G as l, I as d, Z as u, J as p, K as c } from "./component.constants-uP1WYyUb.js";
+import { D as o } from "./index-CWYH2gE2.js";
+import { v as n, D as r, w as i, F as m, G as l, I as d, Z as u, J as p, K as c } from "./component.constants-h6et83ck.js";
 const C = {
   name: "DonutChartPro",
   label: "Donut Chart",

package/dist/DonutLabelChartPro.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { D as n } from "./index-DLFOG9Ar.js";
-import { V as s, l as a } from "./index-DedIqjbn.js";
+import { D as n } from "./index-B4S34Z5S.js";
+import { V as s, l as a } from "./index-BR6dp5RX.js";
 import { defineComponent as r } from "@embeddable.com/react";
-import { v as o, D as t, w as l, F as i, G as m, I as d, Z as u, J as b, K as c } from "./component.constants-uP1WYyUb.js";
+import { v as o, D as t, w as l, F as i, G as m, I as d, Z as u, J as b, K as c } from "./component.constants-h6et83ck.js";
 const p = {
   name: "DonutLabelChartPro",
   label: "Donut Label Chart",

package/dist/{EditorCard-BMEwnQuU.js → EditorCard-BtlvgP9q.js} RENAMED Viewed

@@ -1,6 +1,6 @@
-import { j as r, C as i, c as d, e as m, f as l } from "./index-DedIqjbn.js";
+import { j as r, C as i, c as d, e as m, f as l } from "./index-BR6dp5RX.js";
 import { useTheme as C } from "@embeddable.com/react";
-import { a as p, i as x, a0 as j } from "./component.constants-uP1WYyUb.js";
+import { a as p, i as x, a0 as j } from "./component.constants-h6et83ck.js";
 const u = "_card_15bw3_1", f = {
   card: u
 }, b = ({
@@ -29,4 +29,4 @@ const u = "_card_15bw3_1", f = {
 export {
   b as E
 };
-//# sourceMappingURL=EditorCard-BMEwnQuU.js.map
+//# sourceMappingURL=EditorCard-BtlvgP9q.js.map

package/dist/{EditorCard-BMEwnQuU.js.map → EditorCard-BtlvgP9q.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EditorCard-~~BMEwnQuU~~.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\ntype EditorCardProps = {\n title?: string;\n subtitle?: string;\n children: React.ReactNode;\n errorMessage?: string;\n};\n\nexport const EditorCard: FC<EditorCardProps> = ({\n title,\n subtitle,\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.card} {...props}>\n <CardHeader title={title} subtitle={subtitle} />\n <CardContent>{getDisplay()}</CardContent>\n </Card>\n );\n};\n"],"names":["EditorCard","title","subtitle","children","errorMessage","props","theme","useTheme","i18nSetup","getDisplay","jsx","CardFeedback","IconAlertCircle","i18n","Card","styles","CardHeader","CardContent"],"mappings":";;;;;GAeaA,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;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,MAAO,GAAGV,GAChC,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAACM,GAAA,EAAW,OAAAf,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAC9CQ,gBAAAA,EAAAA,IAACO,GAAA,EAAa,UAAAR,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;"}
1	+ {"version":3,"file":"EditorCard-BtlvgP9q.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\ntype EditorCardProps = {\n title?: string;\n subtitle?: string;\n children: React.ReactNode;\n errorMessage?: string;\n};\n\nexport const EditorCard: FC<EditorCardProps> = ({\n title,\n subtitle,\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.card} {...props}>\n <CardHeader title={title} subtitle={subtitle} />\n <CardContent>{getDisplay()}</CardContent>\n </Card>\n );\n};\n"],"names":["EditorCard","title","subtitle","children","errorMessage","props","theme","useTheme","i18nSetup","getDisplay","jsx","CardFeedback","IconAlertCircle","i18n","Card","styles","CardHeader","CardContent"],"mappings":";;;;;GAeaA,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;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,MAAO,GAAGV,GAChC,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAACM,GAAA,EAAW,OAAAf,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAC9CQ,gBAAAA,EAAAA,IAACO,GAAA,EAAa,UAAAR,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;"}

package/dist/HeatMapPro.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import { j as u, H as V, l as W } from "./index-DedIqjbn.js";
+import { j as u, H as V, l as W } from "./index-BR6dp5RX.js";
 import { useTheme as R, defineComponent as j } from "@embeddable.com/react";
-import { a as A, r as N, v as P, D as q, z as d, F as E, G, d as i, g as k, c, H as B } from "./component.constants-uP1WYyUb.js";
-import { C as O } from "./ChartCard-CsKQOusx.js";
-import { g as p } from "./formatter.utils-CeEdL8uQ.js";
+import { a as A, r as N, v as P, D as q, z as d, F as E, G, d as i, g as k, c, H as B } from "./component.constants-h6et83ck.js";
+import { C as O } from "./ChartCard-C7c2rTst.js";
+import { g as p } from "./formatter.utils-DXzI4Hz_.js";
 import { u as h } from "./charts.fillGaps.hooks-YayOXVmt.js";
-import { C as m } from "./Color.type.emb-9H0O-uuD.js";
+import { C as m } from "./Color.type.emb-CSPAaucR.js";
 const z = (e, a) => {
   const t = p(a);
   return {

package/dist/KpiChartNumberComparisonPro.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { useTheme as j, defineComponent as A } from "@embeddable.com/react";
-import { a as w, r as B, i as l, v as E, D as M, y as Y, b as G, F as I, G as J, g as v, c } from "./component.constants-uP1WYyUb.js";
-import { j as D, K as O, l as f } from "./index-DedIqjbn.js";
-import { C as $ } from "./ChartCard-CsKQOusx.js";
-import { g as k } from "./formatter.utils-CeEdL8uQ.js";
+import { a as w, r as B, i as l, v as E, D as M, y as Y, b as G, F as I, G as J, g as v, c } from "./component.constants-h6et83ck.js";
+import { j as D, K as O, l as f } from "./index-BR6dp5RX.js";
+import { C as $ } from "./ChartCard-C7c2rTst.js";
+import { g as k } from "./formatter.utils-DXzI4Hz_.js";
 import { useEffect as q } from "react";
-import { g as H, a as Q } from "./timeRange.utils-J3a4XL64.js";
-import { C as U } from "./ComparisonPeriod.type.emb-C3XjaFoD.js";
+import { g as H, a as Q } from "./timeRange.utils-CslTQiVA.js";
+import { C as U } from "./ComparisonPeriod.type.emb-DOpJ1iWj.js";
 const W = (e) => {
   var d, C, P, h, y, b;
   const a = j();

package/dist/KpiChartNumberPro.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { useTheme as h, defineComponent as f } from "@embeddable.com/react";
-import { a as C, r as b, v as K, D as F, F as g, G as v, c as x } from "./component.constants-uP1WYyUb.js";
-import { j as m, K as N, l as S } from "./index-DedIqjbn.js";
-import { C as j } from "./ChartCard-CsKQOusx.js";
-import { g as z } from "./formatter.utils-CeEdL8uQ.js";
+import { a as C, r as b, v as K, D as F, F as g, G as v, c as x } from "./component.constants-h6et83ck.js";
+import { j as m, K as N, l as S } from "./index-BR6dp5RX.js";
+import { C as j } from "./ChartCard-C7c2rTst.js";
+import { g as z } from "./formatter.utils-DXzI4Hz_.js";
 const P = (e) => {
   var s, o;
   const a = h();

package/dist/LineChartComparisonDefaultPro.js CHANGED Viewed

@@ -1,16 +1,16 @@
 import { useTheme as Y, defineComponent as _ } from "@embeddable.com/react";
-import { i as G, a as E, r as K, v as J, E as S, g as v, w as U, b as q, y as z, F as H, G as Q, I as W, J as Z, K as ee, M as ae, N as se, O as te, P as ne, S as oe, T as ie, H as re } from "./component.constants-uP1WYyUb.js";
-import { m as le, a as me, h as V, i as w, k as I, j as B, L as de, V as ce, l as F } from "./index-DedIqjbn.js";
-import { C as pe } from "./ChartCard-CsKQOusx.js";
+import { i as G, a as E, r as K, v as J, E as S, g as v, w as U, b as q, y as z, F as H, G as Q, I as W, J as Z, K as ee, M as ae, N as se, O as te, P as ne, S as oe, T as ie, H as re } from "./component.constants-h6et83ck.js";
+import { m as le, a as me, h as V, i as w, k as I, j as B, L as de, V as ce, l as F } from "./index-BR6dp5RX.js";
+import { C as pe } from "./ChartCard-C7c2rTst.js";
 import { useEffect as ue } from "react";
-import { g as ge } from "./timeRange.utils-J3a4XL64.js";
-import { g as O } from "./formatter.utils-CeEdL8uQ.js";
+import { g as ge } from "./timeRange.utils-CslTQiVA.js";
+import { g as O } from "./formatter.utils-DXzI4Hz_.js";
 import { g as xe, a as he } from "./object.utils-D_Zzon-H.js";
 import { i as be, s as Ce } from "./color.utils-BSg_DFOh.js";
 import { g as fe } from "./lines.utils-CFEUUo4k.js";
 import { u as N } from "./charts.fillGaps.hooks-YayOXVmt.js";
-import { C as ye } from "./ComparisonPeriod.type.emb-C3XjaFoD.js";
-import { C as $ } from "./Color.type.emb-9H0O-uuD.js";
+import { C as ye } from "./ComparisonPeriod.type.emb-DOpJ1iWj.js";
+import { C as $ } from "./Color.type.emb-CSPAaucR.js";
 const R = "mainAxis", P = "comparisonAxis", j = (a, n) => {
   var k, h, u, A;
   const { data: t, measure: o, dimension: s, index: m, isPreviousPeriod: r, hasMinMaxYAxisRange: b, labels: e } = a, p = t == null ? void 0 : t.map((C) => C[s.name]), l = !!((k = o.inputs) != null && k.connectGaps), g = e ? e.map((C) => {

package/dist/LineChartDefaultPro.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { useTheme as V, defineComponent as v } from "@embeddable.com/react";
-import { a as w, r as R, v as F, E as L, g as x, z as P, F as S, G as T, I as B, J as O, K as j, M as G, N as I, O as $, P as K, S as N, T as X, H as z } from "./component.constants-uP1WYyUb.js";
-import { a as E, h as f, m as U, j as A, L as Y, V as _, l as H } from "./index-DedIqjbn.js";
-import { C as J } from "./ChartCard-CsKQOusx.js";
-import { g as D } from "./formatter.utils-CeEdL8uQ.js";
+import { a as w, r as R, v as F, E as L, g as x, z as P, F as S, G as T, I as B, J as O, K as j, M as G, N as I, O as $, P as K, S as N, T as X, H as z } from "./component.constants-h6et83ck.js";
+import { a as E, h as f, m as U, j as A, L as Y, V as _, l as H } from "./index-BR6dp5RX.js";
+import { C as J } from "./ChartCard-C7c2rTst.js";
+import { g as D } from "./formatter.utils-DXzI4Hz_.js";
 import { g as W, a as k } from "./object.utils-D_Zzon-H.js";
 import { i as y, s as q } from "./color.utils-BSg_DFOh.js";
 import { u as Q } from "./charts.fillGaps.hooks-YayOXVmt.js";
-import { C as Z } from "./Color.type.emb-9H0O-uuD.js";
+import { C as Z } from "./Color.type.emb-CSPAaucR.js";
 const ee = (e, l) => {
   if (!e.data)
     return {

package/dist/LineChartGroupedPro.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { useTheme as P, defineComponent as R } from "@embeddable.com/react";
-import { a as F, r as $, v, D as w, g as y, z as S, w as j, F as O, G as T, H as B, I as K, J as X, K as N, M as U, N as Y, O as z, P as E, S as H, T as J } from "./component.constants-uP1WYyUb.js";
-import { a as W, m as _, j as D, L as q, V as G, l as Q } from "./index-DedIqjbn.js";
-import { C as Z } from "./ChartCard-CsKQOusx.js";
-import { g as M } from "./formatter.utils-CeEdL8uQ.js";
+import { a as F, r as $, v, D as w, g as y, z as S, w as j, F as O, G as T, H as B, I as K, J as X, K as N, M as U, N as Y, O as z, P as E, S as H, T as J } from "./component.constants-h6et83ck.js";
+import { a as W, m as _, j as D, L as q, V as G, l as Q } from "./index-BR6dp5RX.js";
+import { C as Z } from "./ChartCard-C7c2rTst.js";
+import { g as M } from "./formatter.utils-DXzI4Hz_.js";
 import { g as I, a as V } from "./object.utils-D_Zzon-H.js";
 import { s as ee } from "./color.utils-BSg_DFOh.js";
 import { g as ae } from "./lines.utils-CFEUUo4k.js";

package/dist/MultiSelectFieldPro.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { defineComponent as i } from "@embeddable.com/react";
-import { V as t, l as r } from "./index-DedIqjbn.js";
-import { v as s, w as d, F as u, G as m, _ as c } from "./component.constants-uP1WYyUb.js";
-import { M as p, a as f } from "./index-BWpUwKTH.js";
+import { V as t, l as r } from "./index-BR6dp5RX.js";
+import { v as s, w as d, F as u, G as m, _ as c } from "./component.constants-h6et83ck.js";
+import { M as p, a as f } from "./index-Czj-HZH9.js";
 const g = {
   name: "MultiSelectFieldPro",
   label: "Multi Select Field",

package/dist/PieChartPro.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { V as a, l as s } from "./index-DedIqjbn.js";
+import { V as a, l as s } from "./index-BR6dp5RX.js";
 import { defineComponent as t } from "@embeddable.com/react";
-import { P as o } from "./index-B8bT85NR.js";
-import { v as i, D as n, w as r, F as m, G as l, I as d, Z as p, J as c, K as u } from "./component.constants-uP1WYyUb.js";
+import { P as o } from "./index-C8O2asSv.js";
+import { v as i, D as n, w as r, F as m, G as l, I as d, Z as p, J as c, K as u } from "./component.constants-h6et83ck.js";
 const C = {
   name: "PieChartPro",
   label: "Pie Chart",