@m4l/widgets 0.2.0 → 0.3.0

package/charts/ChartSeries/ChartSeries.d.ts

@@ -5,6 +5,6 @@ import { ChartSeriesProps } from './types';
  * @param sx - System styles applied to the chart root container
  * @returns ChartSeries component
  */
-export declare function ChartSeries({ values, scrollable, sx }: ChartSeriesProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function ChartSeries({ values, scrollable, numberLocalization, sx, }: ChartSeriesProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default ChartSeries;
 //# sourceMappingURL=ChartSeries.d.ts.map

package/charts/ChartSeries/ChartSeries.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartSeries.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/charts/ChartSeries/ChartSeries.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAShD;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,UAAkB,EAAE,EAAE,EAAE,EAAE,gBAAgB,oDAsB/E;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ChartSeries.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/charts/ChartSeries/ChartSeries.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAUhD;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,UAAkB,EAClB,kBAAkB,EAClB,EAAE,GACH,EAAE,gBAAgB,oDAuClB;AAED,eAAe,WAAW,CAAC"}

package/charts/ChartSeries/ChartSeries.js

@@ -1,17 +1,37 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
+import { jsx as t } from "@emotion/react/jsx-runtime";
 import f from "echarts-for-react";
-import { useRef as a, useMemo as h } from "react";
-import { ChartSeriesRootStyled as p, ChartContainerStyled as u } from "./slots/ChartSeriesSlots.js";
-import { useChartResize as c } from "./hooks/useChartResize.js";
-import { useTheme as d } from "@mui/material";
-import { generateOptions as l } from "./helpers/options.js";
-function E({ values: t, scrollable: r = !1, sx: n }) {
-  const o = a(null), i = d(), m = h(() => l(t, i, r), [t, i, r]), s = c(o);
-  return /* @__PURE__ */ e(p, { sx: n, children: /* @__PURE__ */ e(u, { ref: s, children: /* @__PURE__ */ e(
+import { useRef as h, useMemo as n } from "react";
+import { useModuleDictionary as u } from "@m4l/core";
+import { ChartSeriesRootStyled as d, ChartContainerStyled as y } from "./slots/ChartSeriesSlots.js";
+import { useChartResize as C } from "./hooks/useChartResize.js";
+import { useTheme as R } from "@mui/material";
+import { generateOptions as S } from "./helpers/options.js";
+import { resolveChartSeriesCompactNumberDictionary as g } from "./dictionary.js";
+function F({
+  values: r,
+  scrollable: o = !1,
+  numberLocalization: e,
+  sx: c
+}) {
+  const i = h(null), m = R(), { getLabel: s } = u(), a = n(
+    () => ({
+      ...e,
+      locale: e?.locale ?? Intl.NumberFormat().resolvedOptions().locale,
+      compactDictionary: {
+        ...g(s),
+        ...e?.compactDictionary ?? {}
+      }
+    }),
+    [s, e]
+  ), p = n(
+    () => S(r, m, o, a),
+    [a, o, m, r]
+  ), l = C(i);
+  return /* @__PURE__ */ t(d, { sx: c, children: /* @__PURE__ */ t(y, { ref: l, children: /* @__PURE__ */ t(
     f,
     {
-      ref: o,
-      option: m,
+      ref: i,
+      option: p,
       style: { height: "100%", width: "100%" },
       notMerge: !0,
       lazyUpdate: !0
@@ -19,6 +39,6 @@ function E({ values: t, scrollable: r = !1, sx: n }) {
   ) }) });
 }
 export {
-  E as ChartSeries,
-  E as default
+  F as ChartSeries,
+  F as default
 };

package/charts/ChartSeries/dictionary.d.ts

@@ -0,0 +1,17 @@
+import { CompactNumberDictionary } from './types';
+export declare const CHART_SERIES_DICTIONARY_ID = "chart_series";
+/**
+ * Register the ChartSeries component dictionary namespace for compact y-axis labels.
+ */
+export declare function getChartSeriesComponentDictionary(): string[];
+export declare const CHART_SERIES_DICTIONARY: {
+    readonly LABEL_THOUSAND: "chart_series.label_thousand";
+    readonly LABEL_MILLION: "chart_series.label_million";
+    readonly LABEL_BILLION: "chart_series.label_billion";
+    readonly LABEL_TRILLION: "chart_series.label_trillion";
+};
+/**
+ * Resolve the compact-number suffix labels from the active module dictionary.
+ */
+export declare function resolveChartSeriesCompactNumberDictionary(getLabel: (key: string) => string): CompactNumberDictionary;
+//# sourceMappingURL=dictionary.d.ts.map

package/charts/ChartSeries/dictionary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dictionary.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/charts/ChartSeries/dictionary.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,eAAO,MAAM,0BAA0B,iBAAiB,CAAC;AAEzD;;GAEG;AACH,wBAAgB,iCAAiC,aAEhD;AAED,eAAO,MAAM,uBAAuB;;;;;CAK1B,CAAC;AAEX;;GAEG;AACH,wBAAgB,yCAAyC,CACvD,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,GAChC,uBAAuB,CAOzB"}

package/charts/ChartSeries/dictionary.js

@@ -0,0 +1,24 @@
+const L = "chart_series";
+function o() {
+  return [L];
+}
+const n = {
+  LABEL_THOUSAND: `${L}.label_thousand`,
+  LABEL_MILLION: `${L}.label_million`,
+  LABEL_BILLION: `${L}.label_billion`,
+  LABEL_TRILLION: `${L}.label_trillion`
+};
+function I(i) {
+  return {
+    thousand: i(n.LABEL_THOUSAND),
+    million: i(n.LABEL_MILLION),
+    billion: i(n.LABEL_BILLION),
+    trillion: i(n.LABEL_TRILLION)
+  };
+}
+export {
+  n as CHART_SERIES_DICTIONARY,
+  L as CHART_SERIES_DICTIONARY_ID,
+  o as getChartSeriesComponentDictionary,
+  I as resolveChartSeriesCompactNumberDictionary
+};

package/charts/ChartSeries/helpers/formatCompactNumber.d.ts

@@ -0,0 +1,11 @@
+import { CompactNumberLocalizationOptions } from '../types';
+export interface FormatCompactNumberOptions extends CompactNumberLocalizationOptions {
+    fallbackValue?: string;
+    value: number | null | undefined;
+}
+/**
+ * Format one numeric value using localized compact notation and replace compact suffixes from the caller dictionary when requested.
+ * When Intl compact formatting is unavailable, the value degrades to plain delimiter formatting without a compact suffix.
+ */
+export declare function formatCompactNumber(options: FormatCompactNumberOptions): string;
+//# sourceMappingURL=formatCompactNumber.d.ts.map

package/charts/ChartSeries/helpers/formatCompactNumber.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatCompactNumber.d.ts","sourceRoot":"","sources":["../../../../../../../packages/widgets/src/charts/ChartSeries/helpers/formatCompactNumber.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,gCAAgC,EACjC,MAAM,UAAU,CAAC;AAsBlB,MAAM,WAAW,0BACf,SAAQ,gCAAgC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAClC;AA6MD;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,0BAA0B,GAClC,MAAM,CAkCR"}

package/charts/ChartSeries/helpers/formatCompactNumber.js

@@ -0,0 +1,108 @@
+const d = [
+  { minimumValue: 1e3, scale: "thousand" },
+  { minimumValue: 1e6, scale: "million" },
+  { minimumValue: 1e9, scale: "billion" },
+  { minimumValue: 1e12, scale: "trillion" }
+];
+function A(t) {
+  if (!(typeof t != "string" || t.trim() === ""))
+    return t.trim().replace(/_/gu, "-");
+}
+function p(t) {
+  return !Number.isInteger(t) || typeof t != "number" || t < 0 ? 1 : t;
+}
+function f(t, i) {
+  return typeof t != "string" || t.trim() === "" ? i : t.trim();
+}
+function b(t) {
+  return {
+    dictionary: { ...t },
+    units: d
+  };
+}
+function D(t, i, n) {
+  const e = Number.isInteger(t) ? String(t) : t.toFixed(2).replace(/\.?0+$/u, ""), r = e.startsWith("-"), m = r ? e.slice(1) : e, [u = "", o] = m.split("."), s = u.replace(
+    /\B(?=(\d{3})+(?!\d))/gu,
+    n
+  ), a = r ? `-${s}` : s;
+  return typeof o != "string" || o === "" ? a : `${a}${i}${o}`;
+}
+function L(t, i) {
+  const n = 10 ** i;
+  return Math.round((t + Number.EPSILON) * n) / n;
+}
+function _(t, i) {
+  let n = -1;
+  for (let e = 0; e < t.length; e += 1)
+    Math.abs(i) >= t[e].minimumValue && (n = e);
+  return n;
+}
+function g(t, i, n) {
+  let e = _(t, i);
+  if (e === -1)
+    return null;
+  for (; e < t.length - 1; ) {
+    const r = t[e], m = t[e + 1], u = L(
+      i / r.minimumValue,
+      n
+    ), o = m.minimumValue / r.minimumValue;
+    if (Math.abs(u) < o)
+      break;
+    e += 1;
+  }
+  return t[e];
+}
+function N(t, i) {
+  const {
+    compactDictionary: n,
+    maximumFractionDigits: e,
+    value: r
+  } = i;
+  if (typeof r != "number" || !Number.isFinite(r) || !n || Object.keys(n).length === 0)
+    return null;
+  const { dictionary: m, units: u } = b(
+    n
+  ), o = t.formatToParts(r);
+  if (!o.some((c) => c.type === "compact"))
+    return t.format(r);
+  const a = g(
+    u,
+    r,
+    p(e)
+  );
+  if (!a)
+    return t.format(r);
+  const l = m[a.scale];
+  return typeof l != "string" || l.trim() === "" ? t.format(r) : o.map((c) => c.type === "compact" ? l : c.value).join("");
+}
+function U(t) {
+  const {
+    decimalSymbol: i,
+    fallbackValue: n = "",
+    locale: e,
+    maximumFractionDigits: r,
+    thousandsSymbol: m,
+    value: u
+  } = t;
+  if (typeof u != "number" || !Number.isFinite(u))
+    return n;
+  try {
+    const o = new Intl.NumberFormat(A(e), {
+      notation: "compact",
+      compactDisplay: "short",
+      maximumFractionDigits: p(
+        r
+      )
+    });
+    return N(o, t) ?? o.format(u);
+  } catch {
+    return D(
+      u,
+      f(i, "."),
+      f(m, ",")
+    );
+  }
+}
+export {
+  U as formatCompactNumber
+};

package/charts/ChartSeries/helpers/options.d.ts

@@ -1,7 +1,7 @@
 import { Theme } from '@mui/material/styles';
-import { ChartSeriesProps } from '../types';
+import { ChartSeriesProps, CompactNumberLocalizationOptions } from '../types';
 /**
  * Builds ECharts option config for the series chart from data and theme.
  */
-export declare function generateOptions(values: ChartSeriesProps['values'], theme: Theme, scrollable: boolean): any;
+export declare function generateOptions(values: ChartSeriesProps['values'], theme: Theme, scrollable: boolean, numberLocalization?: CompactNumberLocalizationOptions): any;
 //# sourceMappingURL=options.d.ts.map

package/charts/ChartSeries/helpers/options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../../../../../../packages/widgets/src/charts/ChartSeries/helpers/options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAK5C;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,gBAAgB,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,GAAG,GAAG,CA4O1G"}
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../../../../../../packages/widgets/src/charts/ChartSeries/helpers/options.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAI5C,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,UAAU,CAAC;AAMjE;;GAEG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,gBAAgB,CAAC,QAAQ,CAAC,EAClC,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,OAAO,EACnB,kBAAkB,CAAC,EAAE,gCAAgC,GACpD,GAAG,CAmSL"}

package/charts/ChartSeries/helpers/options.js

@@ -1,15 +1,29 @@
-import { getColorHexFromVar as i, getColorHexFromToken as n } from "../../../tools/color.js";
-import * as f from "echarts";
-import { remapTooltipFormatter as y } from "./tooltipFormatter.js";
-function m(o, r, d) {
+import { getColorHexFromVar as i, getColorHexFromToken as c } from "../../../tools/color.js";
+import * as m from "echarts";
+import { remapTooltipFormatter as g } from "./tooltipFormatter.js";
+import { formatCompactNumber as b } from "./formatCompactNumber.js";
+const h = 56, p = 84;
+function A(o, r, d, n) {
   const e = {
-    textPrimaryColor: i(r.vars?.palette?.text?.primary),
-    textDisabledColor: i(r.vars?.palette?.text?.disabled),
-    themeBackgroundColor: i(r.vars?.palette?.background?.default),
-    contrastTextColor: i(r.vars?.palette?.text?.contrastText),
-    backgroundNeutralColor: i(r.vars?.palette?.background?.neutral),
-    contrastDefaultColor: i(r.vars?.palette?.background?.contrastDefault)
-  }, c = g(o.values[0]);
+    textPrimaryColor: i(
+      r.vars?.palette?.text?.primary
+    ),
+    textDisabledColor: i(
+      r.vars?.palette?.text?.disabled
+    ),
+    themeBackgroundColor: i(
+      r.vars?.palette?.background?.default
+    ),
+    contrastTextColor: i(
+      r.vars?.palette?.text?.contrastText
+    ),
+    backgroundNeutralColor: i(
+      r.vars?.palette?.background?.neutral
+    ),
+    contrastDefaultColor: i(
+      r.vars?.palette?.background?.contrastDefault
+    )
+  }, x = u(o.values[0]);
   return {
     baseOption: {
       /**
@@ -27,7 +41,7 @@ function m(o, r, d) {
           fontSize: 13,
           fontWeight: 700
         },
-        formatter: (t) => y(t, o, e),
+        formatter: (t) => g(t, o, e),
         axisPointer: {
           type: "cross",
           lineStyle: {
@@ -110,12 +124,18 @@ function m(o, r, d) {
        * Y-axis configuration.
        */
       yAxis: o.yAxis.map((t, a) => {
-        const l = o.series.find((s) => s.yAxisId === t.id), p = c[l?.field || ""] || "", x = n(l?.pallet_color || "", "contained", "backgroundColorTone");
+        const l = o.series.find(
+          (s) => s.yAxisId === t.id
+        ), f = x[l?.field || ""] || "", y = c(
+          l?.pallet_color || "",
+          "contained",
+          "backgroundColorTone"
+        );
         return {
           type: "value",
-          name: t.title + " (" + p + ")",
+          name: t.title + " (" + f + ")",
           position: a === 0 ? "left" : "right",
-          offset: a > 1 ? (a - 1) * 70 : 0,
+          offset: a > 1 ? (a - 1) * p : 0,
           alignTicks: !0,
           splitLine: {
             show: !0,
@@ -135,19 +155,24 @@ function m(o, r, d) {
           },
           nameRotate: 90,
           nameLocation: "middle",
+          nameGap: h,
           axisLabel: {
             color: e.textPrimaryColor,
             fontFamily: "Jura",
             fontSize: "13px",
             fontWeight: 700,
-            overflow: "break",
-            ellipsis: "...",
-            width: 30,
-            formatter: (s) => `${s}`
+            /**
+             * Format y-axis values with locale-aware compact notation.
+             */
+            formatter: (s) => b({
+              value: s,
+              fallbackValue: `${s}`,
+              ...n
+            })
           },
           axisLine: {
             show: !0,
-            lineStyle: { color: x, width: 0.5, opacity: 1 }
+            lineStyle: { color: y, width: 0.5, opacity: 1 }
           }
         };
       }),
@@ -157,24 +182,30 @@ function m(o, r, d) {
       grid: {
         left: "8%",
         bottom: "10%",
-        right: o.yAxis.length > 1 ? (o.yAxis.length - 1) * 70 : "8%",
+        right: o.yAxis.length > 1 ? (o.yAxis.length - 1) * p : "8%",
         top: o.xAxis.length > 2 ? (o.xAxis.length - 1) * 35 : "15%",
-        containLabel: !1
+        containLabel: !0
       },
       /**
        * Series configuration.
        */
       series: o.series.map((t) => {
-        const a = o.yAxis.findIndex((l) => l.id === t.yAxisId);
+        const a = o.yAxis.findIndex(
+          (l) => l.id === t.yAxisId
+        );
         return {
           name: t.title,
           type: t.type,
           yAxisIndex: a !== -1 ? a : 0,
           areaStyle: {
-            color: new f.graphic.LinearGradient(0, 0, 0, 1, [
+            color: new m.graphic.LinearGradient(0, 0, 0, 1, [
               {
                 offset: 0,
-                color: n(t?.pallet_color || "", "contained", "backgroundColor")
+                color: c(
+                  t?.pallet_color || "",
+                  "contained",
+                  "backgroundColor"
+                )
               },
               {
                 offset: 0.8,
@@ -182,22 +213,36 @@ function m(o, r, d) {
               }
             ])
           },
-          data: o.values.map((l) => l[t.field].r),
+          data: o.values.map(
+            (l) => l[t.field].r
+          ),
           ...t.type === "line" && {
             symbol: "circle",
             symbolSize: 10,
             itemStyle: {
               borderWidth: 2,
-              borderColor: n(t.pallet_color, "contained", "backgroundColorTone"),
+              borderColor: c(
+                t.pallet_color,
+                "contained",
+                "backgroundColorTone"
+              ),
               color: e.themeBackgroundColor
             },
             lineStyle: {
               width: 2,
-              color: n(t.pallet_color, "contained", "backgroundColorTone")
+              color: c(
+                t.pallet_color,
+                "contained",
+                "backgroundColorTone"
+              )
             },
             emphasis: {
               itemStyle: {
-                color: n(t.pallet_color, "contained", "backgroundColorTone")
+                color: c(
+                  t.pallet_color,
+                  "contained",
+                  "backgroundColorTone"
+                )
               }
             }
           },
@@ -208,7 +253,11 @@ function m(o, r, d) {
             itemStyle: {
               borderRadius: [6, 6, 0, 0]
             },
-            color: n(t.pallet_color, "contained", "backgroundColorTone")
+            color: c(
+              t.pallet_color,
+              "contained",
+              "backgroundColorTone"
+            )
           }
         };
       })
@@ -218,12 +267,12 @@ function m(o, r, d) {
     }
   };
 }
-function g(o) {
+function u(o) {
   return Object.keys(o).reduce((r, d) => {
-    const e = o[d];
-    return e && typeof e == "object" && "v" in e && (r[d] = e.v.replace(/[0-9.\s]+/g, "")), r;
+    const n = o[d];
+    return n && typeof n == "object" && "v" in n && (r[d] = n.v.replace(/[0-9.\s]+/g, "")), r;
   }, {});
 }
 export {
-  m as generateOptions
+  A as generateOptions
 };

package/charts/ChartSeries/index.d.ts

@@ -1,3 +1,5 @@
 export { ChartSeries } from './ChartSeries';
-export type { ChartSeriesProps, ChartSeriesValueItem, } from './types';
+export { CHART_SERIES_DICTIONARY, getChartSeriesComponentDictionary, resolveChartSeriesCompactNumberDictionary, } from './dictionary';
+export { formatCompactNumber } from './helpers/formatCompactNumber';
+export type { CompactNumberDictionary, CompactNumberLocalizationOptions, ChartSeriesProps, ChartSeriesValueItem, } from './types';
 //# sourceMappingURL=index.d.ts.map

package/charts/ChartSeries/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/charts/ChartSeries/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/charts/ChartSeries/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EACL,uBAAuB,EACvB,iCAAiC,EACjC,yCAAyC,GAC1C,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,YAAY,EACV,uBAAuB,EACvB,gCAAgC,EAChC,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,SAAS,CAAC"}

package/charts/ChartSeries/types.d.ts

@@ -2,6 +2,26 @@ import { ChartSeriesSlots } from './slots/ChartSeriesEnum';
 import { CHART_SERIES_KEY_COMPONENT } from './constants';
 import { M4LOverridesStyleRules } from '@m4l/components';
 import { SxProps, Theme } from '@mui/material/styles';
+/**
+ * Dictionary used to label compact magnitudes in the chart y-axis.
+ */
+export interface CompactNumberDictionary {
+    billion: string;
+    million: string;
+    thousand: string;
+    trillion: string;
+}
+/**
+ * Localization options used when formatting compact y-axis labels.
+ */
+export interface CompactNumberLocalizationOptions {
+    /** Optional compact suffix labels; partial entries override the caller-resolved dictionary. */
+    compactDictionary?: Partial<CompactNumberDictionary>;
+    decimalSymbol?: string | null;
+    locale?: string | null;
+    maximumFractionDigits?: number;
+    thousandsSymbol?: string | null;
+}
 /**
  * Item for the series chart (API shape).
  */
@@ -48,6 +68,8 @@ export interface ChartSeriesProps {
     values: ChartSeriesValueItem;
     /** Chart scrollable option. */
     scrollable?: boolean;
+    /** Localization options used when formatting compact y-axis labels. */
+    numberLocalization?: CompactNumberLocalizationOptions;
     /** System styles applied to the chart root container. */
     sx?: SxProps<Theme>;
 }

package/charts/ChartSeries/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/charts/ChartSeries/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAEtD;;GAEG;AAEH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ;;OAEG;IACH,KAAK,EAAE;QACL,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ;;OAEG;IACH,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,YAAY,EAAE,MAAM,CAAC;QACrB,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ;;OAEG;IACH,MAAM,EAAE;QACN,CAAC,GAAG,EAAE,MAAM,GAAG;YACb,CAAC,EAAE,MAAM,CAAC;YACV,CAAC,EAAE,MAAM,CAAC;SACX,GAAG,MAAM,CAAC;KACZ,EAAE,CAAC;CACL;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,kEAAkE;IAClE,MAAM,EAAE,oBAAoB,CAAC;IAC7B,+BAA+B;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yDAAyD;IACzD,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AACjE,MAAM,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,oBAAoB,EAAE,OAAO,0BAA0B,EAAE,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/widgets/src/charts/ChartSeries/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,gCAAgC;IAC/C,+FAA+F;IAC/F,iBAAiB,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;IACrD,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC;AAED;;GAEG;AAEH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ;;OAEG;IACH,KAAK,EAAE;QACL,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ;;OAEG;IACH,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,YAAY,EAAE,MAAM,CAAC;QACrB,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ;;OAEG;IACH,MAAM,EAAE;QACN,CAAC,GAAG,EAAE,MAAM,GACR;YACE,CAAC,EAAE,MAAM,CAAC;YACV,CAAC,EAAE,MAAM,CAAC;SACX,GACD,MAAM,CAAC;KACZ,EAAE,CAAC;CACL;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,kEAAkE;IAClE,MAAM,EAAE,oBAAoB,CAAC;IAC7B,+BAA+B;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uEAAuE;IACvE,kBAAkB,CAAC,EAAE,gCAAgC,CAAC;IACtD,yDAAyD;IACzD,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AACjE,MAAM,MAAM,iBAAiB,GAAG,sBAAsB,CACpD,oBAAoB,EACpB,OAAO,0BAA0B,EACjC,KAAK,CACN,CAAC"}

package/index.js

@@ -1,12 +1,18 @@
 import { ChartPie as t } from "./charts/ChartPie/ChartPie.js";
-import { ChartSeries as i } from "./charts/ChartSeries/ChartSeries.js";
-import { WidgetBase as p } from "./cards/WidgetBase/WidgetBase.js";
-import { WidgetDigitalInput as m } from "./cards/WidgetDigitalInput/WidgetDigitalInput.js";
-import { WidgetBaseThreeValues as g } from "./cards/WidgetBaseThreeValues/WidgetBaseThreeValues.js";
+import { ChartSeries as a } from "./charts/ChartSeries/ChartSeries.js";
+import { CHART_SERIES_DICTIONARY as m, getChartSeriesComponentDictionary as p, resolveChartSeriesCompactNumberDictionary as C } from "./charts/ChartSeries/dictionary.js";
+import { formatCompactNumber as s } from "./charts/ChartSeries/helpers/formatCompactNumber.js";
+import { WidgetBase as g } from "./cards/WidgetBase/WidgetBase.js";
+import { WidgetDigitalInput as n } from "./cards/WidgetDigitalInput/WidgetDigitalInput.js";
+import { WidgetBaseThreeValues as c } from "./cards/WidgetBaseThreeValues/WidgetBaseThreeValues.js";
 export {
+  m as CHART_SERIES_DICTIONARY,
   t as ChartPie,
-  i as ChartSeries,
-  p as WidgetBase,
-  g as WidgetBaseThreeValues,
-  m as WidgetDigitalInput
+  a as ChartSeries,
+  g as WidgetBase,
+  c as WidgetBaseThreeValues,
+  n as WidgetDigitalInput,
+  s as formatCompactNumber,
+  p as getChartSeriesComponentDictionary,
+  C as resolveChartSeriesCompactNumberDictionary
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/widgets",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "publishConfig": {
     "access": "public"
   },