@devgateway/dvz-ui-react 1.8.8 → 1.9.0

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

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