@embeddable.com/remarkable-pro 0.0.11 → 0.0.12

package/dist/{index-C7mz7pKQ.js → index-JRFQo8DK.js}

@@ -1,35 +1,38 @@
-import { s as u, j as i, S as g } from "./index-DjwSlZQY.js";
+import { t as u, j as i, S as g } from "./index-CIy-fCZE.js";
 import { useTheme as v } from "@embeddable.com/react";
-import { g as h, u as f, a as y } from "./editors.timeRange.utils-DTtRGaCo.js";
-import { $ as b, a as P, r as M, i as S } from "./component.constants-DmK3uQGY.js";
-import { E as j } from "./EditorCard-B95YC3pz.js";
-import { useMemo as C, useEffect as O } from "react";
+import { g as f, u as h, c as y } from "./dates.utils-f-XJ_LBg.js";
+import { $ as b, a as P, r as M, i as S } from "./component.constants-5pSEkTqN.js";
+import { E as j } from "./EditorCard-CXmogrdI.js";
+import { useMemo as O, useEffect as R } from "react";
 /**
  * @license @tabler/icons-react v3.36.0 - MIT
  *
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const R = [["path", { d: "M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4", key: "svg-0" }], ["path", { d: "M18 18m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0", key: "svg-1" }], ["path", { d: "M15 3v4", key: "svg-2" }], ["path", { d: "M7 3v4", key: "svg-3" }], ["path", { d: "M3 11h16", key: "svg-4" }], ["path", { d: "M18 16.496v1.504l1 1", key: "svg-5" }]], k = u("outline", "calendar-time", "CalendarTime", R), x = (o, e) => !o || e.some((a) => a.value === o), T = (o, e) => o.map((a) => ({
-  rightLabel: e ? h(a.getRange(e), a.dateFormat) : "",
+const C = [["path", { d: "M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4", key: "svg-0" }], ["path", { d: "M18 18m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0", key: "svg-1" }], ["path", { d: "M15 3v4", key: "svg-2" }], ["path", { d: "M7 3v4", key: "svg-3" }], ["path", { d: "M3 11h16", key: "svg-4" }], ["path", { d: "M18 16.496v1.504l1 1", key: "svg-5" }]], k = u("outline", "calendar-time", "CalendarTime", C), x = (t, e) => !t || e.some((a) => a.value === t), _ = (t, e) => t.map((a) => ({
+  rightLabel: e ? f(a.getRange(e), a.dateFormat) : "",
   value: a.value,
   label: b(a.label)
-})), _ = (o) => {
+})), D = (t) => {
   const e = v();
   P(e);
-  const { description: a, placeholder: l, title: c, comparisonPeriod: t, onChange: s } = M(o), r = e.defaults.comparisonPeriodsOptions, n = C(
-    () => x(t, r),
-    [t, r]
+  const { description: a, placeholder: l, title: c, comparisonPeriod: o, onChange: s } = M(t), r = e.defaults.comparisonPeriodsOptions, n = O(
+    () => x(o, r),
+    [o, r]
   );
-  O(() => {
+  R(() => {
     n || s(void 0);
   }, [n, s]);
-  const { dayjsLocaleReady: m } = f(), d = y(o.primaryDateRange, e);
-  if (!m)
+  const { dayjsLocaleReady: d } = h(), m = y(
+    t.primaryDateRange,
+    e.defaults.dateRangesOptions
+  );
+  if (!d)
     return null;
-  const p = T(
+  const p = _(
     r,
-    d
+    m
   );
   return /* @__PURE__ */ i.jsx(j, { title: c, subtitle: a, children: /* @__PURE__ */ i.jsx(
     g,
@@ -37,7 +40,7 @@ const R = [["path", { d: "M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h1
       startIcon: k,
       clearable: !0,
       placeholder: l,
-      value: n ? t : void 0,
+      value: n ? o : void 0,
       onChange: s,
       options: p,
       noOptionsMessage: S.t("common.noOptionsAvailable")
@@ -45,12 +48,12 @@ const R = [["path", { d: "M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h1
   ) });
 }, z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: _
+  default: D
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  _ as D,
+  D,
   x as a,
-  T as g,
+  _ as g,
   z as i
 };
-//# sourceMappingURL=index-C7mz7pKQ.js.map
+//# sourceMappingURL=index-JRFQo8DK.js.map

package/dist/index-JRFQo8DK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-JRFQo8DK.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconCalendarTime.mjs","../src/components/editors/ComparisonPeriodSelectFieldPro/ComparisonPeriodSelectFieldPro.utils.ts","../src/components/editors/ComparisonPeriodSelectFieldPro/index.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.36.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M18 18m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M15 3v4\", \"key\": \"svg-2\" }], [\"path\", { \"d\": \"M7 3v4\", \"key\": \"svg-3\" }], [\"path\", { \"d\": \"M3 11h16\", \"key\": \"svg-4\" }], [\"path\", { \"d\": \"M18 16.496v1.504l1 1\", \"key\": \"svg-5\" }]];\nconst IconCalendarTime = createReactComponent(\"outline\", \"calendar-time\", \"CalendarTime\", __iconNode);\n\nexport { __iconNode, IconCalendarTime as default };\n//# sourceMappingURL=IconCalendarTime.mjs.map\n","import { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { TimeRange } from '@embeddable.com/core';\nimport { ComparisonPeriodSelectFieldProOption } from './ComparisonPeriodSelectFieldPro.types';\nimport { resolveI18nString } from '../../component.utils';\nimport { getTimeRangeLabel } from '../dates/dates.utils';\n\n// Checks if the comparison period type is available in the embeddable types\nexport const isComparisonPeriodAvailable = (\n  option: string | undefined,\n  comparisonPeriodSelectFieldProOptions: ComparisonPeriodSelectFieldProOption[],\n): boolean => {\n  return !option || comparisonPeriodSelectFieldProOptions.some((opt) => opt.value === option);\n};\n\nexport const getComparisonPeriodSelectFieldProOptions = (\n  comparisonPeriodSelectFieldProOptions: ComparisonPeriodSelectFieldProOption[],\n  toCompareTimeRange: TimeRange,\n): SelectListOptionProps[] => {\n  return comparisonPeriodSelectFieldProOptions.map((option) => {\n    return {\n      rightLabel: toCompareTimeRange\n        ? getTimeRangeLabel(option.getRange(toCompareTimeRange), option.dateFormat)\n        : '',\n      value: option.value,\n      label: resolveI18nString(option.label),\n    };\n  });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { SingleSelectField } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../theme/theme.types';\nimport { useLoadDayjsLocale } from '../../../utils.ts/date.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../component.utils';\nimport { EditorCard } from '../shared/EditorCard/EditorCard';\nimport { IconCalendarTime } from '@tabler/icons-react';\nimport { i18n, i18nSetup } from '../../../theme/i18n/i18n';\nimport {\n  getComparisonPeriodSelectFieldProOptions,\n  isComparisonPeriodAvailable,\n} from './ComparisonPeriodSelectFieldPro.utils';\nimport { useEffect, useMemo } from 'react';\nimport { getTimeRangeFromPresets } from '../dates/dates.utils';\n\ntype DateComparisonSelectFieldPro = {\n  title?: string;\n  description?: string;\n  placeholder?: string;\n  primaryDateRange?: TimeRange;\n  comparisonPeriod?: string;\n  onChange: (newComparisonPeriod?: string) => void;\n};\n\nconst DateComparisonSelectFieldPro = (props: DateComparisonSelectFieldPro) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { description, placeholder, title, comparisonPeriod, onChange } = resolveI18nProps(props);\n\n  const comparisonPeriodOptions = theme.defaults.comparisonPeriodsOptions;\n\n  const comparisonPeriodAvailable = useMemo(\n    () => isComparisonPeriodAvailable(comparisonPeriod, comparisonPeriodOptions),\n    [comparisonPeriod, comparisonPeriodOptions],\n  );\n\n  // If the current comparison period is not available, reset the field\n  useEffect(() => {\n    if (!comparisonPeriodAvailable) {\n      onChange(undefined);\n    }\n  }, [comparisonPeriodAvailable, onChange]);\n\n  const { dayjsLocaleReady } = useLoadDayjsLocale();\n\n  // Obtain the actual range for the selected primaryDateRange\n  const primaryDateRange = getTimeRangeFromPresets(\n    props.primaryDateRange,\n    theme.defaults.dateRangesOptions,\n  );\n\n  if (!dayjsLocaleReady) {\n    return null;\n  }\n\n  const options = getComparisonPeriodSelectFieldProOptions(\n    comparisonPeriodOptions,\n    primaryDateRange,\n  );\n\n  return (\n    <EditorCard title={title} subtitle={description}>\n      <SingleSelectField\n        startIcon={IconCalendarTime}\n        clearable\n        placeholder={placeholder}\n        value={comparisonPeriodAvailable ? comparisonPeriod : undefined}\n        onChange={onChange}\n        options={options}\n        noOptionsMessage={i18n.t('common.noOptionsAvailable')}\n      />\n    </EditorCard>\n  );\n};\n\nexport default DateComparisonSelectFieldPro;\n"],"names":["__iconNode","IconCalendarTime","createReactComponent","isComparisonPeriodAvailable","option","comparisonPeriodSelectFieldProOptions","opt","getComparisonPeriodSelectFieldProOptions","toCompareTimeRange","getTimeRangeLabel","resolveI18nString","DateComparisonSelectFieldPro","props","theme","useTheme","i18nSetup","description","placeholder","title","comparisonPeriod","onChange","resolveI18nProps","comparisonPeriodOptions","comparisonPeriodAvailable","useMemo","useEffect","dayjsLocaleReady","useLoadDayjsLocale","primaryDateRange","getTimeRangeFromPresets","options","jsx","EditorCard","SingleSelectField","i18n"],"mappings":";;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,2EAA2E,KAAO,SAAS,GAAG,CAAC,QAAQ,EAAE,GAAK,4CAA4C,KAAO,SAAS,GAAG,CAAC,QAAQ,EAAE,GAAK,WAAW,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,UAAU,KAAO,SAAS,GAAG,CAAC,QAAQ,EAAE,GAAK,YAAY,KAAO,SAAS,GAAG,CAAC,QAAQ,EAAE,GAAK,wBAAwB,KAAO,QAAO,CAAE,CAAC,GAC9YC,IAAmBC,EAAqB,WAAW,iBAAiB,gBAAgBF,CAAU,GCHvFG,IAA8B,CACzCC,GACAC,MAEO,CAACD,KAAUC,EAAsC,KAAK,CAACC,MAAQA,EAAI,UAAUF,CAAM,GAG/EG,IAA2C,CACtDF,GACAG,MAEOH,EAAsC,IAAI,CAACD,OACzC;AAAA,EACL,YAAYI,IACRC,EAAkBL,EAAO,SAASI,CAAkB,GAAGJ,EAAO,UAAU,IACxE;AAAA,EACJ,OAAOA,EAAO;AAAA,EACd,OAAOM,EAAkBN,EAAO,KAAK;AAAA,EAExC,GCDGO,IAA+B,CAACC,MAAwC;AAC5E,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,aAAAG,GAAa,aAAAC,GAAa,OAAAC,GAAO,kBAAAC,GAAkB,UAAAC,EAAA,IAAaC,EAAiBT,CAAK,GAExFU,IAA0BT,EAAM,SAAS,0BAEzCU,IAA4BC;AAAA,IAChC,MAAMrB,EAA4BgB,GAAkBG,CAAuB;AAAA,IAC3E,CAACH,GAAkBG,CAAuB;AAAA,EAAA;AAI5C,EAAAG,EAAU,MAAM;AACd,IAAKF,KACHH,EAAS,MAAS;AAAA,EAEtB,GAAG,CAACG,GAA2BH,CAAQ,CAAC;AAExC,QAAM,EAAE,kBAAAM,EAAA,IAAqBC,EAAA,GAGvBC,IAAmBC;AAAA,IACvBjB,EAAM;AAAA,IACNC,EAAM,SAAS;AAAA,EAAA;AAGjB,MAAI,CAACa;AACH,WAAO;AAGT,QAAMI,IAAUvB;AAAA,IACde;AAAA,IACAM;AAAA,EAAA;AAGF,SACEG,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAd,GAAc,UAAUF,GAClC,UAAAe,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAWhC;AAAA,MACX,WAAS;AAAA,MACT,aAAAgB;AAAA,MACA,OAAOM,IAA4BJ,IAAmB;AAAA,MACtD,UAAAC;AAAA,MACA,SAAAU;AAAA,MACA,kBAAkBI,EAAK,EAAE,2BAA2B;AAAA,IAAA;AAAA,EAAA,GAExD;AAEJ;;;;","x_google_ignoreList":[0]}

package/dist/{index-Cj6xdAWZ.js → index-VMsVpFuu.js}

@@ -1,10 +1,10 @@
-import { j as u, K } from "./index-DjwSlZQY.js";
+import { j as u, K } from "./index-CIy-fCZE.js";
 import { useTheme as T } from "@embeddable.com/react";
-import { a as w, r as A, i as o } from "./component.constants-DmK3uQGY.js";
-import { C as M } from "./ChartCard-uZBftDKk.js";
-import { g as N } from "./formatter.utils-DCDukEZ9.js";
+import { a as w, r as A, i as o } from "./component.constants-5pSEkTqN.js";
+import { C as M } from "./ChartCard-F1fMKsD4.js";
+import { g as N } from "./formatter.utils-CU02gBE5.js";
 import { useEffect as O } from "react";
-import { g as k, a as q } from "./timeRange.utils-C96Hp2HD.js";
+import { g as k, a as q } from "./timeRange.utils-CNktS9Lb.js";
 const E = (s) => {
   var c, l, g, p, h, v;
   const t = T();
@@ -81,4 +81,4 @@ export {
   E as K,
   Q as i
 };
-//# sourceMappingURL=index-Cj6xdAWZ.js.map
+//# sourceMappingURL=index-VMsVpFuu.js.map

package/dist/{index-Cj6xdAWZ.js.map → index-VMsVpFuu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-Cj6xdAWZ.js","sources":["../src/components/charts/kpis/KpiChartNumberComparisonPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { KpiChart } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { useEffect } from 'react';\nimport {\n  getComparisonPeriodDateRange,\n  getComparisonPeriodLabel,\n} from '../../../utils/timeRange.utils';\n\ntype KpiChartNumberComparisonProProp = {\n  changeFontSize: number;\n  comparisonPeriod?: string;\n  description: string;\n  displayChangeAsPercentage?: boolean;\n  fontSize: number;\n  measure: Measure;\n  primaryDateRange: TimeRange;\n  results: DataResponse;\n  resultsComparison: DataResponse | undefined;\n  reversePositiveNegativeColors?: boolean;\n  title: string;\n  percentageDecimalPlaces: number;\n  comparisonDateRange: TimeRange;\n  setComparisonDateRange: (dateRange: TimeRange) => void;\n};\n\nconst KpiChartNumberComparisonPro = (props: KpiChartNumberComparisonProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description } = resolveI18nProps(props);\n  const {\n    changeFontSize,\n    comparisonPeriod,\n    comparisonDateRange,\n    displayChangeAsPercentage,\n    fontSize,\n    measure,\n    primaryDateRange,\n    results,\n    resultsComparison,\n    reversePositiveNegativeColors,\n    percentageDecimalPlaces,\n    setComparisonDateRange,\n  } = props;\n\n  useEffect(() => {\n    const newComparisonDateRange = getComparisonPeriodDateRange(\n      primaryDateRange,\n      comparisonPeriod,\n      theme,\n    );\n    setComparisonDateRange(newComparisonDateRange);\n  }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n  const value: number = results.data?.[0]?.[measure.name];\n  const comparisonValue = comparisonDateRange\n    ? resultsComparison?.data?.[0]?.[measure.name]\n    : undefined;\n\n  const themeFormatter = getThemeFormatter(theme);\n  const valueFormatter = (valueToFormat: number) => themeFormatter.data(measure, valueToFormat);\n  const comparisonLabel = `vs ${getComparisonPeriodLabel(comparisonPeriod, theme).toLowerCase()}`;\n\n  const resultsCombined: DataResponse = {\n    isLoading: Boolean(results.isLoading || resultsComparison?.isLoading),\n    data:\n      !results?.data && !resultsComparison?.data\n        ? undefined\n        : [\n            ...(results.data?.length\n              ? [{ label: i18n.t('charts.primaryPeriod'), ...results.data[0] }]\n              : []),\n            ...(resultsComparison?.data?.length\n              ? [{ label: i18n.t('charts.comparisonPeriod'), ...resultsComparison.data[0] }]\n              : []),\n          ],\n  };\n\n  return (\n    <ChartCard\n      data={resultsCombined}\n      dimensionsAndMeasures={[\n        // Add a label dimension to distinguish primary and comparison periods in exports\n        {\n          name: 'label',\n          title: i18n.t('charts.label'),\n          nativeType: 'string',\n          __type__: 'dimension',\n        },\n        measure,\n      ]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <KpiChart\n        value={value}\n        comparisonValue={resultsCombined.isLoading ? undefined : comparisonValue}\n        valueFormatter={valueFormatter}\n        valueFontSize={fontSize}\n        trendFontSize={changeFontSize}\n        invertChangeColors={reversePositiveNegativeColors}\n        showChangeAsPercentage={displayChangeAsPercentage}\n        comparisonLabel={comparisonLabel}\n        percentageDecimalPlaces={percentageDecimalPlaces}\n        noPreviousDataLabel={i18n.t('charts.kpiChart.noPreviousData')}\n        equalComparisonLabel={i18n.t('charts.kpiChart.equalComparison')}\n      />\n    </ChartCard>\n  );\n};\n\nexport default KpiChartNumberComparisonPro;\n"],"names":["KpiChartNumberComparisonPro","props","theme","useTheme","i18nSetup","title","description","resolveI18nProps","changeFontSize","comparisonPeriod","comparisonDateRange","displayChangeAsPercentage","fontSize","measure","primaryDateRange","results","resultsComparison","reversePositiveNegativeColors","percentageDecimalPlaces","setComparisonDateRange","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","value","_b","_a","comparisonValue","_d","_c","themeFormatter","getThemeFormatter","valueFormatter","valueToFormat","comparisonLabel","getComparisonPeriodLabel","resultsCombined","_e","i18n","_f","jsx","ChartCard","KpiChart"],"mappings":";;;;;;;AA+BA,MAAMA,IAA8B,CAACC,MAA2C;;AAC9E,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,OAAAG,GAAO,aAAAC,MAAgBC,EAAiBN,CAAK,GAC/C;AAAA,IACJ,gBAAAO;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,+BAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,wBAAAC;AAAA,EAAA,IACElB;AAEJ,EAAAmB,EAAU,MAAM;AACd,UAAMC,IAAyBC;AAAA,MAC7BR;AAAA,MACAL;AAAA,MACAP;AAAA,IAAA;AAEF,IAAAiB,EAAuBE,CAAsB;AAAA,EAC/C,GAAG,CAACZ,GAAkB,KAAK,UAAUK,CAAgB,GAAGZ,CAAK,CAAC;AAE9D,QAAMqB,KAAgBC,KAAAC,IAAAV,EAAQ,SAAR,gBAAAU,EAAe,OAAf,gBAAAD,EAAoBX,EAAQ,OAC5Ca,IAAkBhB,KACpBiB,KAAAC,IAAAZ,KAAA,gBAAAA,EAAmB,SAAnB,gBAAAY,EAA0B,OAA1B,gBAAAD,EAA+Bd,EAAQ,QACvC,QAEEgB,IAAiBC,EAAkB5B,CAAK,GACxC6B,IAAiB,CAACC,MAA0BH,EAAe,KAAKhB,GAASmB,CAAa,GACtFC,IAAkB,MAAMC,EAAyBzB,GAAkBP,CAAK,EAAE,aAAa,IAEvFiC,IAAgC;AAAA,IACpC,WAAW,GAAQpB,EAAQ,aAAaC,KAAA,QAAAA,EAAmB;AAAA,IAC3D,MACE,EAACD,KAAA,QAAAA,EAAS,SAAQ,EAACC,KAAA,QAAAA,EAAmB,QAClC,SACA;AAAA,MACE,IAAIoB,IAAArB,EAAQ,SAAR,QAAAqB,EAAc,SACd,CAAC,EAAE,OAAOC,EAAK,EAAE,sBAAsB,GAAG,GAAGtB,EAAQ,KAAK,CAAC,EAAA,CAAG,IAC9D,CAAA;AAAA,MACJ,IAAIuB,IAAAtB,KAAA,gBAAAA,EAAmB,SAAnB,QAAAsB,EAAyB,SACzB,CAAC,EAAE,OAAOD,EAAK,EAAE,yBAAyB,GAAG,GAAGrB,EAAkB,KAAK,CAAC,EAAA,CAAG,IAC3E,CAAA;AAAA,IAAC;AAAA,EACP;AAGR,SACEuB,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAML;AAAA,MACN,uBAAuB;AAAA;AAAA,QAErB;AAAA,UACE,MAAM;AAAA,UACN,OAAOE,EAAK,EAAE,cAAc;AAAA,UAC5B,YAAY;AAAA,UACZ,UAAU;AAAA,QAAA;AAAA,QAEZxB;AAAA,MAAA;AAAA,MAEF,cAAcE,EAAQ;AAAA,MACtB,UAAUT;AAAA,MACV,OAAAD;AAAA,MAEA,UAAAkC,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAAlB;AAAA,UACA,iBAAiBY,EAAgB,YAAY,SAAYT;AAAA,UACzD,gBAAAK;AAAA,UACA,eAAenB;AAAA,UACf,eAAeJ;AAAA,UACf,oBAAoBS;AAAA,UACpB,wBAAwBN;AAAA,UACxB,iBAAAsB;AAAA,UACA,yBAAAf;AAAA,UACA,qBAAqBmB,EAAK,EAAE,gCAAgC;AAAA,UAC5D,sBAAsBA,EAAK,EAAE,iCAAiC;AAAA,QAAA;AAAA,MAAA;AAAA,IAChE;AAAA,EAAA;AAGN;;;;"}
+{"version":3,"file":"index-VMsVpFuu.js","sources":["../src/components/charts/kpis/KpiChartNumberComparisonPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { KpiChart } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { useEffect } from 'react';\nimport {\n  getComparisonPeriodDateRange,\n  getComparisonPeriodLabel,\n} from '../../../utils/timeRange.utils';\n\ntype KpiChartNumberComparisonProProp = {\n  changeFontSize: number;\n  comparisonPeriod?: string;\n  description: string;\n  displayChangeAsPercentage?: boolean;\n  fontSize: number;\n  measure: Measure;\n  primaryDateRange: TimeRange;\n  results: DataResponse;\n  resultsComparison: DataResponse | undefined;\n  reversePositiveNegativeColors?: boolean;\n  title: string;\n  percentageDecimalPlaces: number;\n  comparisonDateRange: TimeRange;\n  setComparisonDateRange: (dateRange: TimeRange) => void;\n};\n\nconst KpiChartNumberComparisonPro = (props: KpiChartNumberComparisonProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description } = resolveI18nProps(props);\n  const {\n    changeFontSize,\n    comparisonPeriod,\n    comparisonDateRange,\n    displayChangeAsPercentage,\n    fontSize,\n    measure,\n    primaryDateRange,\n    results,\n    resultsComparison,\n    reversePositiveNegativeColors,\n    percentageDecimalPlaces,\n    setComparisonDateRange,\n  } = props;\n\n  useEffect(() => {\n    const newComparisonDateRange = getComparisonPeriodDateRange(\n      primaryDateRange,\n      comparisonPeriod,\n      theme,\n    );\n    setComparisonDateRange(newComparisonDateRange);\n  }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n  const value: number = results.data?.[0]?.[measure.name];\n  const comparisonValue = comparisonDateRange\n    ? resultsComparison?.data?.[0]?.[measure.name]\n    : undefined;\n\n  const themeFormatter = getThemeFormatter(theme);\n  const valueFormatter = (valueToFormat: number) => themeFormatter.data(measure, valueToFormat);\n  const comparisonLabel = `vs ${getComparisonPeriodLabel(comparisonPeriod, theme).toLowerCase()}`;\n\n  const resultsCombined: DataResponse = {\n    isLoading: Boolean(results.isLoading || resultsComparison?.isLoading),\n    data:\n      !results?.data && !resultsComparison?.data\n        ? undefined\n        : [\n            ...(results.data?.length\n              ? [{ label: i18n.t('charts.primaryPeriod'), ...results.data[0] }]\n              : []),\n            ...(resultsComparison?.data?.length\n              ? [{ label: i18n.t('charts.comparisonPeriod'), ...resultsComparison.data[0] }]\n              : []),\n          ],\n  };\n\n  return (\n    <ChartCard\n      data={resultsCombined}\n      dimensionsAndMeasures={[\n        // Add a label dimension to distinguish primary and comparison periods in exports\n        {\n          name: 'label',\n          title: i18n.t('charts.label'),\n          nativeType: 'string',\n          __type__: 'dimension',\n        },\n        measure,\n      ]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <KpiChart\n        value={value}\n        comparisonValue={resultsCombined.isLoading ? undefined : comparisonValue}\n        valueFormatter={valueFormatter}\n        valueFontSize={fontSize}\n        trendFontSize={changeFontSize}\n        invertChangeColors={reversePositiveNegativeColors}\n        showChangeAsPercentage={displayChangeAsPercentage}\n        comparisonLabel={comparisonLabel}\n        percentageDecimalPlaces={percentageDecimalPlaces}\n        noPreviousDataLabel={i18n.t('charts.kpiChart.noPreviousData')}\n        equalComparisonLabel={i18n.t('charts.kpiChart.equalComparison')}\n      />\n    </ChartCard>\n  );\n};\n\nexport default KpiChartNumberComparisonPro;\n"],"names":["KpiChartNumberComparisonPro","props","theme","useTheme","i18nSetup","title","description","resolveI18nProps","changeFontSize","comparisonPeriod","comparisonDateRange","displayChangeAsPercentage","fontSize","measure","primaryDateRange","results","resultsComparison","reversePositiveNegativeColors","percentageDecimalPlaces","setComparisonDateRange","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","value","_b","_a","comparisonValue","_d","_c","themeFormatter","getThemeFormatter","valueFormatter","valueToFormat","comparisonLabel","getComparisonPeriodLabel","resultsCombined","_e","i18n","_f","jsx","ChartCard","KpiChart"],"mappings":";;;;;;;AA+BA,MAAMA,IAA8B,CAACC,MAA2C;;AAC9E,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,OAAAG,GAAO,aAAAC,MAAgBC,EAAiBN,CAAK,GAC/C;AAAA,IACJ,gBAAAO;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,+BAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,wBAAAC;AAAA,EAAA,IACElB;AAEJ,EAAAmB,EAAU,MAAM;AACd,UAAMC,IAAyBC;AAAA,MAC7BR;AAAA,MACAL;AAAA,MACAP;AAAA,IAAA;AAEF,IAAAiB,EAAuBE,CAAsB;AAAA,EAC/C,GAAG,CAACZ,GAAkB,KAAK,UAAUK,CAAgB,GAAGZ,CAAK,CAAC;AAE9D,QAAMqB,KAAgBC,KAAAC,IAAAV,EAAQ,SAAR,gBAAAU,EAAe,OAAf,gBAAAD,EAAoBX,EAAQ,OAC5Ca,IAAkBhB,KACpBiB,KAAAC,IAAAZ,KAAA,gBAAAA,EAAmB,SAAnB,gBAAAY,EAA0B,OAA1B,gBAAAD,EAA+Bd,EAAQ,QACvC,QAEEgB,IAAiBC,EAAkB5B,CAAK,GACxC6B,IAAiB,CAACC,MAA0BH,EAAe,KAAKhB,GAASmB,CAAa,GACtFC,IAAkB,MAAMC,EAAyBzB,GAAkBP,CAAK,EAAE,aAAa,IAEvFiC,IAAgC;AAAA,IACpC,WAAW,GAAQpB,EAAQ,aAAaC,KAAA,QAAAA,EAAmB;AAAA,IAC3D,MACE,EAACD,KAAA,QAAAA,EAAS,SAAQ,EAACC,KAAA,QAAAA,EAAmB,QAClC,SACA;AAAA,MACE,IAAIoB,IAAArB,EAAQ,SAAR,QAAAqB,EAAc,SACd,CAAC,EAAE,OAAOC,EAAK,EAAE,sBAAsB,GAAG,GAAGtB,EAAQ,KAAK,CAAC,EAAA,CAAG,IAC9D,CAAA;AAAA,MACJ,IAAIuB,IAAAtB,KAAA,gBAAAA,EAAmB,SAAnB,QAAAsB,EAAyB,SACzB,CAAC,EAAE,OAAOD,EAAK,EAAE,yBAAyB,GAAG,GAAGrB,EAAkB,KAAK,CAAC,EAAA,CAAG,IAC3E,CAAA;AAAA,IAAC;AAAA,EACP;AAGR,SACEuB,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAML;AAAA,MACN,uBAAuB;AAAA;AAAA,QAErB;AAAA,UACE,MAAM;AAAA,UACN,OAAOE,EAAK,EAAE,cAAc;AAAA,UAC5B,YAAY;AAAA,UACZ,UAAU;AAAA,QAAA;AAAA,QAEZxB;AAAA,MAAA;AAAA,MAEF,cAAcE,EAAQ;AAAA,MACtB,UAAUT;AAAA,MACV,OAAAD;AAAA,MAEA,UAAAkC,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAAlB;AAAA,UACA,iBAAiBY,EAAgB,YAAY,SAAYT;AAAA,UACzD,gBAAAK;AAAA,UACA,eAAenB;AAAA,UACf,eAAeJ;AAAA,UACf,oBAAoBS;AAAA,UACpB,wBAAwBN;AAAA,UACxB,iBAAAsB;AAAA,UACA,yBAAAf;AAAA,UACA,qBAAqBmB,EAAK,EAAE,gCAAgC;AAAA,UAC5D,sBAAsBA,EAAK,EAAE,iCAAiC;AAAA,QAAA;AAAA,MAAA;AAAA,IAChE;AAAA,EAAA;AAGN;;;;"}

package/dist/{index-Dfh1KgI5.js → index-a51EknRg.js}

@@ -1,8 +1,8 @@
-import { m as M, j as l, B as P } from "./index-DjwSlZQY.js";
+import { m as M, j as l, B as P } from "./index-CIy-fCZE.js";
 import { useTheme as z } from "@embeddable.com/react";
-import { a as L, r as w } from "./component.constants-DmK3uQGY.js";
-import { C as y } from "./ChartCard-uZBftDKk.js";
-import { a as S, b as _ } from "./bars.utils-BHrcAtuH.js";
+import { a as L, r as w } from "./component.constants-5pSEkTqN.js";
+import { C as y } from "./ChartCard-F1fMKsD4.js";
+import { a as S, b as _ } from "./bars.utils-g15uj8cH.js";
 import { u as v } from "./charts.fillGaps.hooks-Dd-VYdOE.js";
 const D = (s) => {
   var i, n;
@@ -70,4 +70,4 @@ export {
   D as B,
   E as i
 };
-//# sourceMappingURL=index-Dfh1KgI5.js.map
+//# sourceMappingURL=index-a51EknRg.js.map

package/dist/{index-Dfh1KgI5.js.map → index-a51EknRg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-Dfh1KgI5.js","sources":["../src/components/charts/bars/BarChartDefaultHorizontalPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarChartProData, getBarChartProOptions } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\n\ntype BarChartDefaultHorizontalProProps = {\n  description: string;\n  dimension: Dimension;\n  measures: Measure[];\n  results: DataResponse;\n  reverseYAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showValueLabels: boolean;\n  title: string;\n  xAxisLabel: string;\n  xAxisRangeMax?: number;\n  xAxisRangeMin?: number;\n  yAxisLabel: string;\n  yAxisMaxItems: number;\n  onBarClicked: (args: { axisDimensionValue: string | null }) => void;\n};\n\nconst BarChartDefaultHorizontalPro = (props: BarChartDefaultHorizontalProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    dimension,\n    measures,\n    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    title,\n    xAxisLabel,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    yAxisLabel,\n    yAxisMaxItems,\n    onBarClicked,\n  } = resolveI18nProps(props);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension,\n  });\n\n  const data = getBarChartProData(\n    { data: results.data, dimension, measures, maxItems: yAxisMaxItems },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions({ measures, horizontal: true, onBarClicked, data, dimension }, theme), // Format X axis based on first measure\n    theme.charts?.barChartDefaultHorizontalPro?.options || {},\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, ...measures]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <BarChart\n        horizontal\n        data={data}\n        options={options}\n        reverseYAxis={reverseYAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        xAxisRangeMax={xAxisRangeMax}\n        xAxisRangeMin={xAxisRangeMin}\n        yAxisLabel={yAxisLabel}\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartDefaultHorizontalPro;\n"],"names":["BarChartDefaultHorizontalPro","props","theme","useTheme","i18nSetup","description","dimension","measures","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","title","xAxisLabel","xAxisRangeMax","xAxisRangeMin","yAxisLabel","yAxisMaxItems","onBarClicked","resolveI18nProps","results","useFillGaps","data","getBarChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart"],"mappings":";;;;;;AA8BA,MAAMA,IAA+B,CAACC,MAA6C;;AACjF,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEC,EAAiBnB,CAAK,GAEpBoB,IAAUC,EAAY;AAAA,IAC1B,SAASrB,EAAM;AAAA,IACf,WAAAK;AAAA,EAAA,CACD,GAEKiB,IAAOC;AAAA,IACX,EAAE,MAAMH,EAAQ,MAAM,WAAAf,GAAW,UAAAC,GAAU,UAAUW,EAAA;AAAA,IACrDhB;AAAA,EAAA,GAGIuB,IAAUC;AAAA,IACdC,EAAsB,EAAE,UAAApB,GAAU,YAAY,IAAM,cAAAY,GAAc,MAAAI,GAAM,WAAAjB,EAAA,GAAaJ,CAAK;AAAA;AAAA,MAC1F0B,KAAAC,IAAA3B,EAAM,WAAN,gBAAA2B,EAAc,iCAAd,gBAAAD,EAA4C,YAAW,CAAA;AAAA,EAAC;AAG1D,SACEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMV;AAAA,MACN,uBAAuB,CAACf,GAAW,GAAGC,CAAQ;AAAA,MAC9C,cAAcc,EAAQ;AAAA,MACtB,UAAUhB;AAAA,MACV,OAAAQ;AAAA,MAEA,UAAAiB,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,YAAU;AAAA,UACV,MAAAT;AAAA,UACA,SAAAE;AAAA,UACA,cAAAjB;AAAA,UACA,YAAAC;AAAA,UACA,sBAAAC;AAAA,UACA,cAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,YAAAE;AAAA,UACA,eAAAC;AAAA,UACA,eAAAC;AAAA,UACA,YAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;;;"}
+{"version":3,"file":"index-a51EknRg.js","sources":["../src/components/charts/bars/BarChartDefaultHorizontalPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarChartProData, getBarChartProOptions } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\n\ntype BarChartDefaultHorizontalProProps = {\n  description: string;\n  dimension: Dimension;\n  measures: Measure[];\n  results: DataResponse;\n  reverseYAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showValueLabels: boolean;\n  title: string;\n  xAxisLabel: string;\n  xAxisRangeMax?: number;\n  xAxisRangeMin?: number;\n  yAxisLabel: string;\n  yAxisMaxItems: number;\n  onBarClicked: (args: { axisDimensionValue: string | null }) => void;\n};\n\nconst BarChartDefaultHorizontalPro = (props: BarChartDefaultHorizontalProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    dimension,\n    measures,\n    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    title,\n    xAxisLabel,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    yAxisLabel,\n    yAxisMaxItems,\n    onBarClicked,\n  } = resolveI18nProps(props);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension,\n  });\n\n  const data = getBarChartProData(\n    { data: results.data, dimension, measures, maxItems: yAxisMaxItems },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions({ measures, horizontal: true, onBarClicked, data, dimension }, theme), // Format X axis based on first measure\n    theme.charts?.barChartDefaultHorizontalPro?.options || {},\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, ...measures]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <BarChart\n        horizontal\n        data={data}\n        options={options}\n        reverseYAxis={reverseYAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        xAxisRangeMax={xAxisRangeMax}\n        xAxisRangeMin={xAxisRangeMin}\n        yAxisLabel={yAxisLabel}\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartDefaultHorizontalPro;\n"],"names":["BarChartDefaultHorizontalPro","props","theme","useTheme","i18nSetup","description","dimension","measures","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","title","xAxisLabel","xAxisRangeMax","xAxisRangeMin","yAxisLabel","yAxisMaxItems","onBarClicked","resolveI18nProps","results","useFillGaps","data","getBarChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart"],"mappings":";;;;;;AA8BA,MAAMA,IAA+B,CAACC,MAA6C;;AACjF,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEC,EAAiBnB,CAAK,GAEpBoB,IAAUC,EAAY;AAAA,IAC1B,SAASrB,EAAM;AAAA,IACf,WAAAK;AAAA,EAAA,CACD,GAEKiB,IAAOC;AAAA,IACX,EAAE,MAAMH,EAAQ,MAAM,WAAAf,GAAW,UAAAC,GAAU,UAAUW,EAAA;AAAA,IACrDhB;AAAA,EAAA,GAGIuB,IAAUC;AAAA,IACdC,EAAsB,EAAE,UAAApB,GAAU,YAAY,IAAM,cAAAY,GAAc,MAAAI,GAAM,WAAAjB,EAAA,GAAaJ,CAAK;AAAA;AAAA,MAC1F0B,KAAAC,IAAA3B,EAAM,WAAN,gBAAA2B,EAAc,iCAAd,gBAAAD,EAA4C,YAAW,CAAA;AAAA,EAAC;AAG1D,SACEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMV;AAAA,MACN,uBAAuB,CAACf,GAAW,GAAGC,CAAQ;AAAA,MAC9C,cAAcc,EAAQ;AAAA,MACtB,UAAUhB;AAAA,MACV,OAAAQ;AAAA,MAEA,UAAAiB,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,YAAU;AAAA,UACV,MAAAT;AAAA,UACA,SAAAE;AAAA,UACA,cAAAjB;AAAA,UACA,YAAAC;AAAA,UACA,sBAAAC;AAAA,UACA,cAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,YAAAE;AAAA,UACA,eAAAC;AAAA,UACA,eAAAC;AAAA,UACA,YAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;;;"}

package/dist/index.d.ts

@@ -34,8 +34,8 @@ export { ChartCard } from './components/charts/shared/ChartCard/ChartCard';
 export * from './components/component.constants';
 export * as ComparisonPeriodSelectFieldPro from './components/editors/ComparisonPeriodSelectFieldPro';
 export * from './components/editors/ComparisonPeriodSelectFieldPro/ComparisonPeriodSelectFieldPro.utils';
-export * as DateRangeSelectFieldPro from './components/editors/DateRangeSelectFieldPro';
-export * from './components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.utils';
+export * as DateRangeSelectFieldPro from './components/editors/dates/DateRangePickerPresetsPro';
+export * from './components/editors/dates/DateRangePickerPresetsPro/DateRangePickerPresetsPro.utils';
 export * as MultiSelectFieldPro from './components/editors/MultiSelectFieldPro';
 export * as SingleSelectFieldPro from './components/editors/SingleSelectFieldPro';
 export { EditorCard } from './components/editors/shared/EditorCard/EditorCard';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGxD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGpD,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AAGxC,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,cAAc,GACf,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAGtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,OAAO,KAAK,kBAAkB,MAAM,6CAA6C,CAAC;AAClF,OAAO,KAAK,kBAAkB,MAAM,6CAA6C,CAAC;AAClF,OAAO,KAAK,kBAAkB,MAAM,6CAA6C,CAAC;AAClF,OAAO,KAAK,4BAA4B,MAAM,uDAAuD,CAAC;AACtG,OAAO,KAAK,4BAA4B,MAAM,uDAAuD,CAAC;AACtG,OAAO,KAAK,4BAA4B,MAAM,uDAAuD,CAAC;AACtG,cAAc,qCAAqC,CAAC;AAEpD,OAAO,KAAK,iBAAiB,MAAM,4CAA4C,CAAC;AAChF,OAAO,KAAK,2BAA2B,MAAM,sDAAsD,CAAC;AAEpG,OAAO,KAAK,mBAAmB,MAAM,+CAA+C,CAAC;AACrF,OAAO,KAAK,mBAAmB,MAAM,+CAA+C,CAAC;AACrF,OAAO,KAAK,6BAA6B,MAAM,yDAAyD,CAAC;AACzG,cAAc,6FAA6F,CAAC;AAC5G,cAAc,yEAAyE,CAAC;AACxF,cAAc,yEAAyE,CAAC;AAExF,OAAO,KAAK,aAAa,MAAM,wCAAwC,CAAC;AACxE,OAAO,KAAK,WAAW,MAAM,sCAAsC,CAAC;AACpE,OAAO,KAAK,kBAAkB,MAAM,6CAA6C,CAAC;AAClF,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AAEpD,OAAO,KAAK,UAAU,MAAM,uCAAuC,CAAC;AACpE,OAAO,KAAK,aAAa,MAAM,0CAA0C,CAAC;AAC1E,OAAO,KAAK,sBAAsB,MAAM,gDAAgD,CAAC;AACzF,cAAc,yCAAyC,CAAC;AAExD,OAAO,EAAE,SAAS,EAAE,MAAM,gDAAgD,CAAC;AAC3E,cAAc,kCAAkC,CAAC;AAGjD,OAAO,KAAK,8BAA8B,MAAM,qDAAqD,CAAC;AACtG,cAAc,0FAA0F,CAAC;AACzG,OAAO,KAAK,uBAAuB,MAAM,8CAA8C,CAAC;AACxF,cAAc,4EAA4E,CAAC;AAC3F,OAAO,KAAK,mBAAmB,MAAM,0CAA0C,CAAC;AAChF,OAAO,KAAK,oBAAoB,MAAM,2CAA2C,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,MAAM,mDAAmD,CAAC;AAG/E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAG/F,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGxD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGpD,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AAGxC,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,cAAc,GACf,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAGtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,OAAO,KAAK,kBAAkB,MAAM,6CAA6C,CAAC;AAClF,OAAO,KAAK,kBAAkB,MAAM,6CAA6C,CAAC;AAClF,OAAO,KAAK,kBAAkB,MAAM,6CAA6C,CAAC;AAClF,OAAO,KAAK,4BAA4B,MAAM,uDAAuD,CAAC;AACtG,OAAO,KAAK,4BAA4B,MAAM,uDAAuD,CAAC;AACtG,OAAO,KAAK,4BAA4B,MAAM,uDAAuD,CAAC;AACtG,cAAc,qCAAqC,CAAC;AAEpD,OAAO,KAAK,iBAAiB,MAAM,4CAA4C,CAAC;AAChF,OAAO,KAAK,2BAA2B,MAAM,sDAAsD,CAAC;AAEpG,OAAO,KAAK,mBAAmB,MAAM,+CAA+C,CAAC;AACrF,OAAO,KAAK,mBAAmB,MAAM,+CAA+C,CAAC;AACrF,OAAO,KAAK,6BAA6B,MAAM,yDAAyD,CAAC;AACzG,cAAc,6FAA6F,CAAC;AAC5G,cAAc,yEAAyE,CAAC;AACxF,cAAc,yEAAyE,CAAC;AAExF,OAAO,KAAK,aAAa,MAAM,wCAAwC,CAAC;AACxE,OAAO,KAAK,WAAW,MAAM,sCAAsC,CAAC;AACpE,OAAO,KAAK,kBAAkB,MAAM,6CAA6C,CAAC;AAClF,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AAEpD,OAAO,KAAK,UAAU,MAAM,uCAAuC,CAAC;AACpE,OAAO,KAAK,aAAa,MAAM,0CAA0C,CAAC;AAC1E,OAAO,KAAK,sBAAsB,MAAM,gDAAgD,CAAC;AACzF,cAAc,yCAAyC,CAAC;AAExD,OAAO,EAAE,SAAS,EAAE,MAAM,gDAAgD,CAAC;AAC3E,cAAc,kCAAkC,CAAC;AAGjD,OAAO,KAAK,8BAA8B,MAAM,qDAAqD,CAAC;AACtG,cAAc,0FAA0F,CAAC;AACzG,OAAO,KAAK,uBAAuB,MAAM,sDAAsD,CAAC;AAChG,cAAc,sFAAsF,CAAC;AACrG,OAAO,KAAK,mBAAmB,MAAM,0CAA0C,CAAC;AAChF,OAAO,KAAK,oBAAoB,MAAM,2CAA2C,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,MAAM,mDAAmD,CAAC;AAG/E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAG/F,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/index.js

@@ -1,33 +1,33 @@
 import { g as r } from "./object.utils-D_Zzon-H.js";
-import { v as o, G as t, w as i, B as n, x as p, y as m, z as l, A as u, C as x, Q as g, g as P, c as d, d as C, b as h, i as b, a as f, Z as c, H as D, D as I, E as L, _ as S, r as A, P as T, R as B, I as M, M as y, J as O, Y as R, L as G, K as w, p as F, e as H, o as v, q as N, n as k, j as z, k as K, l as W, t as E, m as V, f as j, h as X, s as Y, u as q, F as J, N as Q, W as U, V as Z, U as _, O as $, X as aa, T as ea, S as ra } from "./component.constants-DmK3uQGY.js";
-import { r as oa } from "./charts.utils-DtFuEHDp.js";
-import { g as ia } from "./formatter.utils-DCDukEZ9.js";
-import { i as pa } from "./index-jqEl3LLC.js";
-import { i as la } from "./index-CbWn6WMr.js";
-import { i as xa } from "./index-DSk9EA7t.js";
-import { i as Pa } from "./index-Dfh1KgI5.js";
-import { i as Ca } from "./index-BEM0olHp.js";
-import { i as ba } from "./index-B92AHN8Y.js";
-import { a as ca, b as Da, g as Ia } from "./bars.utils-BHrcAtuH.js";
-import { i as Sa } from "./index-Bk1YIZZf.js";
-import { i as Ta } from "./index-Cj6xdAWZ.js";
-import { i as Ma, g as ya, a as Oa } from "./index-sJkPi8Q_.js";
-import { i as Ga, g as wa, a as Fa } from "./index-SIEfd0gp.js";
-import { i as va, g as Na, a as ka } from "./index-D_-Nl-64.js";
-import { i as Ka } from "./index-Dbg-T-ST.js";
-import { i as Ea } from "./index-C23J5jXR.js";
-import { i as ja } from "./index-CFoVL8LS.js";
-import { g as Ya, a as qa } from "./pies.utils-Zw1lwwC4.js";
-import { i as Qa } from "./index-GhU7CFw0.js";
-import { i as Za } from "./index-CmYz5k0C.js";
-import { i as $a, g as ae, a as ee, b as re, c as se } from "./index-C6oyYlMu.js";
-import { C as te } from "./ChartCard-uZBftDKk.js";
-import { i as ne, g as pe, a as me } from "./index-C7mz7pKQ.js";
-import { i as ue, g as xe } from "./index-mp4eyizO.js";
-import { i as Pe } from "./index-BuBPj3by.js";
-import { i as Ce } from "./index-O8I3E36E.js";
-import { E as be } from "./EditorCard-B95YC3pz.js";
-import { C as ce } from "./ComparisonPeriod.type.emb-Bq4r1RbE.js";
+import { v as o, G as t, w as i, B as n, x as p, y as m, z as l, A as u, C as x, Q as g, g as P, c as d, d as C, b as h, i as b, a as f, Z as c, H as D, D as I, E as L, _ as S, r as A, P as T, R as B, I as M, M as y, J as O, Y as R, L as G, K as w, p as F, e as H, o as v, q as N, n as k, j as z, k as K, l as W, t as E, m as V, f as j, h as X, s as Y, u as q, F as J, N as Q, W as U, V as Z, U as _, O as $, X as aa, T as ea, S as ra } from "./component.constants-5pSEkTqN.js";
+import { r as oa } from "./charts.utils-WjKhtDzm.js";
+import { g as ia } from "./formatter.utils-CU02gBE5.js";
+import { i as pa } from "./index-D67Dqwl6.js";
+import { i as la } from "./index-By4dAXWS.js";
+import { i as xa } from "./index-C58x29od.js";
+import { i as Pa } from "./index-a51EknRg.js";
+import { i as Ca } from "./index-BvBc86AB.js";
+import { i as ba } from "./index-Bz-jqsH6.js";
+import { a as ca, b as Da, g as Ia } from "./bars.utils-g15uj8cH.js";
+import { i as Sa } from "./index-33BWxRVA.js";
+import { i as Ta } from "./index-VMsVpFuu.js";
+import { i as Ma, g as ya, a as Oa } from "./index-CuRuDELE.js";
+import { i as Ga, g as wa, a as Fa } from "./index-D8Z7FVYE.js";
+import { i as va, g as Na, a as ka } from "./index-1KmRpcj0.js";
+import { i as Ka } from "./index-DUn23CxN.js";
+import { i as Ea } from "./index-B524G8aR.js";
+import { i as ja } from "./index-B_zyCSBJ.js";
+import { g as Ya, a as qa } from "./pies.utils-ZhJMIog5.js";
+import { i as Qa } from "./index-DDx1tSTE.js";
+import { i as Za } from "./index-DjX_tMRT.js";
+import { i as $a, g as ae, a as ee, b as re, c as se } from "./index-6ZmZRk63.js";
+import { C as te } from "./ChartCard-F1fMKsD4.js";
+import { i as ne, g as pe, a as me } from "./index-JRFQo8DK.js";
+import { i as ue, g as xe } from "./index-DZlowRxA.js";
+import { i as Pe } from "./index-BsOU6A4h.js";
+import { i as Ce } from "./index-FjCFm3BI.js";
+import { E as be } from "./EditorCard-CXmogrdI.js";
+import { C as ce } from "./ComparisonPeriod.type.emb-Bp4VzSqq.js";
 import { i as Ie, s as Le } from "./color.utils-BSg_DFOh.js";
 export {
   Pa as BarChartDefaultHorizontalPro,

package/dist/{pies.utils-Zw1lwwC4.js → pies.utils-ZhJMIog5.js}

@@ -1,8 +1,8 @@
-import { r as g, g as b } from "./charts.utils-DtFuEHDp.js";
-import { g as u } from "./formatter.utils-DCDukEZ9.js";
+import { r as g, g as b } from "./charts.utils-WjKhtDzm.js";
+import { g as u } from "./formatter.utils-CU02gBE5.js";
 import { g as h, a as c } from "./object.utils-D_Zzon-H.js";
-import { g as C } from "./index-DjwSlZQY.js";
-import { i as f } from "./component.constants-DmK3uQGY.js";
+import { g as C } from "./index-CIy-fCZE.js";
+import { i as f } from "./component.constants-5pSEkTqN.js";
 const T = (a, o = g) => {
   const s = u(o);
   if (!a.data)
@@ -70,4 +70,4 @@ export {
   w as a,
   T as g
 };
-//# sourceMappingURL=pies.utils-Zw1lwwC4.js.map
+//# sourceMappingURL=pies.utils-ZhJMIog5.js.map

package/dist/{pies.utils-Zw1lwwC4.js.map → pies.utils-ZhJMIog5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"pies.utils-Zw1lwwC4.js","sources":["../src/components/charts/pies/pies.utils.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { groupTailAsOther } from '../charts.utils';\nimport { Theme } from '../../../theme/theme.types';\nimport { remarkableTheme } from '../../../theme/theme.constants';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { getColor } from '../../../theme/styles/styles.utils';\nimport { getChartColors } from '@embeddable.com/remarkable-ui';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { getObjectStableKey } from '../../../utils.ts/object.utils';\n\nexport const getPieChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measure: Measure;\n    maxLegendItems?: number;\n  },\n  theme: Theme = remarkableTheme,\n): ChartData<'pie'> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  if (!props.data)\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n\n  const groupedData = groupTailAsOther(\n    props.data,\n    props.dimension,\n    [props.measure],\n    props.maxLegendItems,\n  );\n\n  const themeKey = getObjectStableKey(theme);\n  const chartColors = getChartColors();\n  const backgroundColor = groupedData.map((item, i) =>\n    getColor(\n      `${themeKey}.charts.backgroundColors`,\n      `${props.dimension.name}.${item[props.dimension.name]}`,\n      theme.charts.backgroundColors ?? chartColors,\n      i,\n    ),\n  );\n\n  const borderColor = groupedData.map((item, i) =>\n    getColor(\n      `${themeKey}.charts.borderColors`,\n      `${props.dimension.name}.${item[props.dimension.name]}`,\n      theme.charts.borderColors ?? chartColors,\n      i,\n    ),\n  );\n\n  return {\n    labels: groupedData.map((item) => {\n      const value = item[props.dimension.name];\n      const formattedValue = themeFormatter.data(props.dimension, value);\n\n      // If formatter did not work, try i18n translation\n      if (value === formattedValue) {\n        return i18n.t(value);\n      }\n      return formattedValue;\n    }),\n    datasets: [\n      {\n        data: groupedData.map((item) => item[props.measure.name]),\n        backgroundColor,\n        borderColor,\n      },\n    ],\n  };\n};\n\nexport const getPieChartProOptions = (\n  measure: Measure,\n  theme: Theme = remarkableTheme,\n): Partial<ChartOptions<'pie'>> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    plugins: {\n      legend: { position: theme.charts.legendPosition ?? 'bottom' },\n      datalabels: {\n        formatter: (value: string | number) => themeFormatter.data(measure, value),\n      },\n      tooltip: {\n        callbacks: {\n          label(context) {\n            const raw = context.raw as number;\n            const total = context.dataset.data.reduce(\n              // eslint-disable-next-line @typescript-eslint/no-explicit-any\n              (sum: number, v: any) => sum + parseFloat(v),\n              0,\n            );\n            const pct = Math.round((raw / total) * 100);\n            return `${themeFormatter.data(measure, raw)} (${pct}%)`;\n          },\n        },\n      },\n    },\n  };\n};\n"],"names":["getPieChartProData","props","theme","remarkableTheme","themeFormatter","getThemeFormatter","groupedData","groupTailAsOther","themeKey","getObjectStableKey","chartColors","getChartColors","backgroundColor","item","i","getColor","borderColor","value","formattedValue","i18n","getPieChartProOptions","measure","context","raw","total","sum","v","pct"],"mappings":";;;;;AAWO,MAAMA,IAAqB,CAChCC,GAMAC,IAAeC,MACM;AACrB,QAAMC,IAAiBC,EAAkBH,CAAK;AAE9C,MAAI,CAACD,EAAM;AACT,WAAO;AAAA,MACL,QAAQ,CAAA;AAAA,MACR,UAAU,CAAC,EAAE,MAAM,IAAI;AAAA,IAAA;AAG3B,QAAMK,IAAcC;AAAA,IAClBN,EAAM;AAAA,IACNA,EAAM;AAAA,IACN,CAACA,EAAM,OAAO;AAAA,IACdA,EAAM;AAAA,EAAA,GAGFO,IAAWC,EAAmBP,CAAK,GACnCQ,IAAcC,EAAA,GACdC,IAAkBN,EAAY;AAAA,IAAI,CAACO,GAAMC,MAC7CC;AAAA,MACE,GAAGP,CAAQ;AAAA,MACX,GAAGP,EAAM,UAAU,IAAI,IAAIY,EAAKZ,EAAM,UAAU,IAAI,CAAC;AAAA,MACrDC,EAAM,OAAO,oBAAoBQ;AAAA,MACjCI;AAAA,IAAA;AAAA,EACF,GAGIE,IAAcV,EAAY;AAAA,IAAI,CAACO,GAAMC,MACzCC;AAAA,MACE,GAAGP,CAAQ;AAAA,MACX,GAAGP,EAAM,UAAU,IAAI,IAAIY,EAAKZ,EAAM,UAAU,IAAI,CAAC;AAAA,MACrDC,EAAM,OAAO,gBAAgBQ;AAAA,MAC7BI;AAAA,IAAA;AAAA,EACF;AAGF,SAAO;AAAA,IACL,QAAQR,EAAY,IAAI,CAACO,MAAS;AAChC,YAAMI,IAAQJ,EAAKZ,EAAM,UAAU,IAAI,GACjCiB,IAAiBd,EAAe,KAAKH,EAAM,WAAWgB,CAAK;AAGjE,aAAIA,MAAUC,IACLC,EAAK,EAAEF,CAAK,IAEdC;AAAA,IACT,CAAC;AAAA,IACD,UAAU;AAAA,MACR;AAAA,QACE,MAAMZ,EAAY,IAAI,CAACO,MAASA,EAAKZ,EAAM,QAAQ,IAAI,CAAC;AAAA,QACxD,iBAAAW;AAAA,QACA,aAAAI;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ,GAEaI,IAAwB,CACnCC,GACAnB,IAAeC,MACkB;AACjC,QAAMC,IAAiBC,EAAkBH,CAAK;AAE9C,SAAO;AAAA,IACL,SAAS;AAAA,MACP,QAAQ,EAAE,UAAUA,EAAM,OAAO,kBAAkB,SAAA;AAAA,MACnD,YAAY;AAAA,QACV,WAAW,CAACe,MAA2Bb,EAAe,KAAKiB,GAASJ,CAAK;AAAA,MAAA;AAAA,MAE3E,SAAS;AAAA,QACP,WAAW;AAAA,UACT,MAAMK,GAAS;AACb,kBAAMC,IAAMD,EAAQ,KACdE,IAAQF,EAAQ,QAAQ,KAAK;AAAA;AAAA,cAEjC,CAACG,GAAaC,MAAWD,IAAM,WAAWC,CAAC;AAAA,cAC3C;AAAA,YAAA,GAEIC,IAAM,KAAK,MAAOJ,IAAMC,IAAS,GAAG;AAC1C,mBAAO,GAAGpB,EAAe,KAAKiB,GAASE,CAAG,CAAC,KAAKI,CAAG;AAAA,UACrD;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"pies.utils-ZhJMIog5.js","sources":["../src/components/charts/pies/pies.utils.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { groupTailAsOther } from '../charts.utils';\nimport { Theme } from '../../../theme/theme.types';\nimport { remarkableTheme } from '../../../theme/theme.constants';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { getColor } from '../../../theme/styles/styles.utils';\nimport { getChartColors } from '@embeddable.com/remarkable-ui';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { getObjectStableKey } from '../../../utils.ts/object.utils';\n\nexport const getPieChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measure: Measure;\n    maxLegendItems?: number;\n  },\n  theme: Theme = remarkableTheme,\n): ChartData<'pie'> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  if (!props.data)\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n\n  const groupedData = groupTailAsOther(\n    props.data,\n    props.dimension,\n    [props.measure],\n    props.maxLegendItems,\n  );\n\n  const themeKey = getObjectStableKey(theme);\n  const chartColors = getChartColors();\n  const backgroundColor = groupedData.map((item, i) =>\n    getColor(\n      `${themeKey}.charts.backgroundColors`,\n      `${props.dimension.name}.${item[props.dimension.name]}`,\n      theme.charts.backgroundColors ?? chartColors,\n      i,\n    ),\n  );\n\n  const borderColor = groupedData.map((item, i) =>\n    getColor(\n      `${themeKey}.charts.borderColors`,\n      `${props.dimension.name}.${item[props.dimension.name]}`,\n      theme.charts.borderColors ?? chartColors,\n      i,\n    ),\n  );\n\n  return {\n    labels: groupedData.map((item) => {\n      const value = item[props.dimension.name];\n      const formattedValue = themeFormatter.data(props.dimension, value);\n\n      // If formatter did not work, try i18n translation\n      if (value === formattedValue) {\n        return i18n.t(value);\n      }\n      return formattedValue;\n    }),\n    datasets: [\n      {\n        data: groupedData.map((item) => item[props.measure.name]),\n        backgroundColor,\n        borderColor,\n      },\n    ],\n  };\n};\n\nexport const getPieChartProOptions = (\n  measure: Measure,\n  theme: Theme = remarkableTheme,\n): Partial<ChartOptions<'pie'>> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    plugins: {\n      legend: { position: theme.charts.legendPosition ?? 'bottom' },\n      datalabels: {\n        formatter: (value: string | number) => themeFormatter.data(measure, value),\n      },\n      tooltip: {\n        callbacks: {\n          label(context) {\n            const raw = context.raw as number;\n            const total = context.dataset.data.reduce(\n              // eslint-disable-next-line @typescript-eslint/no-explicit-any\n              (sum: number, v: any) => sum + parseFloat(v),\n              0,\n            );\n            const pct = Math.round((raw / total) * 100);\n            return `${themeFormatter.data(measure, raw)} (${pct}%)`;\n          },\n        },\n      },\n    },\n  };\n};\n"],"names":["getPieChartProData","props","theme","remarkableTheme","themeFormatter","getThemeFormatter","groupedData","groupTailAsOther","themeKey","getObjectStableKey","chartColors","getChartColors","backgroundColor","item","i","getColor","borderColor","value","formattedValue","i18n","getPieChartProOptions","measure","context","raw","total","sum","v","pct"],"mappings":";;;;;AAWO,MAAMA,IAAqB,CAChCC,GAMAC,IAAeC,MACM;AACrB,QAAMC,IAAiBC,EAAkBH,CAAK;AAE9C,MAAI,CAACD,EAAM;AACT,WAAO;AAAA,MACL,QAAQ,CAAA;AAAA,MACR,UAAU,CAAC,EAAE,MAAM,IAAI;AAAA,IAAA;AAG3B,QAAMK,IAAcC;AAAA,IAClBN,EAAM;AAAA,IACNA,EAAM;AAAA,IACN,CAACA,EAAM,OAAO;AAAA,IACdA,EAAM;AAAA,EAAA,GAGFO,IAAWC,EAAmBP,CAAK,GACnCQ,IAAcC,EAAA,GACdC,IAAkBN,EAAY;AAAA,IAAI,CAACO,GAAMC,MAC7CC;AAAA,MACE,GAAGP,CAAQ;AAAA,MACX,GAAGP,EAAM,UAAU,IAAI,IAAIY,EAAKZ,EAAM,UAAU,IAAI,CAAC;AAAA,MACrDC,EAAM,OAAO,oBAAoBQ;AAAA,MACjCI;AAAA,IAAA;AAAA,EACF,GAGIE,IAAcV,EAAY;AAAA,IAAI,CAACO,GAAMC,MACzCC;AAAA,MACE,GAAGP,CAAQ;AAAA,MACX,GAAGP,EAAM,UAAU,IAAI,IAAIY,EAAKZ,EAAM,UAAU,IAAI,CAAC;AAAA,MACrDC,EAAM,OAAO,gBAAgBQ;AAAA,MAC7BI;AAAA,IAAA;AAAA,EACF;AAGF,SAAO;AAAA,IACL,QAAQR,EAAY,IAAI,CAACO,MAAS;AAChC,YAAMI,IAAQJ,EAAKZ,EAAM,UAAU,IAAI,GACjCiB,IAAiBd,EAAe,KAAKH,EAAM,WAAWgB,CAAK;AAGjE,aAAIA,MAAUC,IACLC,EAAK,EAAEF,CAAK,IAEdC;AAAA,IACT,CAAC;AAAA,IACD,UAAU;AAAA,MACR;AAAA,QACE,MAAMZ,EAAY,IAAI,CAACO,MAASA,EAAKZ,EAAM,QAAQ,IAAI,CAAC;AAAA,QACxD,iBAAAW;AAAA,QACA,aAAAI;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ,GAEaI,IAAwB,CACnCC,GACAnB,IAAeC,MACkB;AACjC,QAAMC,IAAiBC,EAAkBH,CAAK;AAE9C,SAAO;AAAA,IACL,SAAS;AAAA,MACP,QAAQ,EAAE,UAAUA,EAAM,OAAO,kBAAkB,SAAA;AAAA,MACnD,YAAY;AAAA,QACV,WAAW,CAACe,MAA2Bb,EAAe,KAAKiB,GAASJ,CAAK;AAAA,MAAA;AAAA,MAE3E,SAAS;AAAA,QACP,WAAW;AAAA,UACT,MAAMK,GAAS;AACb,kBAAMC,IAAMD,EAAQ,KACdE,IAAQF,EAAQ,QAAQ,KAAK;AAAA;AAAA,cAEjC,CAACG,GAAaC,MAAWD,IAAM,WAAWC,CAAC;AAAA,cAC3C;AAAA,YAAA,GAEIC,IAAM,KAAK,MAAOJ,IAAMC,IAAS,GAAG;AAC1C,mBAAO,GAAGpB,EAAe,KAAKiB,GAASE,CAAG,CAAC,KAAKI,CAAG;AAAA,UACrD;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/remarkable-pro.css

@@ -1 +1 @@
-@keyframes _shimmer_1r4sj_1{0%{background-position:100%}to{background-position:-100%}}._skeleton_1r4sj_10{animation:_shimmer_1r4sj_1 1.5s infinite;background:linear-gradient(270deg,#ededf166 29%,#d2d2d566 46.21%,#ededf166 78.5%);background-size:200% 100%;height:100%;width:100%;border-radius:var(--em-skeleton-border-radius, .75rem)}._card_cp65s_1{display:flex;position:relative;flex-direction:column;box-sizing:border-box;gap:var(--em-card-gap, 2rem);padding:var(--em-card-padding, 2rem);border-radius:var(--em-card-border-radius, 2rem);background:var(--em-card-background, #f7f7f8)}._card_cp65s_1 ._cardHeader_cp65s_12{width:100%;display:flex;position:relative;align-items:center;justify-content:space-between;gap:var(--em-card-header-gap, 1rem)}._card_cp65s_1 ._cardHeader_cp65s_12 ._leftContent_cp65s_21{width:100%;display:flex;flex-direction:column;gap:var(--em-card-header-gap, 1rem)}._card_cp65s_1 ._cardHeader_cp65s_12 ._leftContent_cp65s_21 h1{margin:unset;overflow-wrap:break-word;font-style:normal;color:var(--em-card-title-color, #212129);font-family:var(--em-card-font-family, sans-serif);font-size:var(--em-card-title-font-size, 1rem);font-weight:var(--em-card-title-font-weight, 700);line-height:var(--em-card-title-line-height, 1.1875rem)}._card_cp65s_1 ._cardHeader_cp65s_12 ._leftContent_cp65s_21 p{margin:unset;overflow-wrap:break-word;font-style:normal;color:var(--em-card-subtitle-color, #5c5c66);font-family:var(--em-card-font-family, sans-serif);font-size:var(--em-card-subtitle-font-size, .875rem);font-weight:var(--em-card-subtitle-font-weight, 400);line-height:var(--em-card-subtitle-line-height, 1.1875rem)}._card_cp65s_1 ._cardContent_cp65s_50{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}._feedback_4vety_1{display:flex;flex-direction:column;align-items:center;margin:auto;gap:var(--em-card-feedback-gap, .75rem)}._feedback_4vety_1 svg{width:var(--em-card-feedback-icon-size, 1rem);height:var(--em-card-feedback-icon-size, 1rem)}._feedback_4vety_1 h2{margin:unset;text-align:center;font-style:normal;color:var(--em-card-feedback-title-color, #212129);font-family:var(--em-textfield-feedback-font-family, sans-serif);font-size:var(--em-card-feedback-font-size, .875rem);font-weight:var(--em-card-feedback-title-font-weight, 500);line-height:var(--em-card-feedback-line-height, 1rem)}._feedback_4vety_1 p{margin:unset;text-align:center;font-style:normal;color:var(--em-card-feedback-subtitle-color, #5c5c66);font-family:var(--em-textfield-feedback-font-family, sans-serif);font-size:var(--em-card-feedback-font-size, .875rem);font-weight:var(--em-card-feedback-subtitle-font-weight, 400);line-height:var(--em-card-feedback-line-height, 1rem)}._feedback_4vety_1._error_4vety_36,._feedback_4vety_1._error_4vety_36 h2,._feedback_4vety_1._error_4vety_36 p{color:var(--em-card-feedback-color--error, #bc1010)}._actionIcon_7v6q7_1{cursor:pointer;border:none;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;color:var(--em-actionicon-color, #212129);border-radius:var(--em-actionicon-border-radius, 624.9375rem);background-color:var(--em-actionicon-background, #ededf1);width:var(--em-actionicon-width, 1.25rem);height:var(--em-actionicon-height, 2rem);padding:var(--em-actionicon-padding-top-bottom, .5rem) var(--em-actionicon-padding-left-right, .125rem)}._actionIcon_7v6q7_1 svg{width:var(--em-actionicon-icon-size, 1rem);height:var(--em-actionicon-icon-size, 1rem)}._actionIcon_7v6q7_1:hover{background-color:var(--em-actionicon-background--hover, #e4e4ea)}._actionIcon_7v6q7_1:active{background-color:var(--em-actionicon-background--active, #d2d2d5)}._actionIcon_7v6q7_1:disabled{pointer-events:none;color:var(--em-actionicon-color--disabled, #b8b8bd)}._selectFieldOption_shf1g_1{display:flex;align-items:center;justify-content:space-between;outline:none;cursor:pointer;overflow:hidden;box-sizing:border-box;min-height:var(--em-selectfield-item-height, 2rem);height:var(--em-selectfield-item-height, 2rem);max-height:var(--em-selectfield-item-height, 2rem);padding:var(--em-selectfield-item-padding, .5rem);border-radius:var(--em-selectfield-item-border-radius, .5rem);background:var(--em-selectfield-item-background, #fff)}._selectFieldOption_shf1g_1 ._leftContent_shf1g_17{display:flex;flex:0 0 auto;white-space:nowrap;align-items:center;font-style:normal;color:var(--em-selectfield-item-label-left-color, #212129);font-family:var(--em-selectfield-item-font-family, sans-serif);font-size:var(--em-selectfield-item-label-left-font-size, .75rem);font-weight:var(--em-selectfield-item-label-left-font-weight, 500);line-height:var(--em-selectfield-item-label-left-line-height, .875rem)}._selectFieldOption_shf1g_1 ._rightContent_shf1g_30{display:flex;min-width:0;font-style:normal;color:var(--em-selectfield-item-label-right-color, #5c5c66);font-family:var(--em-selectfield-item-font-family, sans-serif);font-size:var(--em-selectfield-item-label-right-font-size, .75rem);font-weight:var(--em-selectfield-item-label-right-font-weight, 400);line-height:var(--em-selectfield-item-label-right-line-height, .875rem)}._selectFieldOption_shf1g_1 ._leftContent_shf1g_17 span,._selectFieldOption_shf1g_1 ._rightContent_shf1g_30 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 var(--em-selectfield-item-label-padding-left-right, .5rem)}._selectFieldOption_shf1g_1 ._rightContent_shf1g_30 span{white-space:nowrap;text-overflow:ellipsis;text-align:right}._selectFieldOption_shf1g_1:hover,._selectFieldOption_shf1g_1:focus{background:var(--em-selectfield-item-background--hover, #f7f7f8)}._selectFieldOption_shf1g_1:active{background:var(--em-selectfield-item-background--active, #ededf1)}._selectFieldOption_shf1g_1._disabled_shf1g_64{pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--em-selectfield-item-label-left-color--disabled, #b8b8bd);background:var(--em-selectfield-item-background, #fff)}._selectFieldOption_shf1g_1._selected_shf1g_71{background:var(--em-selectfield-item-background--selected, #212129)}._selectFieldOption_shf1g_1._selected_shf1g_71 svg{color:var(--em-selectfield-item-icon-color--selected, #fff)}._selectFieldOption_shf1g_1._selected_shf1g_71 ._leftContent_shf1g_17,._selectFieldOption_shf1g_1._selected_shf1g_71 ._rightContent_shf1g_30{color:var(--em-selectfield-item-label-left-color--selected, #fff)}._selectFieldOption_shf1g_1 svg,._selectFieldOption_shf1g_1 img{flex-shrink:0;width:var(--em-selectfield-item-icon-size, 1rem);height:var(--em-selectfield-item-icon-size, 1rem);color:var(--em-selectfield-item-icon-color, #212129)}._selectFieldOption_shf1g_1._disabled_shf1g_64 svg,._selectFieldOption_shf1g_1._disabled_shf1g_64 img{color:var(--em-selectfield-item-icon-color--disabled, #b8b8bd)}._button_1x5gp_1{cursor:pointer;display:flex;align-items:center;border:unset;border-radius:var(--em-button-border-radius, 624.9375rem)}._button_1x5gp_1._small_1x5gp_9{height:var(--em-button-height--small, 2rem);padding:var(--em-button-padding-top-bottom--small, .375rem) var(--em-button-padding-left-right--small, .375rem)}._button_1x5gp_1._small_1x5gp_9 span{font-family:var(--em-button-font-family, sans-serif);font-size:var(--em-button-font-size--small, .75rem);font-style:normal;font-weight:var(--em-button-font-weight--small, 500);line-height:var(--em-button-line-height--small, .875rem)}._button_1x5gp_1._medium_1x5gp_23{height:var(--em-button-height--medium, 2.5rem);padding:var(--em-button-padding-top-bottom--medium, .75rem) var(--em-button-padding-left-right--medium, .75rem)}._button_1x5gp_1._medium_1x5gp_23 span{font-family:var(--em-button-font-family, sans-serif);font-size:var(--em-button-font-size--medium, .875rem);font-style:normal;font-weight:var(--em-button-font-weight--medium, 700);line-height:var(--em-button-line-height--medium, 1rem)}._button_1x5gp_1._primary_1x5gp_37{color:var(--em-button-color--primary, #fff);background:var(--em-button-background--primary, #5c5c66)}._button_1x5gp_1._primary_1x5gp_37:hover{background:var(--em-button-background--primary--hover, #212129)}._button_1x5gp_1._primary_1x5gp_37:active{background:var(--em-button-background--primary--active, #000)}._button_1x5gp_1._primary_1x5gp_37:disabled{color:var(--em-button-color--disabled, #b8b8bd);background:var(--em-button-background--disabled, #ededf1)}._button_1x5gp_1._secondary_1x5gp_55{color:var(--em-button-color--secondary, #212129);background:var(--em-button-background--secondary, #ededf1)}._button_1x5gp_1._secondary_1x5gp_55:hover{background:var(--em-button-background--secondary--hover, #e4e4ea)}._button_1x5gp_1._secondary_1x5gp_55:active{background:var(--em-button-background--secondary--active, #d2d2d5)}._button_1x5gp_1._secondary_1x5gp_55:disabled{color:var(--em-button-color--disabled, #b8b8bd);background:var(--em-button-background--disabled, #ededf1)}._button_1x5gp_1:disabled{pointer-events:none}._button_1x5gp_1 svg{width:var(--em-button-icon-size, 1rem);height:var(--em-button-icon-size, 1rem)}._button_1x5gp_1 span{padding:0 var(--em-button-label-padding, .5rem)}._selectFieldTrigger_jw4yc_1{cursor:pointer;width:100%;display:flex;align-items:center;justify-content:space-between;height:var(--em-selectfield-trigger-height, 2.5rem);min-width:var(--em-selectfield-trigger-min-width, 4rem);padding:var(--em-selectfield-trigger-padding, .75rem);border-radius:var(--em-selectfield-trigger-border-radius, .5rem);border:var(--em-selectfield-trigger-border-width, 1px) solid var(--em-selectfield-trigger-border-color, #d2d2d5);background:var(--em-selectfield-trigger-background, #fff);color:var(--em-selectfield-trigger-color, #212129)}._selectFieldTrigger_jw4yc_1:hover{background:var(--em-selectfield-trigger-background--hover, #f7f7f8)}._selectFieldTrigger_jw4yc_1:active{background:var(--em-selectfield-trigger-background--active, #ededf1)}._selectFieldTrigger_jw4yc_1._filled_jw4yc_25{color:var(--em-selectfield-trigger-color--filled, #fff);background:var(--em-selectfield-trigger-background--filled, #212129)}._selectFieldTrigger_jw4yc_1:disabled{pointer-events:none;color:var(--em-selectfield-trigger-color--disabled, #b8b8bd);background:var(--em-selectfield-trigger-background, #fff)}._selectFieldTrigger_jw4yc_1._error_jw4yc_36{border:var(--em-selectfield-trigger-border-width--error, 2px) solid var(--em-selectfield-trigger-border-color--error, #bc1010)}._selectFieldTrigger_jw4yc_1 span{width:100%;text-align:start;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--em-selectfield-trigger-color, #212129);padding:0 var(--em-selectfield-trigger-label-padding-left-right, .5rem);font-family:var(--em-selectfield-trigger-font-family, sans-serif);font-size:var(--em-selectfield-trigger-font-size, .75rem);font-weight:var(--em-selectfield-trigger-font-weight, 500);line-height:var(--em-selectfield-trigger-line-height, .875rem)}._selectFieldTrigger_jw4yc_1._filled_jw4yc_25 span{color:var(--em-selectfield-trigger-color--filled, #fff)}._selectFieldTrigger_jw4yc_1:disabled span{color:var(--em-selectfield-trigger-color--disabled, #b8b8bd)}._selectFieldTrigger_jw4yc_1 svg{width:var(--em-selectfield-trigger-icon-size, 1rem);height:var(--em-selectfield-trigger-icon-size, 1rem)}@keyframes _spin_jw4yc_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loading_jw4yc_78{animation:_spin_jw4yc_1 1s linear infinite}._selectFieldContent_4ibzd_1{display:flex;flex-direction:column;outline:none;box-sizing:border-box;max-width:max(var(--radix-dropdown-menu-trigger-width),var(--em-selectfield-content-max-width, 25rem));min-width:var(--radix-dropdown-menu-trigger-width);max-height:var(--em-selectfield-content-max-height, 20rem);padding:var(--em-selectfield-content-padding, .5rem);border-radius:var(--em-selectfield-content-border-radius, .75rem);background:var(--em-selectfield-content-background, #fff);box-shadow:var(--em-selectfield-content-shadow-position-x, 0) var(--em-selectfield-content-shadow-position-y, 1px) var(--em-selectfield-content-shadow-blur, 40px) var(--em-selectfield-content-shadow-spread, 0) var(--em-selectfield-content-shadow-color, rgba(33, 33, 41, .25))}._selectFieldContentList_4ibzd_22{display:flex;flex-direction:column;position:relative;height:100%;overflow:auto}._selectFieldContentList_4ibzd_22._disabled_4ibzd_30{opacity:var(--em-selectfield-content-opacity--loading, .5);pointer-events:none;-webkit-user-select:none;user-select:none}._searchField_fsiyv_1{margin-bottom:var(--em-selectfield-content-gap, .5rem)}._submitButton_fsiyv_5{margin-top:var(--em-selectfield-content-gap, .5rem);justify-content:center}._selectFieldCategory_fdkgf_1{display:flex;font-style:normal;padding:var(--em-selectfield-category-padding, .25rem);border-radius:var(--em-selectfield-category-border-radius, .375rem);background:var(--em-selectfield-category-background, #e4e4ea);color:var(--em-selectfield-category-color, #000);font-family:var(--em-selectfield-category-font-family, sans-serif);font-size:var(--em-selectfield-category-font-size, .75rem);font-weight:var(--em-selectfield-category-font-weight, 700);line-height:var(--em-selectfield-category-line-height, .875rem)}._fieldFeedback_1c0gf_1{margin:unset;font-style:normal;color:var(--em-textfield-feedback-color, #5c5c66);font-family:var(--em-textfield-feedback-font-family, sans-serif);font-size:var(--em-textfield-feedback-font-size, .75rem);font-weight:var(--em-textfield-feedback-font-weight, 400);line-height:var(--em-textfield-feedback-line-height, 1rem);padding-top:var(--em-field-feedback-padding-top, .5rem)}._fieldFeedback_1c0gf_1._error_1c0gf_12{font-style:normal;color:var(--em-textfield-feedback-color--error, #bc1010);font-family:var(--em-textfield-font-family, sans-serif);font-weight:var(--em-textfield-feedback-font-weight--error, 500)}._fieldHeader_17qbu_1{font-style:normal;display:flex;justify-content:space-between;color:var(--em-field-header-color, #212129);font-family:var(--em-field-font-family, sans-serif);font-size:var(--em-field-header-title-font-size, .875rem);font-weight:var(--em-field-header-title-font-weight, 500);line-height:var(--em-field-header-title-line-height, 1rem);padding-bottom:var(--em-field-header-padding-bottom, .5rem)}._fieldHeader_17qbu_1 span{font-style:normal;margin-left:auto;font-family:var(--em-field-font-family, sans-serif);font-size:var(--em-field-header-required-font-size, .75rem);font-weight:var(--em-field-header-required-font-weight, 400);line-height:var(--em-field-header-required-line-height, .875rem)}._input_14d0q_1{height:inherit;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--em-textfield-height, 2.5rem);min-width:var(--em-textfield-min-width, 10rem);padding:var(--em-textfield-padding, .5rem);border-radius:var(--em-textfield-border-radius, .5rem);border:var(--em-textfield-border-width, 1px) solid var(--em-textfield-border-color, #b8b8bd);background:var(--em-textfield-background, #f7f7f8)}._input_14d0q_1:hover{background:var(--em-textfield-background--active, #e4e4ea)}._input_14d0q_1._error_14d0q_19{border:var(--em-textfield-border-width--error, 2px) solid var(--em-textfield-border-color--error, #bc1010)}._input_14d0q_1:focus-within input{color:var(--em-textfield-color--filled, #212129);font-weight:var(--em-textfield-font-weight--filled, 500)}._input_14d0q_1 svg{flex-shrink:0;width:var(--em-textfield-icon-size, 1rem);height:var(--em-textfield-icon-size, 1rem);color:var(--em-textfield-color, #5c5c66)}._input_14d0q_1:focus-within svg{color:var(--em-textfield-color--filled, #212129)}._input_14d0q_1 svg._clearIcon_14d0q_39{cursor:pointer;visibility:hidden}._input_14d0q_1 svg._clearIcon_14d0q_39._clearIconVisible_14d0q_44{visibility:visible}._input_14d0q_1 input{height:inherit;border:unset;background:unset;margin:unset;width:100%;padding:0 var(--em-textfield-label-padding, .5rem);color:var(--em-textfield-color, #5c5c66);font-family:var(--em-textfield-font-family, Inter);font-size:var(--em-textfield-font-size, .75rem);font-style:normal;font-weight:var(--em-textfield-font-weight, 400);line-height:var(--em-textfield-line-height, 1rem)}._input_14d0q_1:has(input:not(:placeholder-shown)){background:var(--em-textfield-background--filled, #ededf1)}._input_14d0q_1:has(input:disabled){background:var(--em-textfield-background--disabled, #fff)}._input_14d0q_1:has(input:disabled) svg,._input_14d0q_1:has(input:disabled) input{color:var(--em-textfield-color--disabled, #b8b8bd)}._input_14d0q_1 input:focus{outline:none}._chartContainer_18rs7_1{flex-grow:1;min-height:0;position:relative}._kpiChartContainer_1wx8g_1{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;gap:var(--em-kpichart-gap, 1rem)}._kpiChartValueContainer_1wx8g_10{flex:1 1 auto;min-height:0;overflow:auto;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center!important;text-align:center}._kpiChartValueContainer_1wx8g_10 h2{width:100%;margin:unset;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--em-kpichart-color, #212129);font-family:var(--em-kpichart-font-family, sans-serif);font-weight:var(--em-kpichart-number-font-weight, 700)}._kpiComparisonContainer_1wx8g_34{display:flex;align-items:center;flex-direction:column;text-align:center;font-style:normal;font-size:var(--em-kpichart-trend-font-size, 1rem)}._kpiChartChangeContainer_1c8mc_1{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--em-kpichart-label-gap, .5rem);flex:0 0 auto;flex-shrink:0}._kpiChangeContainerSizeGuide_1c8mc_11{height:100%;position:relative}._kpiChangeBadge_1c8mc_16{display:flex;justify-content:center;align-items:center;padding:var(--em-kpichart-trend-padding, .25rem);border-radius:var(--em-kpichart-trend-border-radius, .375rem);width:min-content}._kpiChangeBadge_1c8mc_16>svg{width:1em;height:1em}._kpiChangeBadge_1c8mc_16>span{color:inherit;font-style:normal;font-size:1em;padding:0 var(--em-kpichart-trend-padding, .25rem);font-weight:var(--em-kpichart-trend-font-weight, 500);line-height:var(--em-kpichart-trend-line-height, 1rem)}._kpiChangeBadge_1c8mc_16._positive_1c8mc_39{background:var(--em-kpichart-trend-background--positive, #e1f0e9);color:var(--em-kpichart-trend-color--positive, #0f955a)}._kpiChangeBadge_1c8mc_16._negative_1c8mc_44{background:var(--em-kpichart-trend-background--negative, #f6e2e2);color:var(--em-kpichart-trend-color--negative, #bc1010)}._kpiComparisonLabel_1c8mc_49{text-align:center;font-style:normal;font-size:.875em;color:var(--em-kpichart-color, #212129);font-family:var(--em-kpichart-font-family, sans-serif);font-weight:var(--em-kpichart-label-font-weight, 400);white-space:nowrap}._hidden_1c8mc_59,._hidden_1c8mc_59 *{visibility:hidden}._kpiAbsoluteContainer_1c8mc_64{position:absolute;top:0;right:0;bottom:0;left:0}._tableFullContainer_sq2ah_1{width:100%;height:100%;box-sizing:border-box}._tableContainer_sq2ah_7{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;box-sizing:border-box;background:var(--em-tablechart-header-background, #fff);border:var(--em-tablechart-border-width, 1px) solid var(--em-tablechart-border-color, #ededf1);border-radius:var(--em-tablechart-border-radius, .75rem)}._tableAdjustedContainer_sq2ah_19{max-width:100%;max-height:100%;width:fit-content;height:fit-content;overflow-x:auto;overflow-y:auto;position:relative;box-sizing:border-box;border:var(--em-tablechart-border-width, 1px) solid var(--em-tablechart-border-color, #ededf1);border-radius:var(--em-tablechart-border-radius, .75rem)}._tableContainerScroll_sq2ah_32{overflow-x:auto;overflow-y:hidden;flex:1}._tableAdjustedContainer_sq2ah_19._fullWidth_sq2ah_38,._tableAdjustedContainer_sq2ah_19._fullWidth_sq2ah_38 ._table_sq2ah_1{width:100%}._table_sq2ah_1{width:100%;border-spacing:0;box-sizing:border-box}._table_sq2ah_1 thead{position:sticky;top:0;z-index:2}._table_sq2ah_1 th,._table_sq2ah_1 td{cursor:pointer;position:relative;box-sizing:border-box;padding:var(--em-tablechart-cell-padding, .5rem) calc(var(--em-tablechart-cell-padding, .5rem) + var(--em-tablechart-padding-left-right, .25rem));border-bottom:var(--em-tablechart-border-width, 1px) solid var(--em-tablechart-border-color, #ededf1);border-right:var(--em-tablechart-border-width, 1px) solid var(--em-tablechart-border-color, #ededf1);height:var(--em-tablechart-cell-height, 2.5rem);max-height:var(--em-tablechart-cell-height, 2.5rem)}._table_sq2ah_1 th{background:var(--em-tablechart-header-background, #fff)}._table_sq2ah_1 td{background:var(--em-tablechart-cell-background, #fff)}._table_sq2ah_1 thead th:last-of-type,._table_sq2ah_1 tbody td:last-of-type{border-right:unset}._table_sq2ah_1 th:hover{background-color:var(--em-tablechart-cell-background--hover, #f7f7f8)}._table_sq2ah_1 tr:has(td:hover) td{background-color:var(--em-tablechart-cell-background--hover, #f7f7f8)}._table_sq2ah_1 tbody tr:last-of-type th,._table_sq2ah_1 tbody tr:last-of-type td{border-bottom:unset}._table_sq2ah_1 th,._table_sq2ah_1 td{font-style:normal;font-family:var(--em-tablechart-font-family, sans-serif);font-size:var(--em-tablechart-font-size, .75rem);line-height:var(--em-tablechart-line-height, .875rem)}._table_sq2ah_1 tr th{color:var(--em-tablechart-color, #212129);font-weight:var(--em-tablechart-font-weight--medium, 500)}._table_sq2ah_1 tr td{color:var(--em-tablechart-color, #212129);font-weight:var(--em-tablechart-font-weight, 400);text-align:center}._table_sq2ah_1 ._boltCell_sq2ah_124{color:var(--em-tablechart-color, #212129);font-weight:var(--em-tablechart-font-weight--bold, 700)}._table_sq2ah_1 ._mutedCell_sq2ah_130{color:var(--em-tablechart-color--muted, #5c5c66);font-weight:var(--em-tablechart-font-weight, 400)}._table_sq2ah_1 ._stickyFirstColumn_sq2ah_136{left:0;z-index:1;text-align:left;position:sticky;font-style:normal;pointer-events:none}._stickyFirstColumn_sq2ah_136:after{content:"";position:absolute;top:0;bottom:0;right:calc(-1 * var(--em-tablechart-border-width, 1px));width:var(--em-tablechart-border-width, 1px);background:var(--em-tablechart-border-color, #ededf1)}._table_sq2ah_1{border-spacing:0;box-sizing:content-box}._table_sq2ah_1 tbody tr._stickyLastRow_sq2ah_161{bottom:0;top:0;z-index:1;position:sticky;font-style:normal;pointer-events:none}._table_sq2ah_1 tbody tr._stickyLastRow_sq2ah_161 th:before,._table_sq2ah_1 tbody tr._stickyLastRow_sq2ah_161 td:before{content:"";position:absolute;left:0;right:0;top:calc(-1 * var(--em-tablechart-border-width, 1px));height:var(--em-tablechart-border-width, 1px);background:var(--em-tablechart-border-color, #ededf1)}._table_sq2ah_1 tbody tr._tableLastRow_sq2ah_181 td{border-bottom:var(--em-tablechart-border-width, 1px) solid var(--em-tablechart-border-color, #ededf1)}._tablePagination_1wpsk_1{width:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--em-tablechart-pagination-height, 3rem);padding:var(--em-tablechart-cell-padding, .5rem)}._tablePaginationCentral_1wpsk_11{display:flex;align-items:center;font-style:normal;gap:var(--em-tablechart-pagination-label-padding-left-right, 1rem);color:var(--em-tablechart-color, #212129);font-family:var(--em-tablechart-font-family, sans-serif);font-size:var(--em-tablechart-font-size, .75rem);font-weight:var(--em-tablechart-font-weight--medium, 500);line-height:var(--em-tablechart-line-height, .875rem)}._tablePaginationCentralButtons_1wpsk_23{display:flex;align-items:center;gap:var(--em-tablechart-pagination-button-gap, .5rem)}._tableHeader_1l18e_1 ._tableHeaderCell_1l18e_1{padding:unset}._tableHeaderCell_1l18e_1 button{width:100%;display:flex;border:unset;cursor:pointer;font-style:normal;white-space:nowrap;background-color:unset;justify-content:space-between;align-items:center;padding:var(--em-tablechart-cell-padding, .5rem) var(--em-tablechart-cell-padding, .5rem) var(--em-tablechart-cell-padding, .5rem) calc(var(--em-tablechart-cell-padding, .5rem) + var(--em-tablechart-padding-left-right, .25rem));color:var(--em-tablechart-color, #212129);font-family:var(--em-tablechart-font-family, sans-serif);font-size:var(--em-tablechart-font-size, .75rem);font-weight:var(--em-tablechart-font-weight--medium, 500);line-height:var(--em-tablechart-line-height, .875rem);gap:var(--em-tablechart-cell-padding, .5rem)}._tableHeaderCell_1l18e_1 button svg{width:var(--em-tablechart-icon-size, 1rem);height:var(--em-tablechart-icon-size, 1rem)}._copyButton_32339_1{position:absolute;top:50%;right:var(--em-tablechart-cell-padding, .5rem);transform:translateY(-50%);opacity:0}._copyButton_32339_1._leftAlign_32339_9{left:var(--em-tablechart-cell-padding, .5rem);right:auto}._tableBodyCell_32339_14:hover ._copyButton_32339_1{opacity:1}._chartCard_84eo6_1{height:100%;width:100%}._fixedContent_84eo6_6{z-index:3;background:inherit;position:absolute;right:0}._fixedContent_84eo6_6._loading_84eo6_13{z-index:4;display:block}._fixedContent_84eo6_6._hidden_84eo6_18{display:none}._chartCardRightContent_84eo6_22{width:2rem;height:2rem;position:relative;align-self:flex-start}@keyframes _spin_1amm4_1{to{transform:rotate(360deg)}}._loading_1amm4_7{animation:_spin_1amm4_1 2s linear infinite;padding:var(--em-card-loader-padding, .25rem);width:var(--em-card-loader-size, 1.5rem);height:var(--em-card-loader-size, 1.5rem);background:var(--em-card-background, #f7f7f8);color:var(--em-card-loader-color, #212129)}._list_mwshn_1{width:auto}._card_15bw3_1{background:unset;padding:unset}._colorInputContainer_1o1qe_1{display:flex;align-items:center;gap:var(--em-textfield-padding--space-100, .5rem)}._colorInput_1o1qe_1{cursor:pointer;height:var(--em-textfield-height, 2.5rem);width:var(--em-textfield-height, 2.5rem);gap:var(--em-textfield-padding--space-100, .5rem);padding:var(--em-textfield-padding, .5rem);border-radius:var(--em-textfield-border-radius, .5rem);border:var(--em-textfield-border-width, 1px) solid var(--em-textfield-border-color, #b8b8bd);background:var(--backdrop-elevation-0, #fff)}._colorInput_1o1qe_1::-webkit-color-swatch-wrapper{padding:0}._colorInput_1o1qe_1::-webkit-color-swatch{border:unset;border-radius:50%}._colorInput_1o1qe_1::-moz-color-swatch{border:unset;border-radius:50%}
+@keyframes _shimmer_1r4sj_1{0%{background-position:100%}to{background-position:-100%}}._skeleton_1r4sj_10{animation:_shimmer_1r4sj_1 1.5s infinite;background:linear-gradient(270deg,#ededf166 29%,#d2d2d566 46.21%,#ededf166 78.5%);background-size:200% 100%;height:100%;width:100%;border-radius:var(--em-skeleton-border-radius, .75rem)}._card_cp65s_1{display:flex;position:relative;flex-direction:column;box-sizing:border-box;gap:var(--em-card-gap, 2rem);padding:var(--em-card-padding, 2rem);border-radius:var(--em-card-border-radius, 2rem);background:var(--em-card-background, #f7f7f8)}._card_cp65s_1 ._cardHeader_cp65s_12{width:100%;display:flex;position:relative;align-items:center;justify-content:space-between;gap:var(--em-card-header-gap, 1rem)}._card_cp65s_1 ._cardHeader_cp65s_12 ._leftContent_cp65s_21{width:100%;display:flex;flex-direction:column;gap:var(--em-card-header-gap, 1rem)}._card_cp65s_1 ._cardHeader_cp65s_12 ._leftContent_cp65s_21 h1{margin:unset;overflow-wrap:break-word;font-style:normal;color:var(--em-card-title-color, #212129);font-family:var(--em-card-font-family, sans-serif);font-size:var(--em-card-title-font-size, 1rem);font-weight:var(--em-card-title-font-weight, 700);line-height:var(--em-card-title-line-height, 1.1875rem)}._card_cp65s_1 ._cardHeader_cp65s_12 ._leftContent_cp65s_21 p{margin:unset;overflow-wrap:break-word;font-style:normal;color:var(--em-card-subtitle-color, #5c5c66);font-family:var(--em-card-font-family, sans-serif);font-size:var(--em-card-subtitle-font-size, .875rem);font-weight:var(--em-card-subtitle-font-weight, 400);line-height:var(--em-card-subtitle-line-height, 1.1875rem)}._card_cp65s_1 ._cardContent_cp65s_50{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}._feedback_4vety_1{display:flex;flex-direction:column;align-items:center;margin:auto;gap:var(--em-card-feedback-gap, .75rem)}._feedback_4vety_1 svg{width:var(--em-card-feedback-icon-size, 1rem);height:var(--em-card-feedback-icon-size, 1rem)}._feedback_4vety_1 h2{margin:unset;text-align:center;font-style:normal;color:var(--em-card-feedback-title-color, #212129);font-family:var(--em-textfield-feedback-font-family, sans-serif);font-size:var(--em-card-feedback-font-size, .875rem);font-weight:var(--em-card-feedback-title-font-weight, 500);line-height:var(--em-card-feedback-line-height, 1rem)}._feedback_4vety_1 p{margin:unset;text-align:center;font-style:normal;color:var(--em-card-feedback-subtitle-color, #5c5c66);font-family:var(--em-textfield-feedback-font-family, sans-serif);font-size:var(--em-card-feedback-font-size, .875rem);font-weight:var(--em-card-feedback-subtitle-font-weight, 400);line-height:var(--em-card-feedback-line-height, 1rem)}._feedback_4vety_1._error_4vety_36,._feedback_4vety_1._error_4vety_36 h2,._feedback_4vety_1._error_4vety_36 p{color:var(--em-card-feedback-color--error, #bc1010)}._actionIcon_7v6q7_1{cursor:pointer;border:none;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;color:var(--em-actionicon-color, #212129);border-radius:var(--em-actionicon-border-radius, 624.9375rem);background-color:var(--em-actionicon-background, #ededf1);width:var(--em-actionicon-width, 1.25rem);height:var(--em-actionicon-height, 2rem);padding:var(--em-actionicon-padding-top-bottom, .5rem) var(--em-actionicon-padding-left-right, .125rem)}._actionIcon_7v6q7_1 svg{width:var(--em-actionicon-icon-size, 1rem);height:var(--em-actionicon-icon-size, 1rem)}._actionIcon_7v6q7_1:hover{background-color:var(--em-actionicon-background--hover, #e4e4ea)}._actionIcon_7v6q7_1:active{background-color:var(--em-actionicon-background--active, #d2d2d5)}._actionIcon_7v6q7_1:disabled{pointer-events:none;color:var(--em-actionicon-color--disabled, #b8b8bd)}._selectFieldOption_shf1g_1{display:flex;align-items:center;justify-content:space-between;outline:none;cursor:pointer;overflow:hidden;box-sizing:border-box;min-height:var(--em-selectfield-item-height, 2rem);height:var(--em-selectfield-item-height, 2rem);max-height:var(--em-selectfield-item-height, 2rem);padding:var(--em-selectfield-item-padding, .5rem);border-radius:var(--em-selectfield-item-border-radius, .5rem);background:var(--em-selectfield-item-background, #fff)}._selectFieldOption_shf1g_1 ._leftContent_shf1g_17{display:flex;flex:0 0 auto;white-space:nowrap;align-items:center;font-style:normal;color:var(--em-selectfield-item-label-left-color, #212129);font-family:var(--em-selectfield-item-font-family, sans-serif);font-size:var(--em-selectfield-item-label-left-font-size, .75rem);font-weight:var(--em-selectfield-item-label-left-font-weight, 500);line-height:var(--em-selectfield-item-label-left-line-height, .875rem)}._selectFieldOption_shf1g_1 ._rightContent_shf1g_30{display:flex;min-width:0;font-style:normal;color:var(--em-selectfield-item-label-right-color, #5c5c66);font-family:var(--em-selectfield-item-font-family, sans-serif);font-size:var(--em-selectfield-item-label-right-font-size, .75rem);font-weight:var(--em-selectfield-item-label-right-font-weight, 400);line-height:var(--em-selectfield-item-label-right-line-height, .875rem)}._selectFieldOption_shf1g_1 ._leftContent_shf1g_17 span,._selectFieldOption_shf1g_1 ._rightContent_shf1g_30 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 var(--em-selectfield-item-label-padding-left-right, .5rem)}._selectFieldOption_shf1g_1 ._rightContent_shf1g_30 span{white-space:nowrap;text-overflow:ellipsis;text-align:right}._selectFieldOption_shf1g_1:hover,._selectFieldOption_shf1g_1:focus{background:var(--em-selectfield-item-background--hover, #f7f7f8)}._selectFieldOption_shf1g_1:active{background:var(--em-selectfield-item-background--active, #ededf1)}._selectFieldOption_shf1g_1._disabled_shf1g_64{pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--em-selectfield-item-label-left-color--disabled, #b8b8bd);background:var(--em-selectfield-item-background, #fff)}._selectFieldOption_shf1g_1._selected_shf1g_71{background:var(--em-selectfield-item-background--selected, #212129)}._selectFieldOption_shf1g_1._selected_shf1g_71 svg{color:var(--em-selectfield-item-icon-color--selected, #fff)}._selectFieldOption_shf1g_1._selected_shf1g_71 ._leftContent_shf1g_17,._selectFieldOption_shf1g_1._selected_shf1g_71 ._rightContent_shf1g_30{color:var(--em-selectfield-item-label-left-color--selected, #fff)}._selectFieldOption_shf1g_1 svg,._selectFieldOption_shf1g_1 img{flex-shrink:0;width:var(--em-selectfield-item-icon-size, 1rem);height:var(--em-selectfield-item-icon-size, 1rem);color:var(--em-selectfield-item-icon-color, #212129)}._selectFieldOption_shf1g_1._disabled_shf1g_64 svg,._selectFieldOption_shf1g_1._disabled_shf1g_64 img{color:var(--em-selectfield-item-icon-color--disabled, #b8b8bd)}._button_1a706_1{cursor:pointer;display:flex;align-items:center;border:unset;border-radius:var(--em-button-border-radius, 624.9375rem)}._button_1a706_1._small_1a706_9{height:var(--em-button-height--small, 2rem);padding:var(--em-button-padding-top-bottom--small, .375rem) var(--em-button-padding-left-right--small, .375rem)}._button_1a706_1._small_1a706_9 span{font-family:var(--em-button-font-family, sans-serif);font-size:var(--em-button-font-size--small, .75rem);font-style:normal;font-weight:var(--em-button-font-weight--small, 500);line-height:var(--em-button-line-height--small, .875rem)}._button_1a706_1._medium_1a706_23{height:var(--em-button-height--medium, 2.5rem);padding:var(--em-button-padding-top-bottom--medium, .75rem) var(--em-button-padding-left-right--medium, .75rem)}._button_1a706_1._medium_1a706_23 span{font-family:var(--em-button-font-family, sans-serif);font-size:var(--em-button-font-size--medium, .875rem);font-style:normal;font-weight:var(--em-button-font-weight--medium, 700);line-height:var(--em-button-line-height--medium, 1rem)}._button_1a706_1._primary_1a706_37{color:var(--em-button-color--primary, #fff);background:var(--em-button-background--primary, #5c5c66)}._button_1a706_1._primary_1a706_37:hover{background:var(--em-button-background--primary--hover, #212129)}._button_1a706_1._primary_1a706_37:active{background:var(--em-button-background--primary--active, #000)}._button_1a706_1._primary_1a706_37:disabled{color:var(--em-button-color--disabled, #b8b8bd);background:var(--em-button-background--disabled, #ededf1)}._button_1a706_1._secondary_1a706_55{color:var(--em-button-color--secondary, #212129);background:var(--em-button-background--secondary, #ededf1)}._button_1a706_1._secondary_1a706_55:hover{background:var(--em-button-background--secondary--hover, #e4e4ea)}._button_1a706_1._secondary_1a706_55:active{background:var(--em-button-background--secondary--active, #d2d2d5)}._button_1a706_1._secondary_1a706_55:disabled{color:var(--em-button-color--disabled, #b8b8bd);background:var(--em-button-background--disabled, #ededf1)}._button_1a706_1:disabled{pointer-events:none}._button_1a706_1 svg{width:var(--em-button-icon-size, 1rem);height:var(--em-button-icon-size, 1rem)}._button_1a706_1 span{padding:0 var(--em-button-label-padding, .5rem);margin:auto}._selectFieldTrigger_jw4yc_1{cursor:pointer;width:100%;display:flex;align-items:center;justify-content:space-between;height:var(--em-selectfield-trigger-height, 2.5rem);min-width:var(--em-selectfield-trigger-min-width, 4rem);padding:var(--em-selectfield-trigger-padding, .75rem);border-radius:var(--em-selectfield-trigger-border-radius, .5rem);border:var(--em-selectfield-trigger-border-width, 1px) solid var(--em-selectfield-trigger-border-color, #d2d2d5);background:var(--em-selectfield-trigger-background, #fff);color:var(--em-selectfield-trigger-color, #212129)}._selectFieldTrigger_jw4yc_1:hover{background:var(--em-selectfield-trigger-background--hover, #f7f7f8)}._selectFieldTrigger_jw4yc_1:active{background:var(--em-selectfield-trigger-background--active, #ededf1)}._selectFieldTrigger_jw4yc_1._filled_jw4yc_25{color:var(--em-selectfield-trigger-color--filled, #fff);background:var(--em-selectfield-trigger-background--filled, #212129)}._selectFieldTrigger_jw4yc_1:disabled{pointer-events:none;color:var(--em-selectfield-trigger-color--disabled, #b8b8bd);background:var(--em-selectfield-trigger-background, #fff)}._selectFieldTrigger_jw4yc_1._error_jw4yc_36{border:var(--em-selectfield-trigger-border-width--error, 2px) solid var(--em-selectfield-trigger-border-color--error, #bc1010)}._selectFieldTrigger_jw4yc_1 span{width:100%;text-align:start;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--em-selectfield-trigger-color, #212129);padding:0 var(--em-selectfield-trigger-label-padding-left-right, .5rem);font-family:var(--em-selectfield-trigger-font-family, sans-serif);font-size:var(--em-selectfield-trigger-font-size, .75rem);font-weight:var(--em-selectfield-trigger-font-weight, 500);line-height:var(--em-selectfield-trigger-line-height, .875rem)}._selectFieldTrigger_jw4yc_1._filled_jw4yc_25 span{color:var(--em-selectfield-trigger-color--filled, #fff)}._selectFieldTrigger_jw4yc_1:disabled span{color:var(--em-selectfield-trigger-color--disabled, #b8b8bd)}._selectFieldTrigger_jw4yc_1 svg{width:var(--em-selectfield-trigger-icon-size, 1rem);height:var(--em-selectfield-trigger-icon-size, 1rem)}@keyframes _spin_jw4yc_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loading_jw4yc_78{animation:_spin_jw4yc_1 1s linear infinite}._selectFieldContent_1ph3t_1{display:flex;flex-direction:column;outline:none;box-sizing:border-box;max-width:max(var(--radix-dropdown-menu-trigger-width),var(--em-selectfield-content-max-width, 25rem));min-width:var(--radix-dropdown-menu-trigger-width);max-height:var(--em-selectfield-content-max-height, 20rem);padding:var(--em-selectfield-content-padding, .5rem);border-radius:var(--em-selectfield-content-border-radius, .75rem);background:var(--em-selectfield-content-background, #fff);box-shadow:var(--em-selectfield-content-shadow-position-x, 0) var(--em-selectfield-content-shadow-position-y, 1px) var(--em-selectfield-content-shadow-blur, 40px) var(--em-selectfield-content-shadow-spread, 0) var(--em-selectfield-content-shadow-color, rgba(33, 33, 41, .25))}._selectFieldContent_1ph3t_1._fitContent_1ph3t_22{min-width:unset;max-height:unset;max-width:unset}._selectFieldContentList_1ph3t_28{display:flex;flex-direction:column;position:relative;height:100%;overflow:auto}._selectFieldContentList_1ph3t_28._disabled_1ph3t_36{opacity:var(--em-selectfield-content-opacity--loading, .5);pointer-events:none;-webkit-user-select:none;user-select:none}._searchField_fsiyv_1{margin-bottom:var(--em-selectfield-content-gap, .5rem)}._submitButton_fsiyv_5{margin-top:var(--em-selectfield-content-gap, .5rem);justify-content:center}._selectFieldCategory_fdkgf_1{display:flex;font-style:normal;padding:var(--em-selectfield-category-padding, .25rem);border-radius:var(--em-selectfield-category-border-radius, .375rem);background:var(--em-selectfield-category-background, #e4e4ea);color:var(--em-selectfield-category-color, #000);font-family:var(--em-selectfield-category-font-family, sans-serif);font-size:var(--em-selectfield-category-font-size, .75rem);font-weight:var(--em-selectfield-category-font-weight, 700);line-height:var(--em-selectfield-category-line-height, .875rem)}._fieldFeedback_1c0gf_1{margin:unset;font-style:normal;color:var(--em-textfield-feedback-color, #5c5c66);font-family:var(--em-textfield-feedback-font-family, sans-serif);font-size:var(--em-textfield-feedback-font-size, .75rem);font-weight:var(--em-textfield-feedback-font-weight, 400);line-height:var(--em-textfield-feedback-line-height, 1rem);padding-top:var(--em-field-feedback-padding-top, .5rem)}._fieldFeedback_1c0gf_1._error_1c0gf_12{font-style:normal;color:var(--em-textfield-feedback-color--error, #bc1010);font-family:var(--em-textfield-font-family, sans-serif);font-weight:var(--em-textfield-feedback-font-weight--error, 500)}._fieldHeader_17qbu_1{font-style:normal;display:flex;justify-content:space-between;color:var(--em-field-header-color, #212129);font-family:var(--em-field-font-family, sans-serif);font-size:var(--em-field-header-title-font-size, .875rem);font-weight:var(--em-field-header-title-font-weight, 500);line-height:var(--em-field-header-title-line-height, 1rem);padding-bottom:var(--em-field-header-padding-bottom, .5rem)}._fieldHeader_17qbu_1 span{font-style:normal;margin-left:auto;font-family:var(--em-field-font-family, sans-serif);font-size:var(--em-field-header-required-font-size, .75rem);font-weight:var(--em-field-header-required-font-weight, 400);line-height:var(--em-field-header-required-line-height, .875rem)}._input_14d0q_1{height:inherit;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--em-textfield-height, 2.5rem);min-width:var(--em-textfield-min-width, 10rem);padding:var(--em-textfield-padding, .5rem);border-radius:var(--em-textfield-border-radius, .5rem);border:var(--em-textfield-border-width, 1px) solid var(--em-textfield-border-color, #b8b8bd);background:var(--em-textfield-background, #f7f7f8)}._input_14d0q_1:hover{background:var(--em-textfield-background--active, #e4e4ea)}._input_14d0q_1._error_14d0q_19{border:var(--em-textfield-border-width--error, 2px) solid var(--em-textfield-border-color--error, #bc1010)}._input_14d0q_1:focus-within input{color:var(--em-textfield-color--filled, #212129);font-weight:var(--em-textfield-font-weight--filled, 500)}._input_14d0q_1 svg{flex-shrink:0;width:var(--em-textfield-icon-size, 1rem);height:var(--em-textfield-icon-size, 1rem);color:var(--em-textfield-color, #5c5c66)}._input_14d0q_1:focus-within svg{color:var(--em-textfield-color--filled, #212129)}._input_14d0q_1 svg._clearIcon_14d0q_39{cursor:pointer;visibility:hidden}._input_14d0q_1 svg._clearIcon_14d0q_39._clearIconVisible_14d0q_44{visibility:visible}._input_14d0q_1 input{height:inherit;border:unset;background:unset;margin:unset;width:100%;padding:0 var(--em-textfield-label-padding, .5rem);color:var(--em-textfield-color, #5c5c66);font-family:var(--em-textfield-font-family, Inter);font-size:var(--em-textfield-font-size, .75rem);font-style:normal;font-weight:var(--em-textfield-font-weight, 400);line-height:var(--em-textfield-line-height, 1rem)}._input_14d0q_1:has(input:not(:placeholder-shown)){background:var(--em-textfield-background--filled, #ededf1)}._input_14d0q_1:has(input:disabled){background:var(--em-textfield-background--disabled, #fff)}._input_14d0q_1:has(input:disabled) svg,._input_14d0q_1:has(input:disabled) input{color:var(--em-textfield-color--disabled, #b8b8bd)}._input_14d0q_1 input:focus{outline:none}.rdp-root table{margin-top:var(--em-cal-nav-padding-default, .5rem)}.rdp-root{--rdp-accent-color: var( --em-daterangepicker-accent-color, #212129 );--rdp-accent-background-color: #f0f0ff;--rdp-day-height: var(--em-daterangepicker-day-size, 2rem);--rdp-day-width: var(--em-daterangepicker-day-size, 2rem);--rdp-day_button-border-radius: 100%;--rdp-day_button-height: var( --em-daterangepicker-day-size, 2rem );--rdp-day_button-width: var( --em-daterangepicker-day-size, 2rem );--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: var( --em-daterangepicker-day-size, 2rem );--rdp-range_middle-background-color: var( --em-daterangepicker-day-range-background, #ededf1 );--rdp-range_middle-color: var( --em-daterangepicker-day-color, #212129 );--rdp-range_start-color: var( --em-daterangepicker-day-range-limit-color, #fff );--rdp-range_start-date-background-color: var( --rdp-accent-color );--rdp-range_end-color: var( --em-daterangepicker-day-range-limit-color, #fff );--rdp-range_end-date-background-color: var( --rdp-accent-color );--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center;padding:0}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;border:unset;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border-radius:var(--rdp-day_button-border-radius);color:var(--em-daterangepicker-day-color, #212129);font-family:var(--em-daterangepicker-day-font-family, sans-serif);font-size:var(--em-daterangepicker-day-font-size, .875rem);font-weight:var(--em-daterangepicker-day-font-weight, 500)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0;color:var(--em-daterangepicker-label-color, #212129);font-family:var(--em-daterangepicker-label-font-family, sans-serif);font-size:var(--em-daterangepicker-label-font-size, .875rem);font-weight:var(--em-daterangepicker-label-font-weight, 500)}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdowns span{color:var(--em-daterangepicker-label-color, #212129);font-family:var(--em-daterangepicker-label-font-family, sans-serif);font-size:var(--em-daterangepicker-label-font-size, .875rem);font-weight:var(--em-daterangepicker-label-font-weight, 500)}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform);color:var(--em-daterangepicker-weekday-color, #5c5c66);font-family:var(--em-daterangepicker-weekday-font-family, sans-serif);font-size:var(--em-daterangepicker-weekday-font-size, .875rem);font-weight:var(--em-daterangepicker-weekday-font-weight, 500)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-outside .rdp-day_button{color:var(--em-daterangepicker-day-outside, #b8b8bd)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color);border:unset;border-radius:var(--em-daterangepicker-day-range-limit-border-radius, .5rem) 0 0 var(--em-daterangepicker-day-range-limit-border-radius, .5rem)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color);border:unset;border-radius:0 var(--em-daterangepicker-day-range-limit-border-radius, .5rem) var(--em-daterangepicker-day-range-limit-border-radius, .5rem) 0}.rdp-range_start.rdp-range_end .rdp-day_button{border-radius:var(--em-daterangepicker-day-range-limit-border-radius, .5rem)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}._chevron_1syxp_1{width:var(--em-daterangepicker-chevron-size, 2rem);height:var(--em-daterangepicker-chevron-size, 2rem);padding:var(--em-daterangepicker-chevron-padding, .5rem);border-radius:var(--em-daterangepicker-chevron-border-radius, .5rem);background:var(--em-daterangepicker-chevron-background, #fff);color:var(--em-daterangepicker-chevron-color, #fff);display:flex;align-items:center;justify-content:center;border:unset;cursor:pointer}._chevron_1syxp_1 svg{flex-shrink:0;width:var(--em-daterangepicker-chevron-icon-size, 1rem);height:var(--em-daterangepicker-chevron-icon-size, 1rem)}._chevron_1syxp_1:hover{background:var(--em-daterangepicker-chevron--hover, #f7f7f8)}._chevron_1syxp_1:active{background:var(--em-daterangepicker-chevron--active, #ededf1)}._chevron_1syxp_1._small_1syxp_28{background:unset;width:calc(var(--em-daterangepicker-chevron-size, 2rem) / 2);height:calc(var(--em-daterangepicker-chevron-size, 2rem) / 2);padding:calc(var(--em-daterangepicker-chevron-padding, .5rem) / 2)}._chevron_1syxp_1._small_1syxp_28 svg{width:calc(var(--em-daterangepicker-chevron-icon-size, 1rem) / 2);height:calc(var(--em-daterangepicker-chevron-icon-size, 1rem) / 2)}._submitButton_az7p9_1{margin-top:16px}._chartContainer_18rs7_1{flex-grow:1;min-height:0;position:relative}._kpiChartContainer_1wx8g_1{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;gap:var(--em-kpichart-gap, 1rem)}._kpiChartValueContainer_1wx8g_10{flex:1 1 auto;min-height:0;overflow:auto;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center!important;text-align:center}._kpiChartValueContainer_1wx8g_10 h2{width:100%;margin:unset;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--em-kpichart-color, #212129);font-family:var(--em-kpichart-font-family, sans-serif);font-weight:var(--em-kpichart-number-font-weight, 700)}._kpiComparisonContainer_1wx8g_34{display:flex;align-items:center;flex-direction:column;text-align:center;font-style:normal;font-size:var(--em-kpichart-trend-font-size, 1rem)}._kpiChartChangeContainer_1c8mc_1{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--em-kpichart-label-gap, .5rem);flex:0 0 auto;flex-shrink:0}._kpiChangeContainerSizeGuide_1c8mc_11{height:100%;position:relative}._kpiChangeBadge_1c8mc_16{display:flex;justify-content:center;align-items:center;padding:var(--em-kpichart-trend-padding, .25rem);border-radius:var(--em-kpichart-trend-border-radius, .375rem);width:min-content}._kpiChangeBadge_1c8mc_16>svg{width:1em;height:1em}._kpiChangeBadge_1c8mc_16>span{color:inherit;font-style:normal;font-size:1em;padding:0 var(--em-kpichart-trend-padding, .25rem);font-weight:var(--em-kpichart-trend-font-weight, 500);line-height:var(--em-kpichart-trend-line-height, 1rem)}._kpiChangeBadge_1c8mc_16._positive_1c8mc_39{background:var(--em-kpichart-trend-background--positive, #e1f0e9);color:var(--em-kpichart-trend-color--positive, #0f955a)}._kpiChangeBadge_1c8mc_16._negative_1c8mc_44{background:var(--em-kpichart-trend-background--negative, #f6e2e2);color:var(--em-kpichart-trend-color--negative, #bc1010)}._kpiComparisonLabel_1c8mc_49{text-align:center;font-style:normal;font-size:.875em;color:var(--em-kpichart-color, #212129);font-family:var(--em-kpichart-font-family, sans-serif);font-weight:var(--em-kpichart-label-font-weight, 400);white-space:nowrap}._hidden_1c8mc_59,._hidden_1c8mc_59 *{visibility:hidden}._kpiAbsoluteContainer_1c8mc_64{position:absolute;top:0;right:0;bottom:0;left:0}._tableFullContainer_sq2ah_1{width:100%;height:100%;box-sizing:border-box}._tableContainer_sq2ah_7{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;box-sizing:border-box;background:var(--em-tablechart-header-background, #fff);border:var(--em-tablechart-border-width, 1px) solid var(--em-tablechart-border-color, #ededf1);border-radius:var(--em-tablechart-border-radius, .75rem)}._tableAdjustedContainer_sq2ah_19{max-width:100%;max-height:100%;width:fit-content;height:fit-content;overflow-x:auto;overflow-y:auto;position:relative;box-sizing:border-box;border:var(--em-tablechart-border-width, 1px) solid var(--em-tablechart-border-color, #ededf1);border-radius:var(--em-tablechart-border-radius, .75rem)}._tableContainerScroll_sq2ah_32{overflow-x:auto;overflow-y:hidden;flex:1}._tableAdjustedContainer_sq2ah_19._fullWidth_sq2ah_38,._tableAdjustedContainer_sq2ah_19._fullWidth_sq2ah_38 ._table_sq2ah_1{width:100%}._table_sq2ah_1{width:100%;border-spacing:0;box-sizing:border-box}._table_sq2ah_1 thead{position:sticky;top:0;z-index:2}._table_sq2ah_1 th,._table_sq2ah_1 td{cursor:pointer;position:relative;box-sizing:border-box;padding:var(--em-tablechart-cell-padding, .5rem) calc(var(--em-tablechart-cell-padding, .5rem) + var(--em-tablechart-padding-left-right, .25rem));border-bottom:var(--em-tablechart-border-width, 1px) solid var(--em-tablechart-border-color, #ededf1);border-right:var(--em-tablechart-border-width, 1px) solid var(--em-tablechart-border-color, #ededf1);height:var(--em-tablechart-cell-height, 2.5rem);max-height:var(--em-tablechart-cell-height, 2.5rem)}._table_sq2ah_1 th{background:var(--em-tablechart-header-background, #fff)}._table_sq2ah_1 td{background:var(--em-tablechart-cell-background, #fff)}._table_sq2ah_1 thead th:last-of-type,._table_sq2ah_1 tbody td:last-of-type{border-right:unset}._table_sq2ah_1 th:hover{background-color:var(--em-tablechart-cell-background--hover, #f7f7f8)}._table_sq2ah_1 tr:has(td:hover) td{background-color:var(--em-tablechart-cell-background--hover, #f7f7f8)}._table_sq2ah_1 tbody tr:last-of-type th,._table_sq2ah_1 tbody tr:last-of-type td{border-bottom:unset}._table_sq2ah_1 th,._table_sq2ah_1 td{font-style:normal;font-family:var(--em-tablechart-font-family, sans-serif);font-size:var(--em-tablechart-font-size, .75rem);line-height:var(--em-tablechart-line-height, .875rem)}._table_sq2ah_1 tr th{color:var(--em-tablechart-color, #212129);font-weight:var(--em-tablechart-font-weight--medium, 500)}._table_sq2ah_1 tr td{color:var(--em-tablechart-color, #212129);font-weight:var(--em-tablechart-font-weight, 400);text-align:center}._table_sq2ah_1 ._boltCell_sq2ah_124{color:var(--em-tablechart-color, #212129);font-weight:var(--em-tablechart-font-weight--bold, 700)}._table_sq2ah_1 ._mutedCell_sq2ah_130{color:var(--em-tablechart-color--muted, #5c5c66);font-weight:var(--em-tablechart-font-weight, 400)}._table_sq2ah_1 ._stickyFirstColumn_sq2ah_136{left:0;z-index:1;text-align:left;position:sticky;font-style:normal;pointer-events:none}._stickyFirstColumn_sq2ah_136:after{content:"";position:absolute;top:0;bottom:0;right:calc(-1 * var(--em-tablechart-border-width, 1px));width:var(--em-tablechart-border-width, 1px);background:var(--em-tablechart-border-color, #ededf1)}._table_sq2ah_1{border-spacing:0;box-sizing:content-box}._table_sq2ah_1 tbody tr._stickyLastRow_sq2ah_161{bottom:0;top:0;z-index:1;position:sticky;font-style:normal;pointer-events:none}._table_sq2ah_1 tbody tr._stickyLastRow_sq2ah_161 th:before,._table_sq2ah_1 tbody tr._stickyLastRow_sq2ah_161 td:before{content:"";position:absolute;left:0;right:0;top:calc(-1 * var(--em-tablechart-border-width, 1px));height:var(--em-tablechart-border-width, 1px);background:var(--em-tablechart-border-color, #ededf1)}._table_sq2ah_1 tbody tr._tableLastRow_sq2ah_181 td{border-bottom:var(--em-tablechart-border-width, 1px) solid var(--em-tablechart-border-color, #ededf1)}._tablePagination_1wpsk_1{width:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--em-tablechart-pagination-height, 3rem);padding:var(--em-tablechart-cell-padding, .5rem)}._tablePaginationCentral_1wpsk_11{display:flex;align-items:center;font-style:normal;gap:var(--em-tablechart-pagination-label-padding-left-right, 1rem);color:var(--em-tablechart-color, #212129);font-family:var(--em-tablechart-font-family, sans-serif);font-size:var(--em-tablechart-font-size, .75rem);font-weight:var(--em-tablechart-font-weight--medium, 500);line-height:var(--em-tablechart-line-height, .875rem)}._tablePaginationCentralButtons_1wpsk_23{display:flex;align-items:center;gap:var(--em-tablechart-pagination-button-gap, .5rem)}._tableHeader_1l18e_1 ._tableHeaderCell_1l18e_1{padding:unset}._tableHeaderCell_1l18e_1 button{width:100%;display:flex;border:unset;cursor:pointer;font-style:normal;white-space:nowrap;background-color:unset;justify-content:space-between;align-items:center;padding:var(--em-tablechart-cell-padding, .5rem) var(--em-tablechart-cell-padding, .5rem) var(--em-tablechart-cell-padding, .5rem) calc(var(--em-tablechart-cell-padding, .5rem) + var(--em-tablechart-padding-left-right, .25rem));color:var(--em-tablechart-color, #212129);font-family:var(--em-tablechart-font-family, sans-serif);font-size:var(--em-tablechart-font-size, .75rem);font-weight:var(--em-tablechart-font-weight--medium, 500);line-height:var(--em-tablechart-line-height, .875rem);gap:var(--em-tablechart-cell-padding, .5rem)}._tableHeaderCell_1l18e_1 button svg{width:var(--em-tablechart-icon-size, 1rem);height:var(--em-tablechart-icon-size, 1rem)}._copyButton_32339_1{position:absolute;top:50%;right:var(--em-tablechart-cell-padding, .5rem);transform:translateY(-50%);opacity:0}._copyButton_32339_1._leftAlign_32339_9{left:var(--em-tablechart-cell-padding, .5rem);right:auto}._tableBodyCell_32339_14:hover ._copyButton_32339_1{opacity:1}._chartCard_84eo6_1{height:100%;width:100%}._fixedContent_84eo6_6{z-index:3;background:inherit;position:absolute;right:0}._fixedContent_84eo6_6._loading_84eo6_13{z-index:4;display:block}._fixedContent_84eo6_6._hidden_84eo6_18{display:none}._chartCardRightContent_84eo6_22{width:2rem;height:2rem;position:relative;align-self:flex-start}@keyframes _spin_1amm4_1{to{transform:rotate(360deg)}}._loading_1amm4_7{animation:_spin_1amm4_1 2s linear infinite;padding:var(--em-card-loader-padding, .25rem);width:var(--em-card-loader-size, 1.5rem);height:var(--em-card-loader-size, 1.5rem);background:var(--em-card-background, #f7f7f8);color:var(--em-card-loader-color, #212129)}._list_mwshn_1{width:auto}._card_15bw3_1{background:unset;padding:unset}._dateRangePickerContent_pig22_1{max-height:400px!important}._dateRangePickerContainer_pig22_5{display:flex;flex-direction:column;gap:var(--em-core-spacing--0200, .5rem)}._colorInputContainer_1o1qe_1{display:flex;align-items:center;gap:var(--em-textfield-padding--space-100, .5rem)}._colorInput_1o1qe_1{cursor:pointer;height:var(--em-textfield-height, 2.5rem);width:var(--em-textfield-height, 2.5rem);gap:var(--em-textfield-padding--space-100, .5rem);padding:var(--em-textfield-padding, .5rem);border-radius:var(--em-textfield-border-radius, .5rem);border:var(--em-textfield-border-width, 1px) solid var(--em-textfield-border-color, #b8b8bd);background:var(--backdrop-elevation-0, #fff)}._colorInput_1o1qe_1::-webkit-color-swatch-wrapper{padding:0}._colorInput_1o1qe_1::-webkit-color-swatch{border:unset;border-radius:50%}._colorInput_1o1qe_1::-moz-color-swatch{border:unset;border-radius:50%}

package/dist/theme/i18n/translations/de.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../../src/theme/i18n/translations/de.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,EAAE,EAAE,gBAiFhB,CAAC"}
+{"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../../src/theme/i18n/translations/de.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,EAAE,EAAE,gBAuFhB,CAAC"}

package/dist/theme/i18n/translations/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../src/theme/i18n/translations/en.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,EAAE,EAAE,gBA8ChB,CAAC"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../src/theme/i18n/translations/en.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,EAAE,EAAE,gBAoDhB,CAAC"}

package/dist/{timeRange.utils-C96Hp2HD.js → timeRange.utils-CNktS9Lb.js}

@@ -1,4 +1,4 @@
-import { $ as i } from "./component.constants-DmK3uQGY.js";
+import { $ as i } from "./component.constants-5pSEkTqN.js";
 const f = (o, t, s) => {
   var d;
   if (!o || !t)
@@ -17,4 +17,4 @@ export {
   v as a,
   f as g
 };
-//# sourceMappingURL=timeRange.utils-C96Hp2HD.js.map
+//# sourceMappingURL=timeRange.utils-CNktS9Lb.js.map

package/dist/{timeRange.utils-C96Hp2HD.js.map → timeRange.utils-CNktS9Lb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"timeRange.utils-C96Hp2HD.js","sources":["../src/components/utils/timeRange.utils.ts"],"sourcesContent":["import { TimeRange } from '@embeddable.com/core';\nimport { Theme } from '../../theme/theme.types';\nimport { resolveI18nString } from '../component.utils';\n\nexport const getComparisonPeriodDateRange = (\n  primaryDateRange: TimeRange,\n  comparisonPeriod: string | undefined,\n  theme: Theme,\n): TimeRange => {\n  if (!primaryDateRange || !comparisonPeriod) {\n    return undefined;\n  }\n\n  const primaryDateRangeRange = primaryDateRange?.relativeTimeString\n    ? theme.defaults.dateRangesOptions\n        .find((option) => option.value === primaryDateRange?.relativeTimeString)\n        ?.getRange()\n    : primaryDateRange;\n\n  const comparisonPeriodOption = theme.defaults.comparisonPeriodsOptions.find(\n    (option) => option.value === comparisonPeriod,\n  );\n\n  return comparisonPeriodOption?.getRange(primaryDateRangeRange);\n};\n\nexport const getComparisonPeriodLabel = (\n  comparisonPeriod: string | undefined,\n  theme: Theme,\n): string => {\n  const option = theme.defaults.comparisonPeriodsOptions.find(\n    (option) => option.value === comparisonPeriod,\n  );\n  return option ? resolveI18nString(option.label) : '';\n};\n"],"names":["getComparisonPeriodDateRange","primaryDateRange","comparisonPeriod","theme","primaryDateRangeRange","_a","option","comparisonPeriodOption","getComparisonPeriodLabel","resolveI18nString"],"mappings":";AAIO,MAAMA,IAA+B,CAC1CC,GACAC,GACAC,MACc;;AACd,MAAI,CAACF,KAAoB,CAACC;AACxB;AAGF,QAAME,IAAwBH,KAAA,QAAAA,EAAkB,sBAC5CI,IAAAF,EAAM,SAAS,kBACZ,KAAK,CAACG,MAAWA,EAAO,WAAUL,KAAA,gBAAAA,EAAkB,mBAAkB,MADzE,gBAAAI,EAEI,aACJJ,GAEEM,IAAyBJ,EAAM,SAAS,yBAAyB;AAAA,IACrE,CAACG,MAAWA,EAAO,UAAUJ;AAAA,EAAA;AAG/B,SAAOK,KAAA,gBAAAA,EAAwB,SAASH;AAC1C,GAEaI,IAA2B,CACtCN,GACAC,MACW;AACX,QAAMG,IAASH,EAAM,SAAS,yBAAyB;AAAA,IACrD,CAACG,MAAWA,EAAO,UAAUJ;AAAA,EAAA;AAE/B,SAAOI,IAASG,EAAkBH,EAAO,KAAK,IAAI;AACpD;"}
+{"version":3,"file":"timeRange.utils-CNktS9Lb.js","sources":["../src/components/utils/timeRange.utils.ts"],"sourcesContent":["import { TimeRange } from '@embeddable.com/core';\nimport { Theme } from '../../theme/theme.types';\nimport { resolveI18nString } from '../component.utils';\n\nexport const getComparisonPeriodDateRange = (\n  primaryDateRange: TimeRange,\n  comparisonPeriod: string | undefined,\n  theme: Theme,\n): TimeRange => {\n  if (!primaryDateRange || !comparisonPeriod) {\n    return undefined;\n  }\n\n  const primaryDateRangeRange = primaryDateRange?.relativeTimeString\n    ? theme.defaults.dateRangesOptions\n        .find((option) => option.value === primaryDateRange?.relativeTimeString)\n        ?.getRange()\n    : primaryDateRange;\n\n  const comparisonPeriodOption = theme.defaults.comparisonPeriodsOptions.find(\n    (option) => option.value === comparisonPeriod,\n  );\n\n  return comparisonPeriodOption?.getRange(primaryDateRangeRange);\n};\n\nexport const getComparisonPeriodLabel = (\n  comparisonPeriod: string | undefined,\n  theme: Theme,\n): string => {\n  const option = theme.defaults.comparisonPeriodsOptions.find(\n    (option) => option.value === comparisonPeriod,\n  );\n  return option ? resolveI18nString(option.label) : '';\n};\n"],"names":["getComparisonPeriodDateRange","primaryDateRange","comparisonPeriod","theme","primaryDateRangeRange","_a","option","comparisonPeriodOption","getComparisonPeriodLabel","resolveI18nString"],"mappings":";AAIO,MAAMA,IAA+B,CAC1CC,GACAC,GACAC,MACc;;AACd,MAAI,CAACF,KAAoB,CAACC;AACxB;AAGF,QAAME,IAAwBH,KAAA,QAAAA,EAAkB,sBAC5CI,IAAAF,EAAM,SAAS,kBACZ,KAAK,CAACG,MAAWA,EAAO,WAAUL,KAAA,gBAAAA,EAAkB,mBAAkB,MADzE,gBAAAI,EAEI,aACJJ,GAEEM,IAAyBJ,EAAM,SAAS,yBAAyB;AAAA,IACrE,CAACG,MAAWA,EAAO,UAAUJ;AAAA,EAAA;AAG/B,SAAOK,KAAA,gBAAAA,EAAwB,SAASH;AAC1C,GAEaI,IAA2B,CACtCN,GACAC,MACW;AACX,QAAMG,IAASH,EAAM,SAAS,yBAAyB;AAAA,IACrD,CAACG,MAAWA,EAAO,UAAUJ;AAAA,EAAA;AAE/B,SAAOI,IAASG,EAAkBH,EAAO,KAAK,IAAI;AACpD;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@embeddable.com/remarkable-pro",
   "author": "embeddable (https://embeddable.com)",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "repository": {
     "type": "git",
     "url": "https://github.com/embeddable-hq/remarkable-pro"
@@ -59,7 +59,7 @@
     "@changesets/cli": "^2.29.6",
     "@embeddable.com/core": "^2.13.2",
     "@embeddable.com/react": "^2.12.2",
-    "@embeddable.com/remarkable-ui": "2.0.14",
+    "@embeddable.com/remarkable-ui": "^2.0.18",
     "@tabler/icons-react": "^3.34.1",
     "chart.js": "^4.5.0",
     "chartjs-plugin-datalabels": "^2.2.0",