@devgateway/dvz-ui-react 1.9.1 → 1.9.3

package/dist/esm/embeddable/grouped-bars/GroupedBars.js

@@ -1,25 +1,25 @@
-import { jsx as m, jsxs as A, Fragment as ze } from "react/jsx-runtime";
+import { jsx as m, jsxs as B, Fragment as Ae } from "react/jsx-runtime";
 import { useRef as be, useState as ve } from "react";
-import { Container as Ae } from "semantic-ui-react";
-import Be from "../data/DataProvider.js";
-import Le from "../data/DataConsumer.js";
-import { connect as Te } from "react-redux";
+import { Container as Be } from "semantic-ui-react";
+import Le from "../data/DataProvider.js";
+import Te from "../data/DataConsumer.js";
+import { connect as _e } from "react-redux";
 import { alphaSort as xe } from "../utils/common.js";
-import { formatContent as _e } from "../common/ChartTooltip.js";
-const He = "No data matches your selection", Re = "-", Ee = "#5a5d68", Ue = "none", $e = 14, ke = "#3182ce", Ve = "none", de = 24, R = (o, l) => l ? o : decodeURIComponent(o), ne = (o, l) => {
+import { formatContent as Ee } from "../common/ChartTooltip.js";
+const Re = "No data matches your selection", He = "-", Ue = "#5a5d68", $e = "none", ke = 14, Ve = "#3182ce", Oe = "none", de = 24, $ = (r, n) => n ? r : decodeURIComponent(r), le = (r, n) => {
   try {
-    return JSON.parse(R(o, l));
+    return JSON.parse($(r, n));
   } catch (s) {
-    return console.error("Error parsing value:", o, s), null;
+    return console.error("Error parsing value:", r, s), null;
   }
-}, we = (o) => o ? {
-  style: o.style === "compacted" ? "decimal" : o.style,
-  notation: o.style === "compacted" ? "compact" : "standard",
-  currency: o.currency,
-  minimumFractionDigits: parseInt(o.minimumFractionDigits, 10),
-  maximumFractionDigits: parseInt(o.maximumFractionDigits, 10),
-  prefix: o.prefix || "",
-  suffix: o.suffix || ""
+}, we = (r) => r ? {
+  style: r.style === "compacted" ? "decimal" : r.style,
+  notation: r.style === "compacted" ? "compact" : "standard",
+  currency: r.currency,
+  minimumFractionDigits: parseInt(r.minimumFractionDigits, 10),
+  maximumFractionDigits: parseInt(r.maximumFractionDigits, 10),
+  prefix: r.prefix || "",
+  suffix: r.suffix || ""
 } : {
   notation: "standard",
   currency: "USD",
@@ -27,120 +27,120 @@ const He = "No data matches your selection", Re = "-", Ee = "#5a5d68", Ue = "non
   maximumFractionDigits: 2,
   prefix: "",
   suffix: ""
-}, Oe = (o, l, s, b = !0) => {
+}, Ge = (r, n, s, x = !0) => {
   const i = [];
-  if (!o) return i;
-  const f = o[s];
-  if (f && typeof f == "object" && Object.entries(f).forEach(([p, w]) => {
-    if (w && w.selected) {
-      const E = b ? we(w.format || l) : l, I = w && typeof w.customLabel == "string" && w.customLabel.trim().length > 0 ? w.customLabel.trim() : p;
-      i.push({ name: p, format: E, label: I });
+  if (!r) return i;
+  const f = r[s];
+  if (f && typeof f == "object" && Object.entries(f).forEach(([p, M]) => {
+    if (M && M.selected) {
+      const k = x ? we(M.format || n) : n, D = M && typeof M.customLabel == "string" && M.customLabel.trim().length > 0 ? M.customLabel.trim() : p;
+      i.push({ name: p, format: k, label: D });
     }
   }), i.length === 0) {
-    const p = (Array.isArray(o), o[0]);
-    p && i.push({ name: p, format: l, label: p });
+    const p = (Array.isArray(r), r[0]);
+    p && i.push({ name: p, format: n, label: p });
   }
   return i;
-}, Ge = (o, l) => {
-  const s = {}, b = o || [];
-  return b.forEach && b.forEach((i) => {
+}, We = (r, n) => {
+  const s = {}, x = r || [];
+  return x.forEach && x.forEach((i) => {
     var f;
     ((f = i.value) == null ? void 0 : f.filter((p) => p != null && p.toString().trim() !== "").length) > 0 && (s[i.param] = i.value);
-  }), l && (s.dvzProxyDatasetId = l), s;
-}, Pe = (o) => {
-  const l = [];
-  return o && o !== "none" && l.push(o), l;
+  }), n && (s.dvzProxyDatasetId = n), s;
+}, Pe = (r) => {
+  const n = [];
+  return r && r !== "none" && n.push(r), n;
 }, Ze = ({
-  lineColor: o,
-  textColor: l = "#ffffff",
+  lineColor: r,
+  textColor: n = "#ffffff",
   fontSizePx: s = "14px",
-  showLabel: b = !1,
+  showLabel: x = !1,
   label: i = "",
   showValue: f = !1,
   valueString: p = ""
-}) => /* @__PURE__ */ A("div", { style: { display: "flex", alignItems: "center", height: "100%" }, children: [
+}) => /* @__PURE__ */ B("div", { style: { display: "flex", alignItems: "center", height: "100%" }, children: [
   /* @__PURE__ */ m(
     "div",
     {
       className: "grouped-bar-zero-line",
       style: {
         width: "2px",
-        backgroundColor: o,
+        backgroundColor: r,
         height: "100%"
       }
     }
   ),
-  b && /* @__PURE__ */ m("span", { style: {
-    color: l,
+  x && /* @__PURE__ */ m("span", { style: {
+    color: n,
     fontSize: s,
     fontWeight: "500",
     whiteSpace: "nowrap",
     marginLeft: "8px"
   }, children: i }),
   f && /* @__PURE__ */ m("span", { style: {
-    color: l,
+    color: n,
     fontSize: s,
     fontWeight: "500",
     whiteSpace: "nowrap",
-    marginLeft: b ? "6px" : "8px"
+    marginLeft: x ? "6px" : "8px"
   }, children: p })
-] }), We = ({ textColor: o, message: l = "No data to display" }) => /* @__PURE__ */ m("div", { className: "grouped-bars-data-frame", children: /* @__PURE__ */ m("div", { className: "no-data-text", style: { color: o }, children: l }) }), je = ({
-  dimensionValue: o,
-  measureEntries: l,
+] }), je = ({ textColor: r, message: n = "No data to display" }) => /* @__PURE__ */ m("div", { className: "grouped-bars-data-frame", children: /* @__PURE__ */ m("div", { className: "no-data-text", style: { color: r }, children: n }) }), Je = ({
+  dimensionValue: r,
+  measureEntries: n,
   mainEntry: s,
-  barBackgroundColor: b,
+  barBackgroundColor: x,
   textColor: i,
   measureTextColor: f,
   fontSize: p,
-  mainValueFontSize: w,
-  labelPosition: E,
-  labelWidth: I,
-  labelHeight: U,
-  labelFormat: $,
-  vars: k,
-  intl: B,
-  valuePosition: L,
-  format: y,
-  showMeasureLabels: V = !1
+  mainValueFontSize: M,
+  labelPosition: k,
+  labelWidth: D,
+  labelHeight: N,
+  labelFormat: V,
+  vars: O,
+  intl: L,
+  valuePosition: _,
+  format: z,
+  showMeasureLabels: G = !1
 }) => {
-  var S, j;
-  const T = {
+  var F, T;
+  const E = {
     fontSize: p + "px",
     color: i,
-    width: `${I}%`,
-    flex: `0 0 ${I}%`,
+    width: `${D}%`,
+    flex: `0 0 ${D}%`,
     whiteSpace: "normal",
     wordBreak: "break-word",
     overflow: "hidden",
     lineHeight: "1.2",
     display: "flex",
     alignItems: "center",
-    height: U + "px"
-  }, W = decodeURIComponent($ || ""), _ = _e(W, k || { value: o }, B), O = Array.isArray(l) && l.length === 1 && !s, G = L === "top" && O ? /* @__PURE__ */ A(
+    height: N + "px"
+  }, J = decodeURIComponent(V || ""), R = Ee(J, O || { value: r }, L), W = Array.isArray(n) && n.length === 1 && !s, P = _ === "top" && W ? /* @__PURE__ */ B(
     "div",
     {
       className: "grouped-bar-measure",
       style: {
-        fontSize: (w || de) + "px",
+        fontSize: (M || de) + "px",
         color: i,
         whiteSpace: "nowrap",
         flex: "1",
         textAlign: "right"
       },
       children: [
-        y.prefix,
-        new Intl.NumberFormat(B.locale, y).format(l[0].value),
-        y.suffix
+        z.prefix,
+        new Intl.NumberFormat(L.locale, z).format(n[0].value),
+        z.suffix
       ]
     }
-  ) : null, P = /* @__PURE__ */ m("div", { style: { flex: "1", display: "flex", flexDirection: "column", gap: "6px", minWidth: 0 }, children: l.map((c, Q) => {
-    var Z, C, J, N;
+  ) : null, Z = /* @__PURE__ */ m("div", { style: { flex: "1", display: "flex", flexDirection: "column", gap: "6px", minWidth: 0 }, children: n.map((c, Y) => {
+    var j, y, K, I;
     return /* @__PURE__ */ m(
       "div",
       {
         className: "grouped-bar-bar-container",
         style: {
-          backgroundColor: b,
+          backgroundColor: x,
           height: "28px",
           borderRadius: "8px",
           overflow: "hidden",
@@ -161,12 +161,12 @@ const He = "No data matches your selection", Re = "-", Ee = "#5a5d68", Ue = "non
               paddingLeft: "8px",
               paddingRight: "8px"
             },
-            children: /* @__PURE__ */ A("span", { style: { color: f || "#ffffff", fontSize: p + "px", fontWeight: "500", whiteSpace: "nowrap" }, children: [
-              V ? /* @__PURE__ */ A(ze, { children: [
+            children: /* @__PURE__ */ B("span", { style: { color: f || "#ffffff", fontSize: p + "px", fontWeight: "500", whiteSpace: "nowrap" }, children: [
+              G ? /* @__PURE__ */ B(Ae, { children: [
                 c.label || c.name,
                 c.label && c.label !== c.name ? " " : ": "
               ] }) : null,
-              L === "bar" ? `${((Z = c.format) == null ? void 0 : Z.prefix) || ""}${new Intl.NumberFormat(B.locale, c.format || y).format(c.value)}${((C = c.format) == null ? void 0 : C.suffix) || ""}` : `${(c.width || 0).toFixed(1)}%`
+              _ === "bar" ? `${((j = c.format) == null ? void 0 : j.prefix) || ""}${new Intl.NumberFormat(L.locale, c.format || z).format(c.value)}${((y = c.format) == null ? void 0 : y.suffix) || ""}` : `${(c.width || 0).toFixed(1)}%`
             ] })
           }
         ) : /* @__PURE__ */ m(
@@ -175,22 +175,22 @@ const He = "No data matches your selection", Re = "-", Ee = "#5a5d68", Ue = "non
             lineColor: c.color,
             textColor: f || "#ffffff",
             fontSizePx: p + "px",
-            showLabel: !!V,
+            showLabel: !!G,
             label: c.label || c.name,
             showValue: !0,
-            valueString: `${((J = c.format) == null ? void 0 : J.prefix) || ""}${new Intl.NumberFormat(B.locale, c.format || y).format(c.value)}${((N = c.format) == null ? void 0 : N.suffix) || ""}`
+            valueString: `${((K = c.format) == null ? void 0 : K.prefix) || ""}${new Intl.NumberFormat(L.locale, c.format || z).format(c.value)}${((I = c.format) == null ? void 0 : I.suffix) || ""}`
           }
         )
       },
-      `${o}-${c.name}-${Q}`
+      `${r}-${c.name}-${Y}`
     );
-  }) }), H = s ? /* @__PURE__ */ A(
+  }) }), H = s ? /* @__PURE__ */ B(
     "div",
     {
       className: "grouped-bar-main",
       style: {
         flex: "0 0 140px",
-        backgroundColor: s.color || b,
+        backgroundColor: s.color || x,
         borderRadius: "8px",
         padding: "10px",
         display: "flex",
@@ -200,16 +200,16 @@ const He = "No data matches your selection", Re = "-", Ee = "#5a5d68", Ue = "non
         minWidth: 0
       },
       children: [
-        /* @__PURE__ */ A("span", { style: {
+        /* @__PURE__ */ B("span", { style: {
           color: f || i,
-          fontSize: (w || de) + "px",
+          fontSize: (M || de) + "px",
           fontWeight: 600,
           lineHeight: 1,
           whiteSpace: "nowrap"
         }, children: [
-          ((S = s.format) == null ? void 0 : S.prefix) || "",
-          new Intl.NumberFormat(B.locale, s.format || y).format(s.value),
-          ((j = s.format) == null ? void 0 : j.suffix) || ""
+          ((F = s.format) == null ? void 0 : F.prefix) || "",
+          new Intl.NumberFormat(L.locale, s.format || z).format(s.value),
+          ((T = s.format) == null ? void 0 : T.suffix) || ""
         ] }),
         /* @__PURE__ */ m("span", { style: {
           color: f || i,
@@ -223,315 +223,319 @@ const He = "No data matches your selection", Re = "-", Ee = "#5a5d68", Ue = "non
       ]
     }
   ) : null;
-  return E === "left" ? /* @__PURE__ */ m("div", { className: "grouped-bar-item", style: { marginBottom: "12px" }, children: /* @__PURE__ */ A("div", { style: { display: "flex", alignItems: "flex-start", gap: "12px" }, children: [
-    /* @__PURE__ */ m("div", { className: "grouped-bar-label", style: T, dangerouslySetInnerHTML: { __html: _ } }),
+  return k === "left" ? /* @__PURE__ */ m("div", { className: "grouped-bar-item", style: { marginBottom: "12px" }, children: /* @__PURE__ */ B("div", { style: { display: "flex", alignItems: "flex-start", gap: "12px" }, children: [
+    /* @__PURE__ */ m("div", { className: "grouped-bar-label", style: E, dangerouslySetInnerHTML: { __html: R } }),
     H,
-    P
-  ] }) }) : /* @__PURE__ */ A("div", { className: "grouped-bar-item", style: { marginBottom: "12px" }, children: [
-    /* @__PURE__ */ A("div", { style: { display: "flex", alignItems: "flex-start", gap: "12px", marginBottom: "6px" }, children: [
-      /* @__PURE__ */ m("div", { className: "grouped-bar-label", style: T, dangerouslySetInnerHTML: { __html: _ } }),
-      G
+    Z
+  ] }) }) : /* @__PURE__ */ B("div", { className: "grouped-bar-item", style: { marginBottom: "12px" }, children: [
+    /* @__PURE__ */ B("div", { style: { display: "flex", alignItems: "flex-start", gap: "12px", marginBottom: "6px" }, children: [
+      /* @__PURE__ */ m("div", { className: "grouped-bar-label", style: E, dangerouslySetInnerHTML: { __html: R } }),
+      P
     ] }),
-    /* @__PURE__ */ A("div", { style: { display: "flex", alignItems: "stretch", gap: "12px" }, children: [
+    /* @__PURE__ */ B("div", { style: { display: "flex", alignItems: "stretch", gap: "12px" }, children: [
       H,
-      P
+      Z
     ] })
   ] });
-}, Je = (o) => {
+}, Ke = (r) => {
   const {
-    app: l,
+    app: n,
     measure: s,
-    dimension1: b,
+    dimension1: x,
     data: i,
     format: f,
     textColor: p,
-    measureTextColor: w,
-    fontSize: E,
-    mainValueFontSize: I,
-    intl: U,
-    manualColors: $,
-    defaultBarColor: k,
-    barBackgroundColor: B,
-    labelPosition: L,
-    valuePosition: y,
-    labelWidth: V,
-    labelHeight: T,
-    labelFormat: W,
-    sorting: _,
-    sortDirection: O,
-    topN: G,
-    barSizeCriteria: P,
+    measureTextColor: M,
+    fontSize: k,
+    mainValueFontSize: D,
+    intl: N,
+    manualColors: V,
+    defaultBarColor: O,
+    barBackgroundColor: L,
+    labelPosition: _,
+    valuePosition: z,
+    labelWidth: G,
+    labelHeight: E,
+    labelFormat: J,
+    sorting: R,
+    sortDirection: W,
+    topN: P,
+    barSizeCriteria: Z,
     selectedMeasures: H,
-    mainMeasureName: S,
-    sortMeasureName: j,
+    mainMeasureName: F,
+    sortMeasureName: T,
     barSizeUseGroup: c = !1,
-    showMeasureLabels: Q = !1,
-    onHeightChange: Z
-  } = o, C = be({ last: null, timer: null }), J = () => {
+    showMeasureLabels: Y = !1,
+    onHeightChange: j
+  } = r, y = be({ last: null, timer: null }), K = () => {
     if (!i) return { dataItems: [], measureField: null, dimensionField: null };
-    if (l === "csv") {
-      const { data: e, meta: { fields: t } } = i, r = t[0], a = t[1];
-      return { dataItems: i.data.map((h) => ({
-        value: h[r],
-        [a]: h[a],
-        [r]: h[r]
-      })), measureField: a, dimensionField: r };
+    if (n === "csv") {
+      const { data: e, meta: { fields: t } } = i, o = t[0], a = t[1];
+      return { dataItems: i.data.map((C) => ({
+        value: C[o],
+        [a]: C[a],
+        [o]: C[o]
+      })), measureField: a, dimensionField: o };
     } else {
-      const e = i.children || [], t = s, r = b;
+      const e = i.children || [], t = s, o = x;
       return { dataItems: e.map((u) => ({
         value: u.value,
         [t]: u[t],
-        [r]: u.value,
+        [o]: u.value,
         vars: { ...u }
-      })), measureField: t, dimensionField: r };
+      })), measureField: t, dimensionField: o };
     }
-  }, { dataItems: N, measureField: K, dimensionField: D } = J(), g = H && H.length > 0 ? H : K ? [{ name: K, format: f }] : s ? [{ name: s, format: f }] : [];
-  let x;
-  if (_ === "measure") {
-    const e = S || j || K || (g[0] ? g[0].name : null);
-    x = N.sort((t, r) => {
-      const a = e ? (t.vars && t.vars[e]) ?? t[e] ?? 0 : 0, u = e ? (r.vars && r.vars[e]) ?? r[e] ?? 0 : 0;
-      return O === "asc" ? a - u : u - a;
+  }, { dataItems: I, measureField: X, dimensionField: A } = K(), h = H && H.length > 0 ? H : X ? [{ name: X, format: f }] : s ? [{ name: s, format: f }] : [];
+  let v;
+  if (R === "measure") {
+    const e = F || T || X || (h[0] ? h[0].name : null);
+    v = I.sort((t, o) => {
+      const a = e ? (t.vars && t.vars[e]) ?? t[e] ?? 0 : 0, u = e ? (o.vars && o.vars[e]) ?? o[e] ?? 0 : 0;
+      return W === "asc" ? a - u : u - a;
     });
-  } else _ === "dimension" ? x = N.sort((e, t) => O === "asc" ? xe(!1, U.locale, e.value, t.value) : xe(!0, U.locale, e.value, t.value)) : x = N;
-  if (G && !isNaN(parseInt(G))) {
-    const e = parseInt(G);
+  } else R === "dimension" ? v = I.sort((e, t) => W === "asc" ? xe(!1, N.locale, e.value, t.value) : xe(!0, N.locale, e.value, t.value)) : v = I;
+  if (P && !isNaN(parseInt(P))) {
+    const e = parseInt(P);
     if (e > 0)
-      if (g.length <= 1)
-        x = x.slice(0, e);
-      else if (S) {
-        const t = [...N].sort((a, u) => {
-          const h = ((a.vars && a.vars[S]) ?? a[S] ?? 0) || 0;
-          return (((u.vars && u.vars[S]) ?? u[S] ?? 0) || 0) - h;
-        }), r = new Set(
-          t.slice(0, e).map((a) => a[D])
+      if (h.length <= 1)
+        v = v.slice(0, e);
+      else if (F) {
+        const t = [...I].sort((a, u) => {
+          const C = ((a.vars && a.vars[F]) ?? a[F] ?? 0) || 0;
+          return (((u.vars && u.vars[F]) ?? u[F] ?? 0) || 0) - C;
+        }), o = new Set(
+          t.slice(0, e).map((a) => a[A])
         );
-        x = x.filter((a) => r.has(a[D]));
+        v = v.filter((a) => o.has(a[A]));
       } else {
-        const t = [...N].sort((a, u) => {
-          const h = g.reduce((n, v) => {
-            const d = ((a.vars && a.vars[v.name]) ?? a[v.name] ?? 0) || 0;
-            return n + d;
+        const t = [...I].sort((a, u) => {
+          const C = h.reduce((l, b) => {
+            const d = ((a.vars && a.vars[b.name]) ?? a[b.name] ?? 0) || 0;
+            return l + d;
           }, 0);
-          return g.reduce((n, v) => {
-            const d = ((u.vars && u.vars[v.name]) ?? u[v.name] ?? 0) || 0;
-            return n + d;
-          }, 0) - h;
-        }), r = new Set(
-          t.slice(0, e).map((a) => a[D])
+          return h.reduce((l, b) => {
+            const d = ((u.vars && u.vars[b.name]) ?? u[b.name] ?? 0) || 0;
+            return l + d;
+          }, 0) - C;
+        }), o = new Set(
+          t.slice(0, e).map((a) => a[A])
         );
-        x = x.filter((a) => r.has(a[D]));
+        v = v.filter((a) => o.has(a[A]));
       }
   }
-  const Y = {};
-  g.forEach((e) => {
-    Y[e.name] = x.reduce((t, r) => {
-      const a = (r.vars && r.vars[e.name]) ?? r[e.name] ?? 0;
+  const ee = {};
+  h.forEach((e) => {
+    ee[e.name] = v.reduce((t, o) => {
+      const a = (o.vars && o.vars[e.name]) ?? o[e.name] ?? 0;
       return t + (a || 0);
     }, 0);
   });
-  const X = Math.max(
+  const q = Math.max(
     0,
-    ...g.flatMap((e) => x.map((t) => (t.vars && t.vars[e.name]) ?? t[e.name] ?? 0))
-  ), se = Object.values(Y).reduce((e, t) => e + t, 0), ee = {};
-  x.forEach((e) => {
-    const t = e[D];
-    ee[t] = 0, g.forEach((r) => {
-      const a = (e.vars && e.vars[r.name]) ?? e[r.name] ?? 0;
-      ee[t] += a || 0;
+    ...h.flatMap((e) => v.map((t) => (t.vars && t.vars[e.name]) ?? t[e.name] ?? 0))
+  ), se = Object.values(ee).reduce((e, t) => e + t, 0), ae = {};
+  v.forEach((e) => {
+    const t = e[A];
+    ae[t] = 0, h.forEach((o) => {
+      const a = (e.vars && e.vars[o.name]) ?? e[o.name] ?? 0;
+      ae[t] += a || 0;
     });
   });
-  const oe = {};
-  if (x.forEach((e) => {
-    const t = e[D], r = g.map((a) => ((e.vars && e.vars[a.name]) ?? e[a.name] ?? 0) || 0);
-    oe[t] = r.length > 0 ? Math.max(...r) : 0;
-  }), x.length === 0 || !D || g.length === 0 && !K)
-    return /* @__PURE__ */ m(We, { textColor: p });
+  const re = {};
+  if (v.forEach((e) => {
+    const t = e[A], o = h.map((a) => ((e.vars && e.vars[a.name]) ?? e[a.name] ?? 0) || 0);
+    re[t] = o.length > 0 ? Math.max(...o) : 0;
+  }), v.length === 0 || !A || h.length === 0 && !X)
+    return /* @__PURE__ */ m(je, { textColor: p });
   const ie = (e, t) => {
-    const r = o.manualColorsMode || "dimension", a = ($ == null ? void 0 : $[l]) || {};
-    return r === "measure" ? a.measures && a.measures[e] ? a.measures[e] : t && a[t] ? a[t] : k : t && a[t] ? a[t] : a.measures && a.measures[e] ? a.measures[e] : k;
-  }, me = 28, fe = 6, re = 6 + (L === "left" ? 0 : 6), ce = T && parseInt(T, 10) || 0, le = (e) => {
-    if (o.showZeroNullMeasures) return g.length;
+    const o = r.manualColorsMode || "dimension", a = (V == null ? void 0 : V[n]) || {};
+    return o === "measure" ? a.measures && a.measures[e] ? a.measures[e] : t && a[t] ? a[t] : O : t && a[t] ? a[t] : a.measures && a.measures[e] ? a.measures[e] : O;
+  }, me = 28, fe = 6, oe = 6 + (_ === "left" ? 0 : 6), ce = E && parseInt(E, 10) || 0, ne = (e) => {
+    if (r.showZeroNullMeasures) return h.length;
     let t = 0;
-    return g.forEach((r) => {
-      const a = (e.vars && e.vars[r.name]) ?? e[r.name] ?? null, u = typeof a == "number" ? a : a != null ? parseFloat(a) : null;
+    return h.forEach((o) => {
+      const a = (e.vars && e.vars[o.name]) ?? e[o.name] ?? null, u = typeof a == "number" ? a : a != null ? parseFloat(a) : null;
       u != null && u !== 0 && t++;
     }), t;
   };
-  let q = 0;
-  x.forEach((e) => {
-    const t = Math.max(1, le(e)), r = me * t + fe * Math.max(0, t - 1), a = L === "left" ? Math.max(r, ce) + 12 : r + 12 + re;
-    q += a;
+  let Q = 0;
+  v.forEach((e) => {
+    const t = Math.max(1, ne(e)), o = me * t + fe * Math.max(0, t - 1), a = _ === "left" ? Math.max(o, ce) + 12 : o + 12 + oe;
+    Q += a;
   });
-  const ue = q + 40;
-  if (typeof Z == "function") {
+  const ue = Q + 40;
+  if (typeof j == "function") {
     const e = Math.ceil(ue);
-    C.current.timer && (clearTimeout(C.current.timer), C.current.timer = null), C.current.last !== e && (C.current.timer = setTimeout(() => {
-      C.current.last !== e && (C.current.last = e, Z(e));
+    y.current.timer && (clearTimeout(y.current.timer), y.current.timer = null), y.current.last !== e && (y.current.timer = setTimeout(() => {
+      y.current.last !== e && (y.current.last = e, j(e));
     }, 100));
   }
-  return /* @__PURE__ */ m("div", { className: "grouped-bars-data-frame", children: x.map((e, t) => {
-    const r = e[D], a = g.map((n) => {
-      const v = (e.vars && e.vars[n.name]) ?? e[n.name] ?? null, d = typeof v == "number" ? v : v != null ? parseFloat(v) : null;
-      let M = 0;
-      if (P === "percentage")
-        if (g.length > 1)
+  return /* @__PURE__ */ m("div", { className: "grouped-bars-data-frame", children: v.map((e, t) => {
+    const o = e[A], a = h.map((l) => {
+      const b = (e.vars && e.vars[l.name]) ?? e[l.name] ?? null, d = typeof b == "number" ? b : b != null ? parseFloat(b) : null;
+      let g = 0;
+      if (Z === "percentage")
+        if (h.length > 1)
           if (c) {
-            const F = ee[r] || 0;
-            M = F > 0 && d != null ? d / F * 100 : 0;
+            const S = ae[o] || 0;
+            g = S > 0 && d != null ? d / S * 100 : 0;
           } else {
-            const F = se || 0;
-            M = F > 0 && d != null ? d / F * 100 : 0;
+            const S = se || 0;
+            g = S > 0 && d != null ? d / S * 100 : 0;
           }
         else {
-          const F = Y[n.name] || 0;
-          M = F > 0 && d != null ? d / F * 100 : 0;
+          const S = ee[l.name] || 0;
+          g = S > 0 && d != null ? d / S * 100 : 0;
         }
-      else if (P === "relative_max")
-        if (g.length > 1 && c) {
-          const F = oe[r] || 0;
-          M = F > 0 && d != null ? d / F * 100 : 0;
+      else if (Z === "relative_max")
+        if (h.length > 1 && c) {
+          const S = re[o] || 0;
+          g = S > 0 && d != null ? d / S * 100 : 0;
         } else
-          M = X > 0 && d != null ? d / X * 100 : 0;
+          g = q > 0 && d != null ? d / q * 100 : 0;
       else
-        M = X > 0 && d != null ? d / X * 100 : 0;
-      (d == null || d === 0) && (M = 0), M = Math.max(0, Math.min(100, M));
-      const ae = ie(n.name, r);
-      return { name: n.name, label: n.label || n.name, value: d, width: M, color: ae, format: n.format || f };
-    }), u = o.showZeroNullMeasures ? a : a.filter((n) => n.value != null && n.value !== 0);
-    let h = null;
-    if (S) {
-      const n = u.find((v) => v.name === S);
-      o.showZeroNullMeasures ? h = n || null : h = n && n.value != null && n.value !== 0 ? n : null;
+        g = q > 0 && d != null ? d / q * 100 : 0;
+      (d == null || d === 0) && (g = 0), g = Math.max(0, Math.min(100, g));
+      const U = ie(l.name, o);
+      return { name: l.name, label: l.label || l.name, value: d, width: g, color: U, format: l.format || f };
+    }), u = r.showZeroNullMeasures ? a : a.filter((l) => l.value != null && l.value !== 0);
+    let C = null;
+    if (F) {
+      const l = u.find((b) => b.name === F);
+      r.showZeroNullMeasures ? C = l || null : C = l && l.value != null && l.value !== 0 ? l : null;
     }
-    let z = h ? u.filter((n) => n.name !== S) : u;
-    return _ === "measure" && (z = [...z].sort(
-      (n, v) => O === "asc" ? n.value - v.value : v.value - n.value
-    )), /* @__PURE__ */ m(
-      je,
+    let w = C ? u.filter((l) => l.name !== F) : u;
+    if (R === "measure") {
+      const l = T ? w.find((g) => g.name === T) : null, d = [...l ? w.filter((g) => g.name !== T) : w].sort(
+        (g, U) => W === "asc" ? g.value - U.value : U.value - g.value
+      );
+      w = l ? [l, ...d] : d;
+    }
+    return /* @__PURE__ */ m(
+      Je,
       {
-        dimensionValue: r,
-        measureEntries: z,
-        mainEntry: h,
-        barBackgroundColor: B,
+        dimensionValue: o,
+        measureEntries: w,
+        mainEntry: C,
+        barBackgroundColor: L,
         textColor: p,
-        measureTextColor: w,
-        fontSize: E,
-        mainValueFontSize: I,
-        labelPosition: L,
-        valuePosition: y,
+        measureTextColor: M,
+        fontSize: k,
+        mainValueFontSize: D,
+        labelPosition: _,
+        valuePosition: z,
         format: f,
-        labelWidth: V,
-        labelHeight: T,
-        labelFormat: W,
+        labelWidth: G,
+        labelHeight: E,
+        labelFormat: J,
         vars: e.vars,
-        intl: U,
-        showMeasureLabels: Q
+        intl: N,
+        showMeasureLabels: Y
       },
-      `${r}-${t}`
+      `${o}-${t}`
     );
   }) });
-}, Ke = (o) => {
+}, Xe = (r) => {
   var he;
   const {
-    editing: l = !1,
+    editing: n = !1,
     unique: s,
-    intl: b,
+    intl: x,
     "data-csv": i = "",
     "data-dvz-proxy-dataset-id": f,
-    "data-no-data-message": p = He,
-    "data-view-mode": w = "info",
-    "data-height": E,
-    "data-app": I,
-    "data-measures": U = "{}",
-    "data-format": $ = "{}",
-    "data-group": k,
-    "data-filters": B = "[]",
-    "data-text-color": L = Ee,
-    "data-measure-text-color": y = "#ffffff",
-    "data-back-ground-color": V = Ue,
-    "data-font-size": T = $e,
-    "data-dimension1": W,
-    "data-wait-for-filters": _ = "false",
-    "data-no-data-text": O = Re,
-    "data-manual-colors": G = "{}",
-    "data-default-bar-color": P = ke,
-    "data-bar-background-color": H = Ve,
-    "data-label-position": S,
-    "data-value-position": j,
+    "data-no-data-message": p = Re,
+    "data-view-mode": M = "info",
+    "data-height": k,
+    "data-app": D,
+    "data-measures": N = "{}",
+    "data-format": V = "{}",
+    "data-group": O,
+    "data-filters": L = "[]",
+    "data-text-color": _ = Ue,
+    "data-measure-text-color": z = "#ffffff",
+    "data-back-ground-color": G = $e,
+    "data-font-size": E = ke,
+    "data-dimension1": J,
+    "data-wait-for-filters": R = "false",
+    "data-no-data-text": W = He,
+    "data-manual-colors": P = "{}",
+    "data-default-bar-color": Z = Ve,
+    "data-bar-background-color": H = Oe,
+    "data-label-position": F,
+    "data-value-position": T,
     "data-label-width": c,
-    "data-label-height": Q,
-    "data-label-format": Z,
-    "data-sorting": C,
-    "data-sort-direction": J,
-    "data-sort-measure": N,
-    "data-top-n": K,
-    "data-bar-size-criteria": D,
-    "data-main-measure": g,
-    "data-show-measure-labels": x,
-    "data-bar-size-use-group": Y,
-    "data-enable-manual-colors": X,
+    "data-label-height": Y,
+    "data-label-format": j,
+    "data-sorting": y,
+    "data-sort-direction": K,
+    "data-sort-measure": I,
+    "data-top-n": X,
+    "data-bar-size-criteria": A,
+    "data-main-measure": h,
+    "data-show-measure-labels": v,
+    "data-bar-size-use-group": ee,
+    "data-enable-manual-colors": q,
     "data-manual-colors-mode": se,
-    "data-main-value-font-size": ee,
-    "data-show-zero-null-measures": oe
-  } = o, ie = be(null), [me, fe] = ve(w), [re, ce] = ve(null), le = parseInt(E || 0, 10) || 0, q = Math.max(le, re || 0), ue = l ? q - 80 : q - 40, e = ne($, l), t = we(e), r = ne(B, l), a = ne(U, l), u = ne(G, l), h = Oe(a, t, I, o["data-enable-custom-measure-formats"] === "true"), z = h.map((te) => te.name), n = typeof g == "string" && g.length > 0 ? R(g) : null, v = n && n.toLowerCase() === "none" ? null : n || null, d = h.length > 1 ? v === null ? null : z.includes(v) ? v : z[0] : null, M = typeof N == "string" && N.length > 0 ? R(N) : null, ae = M && M.toLowerCase() === "none" ? null : M || null, F = h.length > 1 ? ae === null ? null : z.includes(ae) ? ae : z[0] : null, Se = Ge(r, f), pe = Pe(W), Me = D, Fe = Y === "true", Ce = X === "true", Ne = se || "dimension", Ie = parseInt(ee || de, 10), ye = x === "true", De = oe === "true";
+    "data-main-value-font-size": ae,
+    "data-show-zero-null-measures": re
+  } = r, ie = be(null), [me, fe] = ve(M), [oe, ce] = ve(null), ne = parseInt(k || 0, 10) || 0, Q = Math.max(ne, oe || 0), ue = n ? Q - 80 : Q - 40, e = le(V, n), t = we(e), o = le(L, n), a = le(N, n), u = a !== null ? a : N && typeof N == "string" && !N.startsWith("{") && !N.startsWith("[") ? [N] : null, C = le(P, n), w = Ge(u, t, D, r["data-enable-custom-measure-formats"] === "true"), l = w.map((te) => te.name), b = typeof h == "string" && h.length > 0 ? $(h) : null, d = b && b.toLowerCase() === "none" ? null : b || null, g = w.length > 1 ? d === null ? null : l.includes(d) ? d : l[0] : null, U = typeof I == "string" && I.length > 0 ? $(I) : null, S = U && U.toLowerCase() === "none" ? null : U || null, Se = w.length > 1 ? S === null ? null : l.includes(S) ? S : l[0] : null, Me = We(o, f), pe = Pe(J), Fe = A, Ce = ee === "true", Ne = q === "true", ye = se || "dimension", Ie = parseInt(ae || de, 10), De = v === "true", ze = re === "true";
   return /* @__PURE__ */ m("div", { ref: ie, children: /* @__PURE__ */ m(
-    Ae,
+    Be,
     {
-      className: `chart container grouped-bars-container ${l ? "editing" : ""}`,
-      style: { height: (q || le) + "px", backgroundColor: V },
+      className: `chart container grouped-bars-container ${n ? "editing" : ""}`,
+      style: { height: (Q || ne) + "px", backgroundColor: G },
       fluid: !0,
       children: /* @__PURE__ */ m(
-        Be,
+        Le,
         {
           style: { height: `${ue}px` },
-          params: Se,
-          app: I,
-          group: k,
+          params: Me,
+          app: D,
+          group: O,
           csv: i,
-          editing: l,
-          waitForFilters: _ === "true",
-          store: [I, s, ...pe],
+          editing: n,
+          waitForFilters: R === "true",
+          store: [D, s, ...pe],
           source: pe.join("/"),
-          children: /* @__PURE__ */ m(Le, { children: /* @__PURE__ */ m(
-            Je,
+          children: /* @__PURE__ */ m(Te, { children: /* @__PURE__ */ m(
+            Ke,
             {
-              editing: l,
-              locale: b.locale,
-              intl: b,
-              app: I,
+              editing: n,
+              locale: x.locale,
+              intl: x,
+              app: D,
               format: t,
-              dimension1: W,
-              manualColors: Ce ? u : {},
-              manualColorsMode: Ne,
-              measure: h.length === 1 ? (he = h[0]) == null ? void 0 : he.name : null,
-              fontSize: T,
-              textColor: R(L),
-              measureTextColor: R(y),
-              backGroundColor: R(V),
-              noDataText: O,
-              defaultBarColor: R(P),
-              barBackgroundColor: R(H),
-              labelPosition: S,
-              valuePosition: h.length > 1 ? "bar" : j,
+              dimension1: J,
+              manualColors: Ne ? C : {},
+              manualColorsMode: ye,
+              measure: w.length === 1 ? (he = w[0]) == null ? void 0 : he.name : null,
+              fontSize: E,
+              textColor: $(_),
+              measureTextColor: $(z),
+              backGroundColor: $(G),
+              noDataText: W,
+              defaultBarColor: $(Z),
+              barBackgroundColor: $(H),
+              labelPosition: F,
+              valuePosition: w.length > 1 ? "bar" : T,
               labelWidth: c,
-              labelHeight: Q,
-              labelFormat: Z,
-              sorting: C,
-              sortDirection: J,
-              topN: K,
-              barSizeCriteria: Me,
-              barSizeUseGroup: Fe,
-              selectedMeasures: h,
-              mainMeasureName: d,
-              sortMeasureName: F,
+              labelHeight: Y,
+              labelFormat: j,
+              sorting: y,
+              sortDirection: K,
+              topN: X,
+              barSizeCriteria: Fe,
+              barSizeUseGroup: Ce,
+              selectedMeasures: w,
+              mainMeasureName: g,
+              sortMeasureName: Se,
               mainValueFontSize: Ie,
-              showMeasureLabels: ye,
-              showZeroNullMeasures: De,
+              showMeasureLabels: De,
+              showZeroNullMeasures: ze,
               onHeightChange: (te) => {
                 if (typeof te == "number" && te > 0) {
                   const ge = Math.ceil(te);
-                  ge !== re && ce(ge);
+                  ge !== oe && ce(ge);
                 }
               }
             }
@@ -540,10 +544,10 @@ const He = "No data matches your selection", Re = "-", Ee = "#5a5d68", Ue = "non
       )
     }
   ) });
-}, Xe = (o, l) => {
-  const { "data-app": s, "data-group": b } = l, i = o.getIn(["data", "measures", s, b]);
+}, qe = (r, n) => {
+  const { "data-app": s, "data-group": x } = n, i = r.getIn(["data", "measures", s, x]);
   return i ? { injectedMeasures: i } : {};
-}, qe = {}, na = Te(Xe, qe)(Ke);
+}, Qe = {}, sa = _e(qe, Qe)(Xe);
 export {
-  na as default
+  sa as default
 };