@devgateway/dvz-ui-react 1.0.6 → 1.1.0

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

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