@embeddable.com/remarkable-pro 0.0.19 → 0.0.20

package/dist/BarChartDefaultHorizontalPro.js

@@ -1,7 +1,7 @@
-import { V as s, l as i } from "./Color.type.emb-B6HPqRjW.js";
+import { V as s, l as i } from "./Color.type.emb-C4VcPjfM.js";
 import { defineComponent as o } from "@embeddable.com/react";
-import { B as r } from "./index-CQlKWTOb.js";
-import { b as e } from "./component.inputs.constants-jJBFejC-.js";
+import { B as r } from "./index-DHYMtecu.js";
+import { b as e } from "./component.inputs.constants-DN1efWXx.js";
 const t = {
   name: "BarChartDefaultHorizontalPro",
   label: "Bar Chart - Default Horizontal",

package/dist/BarChartDefaultPro.js

@@ -1,7 +1,7 @@
-import { V as s, l as i } from "./Color.type.emb-B6HPqRjW.js";
+import { V as s, l as i } from "./Color.type.emb-C4VcPjfM.js";
 import { defineComponent as r } from "@embeddable.com/react";
-import { B as t } from "./index-DVPIPYNB.js";
-import { b as e } from "./component.inputs.constants-jJBFejC-.js";
+import { B as t } from "./index-Dy4jGo4x.js";
+import { b as e } from "./component.inputs.constants-DN1efWXx.js";
 const o = {
   name: "BarChartDefaultPro",
   label: "Bar Chart - Default",

package/dist/BarChartGroupedHorizontalPro.js

@@ -1,7 +1,7 @@
-import { V as i, l as o } from "./Color.type.emb-B6HPqRjW.js";
+import { V as i, l as o } from "./Color.type.emb-C4VcPjfM.js";
 import { defineComponent as r } from "@embeddable.com/react";
-import { B as s } from "./index-DF_tK19U.js";
-import { b as e } from "./component.inputs.constants-jJBFejC-.js";
+import { B as s } from "./index-DXVl7yqM.js";
+import { b as e } from "./component.inputs.constants-DN1efWXx.js";
 const n = {
   name: "BarChartGroupedHorizontalPro",
   label: "Bar Chart - Grouped Horizontal",

package/dist/BarChartGroupedPro.js

@@ -1,7 +1,7 @@
-import { V as i, l as r } from "./Color.type.emb-B6HPqRjW.js";
+import { V as i, l as r } from "./Color.type.emb-C4VcPjfM.js";
 import { defineComponent as s } from "@embeddable.com/react";
-import { B as o } from "./index-CKT9qwYq.js";
-import { b as e } from "./component.inputs.constants-jJBFejC-.js";
+import { B as o } from "./index-7Vgn0Xsn.js";
+import { b as e } from "./component.inputs.constants-DN1efWXx.js";
 const n = {
   name: "BarChartGroupedPro",
   label: "Bar Chart - Grouped",

package/dist/BarChartStackedHorizontalPro.js

@@ -1,7 +1,7 @@
-import { V as i, l as o } from "./Color.type.emb-B6HPqRjW.js";
+import { V as i, l as o } from "./Color.type.emb-C4VcPjfM.js";
 import { defineComponent as s } from "@embeddable.com/react";
-import { B as r } from "./index-BcDgD_JS.js";
-import { b as e } from "./component.inputs.constants-jJBFejC-.js";
+import { B as r } from "./index-Brl5KgVS.js";
+import { b as e } from "./component.inputs.constants-DN1efWXx.js";
 const t = {
   name: "BarChartStackedHorizontalPro",
   label: "Bar Chart - Stacked Horizontal",

package/dist/BarChartStackedPro.js

@@ -1,7 +1,7 @@
-import { V as i, l as s } from "./Color.type.emb-B6HPqRjW.js";
+import { V as i, l as s } from "./Color.type.emb-C4VcPjfM.js";
 import { defineComponent as o } from "@embeddable.com/react";
-import { B as r } from "./index-Bif__GxM.js";
-import { b as e } from "./component.inputs.constants-jJBFejC-.js";
+import { B as r } from "./index-4mTCN1nI.js";
+import { b as e } from "./component.inputs.constants-DN1efWXx.js";
 const t = {
   name: "BarChartStackedPro",
   label: "Bar Chart - Stacked",

package/dist/{ChartCard-DsPc_21K.js → ChartCard-B5IaBBTs.js}

@@ -1,29 +1,29 @@
-import { r as R, j as t, O as I, w as S, x as L, y as N, A as k, C as D, n as M, Q as x, o as b, R as w, p as _ } from "./Color.type.emb-B6HPqRjW.js";
-import f, { useRef as T } from "react";
+import { s as R, j as t, Q as I, x as S, y as L, z as N, A as k, n as D, o as M, R as x, p as b, U as T, q as _ } from "./Color.type.emb-C4VcPjfM.js";
+import f, { useRef as w } from "react";
 import { useTheme as j } from "@embeddable.com/react";
-import { a as p, i as C, I as A } from "./component.inputs.constants-jJBFejC-.js";
+import { a as p, i as C, I as A } from "./component.inputs.constants-DN1efWXx.js";
 /**
  * @license @tabler/icons-react v3.36.1 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const F = [["path", { d: "M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-0" }], ["path", { d: "M11 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-1" }], ["path", { d: "M11 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-2" }]], O = R("outline", "dots-vertical", "DotsVertical", F), $ = "_chartCard_84eo6_1", E = "_fixedContent_84eo6_6", H = "_loading_84eo6_13", P = "_hidden_84eo6_18", V = "_chartCardRightContent_84eo6_22", o = {
-  chartCard: $,
-  fixedContent: E,
-  loading: H,
+const F = [["path", { d: "M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-0" }], ["path", { d: "M11 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-1" }], ["path", { d: "M11 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-2" }]], $ = R("outline", "dots-vertical", "DotsVertical", F), E = "_chartCard_84eo6_1", H = "_fixedContent_84eo6_6", O = "_loading_84eo6_13", P = "_hidden_84eo6_18", U = "_chartCardRightContent_84eo6_22", o = {
+  chartCard: E,
+  fixedContent: H,
+  loading: O,
   hidden: P,
-  chartCardRightContent: V
-}, B = "_loading_1amm4_7", K = {
-  loading: B
-}, v = () => /* @__PURE__ */ t.jsx(I, { className: K.loading }), Q = "_list_mwshn_1", U = {
-  list: Q
+  chartCardRightContent: U
+}, V = "_loading_1amm4_7", q = {
+  loading: V
+}, v = () => /* @__PURE__ */ t.jsx(I, { className: q.loading }), z = "_list_mwshn_1", B = {
+  list: z
 };
-function q({ src: s, className: a, ...r }) {
+function K({ src: s, className: a, ...r }) {
   const e = decodeURIComponent(s.replace(/^data:image\/svg\+xml,/, ""));
   return /* @__PURE__ */ t.jsx("div", { className: a, ...r, dangerouslySetInnerHTML: { __html: e } });
 }
-const z = (s) => {
+const Q = (s) => {
   const a = j();
   p(a);
   const [r, e] = f.useState(!1), i = a.defaults.chartMenuOptions ?? [];
@@ -45,15 +45,15 @@ const z = (s) => {
     {
       side: "bottom",
       align: "end",
-      triggerComponent: r ? /* @__PURE__ */ t.jsx(v, {}) : /* @__PURE__ */ t.jsx(k, { icon: O }),
-      children: /* @__PURE__ */ t.jsx(L, { className: U.list, autoFocus: !0, children: i.map((n, c) => {
+      triggerComponent: r ? /* @__PURE__ */ t.jsx(v, {}) : /* @__PURE__ */ t.jsx(k, { icon: $ }),
+      children: /* @__PURE__ */ t.jsx(L, { className: B.list, autoFocus: !0, children: i.map((n, c) => {
         const h = C.t(n.labelKey);
         return /* @__PURE__ */ t.jsx(
           N,
           {
             label: h,
             onClick: () => d(n.onClick),
-            startIcon: n.iconSrc ? /* @__PURE__ */ t.jsx(q, { src: n.iconSrc }) : void 0
+            startIcon: n.iconSrc ? /* @__PURE__ */ t.jsx(K, { src: n.iconSrc }) : void 0
           },
           c
         );
@@ -65,7 +65,7 @@ const z = (s) => {
     var u;
     const c = j();
     p(c);
-    const h = T(null), g = !!(e != null && e.data && ((u = e.data) == null ? void 0 : u.length) > 0), m = !e || (e == null ? void 0 : e.isLoading), y = () => m && !g ? /* @__PURE__ */ t.jsx(w, {}) : i ? /* @__PURE__ */ t.jsx(
+    const h = w(null), g = !!(e != null && e.data && ((u = e.data) == null ? void 0 : u.length) > 0), m = !e || (e == null ? void 0 : e.isLoading), y = () => m && !g ? /* @__PURE__ */ t.jsx(T, {}) : i ? /* @__PURE__ */ t.jsx(
       _,
       {
         variant: "error",
@@ -99,7 +99,7 @@ const z = (s) => {
               {
                 className: x(o.fixedContent, m ? o.hidden : o.visible),
                 children: /* @__PURE__ */ t.jsx(
-                  z,
+                  Q,
                   {
                     title: s,
                     containerRef: h,
@@ -121,4 +121,4 @@ G.displayName = "ChartCard";
 export {
   G as C
 };
-//# sourceMappingURL=ChartCard-DsPc_21K.js.map
+//# sourceMappingURL=ChartCard-B5IaBBTs.js.map

package/dist/{ChartCard-DsPc_21K.js.map → ChartCard-B5IaBBTs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ChartCard-DsPc_21K.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.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\": \"M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M11 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M11 5a1 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  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 = [], onCustomDownload },\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}>\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={onCustomDownload}\n                />\n              </div>\n            </div>\n          }\n        />\n\n        <CardContent ref={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","onCustomDownload","ref","chartRef","useRef","hasData","_a","getDisplay","Skeleton","CardFeedback","IconAlertCircle","jsxs","Card","CardHeader","clsx","CardContent"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ChartCard-B5IaBBTs.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.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\": \"M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M11 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M11 5a1 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  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 = [], onCustomDownload },\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}>\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={onCustomDownload}\n                />\n              </div>\n            </div>\n          }\n        />\n\n        <CardContent ref={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","onCustomDownload","ref","chartRef","useRef","hasData","_a","getDisplay","Skeleton","CardFeedback","IconAlertCircle","jsxs","Card","CardHeader","clsx","CardContent"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/{Color.type.emb-B6HPqRjW.js → Color.type.emb-C4VcPjfM.js}

@@ -537,7 +537,7 @@ function Gv(e, t, n, a, r) {
     countRows: e.countRows
   };
 }
-const qv = "embeddable-event:load-data", Kv = (e, t, n, a) => {
+const qv = "embeddable-event:load-data", jDe = "time", Kv = (e, t, n, a) => {
   if (!t.from)
     return "No dataset selected";
   if (t.select && (t.dimensions || t.measures || t.timeDimensions))
@@ -566,14 +566,14 @@ const qv = "embeddable-event:load-data", Kv = (e, t, n, a) => {
       propertyName: a
     }
   }));
-}, jDe = (e) => ({
+}, ODe = (e) => ({
   requestParams: e,
   dataLoader: Kv
 }), Lf = (e) => (e == null ? void 0 : e.__type__) === Ff, Yf = (e) => (e == null ? void 0 : e.__type__) === Rf, uc = (e) => "dimension" in (e ?? {}) && !("__type__" in e), Qv = (e) => Lf(e) || Yf(e), cc = (e, t) => ({
   operation: e,
   value: t ?? null,
   __embeddableVariableMeta: !0
-}), ODe = {
+}), EDe = {
   noFilter: () => cc("NO_FILTER"),
   of: (e) => cc("VALUE", e)
 }, Jv = () => globalThis.__EMBEDDABLE_BUNDLE_HASH__ ?? null, Uv = (e, t) => {
@@ -606,7 +606,7 @@ const qv = "embeddable-event:load-data", Kv = (e, t, n, a) => {
   oP,
   sP,
   lP
-], cP = () => globalThis.__EMBEDDABLE_BUNDLE_HASH__ ?? null, EDe = (e, t) => {
+], cP = () => globalThis.__EMBEDDABLE_BUNDLE_HASH__ ?? null, zDe = (e, t) => {
   var r, i, o, s;
   const n = cP();
   globalThis.__EMBEDDABLE__ ?? (globalThis.__EMBEDDABLE__ = {});
@@ -59220,7 +59220,7 @@ var L$e = "MenuAnchor", Bu = S.forwardRef(
   }
 );
 Bu.displayName = L$e;
-var Y$e = "MenuPortal", [HDe, $w] = ja(Y$e, {
+var Y$e = "MenuPortal", [FDe, $w] = ja(Y$e, {
   forceMount: void 0
 }), Ot = "MenuContent", [X$e, Gu] = ja(Ot), xw = S.forwardRef(
   (e, t) => {
@@ -59587,7 +59587,7 @@ var nxe = "MenuArrow", zw = S.forwardRef(
   }
 );
 zw.displayName = nxe;
-var axe = "MenuSub", [FDe, Aw] = ja(axe), Hr = "MenuSubTrigger", Iw = S.forwardRef(
+var axe = "MenuSub", [RDe, Aw] = ja(axe), Hr = "MenuSubTrigger", Iw = S.forwardRef(
   (e, t) => {
     const n = gr(Hr, e.__scopeMenu), a = Di(Hr, e.__scopeMenu), r = Aw(Hr, e.__scopeMenu), i = Gu(Hr, e.__scopeMenu), o = S.useRef(null), { pointerGraceTimerRef: s, onPointerGraceIntentChange: l } = i, d = { __scopeMenu: e.__scopeMenu }, u = S.useCallback(() => {
       o.current && window.clearTimeout(o.current), o.current = null;
@@ -60278,7 +60278,7 @@ Zt.register(
   is,
   ds
 );
-var RDe = ({ data: e, onSegmentClick: t, options: n = {}, ...a }) => {
+var VDe = ({ data: e, onSegmentClick: t, options: n = {}, ...a }) => {
   const r = Te(null), i = St(XWe(a), n), o = (s) => {
     const l = Hs(s, r);
     t == null || t(l);
@@ -60386,7 +60386,7 @@ Zt.register(
   ds,
   eu
 );
-var VDe = ({ options: e = {}, data: t, onSegmentClick: n, ...a }) => {
+var LDe = ({ options: e = {}, data: t, onSegmentClick: n, ...a }) => {
   const r = Te(null), i = St(GWe(a), e), o = (s) => {
     const l = Hs(s, r);
     n == null || n(l);
@@ -60446,7 +60446,7 @@ var VDe = ({ options: e = {}, data: t, onSegmentClick: n, ...a }) => {
       /* @__PURE__ */ k.jsx("span", { className: ft.kpiComparisonLabel, children: d ? s ?? r : r })
     ] }) }) })
   ] });
-}, KWe = ({ condition: e, wrapper: t, children: n }) => e ? t(n) : /* @__PURE__ */ k.jsx(k.Fragment, { children: n }), QWe = KWe, LDe = ({
+}, KWe = ({ condition: e, wrapper: t, children: n }) => e ? t(n) : /* @__PURE__ */ k.jsx(k.Fragment, { children: n }), QWe = KWe, YDe = ({
   value: e,
   valueFontSize: t,
   trendFontSize: n,
@@ -60578,7 +60578,7 @@ var VDe = ({ options: e = {}, data: t, onSegmentClick: n, ...a }) => {
   }, [e, t]), n;
 }, Sf = 10;
 Zt.register(da, os, is, ds, eu);
-var YDe = ({
+var XDe = ({
   label: e,
   subLabel: t,
   options: n = {},
@@ -60606,7 +60606,7 @@ var YDe = ({
   ) });
 };
 Zt.register(da, os, is, ds, eu);
-var XDe = ({
+var BDe = ({
   data: e,
   options: t = {},
   onSegmentClick: n,
@@ -60730,7 +60730,7 @@ var XDe = ({
   minWidth: e ? `${e}px` : "unset",
   maxWidth: e ? `${e}px` : "unset",
   width: e ? `${e}px` : "unset"
-}), BDe = ({
+}), GDe = ({
   data: e,
   showValues: t = !1,
   className: n,
@@ -60838,7 +60838,7 @@ var XDe = ({
       ] })
     }
   ) });
-}, zf = (e) => typeof e == "number" && !Number.isNaN(e), Fl = (e, t) => `${e.toFixed(t)}%`, GDe = ({
+}, zf = (e) => typeof e == "number" && !Number.isNaN(e), Fl = (e, t) => `${e.toFixed(t)}%`, qDe = ({
   columnWidth: e,
   firstColumnWidth: t,
   data: n,
@@ -61338,7 +61338,7 @@ var mDe = (e, t) => (e == null ? void 0 : e.id) === t.id ? e.direction === "asc"
   }
 );
 wDe.displayName = "TablePaginated";
-var qDe = ({
+var KDe = ({
   availableHeight: e,
   headerHeight: t,
   rowHeight: n,
@@ -61612,7 +61612,7 @@ var tc = ({
   const { from: n, to: a } = e;
   if (!(!n || !a))
     return `${n ? n.toLocaleDateString() : ""} - ${a ? a.toLocaleDateString() : ""}`;
-}, KDe = ({
+}, QDe = ({
   locale: e,
   displayValue: t,
   value: n,
@@ -61846,7 +61846,7 @@ function dv(e, t = 300) {
     }, t);
   };
 }
-var QDe = ({
+var JDe = ({
   startIcon: e,
   label: t,
   required: n,
@@ -61971,7 +61971,7 @@ var QDe = ({
     ),
     f && /* @__PURE__ */ k.jsx(_i, { message: f, variant: "error" })
   ] });
-}, JDe = ({
+}, UDe = ({
   label: e,
   required: t,
   value: n = "",
@@ -62076,7 +62076,7 @@ var QDe = ({
   ({ children: e, className: t, ...n }, a) => /* @__PURE__ */ k.jsx("div", { className: we(es.card, t), ref: a, ...n, children: e })
 );
 SDe.displayName = "Card";
-var UDe = ({ title: e, subtitle: t, rightContent: n }) => !e && !t && !n ? null : /* @__PURE__ */ k.jsxs("div", { className: es.cardHeader, children: [
+var ZDe = ({ title: e, subtitle: t, rightContent: n }) => !e && !t && !n ? null : /* @__PURE__ */ k.jsxs("div", { className: es.cardHeader, children: [
   /* @__PURE__ */ k.jsxs("div", { className: es.leftContent, children: [
     e && /* @__PURE__ */ k.jsx("h1", { children: e }),
     t && /* @__PURE__ */ k.jsx("p", { children: t })
@@ -62086,7 +62086,7 @@ var UDe = ({ title: e, subtitle: t, rightContent: n }) => !e && !t && !n ? null
   ({ children: e }, t) => /* @__PURE__ */ k.jsx("div", { className: es.cardContent, ref: t, children: e })
 );
 CDe.displayName = "CardContent";
-var ZDe = ({
+var e_e = ({
   icon: e,
   title: t,
   message: n,
@@ -62096,7 +62096,7 @@ var ZDe = ({
   e && /* @__PURE__ */ k.jsx(e, {}),
   /* @__PURE__ */ k.jsx("h2", { children: t }),
   /* @__PURE__ */ k.jsx("p", { children: n })
-] }), e_e = () => /* @__PURE__ */ k.jsx("div", { className: jWe.skeleton }), t_e = (e, t) => {
+] }), t_e = () => /* @__PURE__ */ k.jsx("div", { className: jWe.skeleton }), n_e = (e, t) => {
   var r, i;
   const n = Object.keys(e ?? {}), a = Object.keys(t ?? {});
   if (n.length !== a.length)
@@ -62106,62 +62106,63 @@ var ZDe = ({
       return !1;
   return !0;
 };
-const n_e = Uv("color", {
+const a_e = Uv("color", {
   label: "Color",
   optionLabel: (e) => e.toUpperCase()
 });
 export {
   Fr as A,
-  RDe as B,
-  SDe as C,
-  YDe as D,
-  WDe as E,
-  iv as F,
-  rv as G,
-  BDe as H,
+  VDe as B,
+  jDe as C,
+  XDe as D,
+  bP as E,
+  WDe as F,
+  iv as G,
+  GDe as H,
   Bf as I,
-  yP as J,
-  LDe as K,
-  VDe as L,
-  QDe as M,
-  Ls as N,
-  WP as O,
-  XDe as P,
-  we as Q,
-  e_e as R,
-  JDe as S,
+  rv as J,
+  YDe as K,
+  LDe as L,
+  JDe as M,
+  yP as N,
+  Ls as O,
+  BDe as P,
+  WP as Q,
+  we as R,
+  UDe as S,
   wDe as T,
-  Uv as U,
-  ODe as V,
-  EDe as W,
-  Lf as X,
-  bDe as Y,
-  cDe as Z,
+  t_e as U,
+  EDe as V,
+  Uv as W,
+  zDe as X,
+  Lf as Y,
+  bDe as Z,
+  cDe as _,
   EWe as a,
   Qw as b,
   re as c,
-  qDe as d,
+  KDe as d,
   pDe as e,
-  KDe as f,
+  QDe as f,
   ae as g,
   Fs as h,
   Wf as i,
   k as j,
-  GDe as k,
-  jDe as l,
+  qDe as k,
+  ODe as l,
   St as m,
-  UDe as n,
-  CDe as o,
-  ZDe as p,
-  n_e as q,
-  Ze as r,
-  PDe as s,
-  t_e as t,
+  SDe as n,
+  ZDe as o,
+  CDe as p,
+  e_e as q,
+  a_e as r,
+  Ze as s,
+  PDe as t,
   UWe as u,
-  $De as v,
-  ec as w,
-  tc as x,
-  nr as y,
-  bP as z
+  n_e as v,
+  $De as w,
+  ec as x,
+  tc as y,
+  nr as z
 };
-//# sourceMappingURL=Color.type.emb-B6HPqRjW.js.map
+//# sourceMappingURL=Color.type.emb-C4VcPjfM.js.map