@embeddable.com/remarkable-ui 0.1.17 → 0.1.19

package/dist/BarChartDefaultHorizontalPro.js

@@ -1,7 +1,7 @@
-import { i as L, r as w, m as M, j as l, d as V, a as y, b as z, t as P, c as k, s as v, e as H, f as R, g as j, x as I, y as S, h as T, k as F, l as W, n as Y, V as E, o as G } from "./component.constants-DuGM1FcK.js";
+import { i as L, r as w, m as M, j as l, d as V, a as y, b as z, t as P, c as k, s as v, e as H, f as R, g as j, x as I, y as S, h as T, k as F, l as W, n as Y, V as E, o as G } from "./component.constants-CL4mGURD.js";
 import { useTheme as O, defineComponent as _ } from "@embeddable.com/react";
-import { C as q } from "./ChartCard-DLb6o61U.js";
-import { u as J, g as K, a as N, B as Q } from "./charts.fillGaps.hooks-BwlVpKVy.js";
+import { C as q } from "./ChartCard-BkrK3C4a.js";
+import { u as J, g as K, a as N, B as Q } from "./charts.fillGaps.hooks-BvYoaRpE.js";
 const U = (a) => {
   var i, n;
   const e = O();

package/dist/BarChartDefaultPro.js

@@ -1,7 +1,7 @@
-import { i as L, r as y, m as w, j as l, d as M, a as V, b as P, t as v, c as k, s as R, e as j, f as I, g as S, x as T, y as F, p as W, q as X, u as q, v as z, V as E, o as G } from "./component.constants-DuGM1FcK.js";
+import { i as L, r as y, m as w, j as l, d as M, a as V, b as P, t as v, c as k, s as R, e as j, f as I, g as S, x as T, y as F, p as W, q as X, u as q, v as z, V as E, o as G } from "./component.constants-CL4mGURD.js";
 import { useTheme as O, defineComponent as _ } from "@embeddable.com/react";
-import { C as H } from "./ChartCard-DLb6o61U.js";
-import { u as J, g as K, a as N, B as Q } from "./charts.fillGaps.hooks-BwlVpKVy.js";
+import { C as H } from "./ChartCard-BkrK3C4a.js";
+import { u as J, g as K, a as N, B as Q } from "./charts.fillGaps.hooks-BvYoaRpE.js";
 const U = (a) => {
   var o, n;
   const s = O();

package/dist/BarChartGroupedHorizontalPro.js

@@ -1,7 +1,7 @@
-import { i as f, r as w, m as k, j as u, d as z, w as G, b as P, z as M, t as H, c as R, s as j, e as v, f as S, g as T, x as F, y as Y, h as W, k as E, l as I, V as m, o as O } from "./component.constants-DuGM1FcK.js";
+import { i as f, r as w, m as k, j as u, d as z, w as G, b as P, z as M, t as H, c as R, s as j, e as v, f as S, g as T, x as F, y as Y, h as W, k as E, l as I, V as m, o as O } from "./component.constants-CL4mGURD.js";
 import { useTheme as _, defineComponent as q } from "@embeddable.com/react";
-import { C as J } from "./ChartCard-DLb6o61U.js";
-import { u as K, b as N, a as Q, B as U } from "./charts.fillGaps.hooks-BwlVpKVy.js";
+import { C as J } from "./ChartCard-BkrK3C4a.js";
+import { u as K, b as N, a as Q, B as U } from "./charts.fillGaps.hooks-BvYoaRpE.js";
 const X = (a) => {
   var n, l;
   const e = _();

package/dist/BarChartGroupedPro.js

@@ -1,7 +1,7 @@
-import { i as L, r as w, m as G, j as m, d as k, w as P, b as M, z as R, t as j, c as v, s as S, e as T, f as F, g as X, x as z, y as W, p as q, q as E, u as I, V as u, o as O } from "./component.constants-DuGM1FcK.js";
+import { i as L, r as w, m as G, j as m, d as k, w as P, b as M, z as R, t as j, c as v, s as S, e as T, f as F, g as X, x as z, y as W, p as q, q as E, u as I, V as u, o as O } from "./component.constants-CL4mGURD.js";
 import { useTheme as _, defineComponent as H } from "@embeddable.com/react";
-import { C as J } from "./ChartCard-DLb6o61U.js";
-import { u as K, b as N, a as Q, B as U } from "./charts.fillGaps.hooks-BwlVpKVy.js";
+import { C as J } from "./ChartCard-BkrK3C4a.js";
+import { u as K, b as N, a as Q, B as U } from "./charts.fillGaps.hooks-BvYoaRpE.js";
 const Y = (e) => {
   var n, l;
   const a = _();

package/dist/BarChartStackedHorizontalPro.js

@@ -1,7 +1,7 @@
-import { i as L, r as w, m as f, j as m, d as S, w as z, b as P, z as M, t as H, c as R, s as T, e as j, f as v, g as F, x as G, y as Y, h as W, k as E, l as I, A as O, V as d, o as _ } from "./component.constants-DuGM1FcK.js";
+import { i as L, r as w, m as f, j as m, d as S, w as z, b as P, z as M, t as H, c as R, s as T, e as j, f as v, g as F, x as G, y as Y, h as W, k as E, l as I, A as O, V as d, o as _ } from "./component.constants-CL4mGURD.js";
 import { useTheme as q, defineComponent as J } from "@embeddable.com/react";
-import { C as K } from "./ChartCard-DLb6o61U.js";
-import { u as N, b as Q, a as U, B as X } from "./charts.fillGaps.hooks-BwlVpKVy.js";
+import { C as K } from "./ChartCard-BkrK3C4a.js";
+import { u as N, b as Q, a as U, B as X } from "./charts.fillGaps.hooks-BvYoaRpE.js";
 const Z = (a) => {
   var n, l;
   const e = q();

package/dist/BarChartStackedPro.js

@@ -1,7 +1,7 @@
-import { i as L, r as f, m as w, j as m, d as S, w as P, b as M, z as R, t as T, c as j, s as v, e as F, f as G, g as X, x as z, y as W, p as q, q as E, u as I, A as O, V as d, o as _ } from "./component.constants-DuGM1FcK.js";
+import { i as L, r as f, m as w, j as m, d as S, w as P, b as M, z as R, t as T, c as j, s as v, e as F, f as G, g as X, x as z, y as W, p as q, q as E, u as I, A as O, V as d, o as _ } from "./component.constants-CL4mGURD.js";
 import { useTheme as H, defineComponent as J } from "@embeddable.com/react";
-import { C as K } from "./ChartCard-DLb6o61U.js";
-import { u as N, b as Q, a as U, B as Y } from "./charts.fillGaps.hooks-BwlVpKVy.js";
+import { C as K } from "./ChartCard-BkrK3C4a.js";
+import { u as N, b as Q, a as U, B as Y } from "./charts.fillGaps.hooks-BvYoaRpE.js";
 const Z = (a) => {
   var n, l;
   const e = H();

package/dist/{BaseButton-BKojrsLP.js → BaseButton-CuifBVsc.js}

@@ -1,4 +1,4 @@
-import { j as c, a1 as e } from "./component.constants-DuGM1FcK.js";
+import { j as c, a0 as e } from "./component.constants-CL4mGURD.js";
 const i = "_baseButton_1tlim_1", m = "_primary_1tlim_15", _ = "_secondary_1tlim_35", u = "_icon_1tlim_56", t = {
   baseButton: i,
   primary: m,
@@ -21,4 +21,4 @@ const i = "_baseButton_1tlim_1", m = "_primary_1tlim_15", _ = "_secondary_1tlim_
 export {
   l as B
 };
-//# sourceMappingURL=BaseButton-BKojrsLP.js.map
+//# sourceMappingURL=BaseButton-CuifBVsc.js.map

package/dist/{BaseButton-BKojrsLP.js.map → BaseButton-CuifBVsc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BaseButton-BKojrsLP.js","sources":["../src/remarkable-ui/shared/BaseButton/BaseButton.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React from 'react';\nimport styles from './BaseButton.module.css';\n\nexport type BaseButtonProps = {\n  variant?: 'primary' | 'secondary';\n  size?: 'small' | 'medium';\n  ref?: React.Ref<HTMLButtonElement>;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const BaseButton: React.FC<BaseButtonProps> = ({\n  variant = 'primary',\n  size = 'medium',\n  className,\n  children,\n  ...props\n}) => {\n  return (\n    <button\n      className={clsx(styles.baseButton, styles[variant], styles[size], className)}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n};\n"],"names":["BaseButton","variant","size","className","children","props","jsx","clsx","styles"],"mappings":";;;;;;GAUaA,IAAwC,CAAC;AAAA,EACpD,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKC,EAAO,YAAYA,EAAOP,CAAO,GAAGO,EAAON,CAAI,GAAGC,CAAS;AAAA,IAC1E,GAAGE;AAAA,IAEH,UAAAD;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"BaseButton-CuifBVsc.js","sources":["../src/remarkable-ui/shared/BaseButton/BaseButton.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React from 'react';\nimport styles from './BaseButton.module.css';\n\nexport type BaseButtonProps = {\n  variant?: 'primary' | 'secondary';\n  size?: 'small' | 'medium';\n  ref?: React.Ref<HTMLButtonElement>;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const BaseButton: React.FC<BaseButtonProps> = ({\n  variant = 'primary',\n  size = 'medium',\n  className,\n  children,\n  ...props\n}) => {\n  return (\n    <button\n      className={clsx(styles.baseButton, styles[variant], styles[size], className)}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n};\n"],"names":["BaseButton","variant","size","className","children","props","jsx","clsx","styles"],"mappings":";;;;;;GAUaA,IAAwC,CAAC;AAAA,EACpD,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKC,EAAO,YAAYA,EAAOP,CAAO,GAAGO,EAAON,CAAI,GAAGC,CAAS;AAAA,IAC1E,GAAGE;AAAA,IAEH,UAAAD;AAAA,EAAA;AAAA;"}

package/dist/{ChartCard-DLb6o61U.js → ChartCard-BkrK3C4a.js}

@@ -1,27 +1,27 @@
-import { Y as p, j as t, a1 as k, av as y, i as x, a8 as v, ab as N, Z as d, a9 as B, a2 as I, a3 as L, a5 as S, a7 as C, aw as R } from "./component.constants-DuGM1FcK.js";
+import { Z as p, j as t, a0 as k, au as y, i as x, a7 as v, aa as N, _ as d, a8 as B, a1 as I, a2 as L, a4 as S, a6 as g, av as R } from "./component.constants-CL4mGURD.js";
 import D, { useRef as M } from "react";
 import { useTheme as f } from "@embeddable.com/react";
-import { B as $ } from "./BaseButton-BKojrsLP.js";
+import { B as $ } from "./BaseButton-CuifBVsc.js";
 /**
  * @license @tabler/icons-react v3.34.1 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const b = [["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" }]], T = p("outline", "dots-vertical", "DotsVertical", b), w = "_skeleton_12e7h_10", z = {
-  skeleton: w
-}, P = () => /* @__PURE__ */ t.jsx("div", { className: z.skeleton }), A = "_iconButton_134uf_1", E = "_icon_134uf_1", _ = {
+const T = [["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" }]], b = p("outline", "dots-vertical", "DotsVertical", T), z = "_skeleton_12e7h_10", P = {
+  skeleton: z
+}, w = () => /* @__PURE__ */ t.jsx("div", { className: P.skeleton }), A = "_iconButton_134uf_1", E = "_icon_134uf_1", C = {
   iconButton: A,
   icon: E
-}, V = ({ icon: a, className: e, ...o }) => /* @__PURE__ */ t.jsx($, { variant: "secondary", className: k(_.iconButton, e), ...o, children: /* @__PURE__ */ t.jsx(a, { className: _.icon }) }), F = "_chartCard_zkf3k_1", H = "_error_zkf3k_6", K = "_rightContent_zkf3k_12", u = {
+}, V = ({ icon: a, className: e, ...o }) => /* @__PURE__ */ t.jsx($, { variant: "secondary", className: k(C.iconButton, e), ...o, children: /* @__PURE__ */ t.jsx(a, { className: C.icon }) }), F = "_chartCard_zkf3k_1", H = "_error_zkf3k_6", K = "_rightContent_zkf3k_12", m = {
   chartCard: F,
   error: H,
   rightContent: K
-}, O = "_loading_7lgag_7", Y = {
+}, O = "_loading_7lgag_7", Z = {
   loading: O
-}, j = () => /* @__PURE__ */ t.jsx(y, { className: Y.loading }), Z = "_list_mwshn_1", q = {
-  list: Z
-}, G = (a) => {
+}, j = () => /* @__PURE__ */ t.jsx(y, { className: Z.loading }), q = "_list_mwshn_1", G = {
+  list: q
+}, J = (a) => {
   var l, r;
   const e = f();
   x(e);
@@ -37,22 +37,22 @@ const b = [["path", { d: "M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-0
     {
       side: "bottom",
       align: "end",
-      triggerComponent: o ? /* @__PURE__ */ t.jsx(j, {}) : /* @__PURE__ */ t.jsx(V, { icon: T }),
-      children: /* @__PURE__ */ t.jsx(N, { className: q.list, autoFocus: !0, children: i.map((s, m) => {
-        const g = d.t(s.labelKey);
+      triggerComponent: o ? /* @__PURE__ */ t.jsx(j, {}) : /* @__PURE__ */ t.jsx(V, { icon: b }),
+      children: /* @__PURE__ */ t.jsx(N, { className: G.list, autoFocus: !0, children: i.map((s, u) => {
+        const _ = d.t(s.labelKey);
         return /* @__PURE__ */ t.jsx(
           B,
           {
-            label: g,
+            label: _,
             onClick: () => h(s.onClick),
-            startIcon: s.iconSrc ? /* @__PURE__ */ t.jsx("img", { src: s.iconSrc, alt: `${g} icon` }) : void 0
+            startIcon: s.iconSrc ? /* @__PURE__ */ t.jsx("img", { src: s.iconSrc, alt: `${_} icon` }) : void 0
           },
-          m
+          u
         );
       }) })
     }
   );
-}, X = ({
+}, Y = ({
   title: a,
   subtitle: e,
   children: o,
@@ -63,29 +63,29 @@ const b = [["path", { d: "M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-0
 }) => {
   const l = f();
   x(l);
-  const r = M(null), s = n.data && n.data.length > 0, m = () => !s && n.isLoading ? /* @__PURE__ */ t.jsx(P, {}) : c ? /* @__PURE__ */ t.jsx(
-    C,
+  const r = M(null), s = n.data && n.data.length > 0, u = () => !s && n.isLoading ? /* @__PURE__ */ t.jsx(w, {}) : c ? /* @__PURE__ */ t.jsx(
+    g,
     {
-      className: u.error,
+      className: m.error,
       icon: R,
       title: d.t("charts.errorTitle"),
       message: c
     }
   ) : s ? o : /* @__PURE__ */ t.jsx(
-    C,
+    g,
     {
       title: d.t("charts.emptyTitle"),
       message: d.t("charts.emptyMessage")
     }
   );
-  return /* @__PURE__ */ t.jsxs(I, { ref: r, className: u.chartCard, ...i, children: [
+  return /* @__PURE__ */ t.jsxs(I, { ref: r, className: m.chartCard, ...i, children: [
     /* @__PURE__ */ t.jsx(
       L,
       {
         title: a,
         subtitle: e,
-        rightContent: /* @__PURE__ */ t.jsx("div", { "data-no-export": !0, className: u.rightContent, children: n.isLoading ? /* @__PURE__ */ t.jsx(j, {}) : /* @__PURE__ */ t.jsx(
-          G,
+        rightContent: /* @__PURE__ */ t.jsx("div", { "data-no-export": !0, className: m.rightContent, children: n.isLoading ? /* @__PURE__ */ t.jsx(j, {}) : /* @__PURE__ */ t.jsx(
+          J,
           {
             title: a,
             containerRef: r,
@@ -95,12 +95,12 @@ const b = [["path", { d: "M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0", key: "svg-0
         ) })
       }
     ),
-    /* @__PURE__ */ t.jsx(S, { children: m() })
+    /* @__PURE__ */ t.jsx(S, { children: u() })
   ] });
 };
 export {
-  X as C,
+  Y as C,
   V as I,
-  P as S
+  w as S
 };
-//# sourceMappingURL=ChartCard-DLb6o61U.js.map
+//# sourceMappingURL=ChartCard-BkrK3C4a.js.map

package/dist/{ChartCard-DLb6o61U.js.map → ChartCard-BkrK3C4a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ChartCard-DLb6o61U.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconDotsVertical.mjs","../src/remarkable-ui/shared/Skeleton/Skeleton.tsx","../src/remarkable-ui/shared/IconButton/IconButton.tsx","../src/remarkable-pro/components/charts/shared/ChartCard/ChartCardLoading/ChartCardLoading.tsx","../src/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.tsx","../src/remarkable-pro/components/charts/shared/ChartCard/ChartCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.34.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\": \"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 styles from './Skeleton.module.css';\n\nexport const Skeleton = () => {\n  return <div className={styles.skeleton} />;\n};\n","import clsx from 'clsx';\nimport React from 'react';\nimport styles from './IconButton.module.css';\nimport { TablerIcon } from '@tabler/icons-react';\nimport { BaseButton, type BaseButtonProps } from '../BaseButton';\n\ntype IconButtonProps = Omit<BaseButtonProps, 'variant'> & {\n  className?: string;\n  icon: TablerIcon;\n};\n\nexport const IconButton: React.FC<IconButtonProps> = ({ icon: Icon, className, ...props }) => {\n  return (\n    <BaseButton variant=\"secondary\" className={clsx(styles.iconButton, className)} {...props}>\n      <Icon className={styles.icon} />\n    </BaseButton>\n  );\n};\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  IconButton,\n  SelectList,\n  SelectListOption,\n} from '../../../../../../remarkable-ui';\nimport { ChartCardMenuProOptionOnClickProps } from './ChartCardMenuPro.types';\nimport styles from './ChartCardMenuPro.module.css';\n\ntype ChartCardMenuProProps = Omit<ChartCardMenuProOptionOnClickProps, '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 startAction = (onClick: () => void | Promise<void>) => {\n    setIsLoading(true);\n    setTimeout(() => {\n      Promise.resolve(onClick()).finally(() => setIsLoading(false));\n    }, 100);\n  };\n\n  const handleExport = (onClick: (props: ChartCardMenuProOptionOnClickProps) => void) => {\n    startAction(() => onClick({ ...props, theme }));\n  };\n\n  const options = theme.charts?.chartCardMenuPro?.options ?? [];\n\n  if (options.length === 0) {\n    return null;\n  }\n\n  return (\n    <Dropdown\n      side=\"bottom\"\n      align=\"end\"\n      triggerComponent={isLoading ? <ChartCardLoading /> : <IconButton icon={IconDotsVertical} />}\n    >\n      <SelectList 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={\n                option.iconSrc ? <img src={option.iconSrc} alt={`${label} icon`} /> : undefined\n              }\n            />\n          );\n        })}\n      </SelectList>\n    </Dropdown>\n  );\n};\n","import React, { CSSProperties, FC, useRef } from 'react';\nimport { IconAlertCircle } from '@tabler/icons-react';\nimport {\n  Card,\n  CardContent,\n  CardContentInfo,\n  CardHeader,\n  Skeleton,\n} from '../../../../../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';\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};\n\nexport const ChartCard: FC<ChartCardProps> = ({\n  title,\n  subtitle,\n  children,\n  data,\n  errorMessage,\n  dimensionsAndMeasures = [],\n  ...props\n}) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const chartRef = useRef<HTMLDivElement>(null);\n\n  const hasData = data.data && data.data.length > 0;\n\n  const getDisplay = () => {\n    if (!hasData && data.isLoading) {\n      return <Skeleton />;\n    }\n\n    if (errorMessage) {\n      return (\n        <CardContentInfo\n          className={styles.error}\n          icon={IconAlertCircle}\n          title={i18n.t('charts.errorTitle')}\n          message={errorMessage}\n        />\n      );\n    }\n\n    if (!hasData) {\n      return (\n        <CardContentInfo\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 ref={chartRef} className={styles.chartCard} {...props}>\n      <CardHeader\n        title={title}\n        subtitle={subtitle}\n        rightContent={\n          <div data-no-export className={styles.rightContent}>\n            {data.isLoading ? (\n              <ChartCardLoading />\n            ) : (\n              <ChartCardMenuPro\n                title={title}\n                containerRef={chartRef}\n                data={data.data}\n                dimensionsAndMeasures={dimensionsAndMeasures}\n              />\n            )}\n          </div>\n        }\n      />\n\n      <CardContent>{getDisplay()}</CardContent>\n    </Card>\n  );\n};\n"],"names":["__iconNode","IconDotsVertical","createReactComponent","Skeleton","jsx","styles","IconButton","Icon","className","props","BaseButton","clsx","ChartCardLoading","IconLoader2","ChartCardMenuPro","theme","useTheme","i18nSetup","isLoading","setIsLoading","React","startAction","onClick","handleExport","options","_b","_a","Dropdown","SelectList","option","index","label","i18n","SelectListOption","ChartCard","title","subtitle","children","data","errorMessage","dimensionsAndMeasures","chartRef","useRef","hasData","getDisplay","CardContentInfo","IconAlertCircle","jsxs","Card","CardHeader","CardContent"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ChartCard-BkrK3C4a.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconDotsVertical.mjs","../src/remarkable-ui/shared/Skeleton/Skeleton.tsx","../src/remarkable-ui/shared/IconButton/IconButton.tsx","../src/remarkable-pro/components/charts/shared/ChartCard/ChartCardLoading/ChartCardLoading.tsx","../src/remarkable-pro/components/charts/shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.tsx","../src/remarkable-pro/components/charts/shared/ChartCard/ChartCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.34.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\": \"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 styles from './Skeleton.module.css';\n\nexport const Skeleton = () => {\n  return <div className={styles.skeleton} />;\n};\n","import clsx from 'clsx';\nimport React from 'react';\nimport styles from './IconButton.module.css';\nimport { TablerIcon } from '@tabler/icons-react';\nimport { BaseButton, type BaseButtonProps } from '../BaseButton';\n\ntype IconButtonProps = Omit<BaseButtonProps, 'variant'> & {\n  className?: string;\n  icon: TablerIcon;\n};\n\nexport const IconButton: React.FC<IconButtonProps> = ({ icon: Icon, className, ...props }) => {\n  return (\n    <BaseButton variant=\"secondary\" className={clsx(styles.iconButton, className)} {...props}>\n      <Icon className={styles.icon} />\n    </BaseButton>\n  );\n};\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  IconButton,\n  SelectList,\n  SelectListOption,\n} from '../../../../../../remarkable-ui';\nimport { ChartCardMenuProOptionOnClickProps } from './ChartCardMenuPro.types';\nimport styles from './ChartCardMenuPro.module.css';\n\ntype ChartCardMenuProProps = Omit<ChartCardMenuProOptionOnClickProps, '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 startAction = (onClick: () => void | Promise<void>) => {\n    setIsLoading(true);\n    setTimeout(() => {\n      Promise.resolve(onClick()).finally(() => setIsLoading(false));\n    }, 100);\n  };\n\n  const handleExport = (onClick: (props: ChartCardMenuProOptionOnClickProps) => void) => {\n    startAction(() => onClick({ ...props, theme }));\n  };\n\n  const options = theme.charts?.chartCardMenuPro?.options ?? [];\n\n  if (options.length === 0) {\n    return null;\n  }\n\n  return (\n    <Dropdown\n      side=\"bottom\"\n      align=\"end\"\n      triggerComponent={isLoading ? <ChartCardLoading /> : <IconButton icon={IconDotsVertical} />}\n    >\n      <SelectList 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={\n                option.iconSrc ? <img src={option.iconSrc} alt={`${label} icon`} /> : undefined\n              }\n            />\n          );\n        })}\n      </SelectList>\n    </Dropdown>\n  );\n};\n","import React, { CSSProperties, FC, useRef } from 'react';\nimport { IconAlertCircle } from '@tabler/icons-react';\nimport {\n  Card,\n  CardContent,\n  CardContentInfo,\n  CardHeader,\n  Skeleton,\n} from '../../../../../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';\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};\n\nexport const ChartCard: FC<ChartCardProps> = ({\n  title,\n  subtitle,\n  children,\n  data,\n  errorMessage,\n  dimensionsAndMeasures = [],\n  ...props\n}) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const chartRef = useRef<HTMLDivElement>(null);\n\n  const hasData = data.data && data.data.length > 0;\n\n  const getDisplay = () => {\n    if (!hasData && data.isLoading) {\n      return <Skeleton />;\n    }\n\n    if (errorMessage) {\n      return (\n        <CardContentInfo\n          className={styles.error}\n          icon={IconAlertCircle}\n          title={i18n.t('charts.errorTitle')}\n          message={errorMessage}\n        />\n      );\n    }\n\n    if (!hasData) {\n      return (\n        <CardContentInfo\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 ref={chartRef} className={styles.chartCard} {...props}>\n      <CardHeader\n        title={title}\n        subtitle={subtitle}\n        rightContent={\n          <div data-no-export className={styles.rightContent}>\n            {data.isLoading ? (\n              <ChartCardLoading />\n            ) : (\n              <ChartCardMenuPro\n                title={title}\n                containerRef={chartRef}\n                data={data.data}\n                dimensionsAndMeasures={dimensionsAndMeasures}\n              />\n            )}\n          </div>\n        }\n      />\n\n      <CardContent>{getDisplay()}</CardContent>\n    </Card>\n  );\n};\n"],"names":["__iconNode","IconDotsVertical","createReactComponent","Skeleton","jsx","styles","IconButton","Icon","className","props","BaseButton","clsx","ChartCardLoading","IconLoader2","ChartCardMenuPro","theme","useTheme","i18nSetup","isLoading","setIsLoading","React","startAction","onClick","handleExport","options","_b","_a","Dropdown","SelectList","option","index","label","i18n","SelectListOption","ChartCard","title","subtitle","children","data","errorMessage","dimensionsAndMeasures","chartRef","useRef","hasData","getDisplay","CardContentInfo","IconAlertCircle","jsxs","Card","CardHeader","CardContent"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/{ComparisonPeriod.type.emb-BK3kHVRE.js → ComparisonPeriod.type.emb-Cli9Gpzq.js}

@@ -1,4 +1,4 @@
-import { $ as i, a0 as o } from "./component.constants-DuGM1FcK.js";
+import { aw as i, ax as o } from "./component.constants-CL4mGURD.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-BK3kHVRE.js.map
+//# sourceMappingURL=ComparisonPeriod.type.emb-Cli9Gpzq.js.map

package/dist/{ComparisonPeriod.type.emb-BK3kHVRE.js.map → ComparisonPeriod.type.emb-Cli9Gpzq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ComparisonPeriod.type.emb-BK3kHVRE.js","sources":["../src/remarkable-pro/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;"}
+{"version":3,"file":"ComparisonPeriod.type.emb-Cli9Gpzq.js","sources":["../src/remarkable-pro/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

@@ -1,10 +1,10 @@
 import { useTheme as v, defineComponent as h } from "@embeddable.com/react";
-import { Y as y, R as P, i as f, r as b, j as l, Z as C, t as S, c as R, _ as F, V as d } from "./component.constants-DuGM1FcK.js";
+import { Z as y, S as P, i as f, r as b, j as l, _ as C, t as S, c as F, $ as R, V as d } from "./component.constants-CL4mGURD.js";
 import { useMemo as M, useEffect as k } from "react";
-import { S as D } from "./SingleSelectField-BaBjHlCf.js";
+import { S as D } from "./SingleSelectField-BAEvpk7-.js";
 import { g as T, u as j, a as x } from "./editors.timeRange.utils-CteuBPel.js";
-import { E as L } from "./EditorCard-COw7ouX6.js";
-import { C as s } from "./ComparisonPeriod.type.emb-BK3kHVRE.js";
+import { E as L } from "./EditorCard-BQnDPFzf.js";
+import { C as s } from "./ComparisonPeriod.type.emb-Cli9Gpzq.js";
 /**
  * @license @tabler/icons-react v3.34.1 - MIT
  *
@@ -52,8 +52,8 @@ const O = [["path", { d: "M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h1
   defaultHeight: 120,
   inputs: [
     { ...S },
-    { ...R },
-    { ...F, defaultValue: "Select a date-comparison" },
+    { ...F },
+    { ...R, defaultValue: "Select a date-comparison" },
     {
       name: "primaryDateRange",
       type: "timeRange",

package/dist/DateRangeSelectFieldPro.js

@@ -1,6 +1,6 @@
 import { defineComponent as t } from "@embeddable.com/react";
-import { t as l, c as n, _ as r, V as a } from "./component.constants-DuGM1FcK.js";
-import { D as o } from "./index-0JzvLdB-.js";
+import { t as l, c as n, $ as r, V as a } from "./component.constants-CL4mGURD.js";
+import { D as o } from "./index-9t6SPE91.js";
 const i = {
   name: "DateRangeSelectFieldPro",
   label: "Date Range Select Field",

package/dist/DonutChartPro.js

@@ -1,6 +1,6 @@
-import { d as a, w as s, z as t, t as o, c as n, s as r, X as i, e as m, f as l, V as d, o as u } from "./component.constants-DuGM1FcK.js";
+import { d as a, w as s, z as t, t as o, c as n, s as r, Y as i, e as m, f as l, V as d, o as u } from "./component.constants-CL4mGURD.js";
 import { defineComponent as c } from "@embeddable.com/react";
-import { D as p } from "./index-1ZIedoXi.js";
+import { D as p } from "./index-BehaWXq-.js";
 const C = {
   name: "DonutChartPro",
   label: "Donut Chart",

package/dist/DonutLabelChartPro.js

@@ -1,5 +1,5 @@
-import { D as n } from "./index-DleI2gEG.js";
-import { d as s, w as a, z as r, t as o, c as l, s as i, X as m, e as d, f as u, V as b, o as t } from "./component.constants-DuGM1FcK.js";
+import { D as n } from "./index-CAGJqsS8.js";
+import { d as s, w as a, z as r, t as o, c as l, s as i, Y as m, e as d, f as u, V as b, o as t } from "./component.constants-CL4mGURD.js";
 import { defineComponent as c } from "@embeddable.com/react";
 const p = {
   name: "DonutLabelChartPro",

package/dist/{EditorCard-COw7ouX6.js → EditorCard-BQnDPFzf.js}

@@ -1,4 +1,4 @@
-import { Y as l, j as r, a1 as u, i as m, a2 as p, a3 as _, a5 as x, a7 as f, Z as h, aw as C } from "./component.constants-DuGM1FcK.js";
+import { Z as l, j as r, a0 as u, i as m, a1 as p, a2 as _, a4 as x, a6 as f, _ as h, av as C } from "./component.constants-CL4mGURD.js";
 import { useEffect as j } from "react";
 import { useTheme as S } from "@embeddable.com/react";
 /**
@@ -7,11 +7,11 @@ import { useTheme as S } from "@embeddable.com/react";
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const b = [["path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0", key: "svg-0" }], ["path", { d: "M21 21l-6 -6", key: "svg-1" }]], g = l("outline", "search", "Search", b), v = "_listOptions_2o1ip_1", y = "_disabled_2o1ip_6", o = {
-  listOptions: v,
+const v = [["path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0", key: "svg-0" }], ["path", { d: "M21 21l-6 -6", key: "svg-1" }]], g = l("outline", "search", "Search", v), b = "_listOptions_2o1ip_1", y = "_disabled_2o1ip_6", o = {
+  listOptions: b,
   disabled: y
 }, k = ({ children: t, disabled: e, ...s }) => /* @__PURE__ */ r.jsx("div", { className: u(o.listOptions, e && o.disabled), ...s, children: t });
-function w(t, e = 300) {
+function A(t, e = 300) {
   let s;
   return (...a) => {
     clearTimeout(s), s = setTimeout(() => {
@@ -19,7 +19,7 @@ function w(t, e = 300) {
     }, e);
   };
 }
-const A = (t, e) => {
+const D = (t, e) => {
   j(() => {
     t && setTimeout(() => {
       var s;
@@ -29,7 +29,7 @@ const A = (t, e) => {
 }, T = "_error_1xvr5_1", E = "_card_1xvr5_7", n = {
   error: T,
   card: E
-}, D = ({
+}, H = ({
   title: t,
   subtitle: e,
   children: s,
@@ -53,10 +53,10 @@ const A = (t, e) => {
   ] });
 };
 export {
-  D as E,
+  H as E,
   g as I,
   k as S,
-  w as d,
-  A as u
+  A as d,
+  D as u
 };
-//# sourceMappingURL=EditorCard-COw7ouX6.js.map
+//# sourceMappingURL=EditorCard-BQnDPFzf.js.map

package/dist/{EditorCard-COw7ouX6.js.map → EditorCard-BQnDPFzf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EditorCard-COw7ouX6.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconSearch.mjs","../src/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOptions.tsx","../src/remarkable-ui/utils/debounce.utils.ts","../src/remarkable-ui/editors/select/shared/useSelectSearchFocus.hook.ts","../src/remarkable-pro/components/editors/shared/EditorCard/EditorCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.34.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\": \"M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M21 21l-6 -6\", \"key\": \"svg-1\" }]];\nconst IconSearch = createReactComponent(\"outline\", \"search\", \"Search\", __iconNode);\n\nexport { __iconNode, IconSearch as default };\n//# sourceMappingURL=IconSearch.mjs.map\n","import { FC } from 'react';\nimport styles from './SelectListOptions.module.css';\nimport clsx from 'clsx';\n\nexport type SelectListOptionsProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode;\n  disabled?: boolean;\n};\n\nexport const SelectListOptions: FC<SelectListOptionsProps> = ({ children, disabled, ...props }) => {\n  return (\n    <div className={clsx(styles.listOptions, disabled && styles.disabled)} {...props}>\n      {children}\n    </div>\n  );\n};\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function debounce<T extends (...args: any[]) => void>(\n  fn: T,\n  delay = 300,\n): (...args: Parameters<T>) => void {\n  let timer: NodeJS.Timeout;\n  return (...args: Parameters<T>) => {\n    clearTimeout(timer);\n    timer = setTimeout(() => {\n      fn(...args);\n    }, delay);\n  };\n}\n","import { useEffect } from 'react';\n\nexport const useSelectSearchFocus = (\n  isOpen: boolean,\n  searchFieldRef: React.RefObject<HTMLInputElement | null>,\n) => {\n  useEffect(() => {\n    if (isOpen) {\n      setTimeout(() => {\n        (searchFieldRef.current as unknown as HTMLInputElement)?.focus();\n      }, 100);\n    }\n  }, [isOpen, searchFieldRef]);\n};\n","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, CardContentInfo, CardHeader } from '../../../../../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        <CardContentInfo\n          className={styles.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":["__iconNode","IconSearch","createReactComponent","SelectListOptions","children","disabled","props","jsx","clsx","styles","debounce","fn","delay","timer","args","useSelectSearchFocus","isOpen","searchFieldRef","useEffect","_a","EditorCard","title","subtitle","errorMessage","theme","useTheme","i18nSetup","getDisplay","CardContentInfo","IconAlertCircle","i18n","Card","CardHeader","CardContent"],"mappings":";;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,8CAA8C,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,gBAAgB,KAAO,QAAO,CAAE,CAAC,GAChJC,IAAaC,EAAqB,WAAW,UAAU,UAAUF,CAAU;;;GCDpEG,IAAgD,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,GAAGC,QAEnFC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWC,EAAKC,EAAO,aAAaJ,KAAYI,EAAO,QAAQ,GAAI,GAAGH,GACxE,UAAAF,EAAA,CACH;ACZG,SAASM,EACdC,GACAC,IAAQ,KAC0B;AAClC,MAAIC;AACJ,SAAO,IAAIC,MAAwB;AACjC,iBAAaD,CAAK,GAClBA,IAAQ,WAAW,MAAM;AACvB,MAAAF,EAAG,GAAGG,CAAI;AAAA,IACZ,GAAGF,CAAK;AAAA,EACV;AACF;ACVO,MAAMG,IAAuB,CAClCC,GACAC,MACG;AACH,EAAAC,EAAU,MAAM;AACd,IAAIF,KACF,WAAW,MAAM;;AACd,OAAAG,IAAAF,EAAe,YAAf,QAAAE,EAAwD;AAAA,IAC3D,GAAG,GAAG;AAAA,EAEV,GAAG,CAACH,GAAQC,CAAc,CAAC;AAC7B;;;GCEaG,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAlB;AAAA,EACA,cAAAmB;AAAA,EACA,GAAGjB;AACL,MAAM;AACJ,QAAMkB,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAMG,IAAa,MACbJ,IAEAhB,gBAAAA,EAAAA;AAAAA,IAACqB;AAAA,IAAA;AAAA,MACC,WAAWnB,EAAO;AAAA,MAClB,MAAMoB;AAAA,MACN,OAAOC,EAAK,EAAE,oBAAoB;AAAA,MAClC,SAASP;AAAA,IAAA;AAAA,EAAA,IAKRnB;AAGT,gCACG2B,GAAA,EAAK,WAAWtB,EAAO,MAAO,GAAGH,GAChC,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACyB,GAAA,EAAW,OAAAX,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAC9Cf,gBAAAA,EAAAA,IAAC0B,GAAA,EAAa,UAAAN,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"EditorCard-BQnDPFzf.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconSearch.mjs","../src/remarkable-ui/editors/select/shared/SelectList/SelectListOptions/SelectListOptions.tsx","../src/remarkable-ui/utils/debounce.utils.ts","../src/remarkable-ui/editors/select/shared/useSelectSearchFocus.hook.ts","../src/remarkable-pro/components/editors/shared/EditorCard/EditorCard.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.34.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\": \"M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M21 21l-6 -6\", \"key\": \"svg-1\" }]];\nconst IconSearch = createReactComponent(\"outline\", \"search\", \"Search\", __iconNode);\n\nexport { __iconNode, IconSearch as default };\n//# sourceMappingURL=IconSearch.mjs.map\n","import { FC } from 'react';\nimport styles from './SelectListOptions.module.css';\nimport clsx from 'clsx';\n\nexport type SelectListOptionsProps = React.HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode;\n  disabled?: boolean;\n};\n\nexport const SelectListOptions: FC<SelectListOptionsProps> = ({ children, disabled, ...props }) => {\n  return (\n    <div className={clsx(styles.listOptions, disabled && styles.disabled)} {...props}>\n      {children}\n    </div>\n  );\n};\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function debounce<T extends (...args: any[]) => void>(\n  fn: T,\n  delay = 300,\n): (...args: Parameters<T>) => void {\n  let timer: NodeJS.Timeout;\n  return (...args: Parameters<T>) => {\n    clearTimeout(timer);\n    timer = setTimeout(() => {\n      fn(...args);\n    }, delay);\n  };\n}\n","import { useEffect } from 'react';\n\nexport const useSelectSearchFocus = (\n  isOpen: boolean,\n  searchFieldRef: React.RefObject<HTMLInputElement | null>,\n) => {\n  useEffect(() => {\n    if (isOpen) {\n      setTimeout(() => {\n        (searchFieldRef.current as unknown as HTMLInputElement)?.focus();\n      }, 100);\n    }\n  }, [isOpen, searchFieldRef]);\n};\n","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, CardContentInfo, CardHeader } from '../../../../../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        <CardContentInfo\n          className={styles.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":["__iconNode","IconSearch","createReactComponent","SelectListOptions","children","disabled","props","jsx","clsx","styles","debounce","fn","delay","timer","args","useSelectSearchFocus","isOpen","searchFieldRef","useEffect","_a","EditorCard","title","subtitle","errorMessage","theme","useTheme","i18nSetup","getDisplay","CardContentInfo","IconAlertCircle","i18n","Card","CardHeader","CardContent"],"mappings":";;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,8CAA8C,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,gBAAgB,KAAO,QAAO,CAAE,CAAC,GAChJC,IAAaC,EAAqB,WAAW,UAAU,UAAUF,CAAU;;;GCDpEG,IAAgD,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,GAAGC,QAEnFC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWC,EAAKC,EAAO,aAAaJ,KAAYI,EAAO,QAAQ,GAAI,GAAGH,GACxE,UAAAF,EAAA,CACH;ACZG,SAASM,EACdC,GACAC,IAAQ,KAC0B;AAClC,MAAIC;AACJ,SAAO,IAAIC,MAAwB;AACjC,iBAAaD,CAAK,GAClBA,IAAQ,WAAW,MAAM;AACvB,MAAAF,EAAG,GAAGG,CAAI;AAAA,IACZ,GAAGF,CAAK;AAAA,EACV;AACF;ACVO,MAAMG,IAAuB,CAClCC,GACAC,MACG;AACH,EAAAC,EAAU,MAAM;AACd,IAAIF,KACF,WAAW,MAAM;;AACd,OAAAG,IAAAF,EAAe,YAAf,QAAAE,EAAwD;AAAA,IAC3D,GAAG,GAAG;AAAA,EAEV,GAAG,CAACH,GAAQC,CAAc,CAAC;AAC7B;;;GCEaG,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAlB;AAAA,EACA,cAAAmB;AAAA,EACA,GAAGjB;AACL,MAAM;AACJ,QAAMkB,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAMG,IAAa,MACbJ,IAEAhB,gBAAAA,EAAAA;AAAAA,IAACqB;AAAA,IAAA;AAAA,MACC,WAAWnB,EAAO;AAAA,MAClB,MAAMoB;AAAA,MACN,OAAOC,EAAK,EAAE,oBAAoB;AAAA,MAClC,SAASP;AAAA,IAAA;AAAA,EAAA,IAKRnB;AAGT,gCACG2B,GAAA,EAAK,WAAWtB,EAAO,MAAO,GAAGH,GAChC,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACyB,GAAA,EAAW,OAAAX,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAC9Cf,gBAAAA,EAAAA,IAAC0B,GAAA,EAAa,UAAAN,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;","x_google_ignoreList":[0]}

package/dist/{KpiChart-DhPJaw1n.js → KpiChart-ClxfTTJ4.js}

@@ -1,4 +1,4 @@
-import { Y as j, j as n, a1 as x, a6 as d } from "./component.constants-DuGM1FcK.js";
+import { Z as j, j as n, a0 as x, a5 as d } from "./component.constants-CL4mGURD.js";
 /**
  * @license @tabler/icons-react v3.34.1 - MIT
  *
@@ -76,4 +76,4 @@ const m = [["path", { d: "M3 17l6 -6l4 4l8 -8", key: "svg-0" }], ["path", { d: "
 export {
   R as K
 };
-//# sourceMappingURL=KpiChart-DhPJaw1n.js.map
+//# sourceMappingURL=KpiChart-ClxfTTJ4.js.map

package/dist/{KpiChart-DhPJaw1n.js.map → KpiChart-ClxfTTJ4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"KpiChart-DhPJaw1n.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconTrendingDown.mjs","../node_modules/@tabler/icons-react/dist/esm/icons/IconTrendingUp.mjs","../src/remarkable-ui/charts/kpis/components/KpiChartChange.tsx","../src/remarkable-ui/charts/kpis/KpiChart.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.34.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\": \"M3 7l6 6l4 -4l8 8\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M21 10l0 7l-7 0\", \"key\": \"svg-1\" }]];\nconst IconTrendingDown = createReactComponent(\"outline\", \"trending-down\", \"TrendingDown\", __iconNode);\n\nexport { __iconNode, IconTrendingDown as default };\n//# sourceMappingURL=IconTrendingDown.mjs.map\n","/**\n * @license @tabler/icons-react v3.34.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\": \"M3 17l6 -6l4 4l8 -8\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M14 7l7 0l0 7\", \"key\": \"svg-1\" }]];\nconst IconTrendingUp = createReactComponent(\"outline\", \"trending-up\", \"TrendingUp\", __iconNode);\n\nexport { __iconNode, IconTrendingUp as default };\n//# sourceMappingURL=IconTrendingUp.mjs.map\n","import { FC } from 'react';\nimport styles from './KpiChartChange.module.css';\nimport clsx from 'clsx';\nimport { Typography } from '../../../shared/Typography/Typography';\nimport { IconTrendingDown, IconTrendingUp } from '@tabler/icons-react';\nimport { KpiChartProps } from '../KpiChart.types';\n\nconst getChangeClass = (isPositive: boolean, invertChangeColors: boolean) => {\n  if (isPositive) return invertChangeColors ? styles.negative : styles.positive;\n  return invertChangeColors ? styles.positive : styles.negative;\n};\n\ntype KpiChartChangeProps = KpiChartProps & { className?: string };\n\nexport const KpiChartChange: FC<KpiChartChangeProps> = ({\n  value,\n  comparisonValue = 0,\n  showChangeAsPercentage,\n  invertChangeColors = false,\n  comparisonLabel,\n  valueFormatter,\n  percentageDecimalPlaces = 1,\n  className,\n}) => {\n  const difference = value - comparisonValue;\n  const isPositive = difference > 0;\n\n  let differenceLabel: string;\n\n  if (showChangeAsPercentage) {\n    const percentage = comparisonValue === 0 ? 0 : (difference / comparisonValue) * 100;\n    differenceLabel = `${percentage.toFixed(percentageDecimalPlaces)}%`;\n  } else {\n    differenceLabel = valueFormatter ? valueFormatter(difference) : difference.toString();\n  }\n\n  const displayValue = `${isPositive ? '+' : ''}${differenceLabel}`;\n\n  const Icon = isPositive ? IconTrendingUp : IconTrendingDown;\n\n  return (\n    <div className={clsx(className, styles.kpiChartChangeContainer)}>\n      <div className={clsx(styles.kpiChangeBadge, getChangeClass(isPositive, invertChangeColors))}>\n        <Icon />\n        <Typography>{displayValue}</Typography>\n      </div>\n      {comparisonLabel && <Typography>{comparisonLabel}</Typography>}\n    </div>\n  );\n};\n","import { FC } from 'react';\nimport { Typography } from '../../shared/Typography/Typography';\nimport styles from './KpiChart.module.css';\nimport { KpiChartChange } from './components/KpiChartChange';\nimport { KpiChartProps } from './KpiChart.types';\nimport clsx from 'clsx';\n\nexport const KpiChart: FC<KpiChartProps> = ({\n  value,\n  changeFontSize,\n  comparisonValue,\n  comparisonLabel,\n  invertChangeColors,\n  showChangeAsPercentage,\n  percentageDecimalPlaces = 1,\n  equalComparisonLabel = 'No change',\n  valueFontSize,\n  valueFormatter,\n}) => {\n  const hasComparisonValue = comparisonValue !== undefined;\n  const equalComparison = hasComparisonValue && comparisonValue === value;\n\n  const displayValue = valueFormatter ? valueFormatter(value) : value;\n\n  return (\n    <div className={styles.kpiChartContainer}>\n      <Typography style={{ fontSize: valueFontSize }}>{displayValue}</Typography>\n      <div className={styles.kpiComparisonContainer} style={{ fontSize: changeFontSize }}>\n        {equalComparison ? (\n          <Typography>{equalComparisonLabel}</Typography>\n        ) : (\n          <KpiChartChange\n            changeFontSize={changeFontSize}\n            className={clsx(!hasComparisonValue && styles.kpiChangeHidden)}\n            comparisonLabel={comparisonLabel}\n            comparisonValue={comparisonValue}\n            invertChangeColors={invertChangeColors}\n            percentageDecimalPlaces={percentageDecimalPlaces}\n            showChangeAsPercentage={showChangeAsPercentage}\n            value={value}\n            valueFormatter={valueFormatter}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["__iconNode","IconTrendingDown","createReactComponent","IconTrendingUp","getChangeClass","isPositive","invertChangeColors","styles","KpiChartChange","value","comparisonValue","showChangeAsPercentage","comparisonLabel","valueFormatter","percentageDecimalPlaces","className","difference","differenceLabel","displayValue","Icon","clsx","jsxs","jsx","Typography","KpiChart","changeFontSize","equalComparisonLabel","valueFontSize","hasComparisonValue","equalComparison"],"mappings":"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","x_google_ignoreList":[0,1]}
+{"version":3,"file":"KpiChart-ClxfTTJ4.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconTrendingDown.mjs","../node_modules/@tabler/icons-react/dist/esm/icons/IconTrendingUp.mjs","../src/remarkable-ui/charts/kpis/components/KpiChartChange.tsx","../src/remarkable-ui/charts/kpis/KpiChart.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.34.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\": \"M3 7l6 6l4 -4l8 8\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M21 10l0 7l-7 0\", \"key\": \"svg-1\" }]];\nconst IconTrendingDown = createReactComponent(\"outline\", \"trending-down\", \"TrendingDown\", __iconNode);\n\nexport { __iconNode, IconTrendingDown as default };\n//# sourceMappingURL=IconTrendingDown.mjs.map\n","/**\n * @license @tabler/icons-react v3.34.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\": \"M3 17l6 -6l4 4l8 -8\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M14 7l7 0l0 7\", \"key\": \"svg-1\" }]];\nconst IconTrendingUp = createReactComponent(\"outline\", \"trending-up\", \"TrendingUp\", __iconNode);\n\nexport { __iconNode, IconTrendingUp as default };\n//# sourceMappingURL=IconTrendingUp.mjs.map\n","import { FC } from 'react';\nimport styles from './KpiChartChange.module.css';\nimport clsx from 'clsx';\nimport { Typography } from '../../../shared/Typography/Typography';\nimport { IconTrendingDown, IconTrendingUp } from '@tabler/icons-react';\nimport { KpiChartProps } from '../KpiChart.types';\n\nconst getChangeClass = (isPositive: boolean, invertChangeColors: boolean) => {\n  if (isPositive) return invertChangeColors ? styles.negative : styles.positive;\n  return invertChangeColors ? styles.positive : styles.negative;\n};\n\ntype KpiChartChangeProps = KpiChartProps & { className?: string };\n\nexport const KpiChartChange: FC<KpiChartChangeProps> = ({\n  value,\n  comparisonValue = 0,\n  showChangeAsPercentage,\n  invertChangeColors = false,\n  comparisonLabel,\n  valueFormatter,\n  percentageDecimalPlaces = 1,\n  className,\n}) => {\n  const difference = value - comparisonValue;\n  const isPositive = difference > 0;\n\n  let differenceLabel: string;\n\n  if (showChangeAsPercentage) {\n    const percentage = comparisonValue === 0 ? 0 : (difference / comparisonValue) * 100;\n    differenceLabel = `${percentage.toFixed(percentageDecimalPlaces)}%`;\n  } else {\n    differenceLabel = valueFormatter ? valueFormatter(difference) : difference.toString();\n  }\n\n  const displayValue = `${isPositive ? '+' : ''}${differenceLabel}`;\n\n  const Icon = isPositive ? IconTrendingUp : IconTrendingDown;\n\n  return (\n    <div className={clsx(className, styles.kpiChartChangeContainer)}>\n      <div className={clsx(styles.kpiChangeBadge, getChangeClass(isPositive, invertChangeColors))}>\n        <Icon />\n        <Typography>{displayValue}</Typography>\n      </div>\n      {comparisonLabel && <Typography>{comparisonLabel}</Typography>}\n    </div>\n  );\n};\n","import { FC } from 'react';\nimport { Typography } from '../../shared/Typography/Typography';\nimport styles from './KpiChart.module.css';\nimport { KpiChartChange } from './components/KpiChartChange';\nimport { KpiChartProps } from './KpiChart.types';\nimport clsx from 'clsx';\n\nexport const KpiChart: FC<KpiChartProps> = ({\n  value,\n  changeFontSize,\n  comparisonValue,\n  comparisonLabel,\n  invertChangeColors,\n  showChangeAsPercentage,\n  percentageDecimalPlaces = 1,\n  equalComparisonLabel = 'No change',\n  valueFontSize,\n  valueFormatter,\n}) => {\n  const hasComparisonValue = comparisonValue !== undefined;\n  const equalComparison = hasComparisonValue && comparisonValue === value;\n\n  const displayValue = valueFormatter ? valueFormatter(value) : value;\n\n  return (\n    <div className={styles.kpiChartContainer}>\n      <Typography style={{ fontSize: valueFontSize }}>{displayValue}</Typography>\n      <div className={styles.kpiComparisonContainer} style={{ fontSize: changeFontSize }}>\n        {equalComparison ? (\n          <Typography>{equalComparisonLabel}</Typography>\n        ) : (\n          <KpiChartChange\n            changeFontSize={changeFontSize}\n            className={clsx(!hasComparisonValue && styles.kpiChangeHidden)}\n            comparisonLabel={comparisonLabel}\n            comparisonValue={comparisonValue}\n            invertChangeColors={invertChangeColors}\n            percentageDecimalPlaces={percentageDecimalPlaces}\n            showChangeAsPercentage={showChangeAsPercentage}\n            value={value}\n            valueFormatter={valueFormatter}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["__iconNode","IconTrendingDown","createReactComponent","IconTrendingUp","getChangeClass","isPositive","invertChangeColors","styles","KpiChartChange","value","comparisonValue","showChangeAsPercentage","comparisonLabel","valueFormatter","percentageDecimalPlaces","className","difference","differenceLabel","displayValue","Icon","clsx","jsxs","jsx","Typography","KpiChart","changeFontSize","equalComparisonLabel","valueFontSize","hasComparisonValue","equalComparison"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,qBAAqB,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,mBAAmB,KAAO,QAAO,CAAE,CAAC,GAC1HC,IAAmBC,EAAqB,WAAW,iBAAiB,gBAAgBF,CAAU;ACVpG;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,uBAAuB,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,iBAAiB,KAAO,QAAO,CAAE,CAAC,GAC1HG,IAAiBD,EAAqB,WAAW,eAAe,cAAcF,CAAU;;;;;;;;;GCHxFI,IAAiB,CAACC,GAAqBC,MACvCD,IAAmBC,IAAqBC,EAAO,WAAWA,EAAO,WAC9DD,IAAqBC,EAAO,WAAWA,EAAO,UAK1CC,IAA0C,CAAC;AAAA,EACtD,OAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,wBAAAC;AAAA,EACA,oBAAAL,IAAqB;AAAA,EACrB,iBAAAM;AAAA,EACA,gBAAAC;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAaP,IAAQC,GACrBL,IAAaW,IAAa;AAEhC,MAAIC;AAEJ,EAAIN,IAEFM,IAAkB,IADCP,MAAoB,IAAI,IAAKM,IAAaN,IAAmB,KAChD,QAAQI,CAAuB,CAAC,MAEhEG,IAAkBJ,IAAiBA,EAAeG,CAAU,IAAIA,EAAW,SAAA;AAG7E,QAAME,IAAe,GAAGb,IAAa,MAAM,EAAE,GAAGY,CAAe,IAEzDE,IAAOd,IAAaF,IAAiBF;AAE3C,gCACG,OAAA,EAAI,WAAWmB,EAAKL,GAAWR,EAAO,uBAAuB,GAC5D,UAAA;AAAA,IAAAc,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAWD,EAAKb,EAAO,gBAAgBH,EAAeC,GAAYC,CAAkB,CAAC,GACxF,UAAA;AAAA,MAAAgB,gBAAAA,EAAAA,IAACH,GAAA,EAAK;AAAA,MACNG,gBAAAA,EAAAA,IAACC,KAAY,UAAAL,EAAA,CAAa;AAAA,IAAA,GAC5B;AAAA,IACCN,KAAmBU,gBAAAA,EAAAA,IAACC,GAAA,EAAY,UAAAX,EAAA,CAAgB;AAAA,EAAA,GACnD;AAEJ,GC1CaY,IAA8B,CAAC;AAAA,EAC1C,OAAAf;AAAA,EACA,gBAAAgB;AAAA,EACA,iBAAAf;AAAA,EACA,iBAAAE;AAAA,EACA,oBAAAN;AAAA,EACA,wBAAAK;AAAA,EACA,yBAAAG,IAA0B;AAAA,EAC1B,sBAAAY,IAAuB;AAAA,EACvB,eAAAC;AAAA,EACA,gBAAAd;AACF,MAAM;AACJ,QAAMe,IAAqBlB,MAAoB,QACzCmB,IAAkBD,KAAsBlB,MAAoBD,GAE5DS,IAAeL,IAAiBA,EAAeJ,CAAK,IAAIA;AAE9D,SACEY,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAWd,EAAO,mBACrB,UAAA;AAAA,IAAAe,gBAAAA,MAACC,KAAW,OAAO,EAAE,UAAUI,EAAA,GAAkB,UAAAT,GAAa;AAAA,IAC9DI,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAWf,EAAO,wBAAwB,OAAO,EAAE,UAAUkB,EAAA,GAC/D,UAAAI,IACCP,gBAAAA,MAACC,GAAA,EAAY,aAAqB,IAElCD,gBAAAA,EAAAA;AAAAA,MAACd;AAAA,MAAA;AAAA,QACC,gBAAAiB;AAAA,QACA,WAAWL,EAAK,CAACQ,KAAsBrB,EAAO,eAAe;AAAA,QAC7D,iBAAAK;AAAA,QACA,iBAAAF;AAAA,QACA,oBAAAJ;AAAA,QACA,yBAAAQ;AAAA,QACA,wBAAAH;AAAA,QACA,OAAAF;AAAA,QACA,gBAAAI;AAAA,MAAA;AAAA,IAAA,EACF,CAEJ;AAAA,EAAA,GACF;AAEJ;","x_google_ignoreList":[0,1]}

package/dist/KpiChartNumberComparisonPro.js

@@ -1,11 +1,11 @@
 import { useTheme as V, defineComponent as x } from "@embeddable.com/react";
-import { R as j, i as w, r as A, j as v, d as L, w as O, S as q, T as E, t as I, c as M, U as P, W as p, o as h } from "./component.constants-DuGM1FcK.js";
-import { C as Y } from "./ChartCard-DLb6o61U.js";
+import { S as j, i as w, r as A, j as v, d as L, w as O, T as q, U as E, t as I, c as M, W as P, X as p, o as h } from "./component.constants-CL4mGURD.js";
+import { C as Y } from "./ChartCard-BkrK3C4a.js";
 import { useEffect as B } from "react";
-import { K as J } from "./KpiChart-DhPJaw1n.js";
-import { g as U } from "./formatter.utils-C_jDZCA9.js";
-import { C as W } from "./ComparisonPeriod.type.emb-BK3kHVRE.js";
-const _ = (e, a, o) => {
+import { K as J } from "./KpiChart-ClxfTTJ4.js";
+import { g as U } from "./formatter.utils-BaAiNARZ.js";
+import { C as W } from "./ComparisonPeriod.type.emb-Cli9Gpzq.js";
+const X = (e, a, o) => {
   var t;
   if (!e || !a)
     return;
@@ -13,12 +13,12 @@ const _ = (e, a, o) => {
     (s) => s.value === a
   );
   return n == null ? void 0 : n.getRange(r);
-}, $ = (e, a) => {
+}, _ = (e, a) => {
   const o = a.defaults.comparisonPeriodsOptions.find(
     (r) => r.value === e
   );
   return o ? j(o.label) : "";
-}, k = (e) => {
+}, $ = (e) => {
   var d, u, C, f;
   const a = V();
   w(a);
@@ -27,24 +27,24 @@ const _ = (e, a, o) => {
     comparisonPeriod: t,
     comparisonDateRange: s,
     displayChangeAsPercentage: b,
-    fontSize: R,
+    fontSize: D,
     measure: i,
     primaryDateRange: g,
     results: l,
     resultsComparison: m,
-    reversePositiveNegativeColors: D,
+    reversePositiveNegativeColors: R,
     percentageDecimalPlaces: y,
     setComparisonDateRange: S
   } = e;
   B(() => {
-    const c = _(
+    const c = X(
       g,
       t,
       a
     );
     S(c);
   }, [t, JSON.stringify(g), a]);
-  const N = (u = (d = l.data) == null ? void 0 : d[0]) == null ? void 0 : u[i.name], T = s ? (f = (C = m == null ? void 0 : m.data) == null ? void 0 : C[0]) == null ? void 0 : f[i.name] : void 0, F = U(a), z = (c) => F.data(i, c), K = `vs ${$(t, a).toLowerCase()}`;
+  const N = (u = (d = l.data) == null ? void 0 : d[0]) == null ? void 0 : u[i.name], T = s ? (f = (C = m == null ? void 0 : m.data) == null ? void 0 : C[0]) == null ? void 0 : f[i.name] : void 0, F = U(a), z = (c) => F.data(i, c), K = `vs ${_(t, a).toLowerCase()}`;
   return /* @__PURE__ */ v.jsx(
     Y,
     {
@@ -59,9 +59,9 @@ const _ = (e, a, o) => {
           value: N,
           comparisonValue: T,
           valueFormatter: z,
-          valueFontSize: R,
+          valueFontSize: D,
           changeFontSize: n,
-          invertChangeColors: D,
+          invertChangeColors: R,
           showChangeAsPercentage: b,
           comparisonLabel: K,
           percentageDecimalPlaces: y
@@ -69,7 +69,7 @@ const _ = (e, a, o) => {
       )
     }
   );
-}, G = {
+}, k = {
   name: "KpiChartNumberComparisonPro",
   label: "Kpi Chart - Number Comparison",
   category: "Kpi Charts",
@@ -120,7 +120,7 @@ const _ = (e, a, o) => {
       required: !0
     }
   ]
-}, re = x(k, G, {
+}, re = x($, k, {
   /* @ts-expect-error - to be fixed in @embeddable.com/react */
   props: (e, [a, o]) => ({
     ...e,
@@ -154,6 +154,6 @@ const _ = (e, a, o) => {
 });
 export {
   re as default,
-  G as meta
+  k as meta
 };
 //# sourceMappingURL=KpiChartNumberComparisonPro.js.map

package/dist/KpiChartNumberPro.js

@@ -1,9 +1,9 @@
 import { useTheme as h, defineComponent as f } from "@embeddable.com/react";
-import { i as C, r as b, j as m, d as K, w as g, t as x, c as F, W as N, o as S } from "./component.constants-DuGM1FcK.js";
-import { C as j } from "./ChartCard-DLb6o61U.js";
+import { i as C, r as b, j as m, d as K, w as g, t as x, c as F, X as N, o as S } from "./component.constants-CL4mGURD.js";
+import { C as j } from "./ChartCard-BkrK3C4a.js";
 import "react";
-import { K as v } from "./KpiChart-DhPJaw1n.js";
-import { g as z } from "./formatter.utils-C_jDZCA9.js";
+import { K as v } from "./KpiChart-ClxfTTJ4.js";
+import { g as z } from "./formatter.utils-BaAiNARZ.js";
 const P = (e) => {
   var s, o;
   const a = h();