@devgateway/dvz-ui-react 1.0.0

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

@@ -0,0 +1,77 @@
+import { jsx as m } from "react/jsx-runtime";
+import c from "react";
+const b = ({ children: i, data: e }) => {
+  const {
+    data: a,
+    meta: { fields: n }
+  } = e;
+  n[0];
+  const o = n.slice(1).filter((t) => !t.startsWith("_")), l = o.map((t) => {
+    const r = {};
+    return r.id = t, r.data = a.map((s) => {
+      const f = {};
+      return Object.keys(s).forEach((p) => {
+        f[p] = s[p];
+      }), {
+        x: s[n[0]],
+        y: s[t],
+        variables: { ...f, field: t }
+      };
+    }), r;
+  }), d = {
+    indexBy: "id",
+    keys: o,
+    data: l
+  };
+  return c.Children.map(
+    i,
+    (t) => c.cloneElement(t, { options: d })
+  );
+}, x = ({ children: i, data: e }) => {
+  const {
+    data: a,
+    meta: { fields: n }
+  } = e;
+  n[0];
+  const o = e.data.map((t) => t.ID), l = a.map((t) => {
+    const r = {}, s = {};
+    return Object.keys(t).forEach((f) => {
+      s[f] = t[f];
+    }), s.field = n[1], r.variables = s, r.id = t[n[0]], r.label = t[n[0]], r.value = t[n[1]], r;
+  }), d = {
+    keys: o,
+    indexBy: "id",
+    data: l
+  };
+  return c.Children.map(
+    i,
+    (t) => c.cloneElement(t, { options: d })
+  );
+}, u = ({ children: i, data: e, measures: a }) => {
+  const {
+    data: n,
+    meta: { fields: o }
+  } = e, l = o[0], d = a && a.length > 0 ? a : o.slice(1).filter((r) => !r.startsWith("_")), t = {
+    indexBy: l,
+    keys: d,
+    data: n
+  };
+  return c.Children.map(
+    i,
+    (r) => c.cloneElement(r, { options: t })
+  );
+}, v = ({ children: i, data: e, keys: a, type: n, measures: o }) => {
+  if (n == "bar")
+    return /* @__PURE__ */ m(u, { data: e, keys: a, measures: o, children: i });
+  if (n == "line")
+    return /* @__PURE__ */ m(b, { data: e, keys: a, measures: o, children: i });
+  if (n == "bump")
+    return /* @__PURE__ */ m(b, { data: e, keys: a, measures: o, children: i });
+  if (n == "pie")
+    return /* @__PURE__ */ m(x, { data: e, keys: a, measures: o, children: i });
+  if (n == "radar")
+    return /* @__PURE__ */ m(u, { data: e, keys: a, measures: o, children: i });
+};
+export {
+  v as default
+};

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

@@ -0,0 +1,86 @@
+import { jsxs as c, jsx as e, Fragment as h } from "react/jsx-runtime";
+import "react";
+import { injectIntl as v } from "react-intl";
+const f = ({
+  filter: t,
+  showLegends: a,
+  chartLegends: l,
+  legendLabel: n,
+  legendPosition: r,
+  legendCheckBack: i,
+  legendLabelBack: d,
+  legendLabelColor: u,
+  onToggle: N,
+  reverseLegend: p
+}) => {
+  const o = () => /* @__PURE__ */ e(h, { children: a && n && /* @__PURE__ */ e("div", { className: "legend item", children: /* @__PURE__ */ e("label", { className: "legend-title", children: n }) }) }), m = () => (p && l.reverse(), /* @__PURE__ */ e(h, { children: a && l.map((s) => /* @__PURE__ */ c(
+    "div",
+    {
+      className: "legend item",
+      onClick: () => N(s.id),
+      children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            className: "ignore",
+            type: "checkbox",
+            checked: t.length == 0 || !t.includes(s.id),
+            readOnly: !0
+          }
+        ),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: i ? "checkmark-with-bg" : "checkmark",
+            style: {
+              backgroundColor: i == !0 ? s.color : "#FFF"
+            }
+          }
+        ),
+        /* @__PURE__ */ e(
+          "label",
+          {
+            legendLabelBack: d,
+            style: {
+              backgroundColor: d == !0 ? s.color : "#FFF",
+              color: u
+            },
+            children: s.label
+          }
+        )
+      ]
+    }
+  )) }));
+  return /* @__PURE__ */ c("div", { children: [
+    " ",
+    (r == "top" || r == "bottom") && /* @__PURE__ */ e(
+      "div",
+      {
+        className: `legends container has-standard-12-font-size  ${r}`,
+        children: /* @__PURE__ */ c("div", { className: "legend-sections", children: [
+          /* @__PURE__ */ e("div", { className: "title-section", children: o() }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: "legends container has-standard-12-font-size items-section",
+              children: m()
+            }
+          )
+        ] })
+      }
+    ),
+    (r == "right" || r == "left") && /* @__PURE__ */ c(
+      "div",
+      {
+        className: `legends container has-standard-12-font-size  ${r}`,
+        children: [
+          o(),
+          m()
+        ]
+      }
+    )
+  ] });
+}, g = v(f);
+export {
+  g as default
+};

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

@@ -0,0 +1,412 @@
+import { jsxs as v, jsx as a, Fragment as G } from "react/jsx-runtime";
+import { useState as $, useEffect as Ce, Fragment as et } from "react";
+import { injectIntl as tt } from "react-intl";
+import { ResponsiveLine as at } from "@nivo/line";
+import rt from "./Tooltip.js";
+import { area as nt, line as st } from "d3-shape";
+import { useTheme as lt } from "@nivo/theming";
+import ct from "../../layout/FlexWrapDetector.js";
+import J from "../../utils/deviceType.js";
+const it = "#66676d", Y = "#f0f0f1", ot = ["mobile", "tablet", "midTablet"].includes(J()), he = J() === "mobile", ue = ["tablet", "midTablet"].includes(J()), mt = (o, x) => {
+  const N = document.createElement("canvas").getContext("2d");
+  return N.font = x, N.measureText(o).width;
+}, dt = ({
+  editing: o,
+  previewMode: x,
+  app: K,
+  legends: N,
+  tooltip: D,
+  tooltipEnabled: fe,
+  options: m,
+  intl: L,
+  groupMode: P,
+  reverse: ht,
+  marginLeft: pe,
+  lineLabelPosition: xe,
+  marginTop: V,
+  marginRight: ye,
+  marginBottom: Z,
+  format: E,
+  colors: ut,
+  offsetY: be,
+  height: ge,
+  showLegends: q,
+  legendPosition: p,
+  tickRotation: y,
+  offsetText: j,
+  tickColor: w,
+  legendLabel: Q,
+  xLabelColor: O,
+  colorGenerator: X,
+  legendCheckBack: B,
+  legendLabelBack: ve,
+  legendLabelColor: C,
+  highlightXAxisLine: Ne,
+  showTickLine: A,
+  showRightAxis: Ee,
+  valueScale: ft,
+  enableArea: Oe,
+  areaShadingCriteria: ee,
+  areaLowerBound: te,
+  areaUpperBound: ae,
+  showPoints: Te,
+  maxValue: Me,
+  fixedMinValue: S,
+  fixedMaxValue: H,
+  offsetBottom: ke,
+  yAxisTickValues: $e,
+  enableGridY: De,
+  enableGridX: Le,
+  overrideTickColor: R,
+  offsetRight: Ie,
+  selectedMeasures: Fe,
+  tooltipEnableMarkdown: We,
+  minMaxClamp: ze,
+  reverseLegend: _e,
+  customAxisFormat: I,
+  mobileCustomization: je
+}) => {
+  var oe, me, de;
+  const n = JSON.parse(decodeURIComponent(je)), re = ot && ((n == null ? void 0 : n.showCustomization) ?? !1), F = re && x !== "Desktop", W = !o && re, [ne, we] = $(50), [Be, Ae] = $(V), [pt, se] = $(0), [Se, He] = $(Z), [T, Re] = $([]), z = m.data.map((e) => ({
+    id: e.id,
+    label: e.id,
+    color: X.getColor(e.id, e)
+  })), le = () => (_e && z.reverse(), /* @__PURE__ */ a(G, { children: q && z.map((e, t) => /* @__PURE__ */ v("div", { className: "legend item", onClick: () => Je(e.id), children: [
+    /* @__PURE__ */ a(
+      "input",
+      {
+        className: "ignore",
+        type: "checkbox",
+        checked: T.length === 0 || !T.includes(e.id),
+        readOnly: !0,
+        style: {
+          backgroundColor: B === !0 ? e.color : "none",
+          color: C
+        }
+      }
+    ),
+    /* @__PURE__ */ a(
+      "span",
+      {
+        className: B === !0 ? "checkmark-with-bg" : "checkmark",
+        style: {
+          backgroundColor: B === !0 ? e.color : "transparent"
+        }
+      }
+    ),
+    /* @__PURE__ */ a(
+      "label",
+      {
+        style: {
+          backgroundColor: ve === !0 ? e.color : "transparent",
+          color: C
+        },
+        children: e.label
+      }
+    )
+  ] }, t)) }));
+  Ce(() => {
+    (() => {
+      const r = 5 * Math.max(z.length - 5, 0);
+      we(r);
+    })();
+  }, [z]);
+  const Ue = {
+    bottom: `-${ne}px`
+  }, Ge = {
+    bottom: `-${ne}px`,
+    gap: "0px",
+    top: "0px"
+  }, Ye = (e) => T.length ? e.filter((t) => T.indexOf(t.id) === -1) : e, Je = (e) => {
+    const t = T.slice();
+    if (t.indexOf(e) > -1) {
+      const r = t.indexOf(e);
+      t.splice(r, 1);
+    } else
+      t.push(e);
+    Re(t);
+  }, Ke = (e) => {
+    const t = Object.assign({}, e), r = lt();
+    (F || W) && ie.includes(String(t.value)) && (t.value = "");
+    let s = [], l = "";
+    if (F || W) {
+      const c = String(t.value).split(" ");
+      let i = 25;
+      o && x === "Mobile" || he && !o ? i = (n == null ? void 0 : n.mobileMaxTickLength) ?? 25 : o && x === "Tablet" || ue && !o ? i = (n == null ? void 0 : n.tabletMaxTickLength) ?? 25 : window.matchMedia("(min-width: 768px) and (max-width: 1250px)").matches && !o && (i = 15), c.forEach((b) => {
+        l.length + String(b).length <= i ? l += (l ? " " : "") + b : (s.push(l), l = b);
+      }), l && s.push(l);
+    } else
+      s = [t.value];
+    let u = 12;
+    return o && x === "Mobile" || he && !o ? u = (n == null ? void 0 : n.mobileYAxisLineHeight) ?? 12 : (o && x === "Tablet" || ue && !o) && (u = (n == null ? void 0 : n.tabletYAxisLineHeight) ?? 12), mt(t.value, "12px Roboto") + 15, y > 0 && y < 180 ? /* @__PURE__ */ v("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
+      A && /* @__PURE__ */ a(
+        "line",
+        {
+          stroke: R ? w : Y,
+          strokeWidth: 1.5,
+          y1: -32,
+          y2: -12
+        }
+      ),
+      /* @__PURE__ */ a("g", { transform: `translate(0, ${e.y + j})`, children: s.map((c, i) => /* @__PURE__ */ a(
+        "text",
+        {
+          transform: `rotate(${y})`,
+          textAnchor: "start",
+          y: typeof e.value == "number" ? 0 : i * u,
+          dominantBaseline: "middle",
+          style: {
+            ...r.axis.ticks.text,
+            fill: O === "null" ? "black" : O,
+            fontSize: "12px",
+            fontFamily: "Roboto"
+          },
+          children: c
+        },
+        c
+      )) })
+    ] }) : y > 180 && y < 360 ? /* @__PURE__ */ v("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
+      A && /* @__PURE__ */ a(
+        "line",
+        {
+          stroke: R ? w : Y,
+          strokeWidth: 1.5,
+          y1: -32,
+          y2: -12
+        }
+      ),
+      /* @__PURE__ */ a("g", { transform: `translate(0, ${e.y + j})`, children: /* @__PURE__ */ a(
+        "text",
+        {
+          transform: `rotate(${y})`,
+          textAnchor: "end",
+          dominantBaseline: "middle",
+          style: {
+            ...r.axis.ticks.text,
+            fill: O,
+            fontSize: "12px"
+          },
+          children: t.value
+        }
+      ) })
+    ] }) : /* @__PURE__ */ v("g", { transform: `translate(${e.x},${e.y + 30})`, children: [
+      A && /* @__PURE__ */ a(
+        "line",
+        {
+          stroke: R ? w : Y,
+          strokeWidth: 1.5,
+          y1: -32,
+          y2: -12
+        }
+      ),
+      /* @__PURE__ */ a("g", { transform: `translate(0, ${e.y + j})`, children: s.map((c, i) => /* @__PURE__ */ a(
+        "text",
+        {
+          transform: `rotate(${y})`,
+          textAnchor: "middle",
+          y: typeof e.value == "number" ? 0 : i * u,
+          dominantBaseline: "middle",
+          style: {
+            ...r.axis.ticks.text,
+            fill: O === "null" ? "black" : O,
+            fontSize: "12px",
+            fontFamily: "Roboto"
+          },
+          children: c
+        },
+        c
+      )) })
+    ] });
+  }, Pe = ({ series: e, xScale: t, yScale: r, innerHeight: s }) => {
+    const l = e && e.length > 0 ? e[0].color : "#3daff7", u = [];
+    e[0] && e[0].data.forEach((f) => {
+      K == "csv" ? m.keys.forEach((g) => {
+        u.push({ measure: g, min: f.data.variables[g] });
+      }) : Fe.forEach((g) => {
+        u.push({ measure: g, min: f.data.variables[g] });
+      });
+    });
+    const c = u.sort((f, g) => f.min - g.min), i = ee == "CUSTOM_BETWEEN_TWO_LINES" && te ? te : c[0].measure, b = ee == "CUSTOM_BETWEEN_TWO_LINES" && ae ? ae : c[c.length - 1].measure, Xe = nt().x((f) => t(f.data.x)).y0((f) => r(f.data.variables[i])).y1((f) => r(f.data.variables[b]));
+    return /* @__PURE__ */ a(G, { children: e && e[0] && /* @__PURE__ */ a(
+      "path",
+      {
+        d: Xe(e[0].data),
+        fill: l,
+        fillOpacity: 0.4
+      }
+    ) });
+  }, Ve = ({ series: e, xScale: t, yScale: r, innerHeight: s, innerWidth: l }) => {
+    const u = [0, l], c = st().x((i, b) => b === 0 ? -10 : i).y((i) => r(0));
+    return /* @__PURE__ */ a(et, { children: /* @__PURE__ */ a(
+      "path",
+      {
+        d: c(u),
+        fill: "none",
+        stroke: it,
+        style: { pointerEvents: "none", strokeDasharray: "4 4" }
+      }
+    ) });
+  }, M = ["grid", "axes", "lines", "legends"];
+  Oe && M.push(Pe), Te && (M.push("points"), M.push("mesh")), Ne && M.push(Ve);
+  let k = [];
+  m.data.forEach((e) => {
+    e.data && (k = [...k, ...e.data.map((t) => t.y)]);
+  });
+  const Ze = () => {
+    if (P === "stacked") {
+      const e = [];
+      m.data.forEach((r) => {
+        e.push(...r.data);
+      });
+      const t = [];
+      e.forEach((r) => {
+        t.indexOf(r.x) == -1 && t.push(r.x);
+      }), h = Math.max(
+        ...t.map((r) => e.filter((s) => s.x == r).map((s) => s.y).reduce((s, l) => Math.max(s + l, s + 0)))
+      ), d = Math.min(
+        ...t.map((r) => e.filter((s) => s.x == r).map((s) => s.y).reduce((s, l) => Math.min(s - l, l - s)))
+      );
+    } else
+      k.length > 0 && (h = Math.max(...k), d = Math.min(...k));
+    return h = h < 0 ? h * 0.9 : h * 1.1, d = d > 0 ? d * 0.9 : d * 1.1, { min: d, max: h };
+  };
+  let d = "auto", h = "auto";
+  const _ = Ze();
+  Me == "fixed" ? (d = S != null && S != "" ? S : _.min, h = H != null && H != "" ? H : _.max) : (d = _.min, h = _.max);
+  const ce = () => /* @__PURE__ */ a(G, { children: q && Q && /* @__PURE__ */ a("div", { className: "legend item", children: /* @__PURE__ */ a("label", { className: "legend-title", children: Q }) }) }), qe = {
+    top: Be,
+    right: ye,
+    bottom: Se,
+    left: pe
+  };
+  let U = parseInt($e);
+  const Qe = m.data && ((me = (oe = m.data) == null ? void 0 : oe.filter((e) => {
+    var t;
+    return ((t = e == null ? void 0 : e.data) == null ? void 0 : t.length) > 0;
+  })) == null ? void 0 : me.length), ie = [];
+  if (F || W) {
+    U = Number.parseInt(n.yAxisTickValues);
+    const e = new Map(Object.entries(((de = n == null ? void 0 : n.labels) == null ? void 0 : de.xAxis) ?? {}));
+    for (const [t, r] of e)
+      r || ie.push(t);
+  }
+  return m != null && m.data && Qe > 0 ? /* @__PURE__ */ v("div", { style: { height: ge }, children: [
+    /* @__PURE__ */ a(
+      at,
+      {
+        data: Ye(m.data),
+        margin: qe,
+        xScale: { type: "point" },
+        yScale: {
+          type: "linear",
+          min: d,
+          max: h,
+          stacked: P == "stacked",
+          reverse: !1,
+          clamp: ze
+        },
+        layers: M,
+        axisTop: null,
+        axisRight: Ee ? {
+          tickSize: 5,
+          tickValues: U,
+          tickPadding: 5,
+          tickRotation: 0,
+          legend: N.right,
+          legendPosition: "middle",
+          legendOffset: parseInt(Ie),
+          format: (e) => {
+            const t = I || E;
+            return L.formatNumber(
+              t.style === "percent" ? e / 100 : e,
+              {
+                ...t
+              }
+            );
+          }
+        } : null,
+        enableGridY: De,
+        enableGridX: Le,
+        enablePointLabel: xe === "top",
+        pointLabel: (e) => L.formatNumber(
+          E.style === "percent" ? e.yFormatted / 100 : e.yFormatted,
+          E
+        ),
+        lineWidth: 3,
+        colors: (e) => X.getColor(e.id, e),
+        axisBottom: (F || W) && (n == null ? void 0 : n.xAxisDisabled) === !0 ? null : {
+          renderTick: Ke,
+          legend: N.bottom,
+          legendPosition: "middle",
+          legendOffset: Number.parseInt(ke)
+        },
+        axisLeft: {
+          tickSize: 5,
+          tickValues: U,
+          tickPadding: 5,
+          tickRotation: 0,
+          legend: N.left,
+          legendPosition: "middle",
+          legendOffset: Number.parseInt(be),
+          format: (e) => {
+            const t = I || E;
+            return L.formatNumber(
+              t.style === "percent" ? e / 100 : e,
+              {
+                ...t
+              }
+            );
+          }
+        },
+        tooltip: (e) => fe && D && D.trim().length > 0 ? /* @__PURE__ */ a(
+          rt,
+          {
+            intl: L,
+            format: E,
+            d: e,
+            tooltip: D,
+            tooltipEnableMarkdown: We
+          }
+        ) : null,
+        pointSize: 10,
+        pointBorderWidth: 2,
+        pointBorderColor: { from: "serieColor" },
+        useMesh: !0
+      },
+      /* @__PURE__ */ new Date()
+    ),
+    (p === "top" || p === "bottom") && /* @__PURE__ */ a(
+      "div",
+      {
+        className: `legends container has-standard-12-font-size ${p}`,
+        children: /* @__PURE__ */ v("div", { className: "legend-sections", children: [
+          /* @__PURE__ */ a("div", { className: "title-section", children: ce() }),
+          /* @__PURE__ */ a(
+            ct,
+            {
+              onWrapChange: (e) => {
+                p === "top" ? (Ae(V + e / 2 * 40), se(e)) : (He(Z + e / 2 * 25), se(e));
+              },
+              className: "legends container has-standard-12-font-size items-section",
+              children: le()
+            }
+          )
+        ] })
+      }
+    ),
+    (p === "right" || p === "left") && /* @__PURE__ */ v(
+      "div",
+      {
+        className: `legends container has-standard-12-font-size  ${p}`,
+        style: p === "right" ? Ue : Ge,
+        children: [
+          ce(),
+          le()
+        ]
+      }
+    )
+  ] }) : /* @__PURE__ */ a("div", {});
+}, Mt = tt(dt);
+export {
+  Mt as default
+};

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

@@ -0,0 +1,76 @@
+import { jsxs as I, jsx as z } from "react/jsx-runtime";
+import { Fragment as B } from "react";
+import { line as L } from "d3-shape";
+import * as O from "d3";
+import { formatContent as R } from "./Tooltip.js";
+import { injectIntl as W } from "react-intl";
+const X = (r, m, t, S, c, g, j, w) => W((l) => {
+  const { intl: A } = l;
+  let o = S === "grouped";
+  if (r) {
+    const { bars: y, xScale: u, yScale: x, innerWidth: M, innerHeight: E } = l;
+    let s = /* @__PURE__ */ new Set(), d = [], n = 0;
+    y && y.length > 0 ? (s = new Set(l.bars.map((e) => e.data.indexValue)), d = r.data.filter((e) => Array.from(s).find((p) => p == e[0])), n = t === "horizontal" ? l.bars[0].height : l.bars[0].width) : (o = !1, r.data && (r.data.forEach((e) => {
+      e && s.add(e[0]);
+    }), d = r.data, n = t === "horizontal" ? E / s.size : M / s.size));
+    let a, h;
+    t === "horizontal" ? (h = 1, a = 0) : (h = 0, a = 1);
+    const b = L();
+    b.x((e) => t === "horizontal" ? u(e[h]) : u(e[h]) + n * (o ? c.length : 1) / 2).y((e) => t === "horizontal" ? x(e[a]) + n * (o ? c.length : 1) / 2 : x(e[a]));
+    const i = O.select("#root").append("div").attr("class", "chart tooltip").style("transition", "all 1s ease-out;").style("background-color", m).style("position", "absolute").style("visibility", "hidden");
+    return /* @__PURE__ */ I(B, { children: [
+      /* @__PURE__ */ z(
+        "path",
+        {
+          d: b(d),
+          fill: "none",
+          "stroke-width": "4",
+          stroke: `${m}`,
+          style: { pointerEvents: "none" }
+        }
+      ),
+      d.map((e) => {
+        const v = t === "horizontal" ? n * (o ? c.length : 1) / 2 : 0, p = t === "horizontal" ? 0 : n * (o ? c.length : 1) / 2;
+        return /* @__PURE__ */ z(
+          "circle",
+          {
+            onMouseOver: (f) => {
+              i.style("visibility", "visible");
+            },
+            onMouseMove: (f) => {
+              g && g.trim().length > 0 && (i.html(
+                R(
+                  g,
+                  {
+                    x: e[0],
+                    y: e[1],
+                    title: j,
+                    measure: w
+                  },
+                  A
+                )
+              ), i.style(
+                "top",
+                f.pageY - i.node().getBoundingClientRect().height + "px"
+              ).style(
+                "left",
+                f.pageX - i.node().getBoundingClientRect().width + "px"
+              ));
+            },
+            onMouseOut: (f) => i.style("visibility", "hidden"),
+            cx: u(e[h]) + p,
+            cy: x(e[a]) + v,
+            r: 7,
+            fill: m,
+            style: { pointerEvents: "all", cursor: "pointer" }
+          },
+          e.index
+        );
+      })
+    ] });
+  } else
+    return null;
+});
+export {
+  X as default
+};

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

@@ -0,0 +1,44 @@
+import { jsxs as n, jsx as c } from "react/jsx-runtime";
+import "react";
+import { Segment as i, Header as m, Button as d } from "semantic-ui-react";
+import { cleanFilter as p } from "../reducers/data.js";
+import { connect as g } from "react-redux";
+const h = (t) => {
+  const { data: e, noDataMsg: a, app: r, group: o, onClean: s, editing: l } = t;
+  return e && e.itemsSize && e.itemsSize > 0 ? null : /* @__PURE__ */ n(i, { placeholder: !0, className: "chartNoDataMessage", children: [
+    /* @__PURE__ */ n(m, { icon: !0, children: [
+      /* @__PURE__ */ c(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          className: "noDataSVG",
+          viewBox: "0 0 512 512",
+          children: /* @__PURE__ */ c(
+            "path",
+            {
+              d: `M403.7,96.3c-41-41-95.6-63.6-153.7-63.6c-58,0-112.6,22.6-153.7,63.6c-41,41-63.6,95.6-63.6,153.7
+                        c0,58,22.6,112.6,63.6,153.7c41,41,95.6,63.6,153.7,63.6c58,0,112.6-22.6,153.7-63.6c41-41,63.7-95.6,63.7-153.7
+                        C467.3,192,444.7,137.4,403.7,96.3z M57.7,250C57.7,144,144,57.7,250,57.7c37.2,0,72,10.6,101.5,29l-63,77.1c-2.8-3.5-6-6.8-9.5-10
+                        c-18.2-16.7-39.9-24.5-65.1-23.5c-25.2,1.1-46.2,10.7-62.9,28.9c-16.7,18.2-24.5,39.9-23.5,65.1c1.1,25.2,10.7,46.2,28.9,62.9
+                        c6.2,5.7,12.8,10.3,19.8,14l-66,80.8C77.7,347.6,57.7,301.1,57.7,250z M280.2,217.8c0.7,17.3-4.7,32.3-16.3,45
+                        c-10.9,11.9-24.3,18.5-40.2,19.9l56.3-68.9C280.1,215.2,280.2,216.5,280.2,217.8z M194.6,278.8c-6.9-2.7-13.3-6.8-19.2-12.2
+                        c-12.7-11.6-19.4-26.1-20.1-43.5c-0.7-17.3,4.7-32.4,16.3-45c11.6-12.7,26.1-19.4,43.5-20.1c17.3-0.7,32.3,4.7,45,16.3
+                        c4,3.7,7.3,7.6,10.1,11.8L194.6,278.8z M250,442.3c-46,0-88.2-16.2-121.3-43.2l73.1-89.5c6.4,1,13,1.4,19.9,1.1
+                        c10.2-0.4,19.7-2.5,28.6-6.1c8.9-3.6,16.7-8.4,23.4-14.2l81,74.4c2.6,2.4,6,3.6,9.3,3.6c3.7,0,7.4-1.5,10.1-4.5
+                        c5.1-5.6,4.8-14.3-0.8-19.4l-81-74.4c5.3-7.2,9.3-15.3,12.2-24.5c2.8-9.2,4.1-18.8,3.6-29c-0.5-10.7-2.5-20.6-6-29.8l69.8-85.5
+                        c43,35.3,70.5,88.8,70.5,148.7C442.3,356,356,442.3,250,442.3z`
+            }
+          )
+        }
+      ),
+      l && /* @__PURE__ */ c("div", { className: "WPnoDataMsg", children: "Not enough parameters to render the chart" }),
+      /* @__PURE__ */ c("div", { className: "WPnoDataMsg", children: a })
+    ] }),
+    /* @__PURE__ */ c(d, { onClick: (u) => s({ app: r, group: o }), children: "Clear Filter" })
+  ] });
+}, M = {
+  onClean: p
+}, w = g(null, M)(h);
+export {
+  w as default
+};