@devgateway/dvz-ui-react 1.6.20 → 1.7.1

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

@@ -1,57 +1,57 @@
 import { jsx as p, jsxs as ue } from "react/jsx-runtime";
-import { useState as V, useRef as Qa, useEffect as me } from "react";
+import { useState as X, useRef as ja, 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 er from "../data/DataProvider.js";
+import tr from "../data/DataConsumer.js";
+import ar from "../../utils/deviceType.js";
+import rr from "./Pie.js";
 import "immutable";
-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 or from "./Radar.js";
+import nr from "./Bar.js";
+import ir from "./Line.js";
+import { PostContent as sr } 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 lr } from "react-intl";
-const dr = (v) => {
+import lr from "./CSVDataFrame.js";
+import dr from "./colors/ColorProvider.js";
+import it from "./Messages.js";
+import { connect as cr } from "react-redux";
+import { injectIntl as ur } from "react-intl";
+const mr = (v) => {
   console.log("manual colors...", v["data-manual-colors"]);
   let {
     parent: he,
-    editing: i = !1,
+    editing: s = !1,
     unique: O,
-    childContent: L,
-    categories: G,
+    childContent: y,
+    categories: V,
     injectedMeasures: l,
     "data-app": o = "csv",
     "data-dvz-proxy-dataset-id": ge,
     "data-group": fe = "default",
-    "data-height": X = 500,
+    "data-height": G = 500,
     "data-type": B = "bar",
     //'data-source': source = 'gender/smoke',f
     "data-dimension1": P,
     "data-dimension2": be,
-    "data-dimension3": mr,
+    "data-dimension3": gr,
     "data-color-by": E = "index",
     "data-scheme": j = "system",
-    "data-group-mode": it = "grouped",
+    "data-group-mode": st = "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": pr = "Source",
-    "data-chart-data-source": hr = "Data Source",
-    "data-toggle-info-label": gr = "Info Graphic",
-    "data-toggle-chart-label": fr = "Chart",
+    "data-data-source-label": fr = "Source",
+    "data-chart-data-source": br = "Data Source",
+    "data-toggle-info-label": wr = "Info Graphic",
+    "data-toggle-chart-label": xr = "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": br = "{}",
+    "data-format": vr = "{}",
     "data-csv": ht = "",
     "data-margin-left": gt = 50,
     "data-margin-top": ft = 25,
@@ -60,43 +60,43 @@ const dr = (v) => {
     "data-start-angle": xt = 0,
     "data-end-angle": vt = 360,
     "data-view-mode": ve = "info",
-    "data-filters": Lt = "[]",
+    "data-filters": yt = "[]",
     //filters
-    "data-tooltip-html": yt = "",
+    "data-tooltip-html": Lt = "",
     "data-layout": ee = "vertical",
-    "data-reverse": Le = "false",
-    "data-offset-y": Tt = "-40",
-    "data-line-layer-enabled": ye = "false",
+    "data-reverse": ye = "false",
+    "data-offset-y": kt = "-40",
+    "data-line-layer-enabled": Le = "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": kt = "[]",
+    "data-overlays": Tt = "[]",
     "data-max-value": Ct = "auto",
-    "data-value-scale": Mt = "linear",
+    "data-value-scale": At = "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": Te = "false",
-    "data-fixed-min-value": At = 0,
+    "data-bar-color": Mt = "rgb(0,0,0)",
+    "data-override-tick-color": ke = "false",
+    "data-fixed-min-value": Dt = 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": ke = "true",
+    "data-show-grid": Te = "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": Vt = "#000",
-    "data-tooltip-enabled": Me = "true",
+    "data-legend-label-color": Xt = "#000",
+    "data-tooltip-enabled": Ae = "true",
     "data-use-check-box-background": Ie = "false",
-    "data-use-label-background": De = "true",
-    "data-highlight-xaxis-line": Ae = "false",
+    "data-use-label-background": Me = "true",
+    "data-highlight-xaxis-line": De = "false",
     "data-show-tick-line": Re = "true",
     "data-show-right-axis": Fe = "true",
-    "data-manual-colors": Gt = "{}",
-    "data-right-legend": Xt = "",
+    "data-manual-colors": Vt = "{}",
+    "data-right-legend": Gt = "",
     "data-offset-right": Ut = "40",
     "data-offset-bottom": $t = "40",
     "data-hidden-bars": St = [],
@@ -119,12 +119,12 @@ const dr = (v) => {
     "data-group-total-label": ea = "",
     "data-group-total-format": ta = "{}",
     "data-group-total-label-offset": aa,
-    "data-group-total-fixed-position": Ve = "false",
+    "data-group-total-fixed-position": Xe = "false",
     "data-tooltip-enable-markdown": $ = "false",
-    "data-y-axis-tick-values": Ge = "10",
-    "data-x-axis-tick-values": Xe = "10",
-    "data-enable-grid-y": y = "true",
-    "data-enable-grid-x": T = "false",
+    "data-y-axis-tick-values": Ve = "10",
+    "data-x-axis-tick-values": Ge = "10",
+    "data-enable-grid-y": L = "true",
+    "data-enable-grid-x": k = "false",
     "data-offset-text": ra = 0,
     "data-overall-label": te = "Overall",
     "data-min-max-clamp": oa = "false",
@@ -134,8 +134,8 @@ const dr = (v) => {
     "data-sort-second-dimension": Se = "default",
     "data-sort-reverse-second-dimension": H = "false",
     "data-radar-curve": na = "linearClosed",
-    "data-radar-fill-opacity": sa = 0.25,
-    "data-radar-border-width": ia = 2,
+    "data-radar-fill-opacity": ia = 0.25,
+    "data-radar-border-width": sa = 2,
     "data-radar-grid-levels": la = 3,
     "data-radar-grid-shape": da = "circular",
     "data-radar-grid-label-offset": ca = 36,
@@ -150,24 +150,27 @@ const dr = (v) => {
     "data-line-curve": ha = "linear",
     "data-show-legends-in-columns": Je = "false",
     "data-number-of-legend-columns": ga = 4,
+    "data-line-x-axis-tick-mode": fa = "none",
+    "data-line-x-axis-tick-count": ba = 10,
+    "data-line-x-axis-tick-every": wa = 1,
     pageModuleProps: g
   } = v;
-  const fa = i, t = JSON.parse(
+  const xa = s, t = JSON.parse(
     decodeURIComponent(Ye)
-  ), [ae, ba] = V(
+  ), [ae, va] = X(
     window.innerWidth <= 1250
   ), 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 = () => {
+  g != null && g.previewMode && (g != null && g.editing) && (h = g.previewMode, s = g.editing);
+  const ya = ["Tablet"].includes(h) && s, La = ["Mobile"].includes(h) && s, ka = ["Desktop"].includes(h) && s, d = b && h !== "Desktop", c = b && !s, re = () => {
     const e = window.matchMedia(
       "(min-width: 768px) and (max-width: 1250px)"
     ).matches, r = window.matchMedia("(max-width: 767px)").matches;
     switch (!0) {
-      case va:
+      case ka:
         return u;
-      case wa:
+      case ya:
         return b ? (t == null ? void 0 : t.tabletXAxisTextRotation) ?? u : u;
-      case xa:
+      case La:
         return b ? (t == null ? void 0 : t.mobileXAxisTextRotation) ?? u : u;
       case e:
         return b ? (t == null ? void 0 : t.tabletXAxisTextRotation) ?? u : u;
@@ -176,21 +179,21 @@ const dr = (v) => {
       default:
         return u;
     }
-  }, La = re(), [ya, _e] = V(La), Ke = v.intl.locale, W = Qa(null), Qe = (e) => {
+  }, Ta = re(), [Ca, _e] = X(Ta), Ke = v.intl.locale, W = ja(null), Qe = (e) => {
     try {
-      return fa ? e : decodeURIComponent(e);
+      return xa ? e : decodeURIComponent(e);
     } catch {
       return console.error(`error decoding value:${e}`), e;
     }
-  }, k = (e) => {
+  }, T = (e) => {
     try {
       return JSON.parse(Qe(e));
     } catch {
       console.error(`error parsing value:${e}`);
     }
     return null;
-  }, Ta = () => {
-    const e = k(Gt);
+  }, Aa = () => {
+    const e = T(Vt);
     if (!e) return null;
     const r = e[o];
     if (o === "csv" && r && j === "manual") {
@@ -202,7 +205,7 @@ const dr = (v) => {
         return { [E]: r };
     }
     return r;
-  }, ka = () => k(pt), Ze = () => {
+  }, Ia = () => T(pt), Ze = () => {
     var e;
     if (a != null && a[o]) {
       let r = (e = a == null ? void 0 : a[o]) == null ? void 0 : e.format;
@@ -217,25 +220,25 @@ const dr = (v) => {
       return r;
     }
     return a != null && a.csv ? a.csv.format : null;
-  }, Ca = () => {
+  }, Ma = () => {
     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;
-  }, 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 = () => {
+  }, Da = () => 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[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;
-  }, Ia = () => a != null && a[o] ? Object.keys(a[o]).filter(
+  }, Ra = () => a != null && a[o] ? Object.keys(a[o]).filter(
     (e) => a[o][e].allowSelection
   ) : [];
-  let a = ka(), w = Ma(), f = Ze();
-  const Da = Ia();
-  let oe = lt, ne = Xt, se = Qe(yt);
+  let a = Ia(), w = Da(), f = Ze();
+  const Fa = Ra();
+  let oe = lt, ne = Gt, ie = Qe(Lt);
   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);
+    a = l, w = e, f = Ze(), oe = l.leftTitle, ne = l.rightTitle, l.customTooltip && (ie = l.customTooltip);
   }
-  const Aa = f ? {
+  const Ba = f ? {
     style: f.style === "compacted" ? "decimal" : f.style,
     notation: f.style === "compacted" ? "compact" : "standard",
     currency: f.currency,
@@ -246,34 +249,34 @@ const dr = (v) => {
     currency: "USD",
     minimumFractionDigits: 2,
     maximumFractionDigits: 2
-  }, 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,
+  }, Pa = Ma(), i = T(ta), Ea = {
+    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,
     minimumFractionDigits: parseInt(
-      s == null ? void 0 : s.minimumFractionDigits
+      i == null ? void 0 : i.minimumFractionDigits
     ),
     maximumFractionDigits: parseInt(
-      s == null ? void 0 : s.maximumFractionDigits
+      i == null ? void 0 : i.maximumFractionDigits
     )
-  }, [Ba, wr] = V(ve), Pa = i ? ve : Ba, Ea = {
+  }, [Na, yr] = X(ve), za = s ? ve : Na, Xa = {
     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: Va()
+  }, Y = s ? G - 80 : G, Va = () => (d || c) && !(t != null && t.showXAxisTitle) ? "" : ct, Ga = () => d || c ? t != null && t.showYAxisTitle ? oe : "" : oe, Ua = () => d || c ? t != null && t.showRightAxisTitle ? ne : "" : ne, $a = {
+    left: Ga(),
+    bottom: Va(),
+    right: Ua()
   }, q = (e) => {
     if (e === "true" || e === !0)
       return !0;
     if (e === "false" || e === !1)
       return !1;
   }, je = () => {
-    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;
+    q(k) && !q(L) ? (k = !1, L = !0) : !q(k) && q(L) && (k = !0, L = !1);
+  }, Sa = () => ee === "horizontal" ? (je(), "vertical") : (je(), "horizontal"), Ha = () => t != null && t.chartLayoutOverride ? Sa() : 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);
+      va(window.innerWidth <= 1250);
       const r = re();
       _e(r);
     };
@@ -281,29 +284,29 @@ const dr = (v) => {
       window.removeEventListener("resize", e);
     };
   }, [
-    i,
+    s,
     h,
     b,
     u,
     t == null ? void 0 : t.tabletXAxisTextRotation,
     t == null ? void 0 : t.mobileXAxisTextRotation
   ]);
-  const $a = () => {
+  const Wa = () => {
     const e = ["tablet", "mobile", "midTablet"].includes(
-      ja()
+      ar()
     );
-    return i && h === "Desktop" ? we : e ? "bottom" : we;
+    return s && h === "Desktop" ? we : e ? "bottom" : we;
   }, tt = {
     app: o,
-    editing: i,
+    editing: s,
     tickColor: decodeURIComponent(mt),
-    tickRotation: ya,
-    layout: d || c ? Ua() : ee,
-    reverse: Le == !0 || Le == "true",
+    tickRotation: Ca,
+    layout: d || c ? Ha() : ee,
+    reverse: ye == !0 || ye == "true",
     showLegends: xe == !0 || xe == "true",
     legendLabel: dt,
     swap: U == !0 || U == "true",
-    showGrid: ke == !0 || ke == "true",
+    showGrid: Te == !0 || Te == "true",
     showPercentage: qe == !0 || qe == "true",
     marginLeft: J(
       d || c,
@@ -326,27 +329,27 @@ const dr = (v) => {
       Number.parseInt(wt)
     ),
     height: `${Y}px`,
-    legendPosition: $a(),
-    legends: Ga,
-    tooltip: $ == !0 || $ == "true" ? se : se.replace(/\r\n/g, "<hr/>").replace(/[\r\n]/g, "<hr/>"),
-    colors: Ea,
-    groupMode: it,
-    format: Aa,
+    legendPosition: Wa(),
+    legends: $a,
+    tooltip: $ == !0 || $ == "true" ? ie : ie.replace(/\r\n/g, "<hr/>").replace(/[\r\n]/g, "<hr/>"),
+    colors: Xa,
+    groupMode: st,
+    format: Ba,
     startAngle: xt,
     endAngle: vt,
-    offsetY: Tt,
+    offsetY: kt,
     // csvLineLayerData,
     // lineColor: decodeURIComponent(lineColor),
     // lineTooltip,
     // lineTitle,
     maxValue: Ct,
-    valueScale: Mt,
-    categories: G,
-    lineLayerEnabled: ye == !0 || ye == "true",
-    overlays: k(kt) || [],
-    barColor: decodeURIComponent(Dt),
-    overrideTickColor: Te == !0 || Te == "true",
-    fixedMinValue: At,
+    valueScale: At,
+    categories: V,
+    lineLayerEnabled: Le == !0 || Le == "true",
+    overlays: T(Tt) || [],
+    barColor: decodeURIComponent(Mt),
+    overrideTickColor: ke == !0 || ke == "true",
+    fixedMinValue: Dt,
     fixedMaxValue: Rt,
     barPadding: et(
       d || c,
@@ -362,16 +365,16 @@ const dr = (v) => {
     ),
     xLabelColor: decodeURIComponent(Nt),
     barLabelColor: decodeURIComponent(zt),
-    legendLabelColor: decodeURIComponent(Vt),
-    tooltipEnabled: Me == !0 || Me == "true",
-    legendLabelBack: De == !0 || De == "true",
+    legendLabelColor: decodeURIComponent(Xt),
+    tooltipEnabled: Ae == !0 || Ae == "true",
+    legendLabelBack: Me == !0 || Me == "true",
     legendCheckBack: Ie == !0 || Ie == "true",
-    highlightXAxisLine: Ae == !0 || Ae == "true",
+    highlightXAxisLine: De == !0 || De == "true",
     showTickLine: Re == !0 || Re == "true",
     showRightAxis: Fe == !0 || Fe == "true",
     offsetRight: Ut,
     offsetBottom: $t,
-    confidenceIntervals: k(Ht) || [],
+    confidenceIntervals: T(Ht) || [],
     showPoints: Pe == !0 || Pe == "true",
     enableArea: Be == !0 || Be == "true",
     areaShadingCriteria: Wt,
@@ -380,9 +383,9 @@ const dr = (v) => {
     showGroupTotal: ze == !0 || ze == "true",
     groupTotalMeasure: jt,
     groupTotalLabel: ea,
-    groupTotalFormat: Fa,
+    groupTotalFormat: Ea,
     groupTotalOffset: aa,
-    groupTotalFixedPosition: Ve == !0 || Ve == "true",
+    groupTotalFixedPosition: Xe == !0 || Xe == "true",
     centerLabel: Jt,
     showArcLabels: Ee == !0 || Ee == "true",
     showArcLinkLabels: Ne == !0 || Ne == "true",
@@ -391,24 +394,27 @@ const dr = (v) => {
     centerLabelFontSize: Qt,
     centerLabelXOffset: Zt,
     centerLabelYOffset: Ot,
-    userMeasures: Da,
+    userMeasures: Fa,
     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",
+    yAxisTickValues: d || c ? t.yAxisTickValues ?? Ve : Ve,
+    xAxisTickValues: d || c ? t.xAxisTickValues ?? Ge : Ge,
+    lineXAxisTickMode: fa,
+    lineXAxisTickCount: parseInt(ba) || 10,
+    lineXAxisTickEvery: parseInt(wa) || 1,
+    enableGridY: L == !0 || L == "true",
+    enableGridX: k == !0 || k == "true",
     offsetText: ra,
     selectedMeasures: w,
     overallLabel: te,
     minMaxClamp: oa,
     reverseLegend: Ue == !0 || Ue == "true",
-    customAxisFormat: Ra,
+    customAxisFormat: Pa,
     sort: $e,
     sortReverse: S == !0 || S == "true",
     sortReverseSecondDimension: H == !0 || H == "true",
     radarCurve: na,
-    radarFillOpacity: sa,
-    radarBorderWidth: ia,
+    radarFillOpacity: ia,
+    radarBorderWidth: sa,
     radarGridLevels: la,
     radarGridShape: da,
     radarGridLabelOffset: ca,
@@ -423,13 +429,13 @@ const dr = (v) => {
     lineCurve: ha,
     showLegendsInColumns: Je == !0 || Je == "true",
     numberOfLegendColumns: parseInt(ga) || 4
-  }, ie = {}, le = k(Lt) || {};
+  }, se = {}, le = T(yt) || {};
   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;
+    e.value != null && e.value.filter((r) => r != null && r.toString().trim() != "").length > 0 && (se[e.param] = e.value);
+  }), ge && (se.dvzProxyDatasetId = ge);
+  let C = null, A = null;
   if (o === "csv")
-    C = nr;
+    C = lr;
   else
     switch (B) {
       case "line":
@@ -448,24 +454,24 @@ const dr = (v) => {
   let I = !1;
   switch (B) {
     case "bar":
-      M = ar, I = o != "csv" && P == "none" && w.length == 0;
+      A = nr, I = o != "csv" && P == "none" && w.length == 0;
       break;
     case "line":
-      M = rr, I = o !== "csv" && (w.length === 0 || P === "none");
+      A = ir, I = o !== "csv" && (w.length === 0 || P === "none");
       break;
     case "pie":
-      I = o != "csv" && w.length == 0, M = er;
+      I = o != "csv" && w.length == 0, A = rr;
       break;
     case "radar":
-      I = o != "csv" && w.length == 0, M = tr;
+      I = o != "csv" && w.length == 0, A = or;
       break;
     default:
-      M = /* @__PURE__ */ p("div", { children: "No Chart" });
+      A = /* @__PURE__ */ p("div", { children: "No Chart" });
       break;
   }
-  const Sa = ut === "true", N = [];
+  const Ya = ut === "true", N = [];
   P != "none" && N.push(P), be != "none" && N.push(be);
-  const [at, Ha] = V(0), [xr, Wa] = V(rt());
+  const [at, qa] = X(0), [Lr, Ja] = X(rt());
   function rt() {
     var e;
     return ((e = window.screen.orientation) == null ? void 0 : e.type) || (window.innerWidth > window.innerHeight ? "landscape-primary" : "portrait-primary");
@@ -479,35 +485,35 @@ const dr = (v) => {
           ".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(
+        const { clientHeight: m } = n, z = window.getComputedStyle(n), _a = parseInt(z.marginTop), ot = parseInt(z.marginBottom), Ka = parseInt(z.paddingTop), Qa = parseInt(z.paddingBottom), Za = m + _a + ot + Ka + Qa, nt = n.closest(
           ".ui.fluid.container.content"
         );
         if (nt) {
           const x = nt.querySelector(".data-source");
           if (x) {
-            const D = x.getBoundingClientRect(), A = n.getBoundingClientRect();
-            if (A.bottom !== 0 && D.top !== 0) {
+            const M = x.getBoundingClientRect(), D = n.getBoundingClientRect();
+            if (D.bottom !== 0 && M.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;
+              const _ = ot, K = D.bottom + _, ce = window.getComputedStyle(x), Q = parseFloat(ce.marginTop) || 0, R = M.top - Q;
               if (K > R) {
                 let F = K - R;
                 F < 5 && (F += 1), x.style.marginTop = `${F + 1}px`;
               }
             } else
               setTimeout(() => {
-                D.top < A.bottom && (x.style.marginTop = `${A.bottom - D.top + 1}px`);
+                M.top < D.bottom && (x.style.marginTop = `${D.bottom - M.top + 1}px`);
               }, 1e3);
           }
         }
         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;
+          const x = de.getBoundingClientRect(), M = window.getComputedStyle(de), D = Number.parseFloat(M.marginBottom) || 0, _ = x.bottom + D, 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`);
+            const R = _ - Q, F = 200, Oa = Math.min(R + 1, F);
+            R > 0 && R < F && (n.style.marginTop = `${Oa}px`);
           }
         }
-        Ha(_a);
+        qa(Za);
       })();
     }, 100);
     return () => {
@@ -516,7 +522,7 @@ const dr = (v) => {
   }, [ae, W]), me(() => {
     const e = () => {
       setTimeout(() => {
-        Wa(rt());
+        Ja(rt());
       }, 100);
     };
     return window.screen.orientation ? window.screen.orientation.addEventListener("change", e) : window.addEventListener("resize", e), () => {
@@ -527,16 +533,16 @@ const dr = (v) => {
     {
       className: "chart container",
       style: {
-        minHeight: B === "pie" && window.innerWidth <= 480 ? `${parseInt(X) + parseInt(at) * 0.5}px` : `${parseInt(X) + parseInt(at)}px`
+        minHeight: B === "pie" && window.innerWidth <= 480 ? `${parseInt(G) + parseInt(at) * 0.5}px` : `${parseInt(G) + parseInt(at)}px`
       },
       fluid: !0,
       children: [
         /* @__PURE__ */ p(
-          Za,
+          er,
           {
-            editing: i,
+            editing: s,
             style: { height: `${Y}px` },
-            params: ie,
+            params: se,
             waitForFilters: pa === "true",
             app: o,
             group: fe,
@@ -550,9 +556,9 @@ const dr = (v) => {
                 className: "body",
                 fluid: !0,
                 children: [
-                  I && /* @__PURE__ */ p(st, { editing: i }),
-                  !I && /* @__PURE__ */ ue(Oa, { children: [
-                    /* @__PURE__ */ p(st, { app: o, group: fe, noDataMsg: It, children: " " }),
+                  I && /* @__PURE__ */ p(it, { editing: s }),
+                  !I && /* @__PURE__ */ ue(tr, { children: [
+                    /* @__PURE__ */ p(it, { app: o, group: fe, noDataMsg: It, children: " " }),
                     /* @__PURE__ */ p(
                       C,
                       {
@@ -572,18 +578,18 @@ const dr = (v) => {
                         sortReverseSecondDimension: H === !0 || H === "true",
                         customLabels: Oe(),
                         children: /* @__PURE__ */ p(
-                          sr,
+                          dr,
                           {
                             type: B,
                             app: o,
                             locale: Ke,
                             overallLabel: te,
                             customLabels: Oe(),
-                            manualColors: Ta(),
+                            manualColors: Aa(),
                             colorBy: E,
                             scheme: j,
                             barColor: tt.barColor,
-                            children: /* @__PURE__ */ p(M, { ...tt })
+                            children: /* @__PURE__ */ p(A, { ...tt })
                           }
                         )
                       }
@@ -595,22 +601,22 @@ const dr = (v) => {
           }
         ),
         /* @__PURE__ */ p("br", {}),
-        Sa && L && Pa === "info" && /* @__PURE__ */ p(
+        Ya && y && za === "info" && /* @__PURE__ */ p(
           pe,
           {
             fluid: !0,
             style: { height: Y + "px" },
             className: "body",
-            children: /* @__PURE__ */ p(or, { post: { content: { rendered: L } } })
+            children: /* @__PURE__ */ p(sr, { post: { content: { rendered: y } } })
           }
         )
       ]
     }
   ) });
-}, 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));
+}, pr = (v, he) => {
+  const { "data-app": s, "data-group": O } = he, y = v.getIn(["data", "measures", s, O]), V = v.getIn(["data", "pageModuleProps"]), l = {};
+  return y && Object.keys(y).length > 0 && (l.injectedMeasures = y ?? {}), V && (l.pageModuleProps = V), l;
+}, hr = {}, $r = cr(pr, hr)(ur(mr));
 export {
-  Gr as default
+  $r as default
 };