@devgateway/dvz-ui-react 1.5.3 → 1.6.0

package/dist/esm/embeddable/chart/index.js

@@ -1,56 +1,57 @@
-import { jsx as m, jsxs as ce } from "react/jsx-runtime";
-import { useState as E, useRef as Ka, useEffect as ue } from "react";
-import { Container as me } from "semantic-ui-react";
-import Qa from "../data/DataProvider.js";
-import Za from "../data/DataConsumer.js";
-import Oa from "../../utils/deviceType.js";
-import ja from "./Pie.js";
+import { jsx as p, jsxs as ue } from "react/jsx-runtime";
+import { useState as V, useRef as Qa, useEffect as me } from "react";
+import { Container as pe } from "semantic-ui-react";
+import Za from "../data/DataProvider.js";
+import Oa from "../data/DataConsumer.js";
+import ja from "../../utils/deviceType.js";
+import er from "./Pie.js";
 import "immutable";
-import er from "./Radar.js";
-import tr from "./Bar.js";
-import ar from "./Line.js";
-import { PostContent as rr } from "@devgateway/wp-react-lib";
-import K from "./data/index.js";
-import or from "./CSVDataFrame.js";
-import nr from "./colors/ColorProvider.js";
-import it from "./Messages.js";
+import tr from "./Radar.js";
+import ar from "./Bar.js";
+import rr from "./Line.js";
+import { PostContent as or } from "@devgateway/wp-react-lib";
+import Z from "./data/index.js";
+import nr from "./CSVDataFrame.js";
+import sr from "./colors/ColorProvider.js";
+import st from "./Messages.js";
 import { connect as ir } from "react-redux";
-import { injectIntl as sr } from "react-intl";
-const dr = (R) => {
+import { injectIntl as lr } from "react-intl";
+const dr = (v) => {
+  console.log("manual colors...", v["data-manual-colors"]);
   let {
-    parent: pe,
-    editing: s = !1,
-    unique: Q,
-    childContent: v,
-    categories: N,
-    injectedMeasures: d,
-    "data-app": r = "csv",
-    "data-dvz-proxy-dataset-id": he,
-    "data-group": ge = "default",
-    "data-height": z = 500,
-    "data-type": A = "bar",
+    parent: he,
+    editing: i = !1,
+    unique: O,
+    childContent: L,
+    categories: G,
+    injectedMeasures: l,
+    "data-app": o = "csv",
+    "data-dvz-proxy-dataset-id": ge,
+    "data-group": fe = "default",
+    "data-height": X = 500,
+    "data-type": B = "bar",
     //'data-source': source = 'gender/smoke',f
-    "data-dimension1": F,
-    "data-dimension2": fe,
-    "data-dimension3": ur,
-    "data-color-by": Z = "index",
-    "data-scheme": be = "system",
-    "data-group-mode": st = "grouped",
-    "data-left-legend": dt = "Left Legend",
-    "data-legend-label": lt = "",
+    "data-dimension1": P,
+    "data-dimension2": be,
+    "data-dimension3": mr,
+    "data-color-by": E = "index",
+    "data-scheme": j = "system",
+    "data-group-mode": it = "grouped",
+    "data-left-legend": lt = "Left Legend",
+    "data-legend-label": dt = "",
     "data-bottom-legend": ct = "Bottom Legend",
     "data-dualmode": ut,
     "data-legend-position": we = "right",
     "data-show-legends": xe = "true",
-    "data-data-source-label": mr = "Source",
-    "data-chart-data-source": pr = "Data Source",
-    "data-toggle-info-label": hr = "Info Graphic",
-    "data-toggle-chart-label": gr = "Chart",
+    "data-data-source-label": pr = "Source",
+    "data-chart-data-source": hr = "Data Source",
+    "data-toggle-info-label": gr = "Info Graphic",
+    "data-toggle-chart-label": fr = "Chart",
     //'data-number-format': format = '{"style":"percent", "minimumFractionDigits": 1, "maximumFractionDigits": 1}',
     "data-tick-rotation": u = 0,
     "data-tick-color": mt = "rgb(92,93,99)",
     "data-measures": pt = "{}",
-    "data-format": fr = "{}",
+    "data-format": br = "{}",
     "data-csv": ht = "",
     "data-margin-left": gt = 50,
     "data-margin-top": ft = 25,
@@ -62,39 +63,39 @@ const dr = (R) => {
     "data-filters": Lt = "[]",
     //filters
     "data-tooltip-html": yt = "",
-    "data-layout": O = "vertical",
+    "data-layout": ee = "vertical",
     "data-reverse": Le = "false",
-    "data-offset-y": kt = "-40",
+    "data-offset-y": Tt = "-40",
     "data-line-layer-enabled": ye = "false",
     //"data-csv-line-layer-data": csvLineLayerData = "",
     //"data-csv-line-color": lineColor = "#000000",
     //"data-csv-line-tooltip": lineTooltip = "",
     //"data-csv-line-title": lineTitle = "",
-    "data-overlays": Tt = "[]",
-    "data-max-value": It = "auto",
-    "data-value-scale": Ct = "linear",
-    "data-swap": G = "false",
-    "data-no-data-message": Mt = "No data matches your selection",
+    "data-overlays": kt = "[]",
+    "data-max-value": Ct = "auto",
+    "data-value-scale": Mt = "linear",
+    "data-swap": U = "false",
+    "data-no-data-message": It = "No data matches your selection",
     "data-bar-color": Dt = "rgb(0,0,0)",
-    "data-override-tick-color": ke = "false",
-    "data-fixed-min-value": Rt = 0,
-    "data-fixed-max-value": At = 0,
+    "data-override-tick-color": Te = "false",
+    "data-fixed-min-value": At = 0,
+    "data-fixed-max-value": Rt = 0,
     "data-bar-padding": Ft = 0.15,
     "data-bar-label-position": Bt = "middle",
     "data-line-label-position": Pt = "none",
-    "data-show-grid": Te = "true",
-    "data-include-overall": Ie = "false",
+    "data-show-grid": ke = "true",
+    "data-include-overall": Ce = "false",
     "data-bar-inner-padding": Et = 0.7,
     "data-x-label-color": Nt = "#000",
     "data-bar-label-color": zt = "#000",
-    "data-legend-label-color": Gt = "#000",
-    "data-tooltip-enabled": Ce = "true",
-    "data-use-check-box-background": Me = "false",
+    "data-legend-label-color": Vt = "#000",
+    "data-tooltip-enabled": Me = "true",
+    "data-use-check-box-background": Ie = "false",
     "data-use-label-background": De = "true",
-    "data-highlight-xaxis-line": Re = "false",
-    "data-show-tick-line": Ae = "true",
+    "data-highlight-xaxis-line": Ae = "false",
+    "data-show-tick-line": Re = "true",
     "data-show-right-axis": Fe = "true",
-    "data-manual-colors": Vt = "{}",
+    "data-manual-colors": Gt = "{}",
     "data-right-legend": Xt = "",
     "data-offset-right": Ut = "40",
     "data-offset-bottom": $t = "40",
@@ -118,25 +119,25 @@ const dr = (R) => {
     "data-group-total-label": ea = "",
     "data-group-total-format": ta = "{}",
     "data-group-total-label-offset": aa,
-    "data-group-total-fixed-position": Ge = "false",
-    "data-tooltip-enable-markdown": V = "false",
-    "data-y-axis-tick-values": Ve = "10",
+    "data-group-total-fixed-position": Ve = "false",
+    "data-tooltip-enable-markdown": $ = "false",
+    "data-y-axis-tick-values": Ge = "10",
     "data-x-axis-tick-values": Xe = "10",
-    "data-enable-grid-y": L = "true",
-    "data-enable-grid-x": y = "false",
+    "data-enable-grid-y": y = "true",
+    "data-enable-grid-x": T = "false",
     "data-offset-text": ra = 0,
-    "data-overall-label": j = "Overall",
+    "data-overall-label": te = "Overall",
     "data-min-max-clamp": oa = "false",
     "data-reverse-legend": Ue = "false",
     "data-sort": $e = "default",
-    "data-sort-reverse": X = "false",
+    "data-sort-reverse": S = "false",
     "data-sort-second-dimension": Se = "default",
-    "data-sort-reverse-second-dimension": U = "false",
+    "data-sort-reverse-second-dimension": H = "false",
     "data-radar-curve": na = "linearClosed",
-    "data-radar-fill-opacity": ia = 0.25,
-    "data-radar-border-width": sa = 2,
-    "data-radar-grid-levels": da = 3,
-    "data-radar-grid-shape": la = "circular",
+    "data-radar-fill-opacity": sa = 0.25,
+    "data-radar-border-width": ia = 2,
+    "data-radar-grid-levels": la = 3,
+    "data-radar-grid-shape": da = "circular",
     "data-radar-grid-label-offset": ca = 36,
     "data-radar-enable-dots": He = "true",
     "data-radar-dot-size": ua = 8,
@@ -144,36 +145,38 @@ const dr = (R) => {
     "data-radar-dot-label-offset": ma = -12,
     "data-mobile-customization": Ye = "{}",
     "data-show-percentage": qe = "false",
-    "data-preview-mode": p = "Desktop",
+    "data-preview-mode": h = "Desktop",
     "data-wait-for-filters": pa = "false",
     "data-line-curve": ha = "linear",
     "data-show-legends-in-columns": Je = "false",
     "data-number-of-legend-columns": ga = 4,
-    pageModuleProps: h
-  } = R;
-  const fa = s, t = JSON.parse(
+    pageModuleProps: g
+  } = v;
+  const fa = i, t = JSON.parse(
     decodeURIComponent(Ye)
-  ), [ee, ba] = E(
+  ), [ae, ba] = V(
     window.innerWidth <= 1250
-  ), f = ee && ((t == null ? void 0 : t.showCustomization) ?? !1);
-  h != null && h.previewMode && (h != null && h.editing) && (p = h.previewMode, s = h.editing);
-  const wa = ["Tablet"].includes(p) && s, xa = ["Mobile"].includes(p) && s, va = ["Desktop"].includes(p) && s, l = f && p !== "Desktop", c = f && !s, te = () => {
-    const e = window.matchMedia("(min-width: 768px) and (max-width: 1250px)").matches, n = window.matchMedia("(max-width: 767px)").matches;
+  ), b = ae && ((t == null ? void 0 : t.showCustomization) ?? !1);
+  g != null && g.previewMode && (g != null && g.editing) && (h = g.previewMode, i = g.editing);
+  const wa = ["Tablet"].includes(h) && i, xa = ["Mobile"].includes(h) && i, va = ["Desktop"].includes(h) && i, d = b && h !== "Desktop", c = b && !i, re = () => {
+    const e = window.matchMedia(
+      "(min-width: 768px) and (max-width: 1250px)"
+    ).matches, r = window.matchMedia("(max-width: 767px)").matches;
     switch (!0) {
       case va:
         return u;
       case wa:
-        return f ? (t == null ? void 0 : t.tabletXAxisTextRotation) ?? u : u;
+        return b ? (t == null ? void 0 : t.tabletXAxisTextRotation) ?? u : u;
       case xa:
-        return f ? (t == null ? void 0 : t.mobileXAxisTextRotation) ?? u : u;
+        return b ? (t == null ? void 0 : t.mobileXAxisTextRotation) ?? u : u;
       case e:
-        return f ? (t == null ? void 0 : t.tabletXAxisTextRotation) ?? u : u;
-      case n:
-        return f ? (t == null ? void 0 : t.mobileXAxisTextRotation) ?? u : u;
+        return b ? (t == null ? void 0 : t.tabletXAxisTextRotation) ?? u : u;
+      case r:
+        return b ? (t == null ? void 0 : t.mobileXAxisTextRotation) ?? u : u;
       default:
         return u;
     }
-  }, La = te(), [ya, _e] = E(La), Ke = R.intl.locale, $ = Ka(null), Qe = (e) => {
+  }, La = re(), [ya, _e] = V(La), Ke = v.intl.locale, W = Qa(null), Qe = (e) => {
     try {
       return fa ? e : decodeURIComponent(e);
     } catch {
@@ -186,170 +189,185 @@ const dr = (R) => {
       console.error(`error parsing value:${e}`);
     }
     return null;
-  }, ka = () => k(Vt)[r], Ta = () => k(pt), Ze = () => {
+  }, Ta = () => {
+    const e = k(Gt);
+    if (!e) return null;
+    const r = e[o];
+    if (o === "csv" && r && j === "manual") {
+      if (r[E] !== void 0)
+        return r;
+      if (typeof r == "object" && r !== null && !Array.isArray(r) && Object.values(r).some(
+        (m) => typeof m == "string" && (m.startsWith("#") || m.startsWith("rgb"))
+      ))
+        return { [E]: r };
+    }
+    return r;
+  }, ka = () => k(pt), Ze = () => {
     var e;
-    if (a != null && a[r]) {
-      let n = (e = a == null ? void 0 : a[r]) == null ? void 0 : e.format;
-      if (!n) {
-        const o = Object.keys(a == null ? void 0 : a[r]);
-        for (let w = 0; w < o.length; w++)
-          if (a != null && a[r][o[w]].selected && (a != null && a[r][o[w]].format)) {
-            n = a == null ? void 0 : a[r][o[w]].format;
+    if (a != null && a[o]) {
+      let r = (e = a == null ? void 0 : a[o]) == null ? void 0 : e.format;
+      if (!r) {
+        const n = Object.keys(a == null ? void 0 : a[o]);
+        for (let m = 0; m < n.length; m++)
+          if (a != null && a[o][n[m]].selected && (a != null && a[o][n[m]].format)) {
+            r = a == null ? void 0 : a[o][n[m]].format;
             break;
           }
       }
-      return n;
+      return r;
     }
     return a != null && a.csv ? a.csv.format : null;
-  }, Ia = () => {
+  }, Ca = () => {
     let e = null;
-    return a != null && a[r] ? a[r].useCustomAxisFormat && a[r].customFormat && (e = a[r].customFormat) : a != null && a.csv && a.csv.useCustomAxisFormat && a.csv.customFormat && (e = a.csv.customFormat), e;
-  }, Ca = () => a != null && a[r] ? Object.keys(a[r]).map((e) => ({ value: e, ...a[r][e] })).filter((e) => e.selected).map((e) => e.value) : [], Oe = () => {
+    return a != null && a[o] ? a[o].useCustomAxisFormat && a[o].customFormat && (e = a[o].customFormat) : a != null && a.csv && a.csv.useCustomAxisFormat && a.csv.customFormat && (e = a.csv.customFormat), e;
+  }, Ma = () => a != null && a[o] ? Object.keys(a[o]).map((e) => ({ value: e, ...a[o][e] })).filter((e) => e.selected).map((e) => e.value) : [], Oe = () => {
     const e = {};
-    return a != null && a[r] && Object.keys(a[r]).map((o) => ({ value: o, ...a[r][o] })).filter((o) => o.selected && o.hasCustomLabel).forEach((o) => {
-      e[o.value] = o.customLabel;
+    return a != null && a[o] && Object.keys(a[o]).map((n) => ({ value: n, ...a[o][n] })).filter((n) => n.selected && n.hasCustomLabel).forEach((n) => {
+      e[n.value] = n.customLabel;
     }), e;
-  }, Ma = () => a != null && a[r] ? Object.keys(a[r]).filter(
-    (e) => a[r][e].allowSelection
+  }, Ia = () => a != null && a[o] ? Object.keys(a[o]).filter(
+    (e) => a[o][e].allowSelection
   ) : [];
-  let a = Ta(), b = Ca(), g = Ze();
-  const Da = Ma();
-  let ae = dt, re = Xt, oe = Qe(yt);
-  if (d != null && d[r]) {
-    const e = Object.keys(d[r].measures).map((n) => ({ value: n, ...d[r].measures[n] })).filter((n) => n.selected).map((n) => n.value);
-    a = d, b = e, g = Ze(), ae = d.leftTitle, re = d.rightTitle, d.customTooltip && (oe = d.customTooltip);
+  let a = ka(), w = Ma(), f = Ze();
+  const Da = Ia();
+  let oe = lt, ne = Xt, se = Qe(yt);
+  if (l != null && l[o]) {
+    const e = Object.keys(l[o].measures).map((r) => ({ value: r, ...l[o].measures[r] })).filter((r) => r.selected).map((r) => r.value);
+    a = l, w = e, f = Ze(), oe = l.leftTitle, ne = l.rightTitle, l.customTooltip && (se = l.customTooltip);
   }
-  const Ra = g ? {
-    style: g.style === "compacted" ? "decimal" : g.style,
-    notation: g.style === "compacted" ? "compact" : "standard",
-    currency: g.currency,
-    minimumFractionDigits: parseInt(g.minimumFractionDigits),
-    maximumFractionDigits: parseInt(g.maximumFractionDigits)
+  const Aa = f ? {
+    style: f.style === "compacted" ? "decimal" : f.style,
+    notation: f.style === "compacted" ? "compact" : "standard",
+    currency: f.currency,
+    minimumFractionDigits: parseInt(f.minimumFractionDigits),
+    maximumFractionDigits: parseInt(f.maximumFractionDigits)
   } : {
     notation: "standard",
     currency: "USD",
     minimumFractionDigits: 2,
     maximumFractionDigits: 2
-  }, Aa = Ia(), i = k(ta), Fa = {
-    style: (i == null ? void 0 : i.style) === "compacted" ? "decimal" : i == null ? void 0 : i.style,
-    notation: (i == null ? void 0 : i.style) === "compacted" ? "compact" : "standard",
-    currency: i == null ? void 0 : i.currency,
+  }, Ra = Ca(), s = k(ta), Fa = {
+    style: (s == null ? void 0 : s.style) === "compacted" ? "decimal" : s == null ? void 0 : s.style,
+    notation: (s == null ? void 0 : s.style) === "compacted" ? "compact" : "standard",
+    currency: s == null ? void 0 : s.currency,
     minimumFractionDigits: parseInt(
-      i == null ? void 0 : i.minimumFractionDigits
+      s == null ? void 0 : s.minimumFractionDigits
     ),
     maximumFractionDigits: parseInt(
-      i == null ? void 0 : i.maximumFractionDigits
+      s == null ? void 0 : s.maximumFractionDigits
     )
-  }, [Ba, br] = E(ve), Pa = s ? ve : Ba, Ea = {
-    scheme: be,
-    colorBy: Z
-  }, S = s ? z - 80 : z, Na = () => (l || c) && !(t != null && t.showXAxisTitle) ? "" : ct, za = () => l || c ? t != null && t.showYAxisTitle ? ae : "" : ae, Ga = () => l || c ? t != null && t.showRightAxisTitle ? re : "" : re, Va = {
+  }, [Ba, wr] = V(ve), Pa = i ? ve : Ba, Ea = {
+    scheme: j,
+    colorBy: E
+  }, Y = i ? X - 80 : X, Na = () => (d || c) && !(t != null && t.showXAxisTitle) ? "" : ct, za = () => d || c ? t != null && t.showYAxisTitle ? oe : "" : oe, Va = () => d || c ? t != null && t.showRightAxisTitle ? ne : "" : ne, Ga = {
     left: za(),
     bottom: Na(),
-    right: Ga()
-  }, H = (e) => {
+    right: Va()
+  }, q = (e) => {
     if (e === "true" || e === !0)
       return !0;
     if (e === "false" || e === !1)
       return !1;
   }, je = () => {
-    H(y) && !H(L) ? (y = !1, L = !0) : !H(y) && H(L) && (y = !0, L = !1);
-  }, Xa = () => O === "horizontal" ? (je(), "vertical") : (je(), "horizontal"), Ua = () => t != null && t.chartLayoutOverride ? Xa() : O, W = (e, n, o) => e ? Number.parseInt(n) ?? o : o, et = (e, n, o) => e ? n ?? o : o;
-  ue(() => {
+    q(T) && !q(y) ? (T = !1, y = !0) : !q(T) && q(y) && (T = !0, y = !1);
+  }, Xa = () => ee === "horizontal" ? (je(), "vertical") : (je(), "horizontal"), Ua = () => t != null && t.chartLayoutOverride ? Xa() : ee, J = (e, r, n) => e ? Number.parseInt(r) ?? n : n, et = (e, r, n) => e ? r ?? n : n;
+  me(() => {
     const e = () => {
       ba(window.innerWidth <= 1250);
-      const n = te();
-      _e(n);
+      const r = re();
+      _e(r);
     };
-    return window.addEventListener("resize", e), _e(te()), () => {
+    return window.addEventListener("resize", e), _e(re()), () => {
       window.removeEventListener("resize", e);
     };
   }, [
-    s,
-    p,
-    f,
+    i,
+    h,
+    b,
     u,
     t == null ? void 0 : t.tabletXAxisTextRotation,
     t == null ? void 0 : t.mobileXAxisTextRotation
   ]);
   const $a = () => {
-    const e = ["tablet", "mobile", "midTablet"].includes(Oa());
-    return s && p === "Desktop" ? we : e ? "bottom" : we;
+    const e = ["tablet", "mobile", "midTablet"].includes(
+      ja()
+    );
+    return i && h === "Desktop" ? we : e ? "bottom" : we;
   }, tt = {
-    app: r,
-    editing: s,
+    app: o,
+    editing: i,
     tickColor: decodeURIComponent(mt),
     tickRotation: ya,
-    layout: l || c ? Ua() : O,
+    layout: d || c ? Ua() : ee,
     reverse: Le == !0 || Le == "true",
     showLegends: xe == !0 || xe == "true",
-    legendLabel: lt,
-    swap: G == !0 || G == "true",
-    showGrid: Te == !0 || Te == "true",
+    legendLabel: dt,
+    swap: U == !0 || U == "true",
+    showGrid: ke == !0 || ke == "true",
     showPercentage: qe == !0 || qe == "true",
-    marginLeft: W(
-      l || c,
+    marginLeft: J(
+      d || c,
       Number.parseInt(t == null ? void 0 : t.marginLeft),
       parseInt(gt)
     ),
-    marginTop: W(
-      l || c,
+    marginTop: J(
+      d || c,
       Number.parseInt(t == null ? void 0 : t.marginTop),
       parseInt(ft)
     ),
-    marginRight: W(
-      l || c,
+    marginRight: J(
+      d || c,
       Number.parseInt(t == null ? void 0 : t.marginRight),
       Number.parseInt(bt)
     ),
-    marginBottom: W(
-      l || c,
+    marginBottom: J(
+      d || c,
       Number.parseInt(t == null ? void 0 : t.marginBottom),
       Number.parseInt(wt)
     ),
-    height: `${S}px`,
+    height: `${Y}px`,
     legendPosition: $a(),
-    legends: Va,
-    tooltip: V == !0 || V == "true" ? oe : oe.replace(/\r\n/g, "<hr/>").replace(/[\r\n]/g, "<hr/>"),
+    legends: Ga,
+    tooltip: $ == !0 || $ == "true" ? se : se.replace(/\r\n/g, "<hr/>").replace(/[\r\n]/g, "<hr/>"),
     colors: Ea,
-    groupMode: st,
-    format: Ra,
+    groupMode: it,
+    format: Aa,
     startAngle: xt,
     endAngle: vt,
-    offsetY: kt,
+    offsetY: Tt,
     // csvLineLayerData,
     // lineColor: decodeURIComponent(lineColor),
     // lineTooltip,
     // lineTitle,
-    maxValue: It,
-    valueScale: Ct,
-    categories: N,
+    maxValue: Ct,
+    valueScale: Mt,
+    categories: G,
     lineLayerEnabled: ye == !0 || ye == "true",
-    overlays: k(Tt) || [],
+    overlays: k(kt) || [],
     barColor: decodeURIComponent(Dt),
-    overrideTickColor: ke == !0 || ke == "true",
-    fixedMinValue: Rt,
-    fixedMaxValue: At,
+    overrideTickColor: Te == !0 || Te == "true",
+    fixedMinValue: At,
+    fixedMaxValue: Rt,
     barPadding: et(
-      l || c,
+      d || c,
       t == null ? void 0 : t.barPadding,
       Ft
     ),
     barLabelPosition: Bt,
     lineLabelPosition: Pt,
     barInnerPadding: et(
-      l || c,
+      d || c,
       t == null ? void 0 : t.barInnerPadding,
       Et
     ),
     xLabelColor: decodeURIComponent(Nt),
     barLabelColor: decodeURIComponent(zt),
-    legendLabelColor: decodeURIComponent(Gt),
-    tooltipEnabled: Ce == !0 || Ce == "true",
+    legendLabelColor: decodeURIComponent(Vt),
+    tooltipEnabled: Me == !0 || Me == "true",
     legendLabelBack: De == !0 || De == "true",
-    legendCheckBack: Me == !0 || Me == "true",
-    highlightXAxisLine: Re == !0 || Re == "true",
-    showTickLine: Ae == !0 || Ae == "true",
+    legendCheckBack: Ie == !0 || Ie == "true",
+    highlightXAxisLine: Ae == !0 || Ae == "true",
+    showTickLine: Re == !0 || Re == "true",
     showRightAxis: Fe == !0 || Fe == "true",
     offsetRight: Ut,
     offsetBottom: $t,
@@ -364,7 +382,7 @@ const dr = (R) => {
     groupTotalLabel: ea,
     groupTotalFormat: Fa,
     groupTotalOffset: aa,
-    groupTotalFixedPosition: Ge == !0 || Ge == "true",
+    groupTotalFixedPosition: Ve == !0 || Ve == "true",
     centerLabel: Jt,
     showArcLabels: Ee == !0 || Ee == "true",
     showArcLinkLabels: Ne == !0 || Ne == "true",
@@ -374,25 +392,25 @@ const dr = (R) => {
     centerLabelXOffset: Zt,
     centerLabelYOffset: Ot,
     userMeasures: Da,
-    tooltipEnableMarkdown: V == !0 || V == "true",
-    yAxisTickValues: l || c ? t.yAxisTickValues ?? Ve : Ve,
-    xAxisTickValues: l || c ? t.xAxisTickValues ?? Xe : Xe,
-    enableGridY: L == !0 || L == "true",
-    enableGridX: y == !0 || y == "true",
+    tooltipEnableMarkdown: $ == !0 || $ == "true",
+    yAxisTickValues: d || c ? t.yAxisTickValues ?? Ge : Ge,
+    xAxisTickValues: d || c ? t.xAxisTickValues ?? Xe : Xe,
+    enableGridY: y == !0 || y == "true",
+    enableGridX: T == !0 || T == "true",
     offsetText: ra,
-    selectedMeasures: b,
-    overallLabel: j,
+    selectedMeasures: w,
+    overallLabel: te,
     minMaxClamp: oa,
     reverseLegend: Ue == !0 || Ue == "true",
-    customAxisFormat: Aa,
+    customAxisFormat: Ra,
     sort: $e,
-    sortReverse: X == !0 || X == "true",
-    sortReverseSecondDimension: U == !0 || U == "true",
+    sortReverse: S == !0 || S == "true",
+    sortReverseSecondDimension: H == !0 || H == "true",
     radarCurve: na,
-    radarFillOpacity: ia,
-    radarBorderWidth: sa,
-    radarGridLevels: da,
-    radarGridShape: la,
+    radarFillOpacity: sa,
+    radarBorderWidth: ia,
+    radarGridLevels: la,
+    radarGridShape: da,
     radarGridLabelOffset: ca,
     radarEnableDots: He == !0 || He == "true",
     radarDotSize: ua,
@@ -400,91 +418,93 @@ const dr = (R) => {
     radarDotLabelOffset: ma,
     sortSecondDimension: Se,
     mobileCustomization: Ye,
-    dimension1: F,
-    previewMode: p,
+    dimension1: P,
+    previewMode: h,
     lineCurve: ha,
     showLegendsInColumns: Je == !0 || Je == "true",
     numberOfLegendColumns: parseInt(ga) || 4
-  }, ne = {}, ie = k(Lt) || {};
-  ie && ie.forEach && ie.forEach((e) => {
-    e.value != null && e.value.filter((n) => n != null && n.toString().trim() != "").length > 0 && (ne[e.param] = e.value);
-  }), he && (ne.dvzProxyDatasetId = he);
-  let T = null, I = null;
-  if (r === "csv")
-    T = or;
+  }, ie = {}, le = k(Lt) || {};
+  le && le.forEach && le.forEach((e) => {
+    e.value != null && e.value.filter((r) => r != null && r.toString().trim() != "").length > 0 && (ie[e.param] = e.value);
+  }), ge && (ie.dvzProxyDatasetId = ge);
+  let C = null, M = null;
+  if (o === "csv")
+    C = nr;
   else
-    switch (A) {
+    switch (B) {
       case "line":
-        T = K.LineDataFrame;
+        C = Z.LineDataFrame;
         break;
       case "pie":
-        T = K.PieDataFrame;
+        C = Z.PieDataFrame;
         break;
       case "radar":
-        T = K.BarDataFrame;
+        C = Z.BarDataFrame;
         break;
       default:
-        T = K.BarDataFrame;
+        C = Z.BarDataFrame;
         break;
     }
-  let C = !1;
-  switch (A) {
+  let I = !1;
+  switch (B) {
     case "bar":
-      I = tr, C = r != "csv" && F == "none" && b.length == 0;
+      M = ar, I = o != "csv" && P == "none" && w.length == 0;
       break;
     case "line":
-      I = ar, C = r !== "csv" && (b.length === 0 || F === "none");
+      M = rr, I = o !== "csv" && (w.length === 0 || P === "none");
       break;
     case "pie":
-      C = r != "csv" && b.length == 0, I = ja;
+      I = o != "csv" && w.length == 0, M = er;
       break;
     case "radar":
-      C = r != "csv" && b.length == 0, I = er;
+      I = o != "csv" && w.length == 0, M = tr;
       break;
     default:
-      I = /* @__PURE__ */ m("div", { children: "No Chart" });
+      M = /* @__PURE__ */ p("div", { children: "No Chart" });
       break;
   }
-  const Sa = ut === "true", B = [];
-  F != "none" && B.push(F), fe != "none" && B.push(fe);
-  const [at, Ha] = E(0), [wr, Wa] = E(rt());
+  const Sa = ut === "true", N = [];
+  P != "none" && N.push(P), be != "none" && N.push(be);
+  const [at, Ha] = V(0), [xr, Wa] = V(rt());
   function rt() {
     var e;
     return ((e = window.screen.orientation) == null ? void 0 : e.type) || (window.innerWidth > window.innerHeight ? "landscape-primary" : "portrait-primary");
   }
-  return ue(() => {
+  return me(() => {
     const e = setTimeout(() => {
-      ee && (() => {
-        const o = $.current.querySelector(
+      ae && (() => {
+        const n = W.current.querySelector(
           ".legends.container.has-standard-12-font-size.bottom"
-        ) || $.current.querySelector(".legends.container.items-section");
-        if (!o) return;
-        const { clientHeight: w } = o, P = window.getComputedStyle(o), Ya = parseInt(P.marginTop), ot = parseInt(P.marginBottom), qa = parseInt(P.paddingTop), Ja = parseInt(P.paddingBottom), _a = w + Ya + ot + qa + Ja, nt = o.closest(
+        ) || W.current.querySelector(
+          ".legends.container.items-section:not(.legends.container.top .items-section)"
+        );
+        if (!n || n.closest(".legends.container.top")) return;
+        const { clientHeight: m } = n, z = window.getComputedStyle(n), Ya = parseInt(z.marginTop), ot = parseInt(z.marginBottom), qa = parseInt(z.paddingTop), Ja = parseInt(z.paddingBottom), _a = m + Ya + ot + qa + Ja, nt = n.closest(
           ".ui.fluid.container.content"
         );
         if (nt) {
           const x = nt.querySelector(".data-source");
           if (x) {
-            const M = x.getBoundingClientRect(), D = o.getBoundingClientRect();
-            if (D.bottom !== 0 && M.top !== 0) {
-              if (o.textContent.trim() === "") return;
-              const Y = ot, q = D.bottom + Y, de = window.getComputedStyle(x), J = parseFloat(de.marginTop) || 0, _ = M.top - J;
-              if (q > _) {
-                let le = q - _;
-                le < 5 && (le += 1), x.style.marginTop = `${le + 1}px`;
+            const D = x.getBoundingClientRect(), A = n.getBoundingClientRect();
+            if (A.bottom !== 0 && D.top !== 0) {
+              if (n.textContent.trim() === "") return;
+              const _ = ot, K = A.bottom + _, ce = window.getComputedStyle(x), Q = parseFloat(ce.marginTop) || 0, R = D.top - Q;
+              if (K > R) {
+                let F = K - R;
+                F < 5 && (F += 1), x.style.marginTop = `${F + 1}px`;
               }
             } else
               setTimeout(() => {
-                M.top < D.bottom && (x.style.marginTop = `${D.bottom - M.top + 1}px`);
+                D.top < A.bottom && (x.style.marginTop = `${A.bottom - D.top + 1}px`);
               }, 1e3);
           }
         }
-        const se = o.closest(".chart.container");
-        if (se) {
-          const x = se.getBoundingClientRect(), M = window.getComputedStyle(se), D = Number.parseFloat(M.marginBottom) || 0, Y = x.bottom + D, q = o.getBoundingClientRect(), de = Number.parseFloat(P.marginTop) || 0, J = q.top - de;
-          if (J < Y) {
-            const _ = Y - J;
-            o.style.marginTop = `${_ + 1}px`;
+        const de = n.closest(".chart.container");
+        if (de) {
+          const x = de.getBoundingClientRect(), D = window.getComputedStyle(de), A = Number.parseFloat(D.marginBottom) || 0, _ = x.bottom + A, K = n.getBoundingClientRect(), ce = Number.parseFloat(z.marginTop) || 0, Q = K.top - ce;
+          if (Q < _) {
+            const R = _ - Q, F = 200, Ka = Math.min(R + 1, F);
+            R > 0 && R < F && (n.style.marginTop = `${Ka}px`);
           }
         }
         Ha(_a);
@@ -493,7 +513,7 @@ const dr = (R) => {
     return () => {
       clearTimeout(e);
     };
-  }, [ee, $]), ue(() => {
+  }, [ae, W]), me(() => {
     const e = () => {
       setTimeout(() => {
         Wa(rt());
@@ -502,68 +522,68 @@ const dr = (R) => {
     return window.screen.orientation ? window.screen.orientation.addEventListener("change", e) : window.addEventListener("resize", e), () => {
       window.screen.orientation ? window.screen.orientation.removeEventListener("change", e) : window.removeEventListener("resize", e);
     };
-  }, []), /* @__PURE__ */ m("div", { ref: $, children: /* @__PURE__ */ ce(
-    me,
+  }, []), /* @__PURE__ */ p("div", { ref: W, children: /* @__PURE__ */ ue(
+    pe,
     {
       className: "chart container",
       style: {
-        minHeight: A === "pie" && window.innerWidth <= 480 ? `${parseInt(z) + parseInt(at) * 0.5}px` : `${parseInt(z) + parseInt(at)}px`
+        minHeight: B === "pie" && window.innerWidth <= 480 ? `${parseInt(X) + parseInt(at) * 0.5}px` : `${parseInt(X) + parseInt(at)}px`
       },
       fluid: !0,
       children: [
-        /* @__PURE__ */ m(
-          Qa,
+        /* @__PURE__ */ p(
+          Za,
           {
-            editing: s,
-            style: { height: `${S}px` },
-            params: ne,
+            editing: i,
+            style: { height: `${Y}px` },
+            params: ie,
             waitForFilters: pa === "true",
-            app: r,
-            group: ge,
+            app: o,
+            group: fe,
             csv: ht,
-            store: [r, Q, ...B],
-            source: B.join("/"),
-            children: /* @__PURE__ */ ce(
-              me,
+            store: [o, O, ...N],
+            source: N.join("/"),
+            children: /* @__PURE__ */ ue(
+              pe,
               {
-                style: { height: `${S}px` },
+                style: { height: `${Y}px` },
                 className: "body",
                 fluid: !0,
                 children: [
-                  C && /* @__PURE__ */ m(it, { editing: s }),
-                  !C && /* @__PURE__ */ ce(Za, { children: [
-                    /* @__PURE__ */ m(it, { app: r, group: ge, noDataMsg: Mt, children: " " }),
-                    /* @__PURE__ */ m(
-                      T,
+                  I && /* @__PURE__ */ p(st, { editing: i }),
+                  !I && /* @__PURE__ */ ue(Oa, { children: [
+                    /* @__PURE__ */ p(st, { app: o, group: fe, noDataMsg: It, children: " " }),
+                    /* @__PURE__ */ p(
+                      C,
                       {
                         locale: Ke,
-                        colorBy: Z,
+                        colorBy: E,
                         hiddenBars: St,
-                        swap: G === "true" || G === !0,
-                        type: A,
+                        swap: U === "true" || U === !0,
+                        type: B,
                         includeTotal: !0,
-                        includeOverall: Ie === !0 || Ie === "true",
-                        overallLabel: j,
-                        measures: b,
-                        dimensions: [...B],
+                        includeOverall: Ce === !0 || Ce === "true",
+                        overallLabel: te,
+                        measures: w,
+                        dimensions: [...N],
                         sort: $e,
-                        sortReverse: X === !0 || X === "true",
+                        sortReverse: S === !0 || S === "true",
                         sortSecondDimension: Se,
-                        sortReverseSecondDimension: U === !0 || U === "true",
+                        sortReverseSecondDimension: H === !0 || H === "true",
                         customLabels: Oe(),
-                        children: /* @__PURE__ */ m(
-                          nr,
+                        children: /* @__PURE__ */ p(
+                          sr,
                           {
-                            type: A,
-                            app: r,
+                            type: B,
+                            app: o,
                             locale: Ke,
-                            overallLabel: j,
+                            overallLabel: te,
                             customLabels: Oe(),
-                            manualColors: ka(),
-                            colorBy: Z,
-                            scheme: be,
+                            manualColors: Ta(),
+                            colorBy: E,
+                            scheme: j,
                             barColor: tt.barColor,
-                            children: /* @__PURE__ */ m(I, { ...tt })
+                            children: /* @__PURE__ */ p(M, { ...tt })
                           }
                         )
                       }
@@ -574,31 +594,23 @@ const dr = (R) => {
             )
           }
         ),
-        /* @__PURE__ */ m("br", {}),
-        Sa && v && Pa === "info" && /* @__PURE__ */ m(
-          me,
+        /* @__PURE__ */ p("br", {}),
+        Sa && L && Pa === "info" && /* @__PURE__ */ p(
+          pe,
           {
             fluid: !0,
-            style: { height: S + "px" },
+            style: { height: Y + "px" },
             className: "body",
-            children: /* @__PURE__ */ m(
-              rr,
-              {
-                post: { content: { rendered: v } }
-              }
-            )
+            children: /* @__PURE__ */ p(or, { post: { content: { rendered: L } } })
           }
         )
       ]
     }
   ) });
-}, lr = (R, pe) => {
-  const { "data-app": s, "data-group": Q } = pe, v = R.getIn(["data", "measures", s, Q]), N = R.getIn([
-    "data",
-    "pageModuleProps"
-  ]), d = {};
-  return v && Object.keys(v).length > 0 && (d.injectedMeasures = v ?? {}), N && (d.pageModuleProps = N), d;
-}, cr = {}, Gr = ir(lr, cr)(sr(dr));
+}, cr = (v, he) => {
+  const { "data-app": i, "data-group": O } = he, L = v.getIn(["data", "measures", i, O]), G = v.getIn(["data", "pageModuleProps"]), l = {};
+  return L && Object.keys(L).length > 0 && (l.injectedMeasures = L ?? {}), G && (l.pageModuleProps = G), l;
+}, ur = {}, Gr = ir(cr, ur)(lr(dr));
 export {
   Gr as default
 };