vue-data-ui 2.2.92 → 2.2.93

package/dist/vue-ui-table-DM3zL89q.js

@@ -1,2180 +0,0 @@
-import { computed as O, ref as M, onMounted as fe, openBlock as o, createElementBlock as i, normalizeStyle as g, renderSlot as K, normalizeProps as me, guardReactiveProps as _e, createElementVNode as u, toDisplayString as c, createCommentVNode as y, unref as G, Fragment as k, renderList as L, createBlock as oe, useCssVars as Ae, normalizeClass as A, createSlots as De, withCtx as ne, nextTick as Me, createTextVNode as P, withDirectives as q, vModelText as $, withKeys as ee, withModifiers as te, vModelSelect as Ge, createStaticVNode as Te, pushScopeId as ze, popScopeId as Pe } from "vue";
-import { t as pe } from "./themes-lgjsYHsH.js";
-import { u as ie } from "./title-BF-9Qcni.js";
-import { _ as de, e as Ne, i as ke, j as ue, k as Ce, x as re, R as Ie, S as Fe, X as Ee, o as ae, N as ve, n as be, f as Be, p as se, g as Re, h as we, B as He, v as Se, w as xe, t as Ue, m as Ve, c as We } from "./data-table-d-VcuH-r.js";
-import { u as he, S as je, a as Xe } from "./vue-ui-3d-bar-DW7kGJSz.js";
-import { U as Ye } from "./user-options-DZgCz8UA.js";
-const Ze = ["id"], qe = ["xmlns", "viewBox"], Ke = ["id"], Je = ["stop-color"], Qe = ["stop-color"], $e = ["id"], et = ["stop-color"], tt = ["stop-color"], st = ["id"], lt = ["stop-color"], nt = ["stop-color"], rt = { key: 0 }, at = ["d", "fill"], ot = ["d", "fill"], it = ["d", "stroke", "stroke-width"], ut = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ct = ["x", "y", "width", "height", "fill", "rx"], dt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ht = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], gt = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], yt = ["x", "y", "font-size", "font-weight", "fill"], vt = ["x", "y", "height", "width", "onMouseenter", "onClick"], bt = {
-  __name: "vue-ui-sparkline",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    showInfo: {
-      type: Boolean,
-      default: !0
-    },
-    selectedIndex: {
-      type: Number,
-      default: void 0
-    }
-  },
-  emits: ["hoverIndex", "selectDatapoint"],
-  setup(n, { emit: r }) {
-    const a = n, { vue_ui_sparkline: d } = he(), t = O(() => !!a.dataset && a.dataset.length), e = M(Ne()), l = O(() => {
-      const _ = ie({
-        userConfig: a.config,
-        defaultConfig: d
-      });
-      return _.theme ? {
-        ...ie({
-          userConfig: pe.vue_ui_sparkline[_.theme] || a.config,
-          defaultConfig: _
-        })
-      } : _;
-    }), s = M(a.dataset.map((_) => l.value.style.animation.show ? {
-      ..._,
-      value: null
-    } : {
-      ..._,
-      value: [void 0].includes(_.value) ? null : _.value
-    }));
-    fe(() => {
-      if (ke(a.dataset) ? ue({
-        componentName: "VueUiSparkline",
-        type: "dataset"
-      }) : a.dataset.forEach((_, I) => {
-        Ce({
-          datasetObject: _,
-          requiredAttributes: ["period", "value"]
-        }).forEach((b) => {
-          ue({
-            componentName: "VueUiSparkline",
-            type: "datasetSerieAttribute",
-            property: b,
-            index: I
-          });
-        });
-      }), l.value.style.animation.show && a.dataset.length > 1) {
-        let b = function() {
-          I < a.dataset.length ? (s.value.push(a.dataset[I]), setTimeout(() => {
-            requestAnimationFrame(b);
-          }, _)) : s.value = a.dataset, I += 1;
-        };
-        s.value = [];
-        const _ = l.value.style.animation.animationFrames / a.dataset.length;
-        let I = 0;
-        b();
-      }
-    });
-    const h = M({
-      height: 80,
-      width: 500
-    }), f = M(6), m = O(() => ({
-      top: 12,
-      left: 0,
-      right: h.value.width,
-      bottom: h.value.height - 3,
-      start: a.showInfo && l.value.style.dataLabel.show && l.value.style.dataLabel.position === "left" ? h.value.width - l.value.style.chartWidth : 30,
-      width: a.showInfo && l.value.style.dataLabel.show ? l.value.style.chartWidth : h.value.width - 30,
-      height: h.value.height - 12
-    })), B = O(() => Math.min(...s.value.map((_) => isNaN(_.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(_.value) ? 0 : _.value || 0))), D = O(() => Math.max(...s.value.map((_) => isNaN(_.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(_.value) ? 0 : _.value || 0))), T = O(() => {
-      const _ = B.value >= 0 ? 0 : B.value;
-      return Math.abs(_);
-    }), j = O(() => D.value + T.value + f.value), z = O(() => m.value.bottom - m.value.height * X(T.value));
-    function X(_) {
-      return _ / j.value;
-    }
-    const H = O(() => a.dataset.length - 1), C = O(() => s.value.map((_, I) => {
-      const b = isNaN(_.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(_.value) ? 0 : _.value || 0;
-      return {
-        absoluteValue: b,
-        period: _.period,
-        plotValue: b + T.value,
-        toMax: X(b + T.value),
-        x: m.value.start + I * (m.value.width / (H.value + 1) > 30 ? 30 : m.value.width / (H.value + 1)),
-        y: m.value.bottom - m.value.height * X(b + T.value),
-        id: `plot_${e.value}_${I}`,
-        color: W.value ? l.value.style.bar.color : l.value.style.area.useGradient ? re(l.value.style.line.color, 0.05 * (1 - I / H.value)) : l.value.style.line.color,
-        width: m.value.width / (H.value + 1) > 30 ? 30 : m.value.width / (H.value + 1)
-      };
-    })), Y = O(() => {
-      const _ = { x: C.value[0].x, y: h.value.height - 6 }, I = { x: C.value[C.value.length - 1].x, y: h.value.height - 6 }, b = [];
-      return C.value.forEach((w) => {
-        b.push(`${w.x},${w.y} `);
-      }), [_.x, _.y, ...b, I.x, I.y].toString();
-    }), E = M(void 0);
-    function Z(_, I) {
-      E.value = _, r("hoverIndex", { index: I });
-    }
-    function J() {
-      E.value = void 0, r("hoverIndex", { index: void 0 });
-    }
-    const R = O(() => {
-      if (t.value) {
-        const _ = C.value.map((b) => b.absoluteValue), I = _.reduce((b, w) => b + w, 0);
-        return {
-          latest: C.value[C.value.length - 1].absoluteValue,
-          sum: I,
-          average: I / C.value.length,
-          median: Ie(_),
-          trend: Fe(C.value.map(({ x: b, y: w, absoluteValue: le }) => ({
-            x: b,
-            y: w,
-            value: le
-          }))).trend
-        };
-      } else
-        return {
-          latest: null,
-          sum: null,
-          average: null,
-          median: null,
-          trend: null
-        };
-    }), Q = O(() => t.value ? l.value.style.dataLabel.valueType === "latest" ? R.value.latest : l.value.style.dataLabel.valueType === "sum" ? R.value.sum : l.value.style.dataLabel.valueType === "average" ? R.value.average : 0 : 0), W = O(() => l.value.type && l.value.type === "bar");
-    function ce(_, I) {
-      r("selectDatapoint", { datapoint: _, index: I });
-    }
-    return (_, I) => (o(), i("div", {
-      class: "vue-ui-sparkline",
-      id: e.value,
-      style: g(`width:100%;font-family:${l.value.style.fontFamily}`)
-    }, [
-      K(_.$slots, "before", me(_e({
-        selected: E.value,
-        latest: R.value.latest,
-        sum: R.value.sum,
-        average: R.value.average,
-        median: R.value.median,
-        trend: R.value.trend
-      })), void 0, !0),
-      l.value.style.title.show && n.showInfo ? (o(), i("div", {
-        key: 0,
-        class: "vue-ui-sparkline-title",
-        style: g(`display:flex;align-items:center;width:100%;color:${l.value.style.title.color};background:${l.value.style.backgroundColor};justify-content:${l.value.style.title.textAlign === "left" ? "flex-start" : l.value.style.title.textAlign === "right" ? "flex-end" : "center"};height:${l.value.style.title.fontSize * 2}px;font-size:${l.value.style.title.fontSize}px;font-weight:${l.value.style.title.bold ? "bold" : "normal"};`)
-      }, [
-        u("span", {
-          style: g(`padding:${l.value.style.title.textAlign === "left" ? "0 0 0 12px" : l.value.style.title.textAlign === "right" ? "0 12px 0 0" : "0"}`)
-        }, c(E.value ? E.value.period : l.value.style.title.text), 5)
-      ], 4)) : y("", !0),
-      t.value ? (o(), i("svg", {
-        key: 1,
-        xmlns: G(Ee),
-        viewBox: `0 0 ${h.value.width} ${h.value.height}`,
-        style: g(`background:${l.value.style.backgroundColor};overflow:visible`)
-      }, [
-        u("defs", null, [
-          u("linearGradient", {
-            x1: "0%",
-            y1: "0%",
-            x2: "100%",
-            y2: "0%",
-            id: `sparkline_gradient_${e.value}`
-          }, [
-            u("stop", {
-              offset: "0%",
-              "stop-color": `${G(re)(l.value.style.area.color, 0.05)}${G(ae)[l.value.style.area.opacity]}`
-            }, null, 8, Je),
-            u("stop", {
-              offset: "100%",
-              "stop-color": l.value.style.area.color + G(ae)[l.value.style.area.opacity]
-            }, null, 8, Qe)
-          ], 8, Ke),
-          u("linearGradient", {
-            x2: "0%",
-            y2: "100%",
-            id: `sparkline_bar_gradient_pos_${e.value}`
-          }, [
-            u("stop", {
-              offset: "0%",
-              "stop-color": l.value.style.bar.color
-            }, null, 8, et),
-            u("stop", {
-              offset: "100%",
-              "stop-color": `${G(re)(l.value.style.bar.color, 0.05)}`
-            }, null, 8, tt)
-          ], 8, $e),
-          u("linearGradient", {
-            x2: "0%",
-            y2: "100%",
-            id: `sparkline_bar_gradient_neg_${e.value}`
-          }, [
-            u("stop", {
-              offset: "0%",
-              "stop-color": `${G(re)(l.value.style.bar.color, 0.05)}`
-            }, null, 8, lt),
-            u("stop", {
-              offset: "100%",
-              "stop-color": l.value.style.bar.color
-            }, null, 8, nt)
-          ], 8, st)
-        ]),
-        l.value.style.area.show && !W.value && C.value[0] ? (o(), i("g", rt, [
-          l.value.style.line.smooth ? (o(), i("path", {
-            key: 0,
-            d: `M ${C.value[0].x},${m.value.bottom} ${G(ve)(C.value)} L ${C.value.at(-1).x},${m.value.bottom} Z`,
-            fill: l.value.style.area.useGradient ? `url(#sparkline_gradient_${e.value})` : `${l.value.style.area.color}${G(ae)[l.value.style.area.opacity]}`
-          }, null, 8, at)) : (o(), i("path", {
-            key: 1,
-            d: `M${Y.value}Z`,
-            fill: l.value.style.area.useGradient ? `url(#sparkline_gradient_${e.value})` : `${l.value.style.area.color}${G(ae)[l.value.style.area.opacity]}`
-          }, null, 8, ot))
-        ])) : y("", !0),
-        l.value.style.line.smooth && !W.value ? (o(), i("path", {
-          key: 1,
-          d: `M ${G(ve)(C.value)}`,
-          stroke: l.value.style.line.color,
-          fill: "none",
-          "stroke-width": l.value.style.line.strokeWidth,
-          "stroke-linecap": "round"
-        }, null, 8, it)) : y("", !0),
-        (o(!0), i(k, null, L(C.value, (b, w) => (o(), i("g", null, [
-          w < C.value.length - 1 && !l.value.style.line.smooth && !W.value ? (o(), i("line", {
-            key: 0,
-            x1: b.x,
-            x2: C.value[w + 1].x,
-            y1: b.y,
-            y2: C.value[w + 1].y,
-            stroke: b.color,
-            "stroke-width": l.value.style.line.strokeWidth,
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round",
-            "shape-rendering": "geometricPrecision"
-          }, null, 8, ut)) : y("", !0),
-          W.value ? (o(), i("rect", {
-            key: 1,
-            x: b.x - b.width / 2,
-            y: b.absoluteValue > 0 ? b.y : z.value,
-            width: b.width,
-            height: Math.abs(b.y - z.value),
-            fill: b.absoluteValue > 0 ? `url(#sparkline_bar_gradient_pos_${e.value})` : `url(#sparkline_bar_gradient_neg_${e.value})`,
-            rx: l.value.style.bar.borderRadius
-          }, null, 8, ct)) : y("", !0),
-          l.value.style.verticalIndicator.show && (E.value && b.id === E.value.id || n.selectedIndex === w) ? (o(), i("line", {
-            key: 2,
-            x1: b.x,
-            x2: b.x,
-            y1: m.value.top - 6,
-            y2: m.value.bottom,
-            stroke: l.value.style.verticalIndicator.color || b.color,
-            "stroke-width": l.value.style.verticalIndicator.strokeWidth,
-            "stroke-linecap": "round",
-            "stroke-dasharray": l.value.style.verticalIndicator.strokeDasharray || 0
-          }, null, 8, dt)) : y("", !0)
-        ]))), 256)),
-        B.value < 0 ? (o(), i("line", {
-          key: 2,
-          x1: m.value.start,
-          x2: m.value.start + m.value.width - 16,
-          y1: z.value,
-          y2: z.value,
-          stroke: l.value.style.zeroLine.color,
-          "stroke-dasharray": l.value.style.zeroLine.strokeWidth * 2,
-          "stroke-width": l.value.style.zeroLine.strokeWidth,
-          "stroke-linecap": "round"
-        }, null, 8, ht)) : y("", !0),
-        l.value.style.plot.show ? (o(!0), i(k, { key: 3 }, L(C.value, (b, w) => (o(), i("g", null, [
-          E.value && b.id === E.value.id || n.selectedIndex === w ? (o(), i("circle", {
-            key: 0,
-            cx: b.x,
-            cy: b.y,
-            r: l.value.style.plot.radius,
-            fill: b.color,
-            stroke: l.value.style.plot.stroke,
-            "stroke-width": l.value.style.plot.strokeWidth
-          }, null, 8, gt)) : y("", !0)
-        ]))), 256)) : y("", !0),
-        n.showInfo && l.value.style.dataLabel.show ? (o(), i("text", {
-          key: 4,
-          x: l.value.style.dataLabel.position === "left" ? 12 + l.value.style.dataLabel.offsetX : m.value.width + 12 + l.value.style.dataLabel.offsetX,
-          y: h.value.height / 2 + l.value.style.dataLabel.fontSize / 2.5 + l.value.style.dataLabel.offsetY,
-          "font-size": l.value.style.dataLabel.fontSize,
-          "font-weight": l.value.style.dataLabel.bold ? "bold" : "normal",
-          fill: l.value.style.dataLabel.color
-        }, c(E.value ? G(be)({ p: l.value.style.dataLabel.prefix, v: E.value.absoluteValue, s: l.value.style.dataLabel.suffix, r: l.value.style.dataLabel.roundingValue }) : G(be)({ p: l.value.style.dataLabel.prefix, v: Q.value, s: l.value.style.dataLabel.suffix, r: l.value.style.dataLabel.roundingValue })), 9, yt)) : y("", !0),
-        (o(!0), i(k, null, L(C.value, (b, w) => (o(), i("rect", {
-          x: b.x - (m.value.width / (H.value + 1) > 30 ? 30 : m.value.width / (H.value + 1)) / 2,
-          y: m.value.top - 6,
-          height: m.value.height + 6,
-          width: m.value.width / (H.value + 1) > 30 ? 30 : m.value.width / (H.value + 1),
-          fill: "transparent",
-          onMouseenter: (le) => Z(b, w),
-          onMouseleave: J,
-          onClick: () => ce(b, w)
-        }, null, 40, vt))), 256)),
-        K(_.$slots, "svg", { svg: h.value }, void 0, !0)
-      ], 12, qe)) : y("", !0),
-      t.value ? y("", !0) : (o(), oe(je, {
-        key: 2,
-        config: {
-          type: "sparkline",
-          style: {
-            backgroundColor: l.value.style.backgroundColor,
-            sparkline: {
-              color: "#CCCCCC"
-            }
-          }
-        }
-      }, null, 8, ["config"]))
-    ], 12, Ze));
-  }
-}, Le = /* @__PURE__ */ de(bt, [["__scopeId", "data-v-ee68f40e"]]), on = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Le
-}, Symbol.toStringTag, { value: "Module" })), ft = ["id"], mt = { style: { "z-index": "1", "padding-right": "24px" } }, _t = ["onClick"], pt = { style: { display: "flex", "flex-direction": "row", gap: "3px", "align-items": "center" } }, Nt = ["data-cell"], kt = { style: { display: "flex", "flex-direction": "row", "align-items": "center", gap: "6px" } }, Ct = ["data-cell", "onPointerenter"], It = ["data-cell"], Ft = ["data-cell"], wt = ["data-cell"], St = ["data-cell"], xt = {
-  __name: "vue-ui-table-sparkline",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Array,
-      default() {
-        return [];
-      }
-    }
-  },
-  setup(n, { expose: r }) {
-    const a = n;
-    Ae((v) => ({
-      "2af6bd52": v.tdo
-    }));
-    const { vue_ui_table_sparkline: d } = he(), t = M(Ne()), e = M(0), l = M(0), s = O(() => {
-      const v = ie({
-        userConfig: a.config,
-        defaultConfig: d
-      });
-      return v.theme ? {
-        ...ie({
-          userConfig: pe.vue_ui_table_sparkline[v.theme] || a.config,
-          defaultConfig: v
-        }),
-        customPalette: Be[v.theme] || se
-      } : v;
-    }), { isPrinting: h, isImaging: f, generatePdf: m, generateImage: B } = Xe({
-      elementId: `table_${t.value}`,
-      fileName: s.value.title.text || "vue-ui-table-sparkline"
-    }), D = O(() => Re(s.value.customPalette)), T = M(null), j = M(!1), z = O(() => s.value.responsiveBreakpoint);
-    fe(() => {
-      ke(a.dataset) && ue({
-        componentName: "VueUiTableSparkline",
-        type: "dataset"
-      });
-      const v = new ResizeObserver((S) => {
-        S.forEach((p) => {
-          j.value = p.contentRect.width < z.value;
-        });
-      });
-      T.value && v.observe(T.value);
-    });
-    const X = O(() => (a.dataset.forEach((v, S) => {
-      Ce({
-        datasetObject: v,
-        requiredAttributes: ["name", "values"]
-      }).forEach((p) => {
-        ue({
-          componentName: "VueUiTableSparkline",
-          type: "datasetSerieAttribute",
-          property: p,
-          index: S
-        });
-      });
-    }), a.dataset.map((v, S) => {
-      const p = (v.values || []).map((F) => isNaN(F) ? 0 : F ?? 0), x = p.reduce((F, N) => F + N, 0);
-      return {
-        ...v,
-        values: v.values || [],
-        color: we(v.color) || D.value[S] || se[S] || se[S % se.length],
-        sum: x,
-        average: x / p.length,
-        median: Ie(p),
-        sparklineDataset: p.map((F, N) => ({
-          period: s.value.colNames[N] || `col ${N}`,
-          value: F || 0
-        }))
-      };
-    })));
-    function H(v) {
-      const p = (v[0].values || []).map(
-        (F, N) => v.map((V) => V.values[N] || [])
-      ).map(
-        (F) => F.map((N, V) => [N, V]).sort((N, V) => V[0] - N[0]).map((N) => N[1])
-      );
-      return v.map((F, N) => ({
-        ...F,
-        values: F.values || [],
-        orders: p[N]
-      }));
-    }
-    const C = O(() => H(X.value)), Y = M(C.value), E = O(() => Math.max(...Y.value.map((v) => (v.values || []).length))), Z = M(void 0), J = M(!1), R = M(void 0), Q = M(-1);
-    function W() {
-      J.value = !1, R.value = void 0, Q.value = -1, Y.value = C.value;
-    }
-    function ce(v) {
-      J.value = !0, R.value = v;
-      const S = C.value.map((N) => N.values[v] || []), p = Z.value === v ? 1 : -1;
-      Q.value = p, v === Z.value ? Z.value = void 0 : Z.value = v;
-      const F = S.map((N, V) => [V, N]).sort((N, V) => p * (V[1] - N[1])).map((N) => N[0]).map((N) => C.value[N]);
-      Y.value = F, l.value += 1;
-    }
-    const _ = O(() => Math.max(...a.dataset.map((v) => (v.values || []).length))), I = O(() => {
-      let v = s.value.colNames;
-      if (!v.length)
-        for (let p = 0; p < _.value; p += 1)
-          v.push(`col ${p + 1}`);
-      s.value.showTotal && (v = [...v, s.value.translations.total]);
-      let S;
-      return s.value.showAverage && s.value.showMedian ? S = [
-        ...v,
-        s.value.translations.average,
-        s.value.translations.median
-      ] : s.value.showAverage && !s.value.showMedian ? S = [...v, s.value.translations.average] : !s.value.showAverage && s.value.showMedian ? S = [...v, s.value.translations.median] : S = v, s.value.showSparklines ? [...S, s.value.translations.chart] : S;
-    }), b = M(void 0), w = M(void 0);
-    function le({ dataIndex: v, serieIndex: S }) {
-      b.value = v, w.value = S;
-    }
-    const ge = M(!1);
-    function Oe(v) {
-      ge.value = v, e.value += 1;
-    }
-    function ye() {
-      Me(() => {
-        const v = [s.value.translations.serie].concat(I.value), S = X.value.map((F, N) => [
-          [F.name],
-          F.values,
-          [F.sum],
-          [F.average],
-          [F.median]
-        ]), p = [v].concat(S), x = Se(p);
-        xe({
-          csvContent: x,
-          title: s.value.title.text || "vue-ui-table-sparkline"
-        });
-      });
-    }
-    return r({
-      generatePdf: m,
-      generateImage: B,
-      generateCsv: ye,
-      restoreOrder: W
-    }), (v, S) => (o(), i("div", {
-      ref_key: "tableContainer",
-      ref: T,
-      class: A({ "vue-ui-responsive": j.value }),
-      style: { overflow: "hidden" },
-      id: `table_${t.value}`
-    }, [
-      u("div", {
-        style: { overflow: "auto" },
-        onPointerleave: S[0] || (S[0] = (p) => {
-          w.value = void 0, b.value = void 0;
-        })
-      }, [
-        u("table", {
-          class: "vue-ui-data-table",
-          style: g({ fontFamily: s.value.fontFamily, position: "relative" })
-        }, [
-          s.value.title.text ? (o(), i("caption", {
-            key: 0,
-            style: g({ backgroundColor: s.value.title.backgroundColor })
-          }, [
-            u("div", {
-              style: g({
-                fontSize: `${s.value.title.fontSize}px`,
-                fontWeight: s.value.title.bold ? "bold" : "normal",
-                color: s.value.title.color,
-                textAlign: s.value.title.textAlign
-              })
-            }, c(s.value.title.text), 5),
-            s.value.title.subtitle.text ? (o(), i("div", {
-              key: 0,
-              style: g({
-                fontSize: `${s.value.title.subtitle.fontSize}px`,
-                fontWeight: s.value.title.subtitle.bold ? "bold" : "normal",
-                color: s.value.title.subtitle.color,
-                textAlign: s.value.title.textAlign
-              })
-            }, c(s.value.title.subtitle.text), 5)) : y("", !0)
-          ], 4)) : y("", !0),
-          u("thead", mt, [
-            u("tr", {
-              role: "row",
-              class: "vue-ui-data-table__thead-row",
-              style: g({
-                backgroundColor: s.value.thead.backgroundColor,
-                color: s.value.thead.color
-              })
-            }, [
-              u("th", {
-                role: "cell",
-                style: g({
-                  backgroundColor: s.value.thead.backgroundColor,
-                  outline: s.value.thead.outline,
-                  textAlign: s.value.thead.textAlign,
-                  fontWeight: s.value.thead.bold ? "bold" : "normal"
-                }),
-                class: "sticky-col-first"
-              }, c(s.value.translations.serie), 5),
-              (o(!0), i(k, null, L(I.value, (p, x) => (o(), i("th", {
-                role: "cell",
-                style: g({
-                  background: s.value.thead.backgroundColor,
-                  outline: s.value.thead.outline,
-                  textAlign: s.value.thead.textAlign,
-                  fontWeight: s.value.thead.bold ? "bold" : "normal",
-                  minWidth: x === I.value.length - 1 ? "150px" : "",
-                  cursor: C.value[0].values[x] !== void 0 ? "pointer" : "default"
-                }),
-                onClick: () => ce(x),
-                class: A({ "sticky-col": x === I.value.length - 1 && s.value.showSparklines })
-              }, [
-                u("div", pt, [
-                  u("span", null, c(p), 1),
-                  J.value && x === R.value && C.value[0].values[x] !== void 0 ? (o(), oe(He, {
-                    key: 0,
-                    size: 18,
-                    name: Q.value === 1 ? "sort" : "sortReverse",
-                    stroke: s.value.thead.color
-                  }, null, 8, ["name", "stroke"])) : y("", !0)
-                ]),
-                s.value.userOptions.show && x === I.value.length - 1 ? (o(), oe(Ye, {
-                  ref_for: !0,
-                  ref: "details",
-                  key: `user_option_${e.value}`,
-                  backgroundColor: s.value.thead.backgroundColor,
-                  color: s.value.thead.color,
-                  isPrinting: G(h),
-                  isImaging: G(f),
-                  uid: t.value,
-                  hasPdf: s.value.userOptions.buttons.pdf,
-                  hasXls: s.value.userOptions.buttons.csv,
-                  hasImg: s.value.userOptions.buttons.img,
-                  hasFullscreen: s.value.userOptions.buttons.fullscreen,
-                  isFullscreen: ge.value,
-                  titles: { ...s.value.userOptions.buttonTitles },
-                  chartElement: T.value,
-                  onToggleFullscreen: Oe,
-                  onGeneratePdf: G(m),
-                  onGenerateImage: G(B),
-                  onGenerateCsv: ye
-                }, De({ _: 2 }, [
-                  v.$slots.optionPdf ? {
-                    name: "optionPdf",
-                    fn: ne(() => [
-                      K(v.$slots, "optionPdf", {}, void 0, !0)
-                    ]),
-                    key: "0"
-                  } : void 0,
-                  v.$slots.optionCsv ? {
-                    name: "optionCsv",
-                    fn: ne(() => [
-                      K(v.$slots, "optionCsv", {}, void 0, !0)
-                    ]),
-                    key: "1"
-                  } : void 0,
-                  v.$slots.optionImg ? {
-                    name: "optionImg",
-                    fn: ne(() => [
-                      K(v.$slots, "optionImg", {}, void 0, !0)
-                    ]),
-                    key: "2"
-                  } : void 0,
-                  v.$slots.optionFullscreen ? {
-                    name: "optionFullscreen",
-                    fn: ne(({ toggleFullscreen: F, isFullscreen: N }) => [
-                      K(v.$slots, "optionFullscreen", me(_e({ toggleFullscreen: F, isFullscreen: N })), void 0, !0)
-                    ]),
-                    key: "3"
-                  } : void 0
-                ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : y("", !0)
-              ], 14, _t))), 256))
-            ], 4)
-          ]),
-          u("tbody", null, [
-            (o(!0), i(k, null, L(Y.value, (p, x) => (o(), i("tr", {
-              role: "row",
-              style: g({
-                backgroundColor: s.value.tbody.backgroundColor,
-                color: s.value.tbody.color
-              }),
-              class: A({ "vue-ui-data-table__tbody__row": !0, "vue-ui-data-table__tbody__row-even": x % 2 === 0, "vue-ui-data-table__tbody__row-odd": x % 2 !== 0 })
-            }, [
-              u("td", {
-                role: "cell",
-                style: g({
-                  backgroundColor: s.value.tbody.backgroundColor,
-                  outline: s.value.tbody.outline,
-                  fontSize: `${s.value.tbody.fontSize}px`,
-                  fontWeight: s.value.tbody.bold ? "bold" : "normal",
-                  textAlign: s.value.tbody.textAlign
-                }),
-                "data-cell": s.value.translations.serie,
-                class: "vue-ui-data-table__tbody__td sticky-col-first"
-              }, [
-                u("div", kt, [
-                  u("span", {
-                    style: g({ color: p.color })
-                  }, "⬤", 4),
-                  u("span", null, c(p.name ?? "-"), 1)
-                ])
-              ], 12, Nt),
-              (o(!0), i(k, null, L(E.value, (F, N) => (o(), i("td", {
-                role: "cell",
-                style: g({
-                  outline: s.value.tbody.outline,
-                  fontSize: `${s.value.tbody.fontSize}px`,
-                  fontWeight: s.value.tbody.bold ? "bold" : "normal",
-                  textAlign: s.value.tbody.textAlign,
-                  backgroundColor: b.value !== void 0 && w.value !== void 0 && N === b.value && w.value === x ? `${p.color}33` : "",
-                  borderRadius: b.value !== void 0 && w.value !== void 0 && N === b.value && w.value === x ? "3px" : ""
-                }),
-                "data-cell": I.value[N],
-                class: "vue-ui-data-table__tbody__td",
-                onPointerenter: (V) => {
-                  w.value = x, b.value = N;
-                }
-              }, c([null, void 0].includes(p.values[N]) ? "-" : Number(p.values[N].toFixed(s.value.roundingValues)).toLocaleString()), 45, Ct))), 256)),
-              s.value.showTotal ? (o(), i("td", {
-                key: 0,
-                role: "cell",
-                style: g({
-                  outline: s.value.tbody.outline,
-                  fontSize: `${s.value.tbody.fontSize}px`,
-                  fontWeight: s.value.tbody.bold ? "bold" : "normal",
-                  textAlign: s.value.tbody.textAlign
-                }),
-                "data-cell": s.value.translations.total,
-                class: "vue-ui-data-table__tbody__td"
-              }, c(Number(p.sum.toFixed(s.value.roundingTotal)).toLocaleString()), 13, It)) : y("", !0),
-              s.value.showAverage ? (o(), i("td", {
-                key: 1,
-                role: "cell",
-                style: g({
-                  outline: s.value.tbody.outline,
-                  fontSize: `${s.value.tbody.fontSize}px`,
-                  fontWeight: s.value.tbody.bold ? "bold" : "normal",
-                  textAlign: s.value.tbody.textAlign
-                }),
-                "data-cell": s.value.translations.average,
-                class: "vue-ui-data-table__tbody__td"
-              }, c(Number(p.average.toFixed(s.value.roundingAverage)).toLocaleString()), 13, Ft)) : y("", !0),
-              s.value.showMedian ? (o(), i("td", {
-                key: 2,
-                role: "cell",
-                style: g({
-                  outline: s.value.tbody.outline,
-                  fontSize: `${s.value.tbody.fontSize}px`,
-                  fontWeight: s.value.tbody.bold ? "bold" : "normal",
-                  textAlign: s.value.tbody.textAlign
-                }),
-                "data-cell": s.value.translations.median,
-                class: "vue-ui-data-table__tbody__td"
-              }, c(Number(p.median.toFixed(s.value.roundingMedian)).toLocaleString()), 13, wt)) : y("", !0),
-              s.value.showSparklines ? (o(), i("td", {
-                key: 3,
-                role: "cell",
-                "data-cell": s.value.translations.chart,
-                style: g({
-                  outline: s.value.tbody.outline,
-                  fontSize: `${s.value.tbody.fontSize}px`,
-                  fontWeight: s.value.tbody.bold ? "bold" : "normal",
-                  textAlign: s.value.tbody.textAlign
-                }),
-                class: "vue-ui-data-table__tbody__td sticky-col"
-              }, [
-                (o(), oe(Le, {
-                  key: `sparkline_${x}_${l.value}`,
-                  onHoverIndex: ({ index: F }) => le({ dataIndex: F, serieIndex: x }),
-                  dataset: p.sparklineDataset,
-                  showInfo: !1,
-                  selectedIndex: b.value,
-                  config: {
-                    type: s.value.sparkline.type,
-                    style: {
-                      backgroundColor: s.value.tbody.backgroundColor,
-                      animation: {
-                        show: s.value.sparkline.animation.show && !G(h) && !G(f),
-                        animationFrames: s.value.sparkline.animation.animationFrames
-                      },
-                      line: {
-                        color: p.color,
-                        smooth: s.value.sparkline.smooth,
-                        strokeWidth: s.value.sparkline.strokeWidth
-                      },
-                      bar: {
-                        color: p.color
-                      },
-                      area: {
-                        color: p.color,
-                        opacity: s.value.sparkline.showArea ? 16 : 0,
-                        useGradient: s.value.sparkline.useGradient
-                      },
-                      verticalIndicator: {
-                        color: p.color
-                      },
-                      plot: {
-                        radius: 9,
-                        stroke: s.value.tbody.backgroundColor,
-                        strokeWidth: 3
-                      }
-                    }
-                  }
-                }, null, 8, ["onHoverIndex", "dataset", "selectedIndex", "config"]))
-              ], 12, St)) : y("", !0)
-            ], 6))), 256))
-          ])
-        ], 4)
-      ], 32)
-    ], 10, ft));
-  }
-}, Lt = /* @__PURE__ */ de(xt, [["__scopeId", "data-v-3af92d54"]]), un = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Lt
-}, Symbol.toStringTag, { value: "Module" })), Ot = {
-  name: "vue-ui-table",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
-  },
-  data() {
-    return {
-      uid: `vue-ui-table-${Math.random()}`,
-      bodyCopy: JSON.parse(JSON.stringify(this.dataset.body)).map((r, a) => ({
-        ...r,
-        absoluteIndex: a
-      })),
-      buttonTimeout: null,
-      canMoveChart: !1,
-      chart: {
-        height: 316,
-        type: "bar",
-        width: 512
-      },
-      constants: {
-        ASC: 1,
-        BAR: "bar",
-        DATE: "date",
-        DESC: -1,
-        DONUT: "donut",
-        LINE: "line",
-        NUMERIC: "numeric",
-        PERCENTAGE: "percentage",
-        TEXT: "text"
-      },
-      clientX: 100,
-      clientY: 100,
-      cssClass: {
-        CELL: "smart-td-selected",
-        FIRST_TD: "smart-td-selected-first",
-        LAST_TD: "smart-td-selected-last",
-        ROW: "smart-td-selected-neighbor"
-      },
-      currentDonut: void 0,
-      currentFilter: void 0,
-      currentSearch: void 0,
-      currentSelectionSpan: {
-        col: void 0,
-        rows: []
-      },
-      currentPage: 0,
-      dates: {},
-      filteredDatesIndexes: {},
-      hasNaN: {},
-      iconColor: "#2D353C",
-      iconSize: 20,
-      immutableRangeFilters: {},
-      isExportRequest: !1,
-      isLoading: !1,
-      itemsPerPage: this.config.rowsPerPage ? this.config.rowsPerPage : 25,
-      multiselects: {},
-      paginatorOptions: [.../* @__PURE__ */ new Set([10, 25, 50, 100, 250, 500, this.config.rowsPerPage ? this.config.rowsPerPage : 25, this.dataset.body.length])].sort((r, a) => r - a),
-      palette: se,
-      percentages: {},
-      rafId: null,
-      rangeFilters: {},
-      searches: {},
-      selectedColumn: void 0,
-      selectedDonutCategory: void 0,
-      selectedPlot: void 0,
-      showChart: !1,
-      showDonutOptions: !1,
-      sorts: {},
-      tableBody: JSON.parse(JSON.stringify(this.dataset.body)).map((r, a) => ({
-        ...r,
-        absoluteIndex: a
-      })),
-      tableHead: JSON.parse(JSON.stringify(this.dataset.header)).map((r) => ({
-        average: Object.hasOwn(r, "average") ? r.average : !1,
-        decimals: Object.hasOwn(r, "decimals") ? r.decimals : 0,
-        isMultiselect: Object.hasOwn(r, "isMultiselect") ? r.isMultiselect : !1,
-        isPercentage: Object.hasOwn(r, "isPercentage") ? r.isPercentage : !1,
-        isSearch: Object.hasOwn(r, "isSearch") ? r.isSearch : !1,
-        isSort: Object.hasOwn(r, "isSort") ? r.isSort : !1,
-        name: r.name,
-        // this attribute is mandatory
-        percentageTo: Object.hasOwn(r, "percentageTo") ? r.percentageTo : void 0,
-        prefix: Object.hasOwn(r, "prefix") ? r.prefix : "",
-        rangeFilter: Object.hasOwn(r, "rangeFilter") ? r.rangeFilter : !1,
-        suffix: Object.hasOwn(r, "suffix") ? r.suffix : "",
-        sum: Object.hasOwn(r, "sum") ? r.sum : !1,
-        type: r.type
-        // this attribute is mandatory
-      }))
-    };
-  },
-  mounted() {
-    if (this.dataset.header.length === 0)
-      throw new Error(`vue-ui-table error: missing header data.
-Provide an array of objects of type:
-{
- name: string;
- type: string; ('text' | 'numeric' | 'date')
- average: boolean;
- decimals: number | undefined;
- sum: boolean;
- isSort:boolean;
- isSearch: boolean;
- isMultiselect: boolean;
- isPercentage: boolean;
- percentageTo: string; (or '')
-}`);
-    if (this.dataset.body.length === 0)
-      throw new Error("vue-ui-table error: missing body data");
-    this.isLoading = !0, this.promiseWithAsyncFunction(this.prepareBodyCopy, () => {
-      this.$forceUpdate(), this.isLoading = !1;
-    }), document.addEventListener("keydown", (n) => {
-      const r = document.activeElement;
-      (r && Array.from(r.classList).includes("td-focusable") && n.key.includes("Arrow") || n.code === "Space") && n.preventDefault();
-    });
-  },
-  watch: {
-    showChart: function(n) {
-      n && this.$nextTick(() => {
-        this.closeDragElement();
-        const r = this.$refs.chartModal;
-        r.onmousedown = this.dragMouseDown;
-      });
-    }
-  },
-  computed: {
-    availableDonutCategories() {
-      return Object.keys(this.multiselects).map((n) => ({
-        index: n,
-        name: this.dataset.header[n].name,
-        options: this.multiselects[n]
-      }));
-    },
-    canChart() {
-      return this.FINAL_CONFIG.useChart && this.currentSelectionSpan.rows.length > 1;
-    },
-    chartData() {
-      if (!this.canChart) return [];
-      const n = 316, r = 512, a = this.currentSelectionSpan.rows.length, d = r / a, t = Math.max(...this.currentSelectionSpan.rows.map((D) => D.value)), e = Math.min(...this.currentSelectionSpan.rows.map((D) => D.value)), l = e >= 0 ? 0 : Math.abs(e), s = t + l, h = t < 0 && e < 0, f = this.dataset.header[this.currentSelectionSpan.col].isPercentage, m = this.currentSelectionSpan.rows.map((D, T) => ({
-        x: d * T + d / 2,
-        y: (1 - (D.value + l) / s) * n,
-        value: f ? D.value * 100 : D.value,
-        suffix: f ? "%" : this.dataset.header[this.currentSelectionSpan.col].suffix ? this.dataset.header[this.currentSelectionSpan.col].suffix : "",
-        prefix: this.dataset.header[this.currentSelectionSpan.col].prefix ? this.dataset.header[this.currentSelectionSpan.col].prefix : "",
-        index: D.index,
-        absoluteValue: f ? Math.abs(D.value) * 100 : Math.abs(D.value)
-      })), B = n - n * (l / s);
-      return { isAllNegative: h, zero: B, plots: m, slot: d, progression: m.length >= 2 ? this.calcLinearProgression(m) : !1 };
-    },
-    donutHollowLabels() {
-      return {
-        total: Number((this.currentDonut.map((n) => n.absoluteValue).reduce((n, r) => n + r, 0) * (this.dataset.header[this.currentSelectionSpan.col].isPercentage ? 100 : 1)).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString(),
-        average: Number((this.currentDonut.map((n) => n.absoluteValue).reduce((n, r) => n + r, 0) / this.currentSelectionSpan.rows.length * (this.dataset.header[this.currentSelectionSpan.col].isPercentage ? 100 : 1)).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString()
-      };
-    },
-    hasNumericTypes() {
-      return this.dataset.header.map((n) => n.type).includes(this.constants.NUMERIC);
-    },
-    icons() {
-      return {
-        arrowSort: `<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 9l4 -4l4 4m-4 -4v14" /><path d="M21 15l-4 4l-4 -4m4 4v-14" /></svg>`,
-        bar: `<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M9 8m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M15 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M4 20l14 0" /></svg>`,
-        chart: `<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 19l16 0" /><path d="M4 15l4 -6l4 2l4 -5l4 4" /></svg>`,
-        chevronDown: `<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 9l6 6l6 -6" /></svg>`,
-        chevronLeft: `<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize * 1.6}" height="${this.iconSize * 1.6}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 6l-6 6l6 6" /></svg>`,
-        chevronRight: `<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize * 1.6}" height="${this.iconSize * 1.6}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 6l6 6l-6 6" /></svg>`,
-        donut: `<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize * 0.8}" height="${this.iconSize * 0.8}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3v5m4 4h5" /><path d="M8.929 14.582l-3.429 2.918" /><path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /></svg>`,
-        export: `<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12.5 21h-7.5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v7.5" /><path d="M3 10h18" /><path d="M10 3v18" /><path d="M16 19h6" /><path d="M19 16l3 3l-3 3" /></svg>`,
-        fileDownload: `<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M12 17v-6" /><path d="M9.5 14.5l2.5 2.5l2.5 -2.5" /></svg>`,
-        filter: `<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227z" /></svg>`,
-        move: `<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 9l3 3l-3 3" /><path d="M15 12h6" /><path d="M6 9l-3 3l3 3" /><path d="M3 12h6" /><path d="M9 18l3 3l3 -3" /><path d="M12 15v6" /><path d="M15 6l-3 -3l-3 3" /><path d="M12 3v6" /></svg>`,
-        sort09: `<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 15l3 3l3 -3" /><path d="M7 6v12" /><path d="M17 3a2 2 0 0 1 2 2v3a2 2 0 1 1 -4 0v-3a2 2 0 0 1 2 -2z" /><path d="M17 16m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /><path d="M19 16v3a2 2 0 0 1 -2 2h-1.5" /></svg>`,
-        sort90: `<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 15l3 3l3 -3" /><path d="M7 6v12" /><path d="M17 14a2 2 0 0 1 2 2v3a2 2 0 1 1 -4 0v-3a2 2 0 0 1 2 -2z" /><path d="M17 5m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /><path d="M19 5v3a2 2 0 0 1 -2 2h-1.5" /></svg>`,
-        sortAZ: `<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10v-5c0 -1.38 .62 -2 2 -2s2 .62 2 2v5m0 -3h-4" /><path d="M19 21h-4l4 -7h-4" /><path d="M4 15l3 3l3 -3" /><path d="M7 6v12" /></svg>`,
-        sortZA: `<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 21v-5c0 -1.38 .62 -2 2 -2s2 .62 2 2v5m0 -3h-4" /><path d="M19 10h-4l4 -7h-4" /><path d="M4 15l3 3l3 -3" /><path d="M7 6v12" /></svg>`,
-        sum: `<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>`,
-        table: `<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" fill="white" d="M 10 2, 21 2, 21 21, 10 21Z"/><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 5a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14z" /><path d="M3 10h18" /><path d="M10 3v18" /></svg>`,
-        warning: `<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize * 0.8}" height="${this.iconSize * 0.8}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.24 3.957l-8.422 14.06a1.989 1.989 0 0 0 1.7 2.983h16.845a1.989 1.989 0 0 0 1.7 -2.983l-8.423 -14.06a1.989 1.989 0 0 0 -3.4 0z" /><path d="M12 9v4" /><path d="M12 17h.01" /></svg>`
-      };
-    },
-    pages() {
-      const n = [];
-      if (this.bodyCopy.length)
-        for (let r = 0; r < this.bodyCopy.length; r += this.itemsPerPage)
-          n.push(this.bodyCopy.slice(r, r + this.itemsPerPage));
-      return n;
-    },
-    rows() {
-      return this.bodyCopy.map((n) => n.td);
-    },
-    selectedCellsCalculations() {
-      return {
-        sumPercentage: Number((this.currentSelectionSpan.rows.map((n) => n.value).reduce((n, r) => n + r, 0) * 100).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString(),
-        sumRegular: Number(this.currentSelectionSpan.rows.map((n) => n.value).reduce((n, r) => n + r, 0).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString(),
-        averagePercentage: Number((this.currentSelectionSpan.rows.map((n) => n.value).reduce((n, r) => n + r, 0) / this.currentSelectionSpan.rows.length * 100).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString(),
-        averageRegular: Number((this.currentSelectionSpan.rows.map((n) => n.value).reduce((n, r) => n + r, 0) / this.currentSelectionSpan.rows.length).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString()
-      };
-    },
-    FINAL_CONFIG() {
-      const { vue_ui_table: n } = he();
-      if (!Object.keys(this.config || {}).length)
-        return n;
-      const r = this.treeShake({
-        defaultConfig: n,
-        userConfig: this.config
-      });
-      return this.convertConfigColors(r);
-    },
-    visibleRows() {
-      return this.pages[this.currentPage];
-    }
-  },
-  methods: {
-    // lib
-    treeShake: Ue,
-    makeDonut: Ve,
-    convertColorToHex: we,
-    convertConfigColors: We,
-    createCsvContent: Se,
-    downloadCsv: xe,
-    // specific
-    applyDonutOption() {
-      const n = this.selectedDonutCategory.options.map((r, a) => ({
-        name: r,
-        color: this.palette[a] || this.palette[a % this.palette.length],
-        value: this.visibleRows.filter((d, t) => d.td[this.selectedDonutCategory.index] === r && this.currentSelectionSpan.rows.map((e) => e.index).includes(t)).map((d) => d.td[this.currentSelectionSpan.col]).reduce((d, t) => Math.abs(d) + Math.abs(t), 0),
-        absoluteValue: this.visibleRows.filter((d, t) => d.td[this.selectedDonutCategory.index] === r && this.currentSelectionSpan.rows.map((e) => e.index).includes(t)).map((d) => d.td[this.currentSelectionSpan.col]).reduce((d, t) => d + t, 0)
-      })).sort((r, a) => a.value - r.value);
-      this.currentDonut = this.makeDonut({ series: n }, 50, 50, 30, 30), this.$nextTick(() => {
-        this.chart.type = this.constants.DONUT, this.showDonutOptions = !1;
-      });
-    },
-    calcRectY(n, r) {
-      return n >= 0 ? r : this.chartData.zero;
-    },
-    canResetColumn(n, r) {
-      return !this.hasNaN[n] && (r.isSort || r.isSearch || r.isMultiselect || r.rangeFilter) && ![this.constants.DATE].includes(r.type);
-    },
-    createXls(n = "all") {
-      const r = this.dataset.header.map((e) => e.name), a = n === "all" ? this.bodyCopy.map((e) => e.td) : this.visibleRows.map((e) => e.td), d = [r].concat(a), t = this.createCsvContent(d);
-      this.downloadCsv({ csvContent: t, title: "vue-ui-table" });
-    },
-    calcLinearProgression: Fe,
-    closeAllDropdowns() {
-      const n = document.getElementsByClassName("th-dropdown");
-      n.length && Array.from(n).forEach((r) => {
-        r.dataset.isOpen = !1;
-      });
-    },
-    debounce(n, r) {
-      let a;
-      clearTimeout(a), a = setTimeout(n, r);
-    },
-    filterBody() {
-      this.bodyCopy = this.tableBody.filter((n) => {
-        for (const r in this.searches)
-          if (!n.td[r].toUpperCase().includes(this.searches[r].toUpperCase()))
-            return !1;
-        for (const r in this.multiselects)
-          if (!this.multiselects[r].some((d) => d === n.td[r]))
-            return !1;
-        for (const r in this.dates) {
-          const a = new Date(n.td[r]), d = new Date(this.dates[r].from), t = new Date(this.dates[r].to);
-          if (a < d || a > t)
-            return !1;
-        }
-        return !0;
-      }), this.sortBody();
-    },
-    getAverage(n) {
-      return this.rows.map((r) => r[n]).map((r) => isNaN(Number(r)) ? 0 : r).reduce((r, a) => r + a, 0) / this.bodyCopy.length;
-    },
-    getDatesRange(n) {
-      const r = this.dataset.body.map((D) => new Date(D.td[n])), a = new Date(Math.min(...r)), d = new Date(Math.max(...r)), t = a.getFullYear(), e = d.getFullYear(), l = String(a.getMonth() + 1).padStart(2, "0"), s = String(d.getMonth() + 1).padStart(2, "0"), h = String(a.getDate()).padStart(2, "0"), f = String(d.getDate()).padStart(2, "0"), m = `${t}-${l}-${h}`, B = `${e}-${s}-${f}`;
-      return {
-        from: m,
-        to: B
-      };
-    },
-    getDonutLegendValue(n) {
-      return Number((n * (this.dataset.header[this.currentSelectionSpan.col].isPercentage ? 100 : 1)).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString();
-    },
-    getDropdownOptions(n) {
-      return [...new Set(this.dataset.body.map((r) => r.td[n]))];
-    },
-    getSum(n) {
-      return this.rows.map((r) => r[n]).map((r) => isNaN(Number(r)) ? 0 : r).reduce((r, a) => r + a, 0);
-    },
-    includesNaN(n) {
-      return n.includes(NaN);
-    },
-    isDropdownOptionSelected(n, r) {
-      return this.multiselects[r] ? this.multiselects[r].includes(n) : !0;
-    },
-    isNumeric(n) {
-      return !isNaN(Number(String(n).replaceAll("%", "")));
-    },
-    isResetDisabled(n, r) {
-      const a = r.isSort, d = r.isSearch, t = r.isMultiselect && this.multiselects[n], e = r.rangeFilter, l = (s) => {
-        if (e && this.rangeFilters[s])
-          return Math.round(this.rangeFilters[s].min) === this.immutableRangeFilters[s].min && Math.round(this.rangeFilters[s].max) === this.immutableRangeFilters[s].max;
-      };
-      if (a && d && t && e)
-        return ["", void 0].includes(this.searches[n]) && [void 0].includes(this.sorts[n]) && this.multiselects[n].length === this.getDropdownOptions(n).length && l(n);
-      if (a && d && t)
-        return ["", void 0].includes(this.searches[n]) && [void 0].includes(this.sorts[n]) && this.multiselects[n].length === this.getDropdownOptions(n).length;
-      if (a && d && e)
-        return ["", void 0].includes(this.searches[n]) && [void 0].includes(this.sorts[n]) && l(n);
-      if (a && d)
-        return ["", void 0].includes(this.searches[n]) && [void 0].includes(this.sorts[n]);
-      if (a && t && e)
-        return [void 0].includes(this.sorts[n]) && this.multiselects[n].length === this.getDropdownOptions(n).length && l(n);
-      if (a && t)
-        return [void 0].includes(this.sorts[n]) && this.multiselects[n].length === this.getDropdownOptions(n).length;
-      if (d && t && e)
-        return ["", void 0].includes(this.searches[n]) && this.multiselects[n].length === this.getDropdownOptions(n).length && l(n);
-      if (d && t)
-        return ["", void 0].includes(this.searches[n]) && this.multiselects[n].length === this.getDropdownOptions(n).length;
-      if (d && e)
-        return ["", void 0].includes(this.searches[n]) && l(n);
-      if (d)
-        return ["", void 0].includes(this.searches[n]);
-      if (a && e)
-        return [void 0].includes(this.sorts[n]) && l(n);
-      if (a)
-        return [void 0].includes(this.sorts[n]);
-      if (t && e)
-        return this.multiselects[n].length === this.getDropdownOptions(n).length && l(n);
-      if (t)
-        return this.multiselects[n].length === this.getDropdownOptions(n).length;
-    },
-    navigate(n) {
-      this.resetSelection(), n === "next" && this.currentPage < this.pages.length ? this.currentPage += 1 : n === "previous" && this.currentPage >= 1 ? this.currentPage -= 1 : this.currentPage = n - 1, this.$refs.tableWrapper.scrollTo({
-        top: 0,
-        left: 0,
-        behavior: "smooth"
-      });
-    },
-    navigateCell(n) {
-      n.preventDefault();
-      const r = n.keyCode, a = 38, d = 40, t = 37, e = 39;
-      if (![a, d, t, e].includes(r)) return;
-      const l = n.target.id, s = /cell_(\d+)_(\d+)_vue-ui-table-(\d+)/, h = l.match(s), f = parseInt(h[1]), m = parseInt(h[2]), B = document.getElementById(`cell_${f}_${m + 1}_${this.uid}`), D = document.getElementById(`cell_${f}_${m - 1}_${this.uid}`), T = document.getElementById(`cell_${f + 1}_${m}_${this.uid}`), j = document.getElementById(`cell_${f - 1}_${m}_${this.uid}`);
-      let z;
-      switch (!0) {
-        case r === e:
-          z = B;
-          break;
-        case r === t:
-          z = D;
-          break;
-        case r === a:
-          z = j;
-          break;
-        case r === d:
-          z = T;
-          break;
-        default:
-          return;
-      }
-      z && (z.focus(), z.scrollIntoView({ behavior: "smooth", block: "center" }));
-    },
-    openDonutOptions() {
-      this.selectedDonutCategory = this.availableDonutCategories[0], this.showDonutOptions = !0;
-    },
-    placeLabelOnTopOrBottom({ previousPlot: n, currentPlot: r, nextPlot: a }) {
-      const d = r.y - 38, t = r.y + 16;
-      return n && a ? n.value < r.value && a.value < r.value ? d : n.value > r.value && a.value > r.value ? t : (n.value > r.value && a.value < r.value || n.value < r.value && a.value > r.value, d) : n && !a ? n.value > r.value ? t : d : !n && a && a.value > r.value ? t : d;
-    },
-    async prepareBodyCopy() {
-      return new Promise((n) => {
-        const r = [];
-        this.tableHead.forEach((a, d) => {
-          if (a.isSearch && Object.assign(this.searches, { [d]: "" }), a.isMultiselect && Object.assign(this.multiselects, { [d]: this.getDropdownOptions(d) }), a.type === this.constants.DATE && (Object.assign(this.dates, { [d]: this.getDatesRange(d) }), Object.assign(this.filteredDatesIndexes, { [d]: !1 })), (a.isPercentage || a.percentageTo) && Object.assign(this.percentages, { [d]: {
-            reference: a.percentageTo,
-            referenceIndex: this.dataset.header.map((t) => t.name).indexOf(a.percentageTo)
-          } }), a.rangeFilter && (Object.assign(this.rangeFilters, { [d]: {
-            min: Math.round(Math.min(...this.dataset.body.map((t) => t.td).map((t) => t[d]))),
-            max: Math.round(Math.max(...this.dataset.body.map((t) => t.td).map((t) => t[d])))
-          } }), Object.assign(this.immutableRangeFilters, { [d]: {
-            min: Math.round(Math.min(...this.dataset.body.map((t) => t.td).map((t) => t[d]))),
-            max: Math.round(Math.max(...this.dataset.body.map((t) => t.td).map((t) => t[d])))
-          } })), a.isPercentage) {
-            const t = this.dataset.header.map((l) => l.name).indexOf(a.percentageTo), e = this.dataset.body.map((l) => l.td[t]).reduce((l, s) => l + s, 0);
-            r.push([d, t, e]);
-          }
-          a.type === this.constants.NUMERIC && !a.isPercentage && Object.assign(this.hasNaN, { [d]: this.includesNaN(this.dataset.body.map((t) => Number(t.td[d]))) });
-        }), this.bodyCopy.forEach((a, d) => {
-          r.map((t) => {
-            const [e, l, s] = t;
-            a.td[e] = a.td[l] / s;
-          }), a.td.forEach((t, e) => {
-            this.dataset.header[e].type === this.constants.TEXT && this.dataset.header[e].isSearch && (a[e] = this.stringToNumber(t)), this.dataset.header[e].type === this.constants.DATE && (a[e] = new Date(t).getTime()), this.dataset.header[e].type === this.constants.NUMERIC && (a[e] = isNaN(Number(t)) ? e : t), this.tableBody[d][e] = a[e];
-          });
-        }), n(!0);
-      });
-    },
-    promiseWithAsyncFunction(n, r) {
-      return new Promise((a, d) => {
-        n().then((t) => {
-          try {
-            const e = r(t);
-            a(e);
-          } catch (e) {
-            d(e);
-          }
-        }).catch((t) => {
-          d(t);
-        });
-      });
-    },
-    resetDates(n) {
-      this.dates[n] = {
-        from: this.getDatesRange(n).from,
-        to: this.getDatesRange(n).to
-      }, this.filteredDatesIndexes[n] = !1, this.$forceUpdate(), this.filterBody();
-    },
-    resetFilter(n, r, a) {
-      const d = a.currentTarget;
-      clearTimeout(this.buttonTimeout), d.classList.add("clicked"), this.buttonTimeout = setTimeout(() => {
-        d.classList.remove("clicked");
-      }, 200), this.currentFilter = void 0, r.rangeFilter && (this.rangeFilters[n].min = this.immutableRangeFilters[n].min, this.rangeFilters[n].max = this.immutableRangeFilters[n].max), r.isMultiselect ? (this.multiselects[n] = this.getDropdownOptions(n), r.type === this.constants.TEXT && (this.sorts[n] = void 0), r.isSearch && (this.searches[n] = "")) : r.type === this.constants.NUMERIC ? this.sorts[n] = void 0 : r.type === this.constants.TEXT ? (this.sorts[n] = void 0, this.searches[n] = "") : r.type === this.constants.DATE && (this.sorts[n] = void 0), this.filterBody();
-    },
-    resetSelection() {
-      const n = document.getElementsByClassName(`tr_${this.uid}`);
-      Array.from(n).forEach((r) => {
-        Array.from(r.getElementsByTagName("td")).forEach((a) => {
-          a.dataset.row === "even" ? (a.style.background = this.FINAL_CONFIG.style.rows.even.backgroundColor, a.style.color = this.FINAL_CONFIG.style.rows.even.color) : (a.style.background = this.FINAL_CONFIG.style.rows.odd.backgroundColor, a.style.color = this.FINAL_CONFIG.style.rows.odd.color);
-        });
-      }), Array.from(n).forEach((r) => r.dataset.selected = "false"), this.currentPage > this.pages.length - 1 && (this.currentPage = this.pages.length - 1), this.showChart = !1, this.currentDonut = void 0, this.selectedColumn = void 0, this.chart.type = this.constants.BAR, this.currentSelectionSpan = {
-        col: void 0,
-        rows: []
-      }, this.clientX = 100, this.clientY = 100;
-    },
-    selectColumn(n) {
-      this.currentSelectionSpan.col !== n ? (this.visibleRows.forEach((r, a) => {
-        this.selectTd({
-          td: r.td[n],
-          rowIndex: a,
-          colIndex: n,
-          headerType: this.constants.NUMERIC,
-          event: {
-            currentTarget: document.getElementById(`cell_${a}_${n}_${this.uid}`)
-          }
-        });
-      }), this.selectedColumn = n) : (this.selectedColumn = void 0, this.resetSelection());
-    },
-    selectDropdownOption(n, r) {
-      this.multiselects[r].includes(n) ? this.multiselects[r] = this.multiselects[r].filter((a) => a !== n) : this.multiselects[r].push(n), this.$forceUpdate(), this.filterBody();
-    },
-    selectTd({ td: n, rowIndex: r, colIndex: a, headerType: d, event: t }) {
-      if (d !== this.constants.NUMERIC || isNaN(Number(n))) {
-        this.resetSelection();
-        return;
-      }
-      this.currentSelectionSpan.col !== a && this.resetSelection();
-      const e = t.currentTarget.parentNode;
-      this.currentSelectionSpan.col = a, this.currentSelectionSpan.rows.map((l) => l.index).includes(r) ? (e.dataset.selected = "false", this.currentSelectionSpan.rows = this.currentSelectionSpan.rows.filter((l) => l.index !== r), t.currentTarget.classList.remove(this.cssClass.CELL), Array.from(e.children).forEach((l, s) => {
-        l.dataset.row === "even" ? (l.style.background = this.FINAL_CONFIG.style.rows.even.backgroundColor, l.style.color = this.FINAL_CONFIG.style.rows.even.olor) : (l.style.background = this.FINAL_CONFIG.style.rows.odd.backgroundColor, l.style.color = this.FINAL_CONFIG.style.rows.odd.color);
-      }), t.currentTarget.dataset.row === "even" ? (t.currentTarget.style.background = this.FINAL_CONFIG.style.rows.even.backgroundColor, t.currentTarget.style.color = this.FINAL_CONFIG.style.rows.even.color) : (t.currentTarget.style.background = this.FINAL_CONFIG.style.rows.odd.backgroundColor, t.currentTarget.style.color = this.FINAL_CONFIG.style.rows.odd.color)) : (e.dataset.selected = "true", this.currentSelectionSpan.rows.push({
-        index: r,
-        value: n
-      }), Array.from(e.children).forEach((l, s) => {
-        l.dataset.row === "even" ? (l.style.background = this.FINAL_CONFIG.style.rows.even.selectedNeighbors.backgroundColor, l.style.color = this.FINAL_CONFIG.style.rows.even.selectedNeighbors.color) : (l.style.background = this.FINAL_CONFIG.style.rows.odd.selectedNeighbors.backgroundColor, l.style.color = this.FINAL_CONFIG.style.rows.odd.selectedNeighbors.color);
-      }), t.currentTarget.dataset.row === "odd" ? (t.currentTarget.style.background = this.FINAL_CONFIG.style.rows.odd.selectedCell.backgroundColor, t.currentTarget.style.color = this.FINAL_CONFIG.style.rows.odd.selectedCell.color) : (t.currentTarget.style.background = this.FINAL_CONFIG.style.rows.even.selectedCell.backgroundColor, t.currentTarget.style.color = this.FINAL_CONFIG.style.rows.even.selectedCell.color)), this.currentSelectionSpan.rows = this.currentSelectionSpan.rows.sort((l, s) => l.index - s.index), this.chart.type === this.constants.DONUT && this.currentSelectionSpan.rows.length > 0 && this.applyDonutOption();
-    },
-    setFilterDatesIndexes(n) {
-      this.filteredDatesIndexes[n] = !(this.getDatesRange(n).from === this.dates[n].from && this.getDatesRange(n).to === this.dates[n].to);
-    },
-    sortBody() {
-      this.resetSelection(), Object.keys(this.rangeFilters).forEach((n) => {
-        this.filterByRange(this.bodyCopy, n);
-      }), Object.keys(this.sorts).forEach((n) => {
-        this.sortByNumber(this.bodyCopy, n);
-      }), this.currentFilter !== void 0 && this.sortByNumber(this.bodyCopy, this.currentFilter), this.dataset.header.forEach((n, r) => {
-        if (n.isPercentage) {
-          const a = this.percentages[r].referenceIndex, d = this.bodyCopy.map((t) => t.td[a]).reduce((t, e) => t + e, 0);
-          this.bodyCopy.forEach((t) => {
-            t.td[r] = t.td[a] / d;
-          });
-        }
-      }), this.currentPage > this.pages.length - 1 && (this.currentPage = this.pages.length - 1), [-1].includes(this.currentPage) && (this.currentPage = 0), this.$forceUpdate();
-    },
-    filterByRange(n, r) {
-      this.bodyCopy = n.filter((a) => a.td[r] >= this.rangeFilters[r].min && a[r] <= this.rangeFilters[r].max);
-    },
-    sortByNumber(n, r) {
-      if (this.sorts[r] === this.constants.ASC && (n = n.sort((a, d) => a[r] - d[r])), this.sorts[r] === this.constants.DESC)
-        n = n.sort((a, d) => d[r] - a[r]);
-      else
-        return 0;
-    },
-    sortTh(n, r) {
-      this.currentFilter = n;
-      const a = r.currentTarget;
-      clearTimeout(this.buttonTimeout), a.classList.add("clicked"), this.buttonTimeout = setTimeout(() => {
-        a.classList.remove("clicked");
-      }, 200), this.sorts[n] === 1 ? this.sorts[n] = this.constants.DESC : this.sorts[n] = this.constants.ASC, this.sortBody();
-    },
-    stringToNumber(n) {
-      let r = 0;
-      for (let a = 0; a < n.length; a += 1)
-        r += n.charCodeAt(a);
-      return r;
-    },
-    toggleMultiselect(n, r, a) {
-      const d = a.currentTarget;
-      clearTimeout(this.buttonTimeout), d.classList.add("clicked"), this.buttonTimeout = setTimeout(() => {
-        d.classList.remove("clicked");
-      }, 200);
-      const t = document.getElementById(`th_dropdown_${n}`);
-      t.dataset.isOpen === "false" ? t.dataset.isOpen = "true" : t.dataset.isOpen = "false";
-    },
-    updateCurrentPage(n) {
-      this.resetSelection(), this.currentPage = Number(n.target.value);
-    },
-    // DONUTS
-    calcDonutMarkerConnectorColor(n) {
-      return n.proportion * 100 > 3 ? n.color : "transparent";
-    },
-    calcDonutMarkerLabelPositionX(n) {
-      return n.center.endX + this.calcMarkerOffset(n, 50);
-    },
-    calcMarkerOffset(n, r) {
-      return n.center.endX - r >= 0 ? 3 : -2;
-    },
-    displayArcPercentage(n, r) {
-      return isNaN(n.value / this.sumValues(r)) ? 0 : (n.value / this.sumValues(r) * 100).toFixed(0) + "%";
-    },
-    isArcBigEnough(n) {
-      return n.proportion * 100 > 3;
-    },
-    sumValues(n) {
-      return [...n].map((r) => r.value).reduce((r, a) => r + a, 0);
-    },
-    // CHART DRAGGING METHODS
-    closeDragElement() {
-      document.onmouseup = null, document.onmousemove = null;
-    },
-    dragMouseDown(n) {
-      n = n || window.event, n.preventDefault(), document.onmouseup = this.closeDragElement, document.onmousemove = this.elementDrag;
-    },
-    elementDrag(n) {
-      this.rafId || (this.rafId = window.requestAnimationFrame(() => this.onElementDrag(n)));
-    },
-    onElementDrag(n) {
-      n = n || window.event, n.preventDefault();
-      const a = this.$refs.chartModal.getBoundingClientRect();
-      this.clientX = n.clientX - a.width / 2, this.clientY = n.clientY - a.height / 2, this.rafId = null;
-    }
-  }
-}, U = (n) => (ze("data-v-5a108fbd"), n = n(), Pe(), n), At = { class: "vue-ui-table-export-hub" }, Dt = ["innerHTML"], Mt = ["data-is-open"], Gt = /* @__PURE__ */ U(() => /* @__PURE__ */ u("b", { class: "vue-ui-table-export-hub-title" }, " Export ", -1)), Tt = { class: "vue-ui-table-export-hub-options" }, zt = { class: "vue-ui-table-export-hub-option-wrapper" }, Pt = { class: "label" }, Et = ["innerHTML"], Bt = { class: "vue-ui-table-export-hub-option-wrapper" }, Rt = { class: "label" }, Ht = ["innerHTML"], Ut = { class: "vue-ui-table" }, Vt = { id: "tableHead" }, Wt = /* @__PURE__ */ U(() => /* @__PURE__ */ u("th", { class: "invisible-cell" }, null, -1)), jt = { key: 0 }, Xt = { key: 0 }, Yt = { key: 1 }, Zt = /* @__PURE__ */ U(() => /* @__PURE__ */ u("th", { class: "invisible-cell" }, null, -1)), qt = {
-  key: 0,
-  style: { display: "flex", "align-items": "center", "justify-content": "flex-end" }
-}, Kt = ["innerHTML"], Jt = {
-  key: 0,
-  style: { "margin-left": "3px" }
-}, Qt = /* @__PURE__ */ U(() => /* @__PURE__ */ u("th", { class: "invisible-cell" }, null, -1)), $t = { key: 0 }, es = /* @__PURE__ */ U(() => /* @__PURE__ */ u("th", { class: "invisible-cell" }, null, -1)), ts = { class: "th-filter" }, ss = {
-  key: 0,
-  class: "th-date"
-}, ls = { class: "date-wrapper--inputs" }, ns = { class: "date-fieldset" }, rs = ["for"], as = ["id", "onUpdate:modelValue", "onInput"], os = { class: "date-fieldset" }, is = ["for"], us = ["id", "onUpdate:modelValue", "onInput"], cs = { class: "date-wrapper--button" }, ds = ["onClick"], hs = ["innerHTML"], gs = ["innerHTML"], ys = ["innerHTML"], vs = ["onClick", "disabled"], bs = ["placeholder", "onUpdate:modelValue", "name"], fs = ["onClick"], ms = ["innerHTML"], _s = ["innerHTML"], ps = ["innerHTML"], Ns = ["onClick", "innerHTML"], ks = ["innerHTML"], Cs = {
-  key: 5,
-  class: "th-range-filter"
-}, Is = ["for"], Fs = /* @__PURE__ */ U(() => /* @__PURE__ */ u("span", { style: { color: "grey" } }, "ᒥ", -1)), ws = /* @__PURE__ */ U(() => /* @__PURE__ */ u("span", { style: { color: "grey" } }, "ᒣ", -1)), Ss = ["id", "max", "min", "onUpdate:modelValue"], xs = ["id", "max", "min", "onUpdate:modelValue"], Ls = ["for"], Os = /* @__PURE__ */ U(() => /* @__PURE__ */ u("span", { style: { color: "grey" } }, "ᒪ", -1)), As = /* @__PURE__ */ U(() => /* @__PURE__ */ u("span", { style: { color: "grey" } }, "ᒧ", -1)), Ds = ["onClick", "disabled"], Ms = ["id"], Gs = ["onClick"], Ts = ["onClick", "onKeyup"], zs = /* @__PURE__ */ U(() => /* @__PURE__ */ u("th", { class: "invisible-cell" }, null, -1)), Ps = ["innerHTML", "onClick", "onKeyup"], Es = ["data-row"], Bs = ["data-row"], Rs = ["data-row", "onClick", "onKeyup", "id"], Hs = ["innerHTML"], Us = { key: 1 }, Vs = { key: 2 }, Ws = { key: 5 }, js = ["innerHTML"], Xs = { key: 0 }, Ys = { style: { "margin-left": "12px" } }, Zs = { class: "format-num" }, qs = { style: { "margin-left": "12px" } }, Ks = {
-  key: 0,
-  class: "format-num"
-}, Js = {
-  key: 1,
-  class: "format-num"
-}, Qs = { key: 2 }, $s = { style: { "margin-left": "12px" } }, el = {
-  key: 0,
-  class: "format-num"
-}, tl = {
-  key: 1,
-  class: "format-num"
-}, sl = { key: 2 }, ll = {
-  key: 0,
-  class: "vue-ui-table-paginator format-num"
-}, nl = {
-  key: 1,
-  class: "vue-ui-table-size-warning"
-}, rl = ["innerHTML"], al = {
-  key: 3,
-  class: "vue-ui-table-pagination format-num"
-}, ol = ["innerHTML", "disabled"], il = ["disabled"], ul = {
-  key: 0,
-  class: "vue-ui-table-page-scroller-wrapper"
-}, cl = {
-  for: "pageScroller",
-  style: { "font-size": "14px" }
-}, dl = ["max", "value"], hl = { key: 1 }, gl = ["disabled"], yl = ["innerHTML", "disabled"], vl = { class: "chart-modal-options" }, bl = ["innerHTML"], fl = ["innerHTML"], ml = ["innerHTML"], _l = { style: { "margin-bottom": "12px" } }, pl = { key: 0 }, Nl = { key: 1 }, kl = {
-  style: { width: "100%", height: "fit-content", cursor: "move" },
-  ref: "chartModal"
-}, Cl = { class: "vue-ui-table-fieldset" }, Il = { class: "vue-ui-table-fieldset-wrapper" }, Fl = ["name", "id", "checked", "onInput"], wl = ["for"], Sl = ["disabled"], xl = ["innerHTML"], Ll = ["viewBox"], Ol = ["markerWidth", "markerHeight", "refY"], Al = ["points", "fill"], Dl = ["x2", "y1", "y2", "stroke", "stroke-width"], Ml = ["y2", "stroke", "stroke-width"], Gl = ["x", "width", "height", "fill"], Tl = /* @__PURE__ */ Te('<linearGradient id="barGradientSelected" x2="0%" y2="100%" data-v-5a108fbd><stop offset="0.2" stop-color="#6376DD" data-v-5a108fbd></stop><stop offset="1" stop-color="#6376DD80" data-v-5a108fbd></stop></linearGradient><linearGradient id="barGradientSelectedNeg" x2="0%" y2="100%" data-v-5a108fbd><stop offset="0.2" stop-color="#6376DD80" data-v-5a108fbd></stop><stop offset="1" stop-color="#6376DD" data-v-5a108fbd></stop></linearGradient><linearGradient id="barGradient" x2="0%" y2="100%" data-v-5a108fbd><stop offset="0.2" stop-color="#6376DDB3" data-v-5a108fbd></stop><stop offset="1" stop-color="#6376DD66" data-v-5a108fbd></stop></linearGradient><linearGradient id="barGradientNeg" x2="0%" y2="100%" data-v-5a108fbd><stop offset="0.2" stop-color="#6376DD66" data-v-5a108fbd></stop><stop offset="1" stop-color="#6376DDB3" data-v-5a108fbd></stop></linearGradient>', 4), zl = ["x", "y", "height", "width", "fill", "stroke"], Pl = ["x", "y", "width"], El = ["x1", "y1", "x2", "y2", "stroke-width", "stroke"], Bl = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Rl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Hl = ["x", "y", "width"], Ul = ["x", "width", "height", "onMouseenter"], Vl = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-dasharray"], Wl = /* @__PURE__ */ U(() => /* @__PURE__ */ u("span", null, "---", -1)), jl = ["d", "stroke"], Xl = ["x", "y"], Yl = { class: "vue-ui-table-donut-label-name" }, Zl = ["fill"], ql = ["fill"], Kl = ["fill"], Jl = ["fill"], Ql = { class: "vue-ui-table-donut-legend" };
-function $l(n, r, a, d, t, e) {
-  return o(), i("div", {
-    class: "vue-ui-table-main",
-    style: g(`font-family: ${e.FINAL_CONFIG.fontFamily}`)
-  }, [
-    u("div", At, [
-      u("button", {
-        onClick: r[0] || (r[0] = (l) => t.isExportRequest = !t.isExportRequest),
-        innerHTML: e.icons.export,
-        style: g(`background:${e.FINAL_CONFIG.style.exportMenu.backgroundColor};color:${e.FINAL_CONFIG.style.exportMenu.color}`)
-      }, null, 12, Dt),
-      u("div", {
-        class: "vue-ui-table-export-hub-dropdown",
-        "data-is-open": t.isExportRequest || "false",
-        style: g(`background:${e.FINAL_CONFIG.style.exportMenu.backgroundColor};color:${e.FINAL_CONFIG.style.exportMenu.color}`)
-      }, [
-        Gt,
-        u("button", {
-          class: "close-dropdown",
-          onClick: r[1] || (r[1] = (l) => t.isExportRequest = !1),
-          style: g(`background:${e.FINAL_CONFIG.style.closeButtons.backgroundColor};color:${e.FINAL_CONFIG.style.closeButtons.color};border-radius:${e.FINAL_CONFIG.style.closeButtons.borderRadius}`)
-        }, " ✖ ", 4),
-        u("div", Tt, [
-          u("div", zt, [
-            u("div", Pt, c(e.FINAL_CONFIG.translations.exportAllLabel) + " (" + c(t.bodyCopy.length) + ") ", 1),
-            u("button", {
-              id: "exportAll",
-              onClick: r[2] || (r[2] = (l) => e.createXls("all")),
-              style: g(`background:${e.FINAL_CONFIG.style.exportMenu.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.exportMenu.buttons.color}`)
-            }, [
-              u("div", {
-                innerHTML: e.icons.fileDownload
-              }, null, 8, Et),
-              u("span", null, c(e.FINAL_CONFIG.translations.exportAllButton), 1)
-            ], 4)
-          ]),
-          u("div", Bt, [
-            u("div", Rt, c(e.FINAL_CONFIG.translations.exportPageLabel), 1),
-            u("button", {
-              id: "exportPage",
-              onClick: r[3] || (r[3] = (l) => e.createXls("page")),
-              style: g(`background:${e.FINAL_CONFIG.style.exportMenu.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.exportMenu.buttons.color}`)
-            }, [
-              u("div", {
-                innerHTML: e.icons.fileDownload
-              }, null, 8, Ht),
-              u("span", null, c(e.FINAL_CONFIG.translations.exportPageButton), 1)
-            ], 4)
-          ])
-        ])
-      ], 12, Mt)
-    ]),
-    u("div", {
-      class: "vue-ui-table__wrapper",
-      style: g(`max-height:${e.FINAL_CONFIG.maxHeight}px`),
-      ref: "tableWrapper"
-    }, [
-      u("table", Ut, [
-        u("thead", Vt, [
-          u("tr", null, [
-            Wt,
-            (o(!0), i(k, null, L(t.tableHead, (l, s) => (o(), i("th", {
-              key: `thead_${s}`,
-              style: g(`overflow: visible;background:${e.FINAL_CONFIG.style.th.backgroundColor};color:${e.FINAL_CONFIG.style.th.color};outline:${e.FINAL_CONFIG.style.th.outline}`),
-              class: A({ "th-has-nan": t.hasNaN[s] })
-            }, [
-              e.hasNumericTypes && ([t.constants.TEXT, t.constants.DATE].includes(l.type) || l.isPercentage) ? (o(), i("span", jt, [
-                P(c(l.name) + " ", 1),
-                l.isPercentage ? (o(), i("span", Xt, " / " + c(l.percentageTo), 1)) : y("", !0)
-              ])) : (o(), i("span", Yt, c(l.name), 1))
-            ], 6))), 128))
-          ]),
-          e.hasNumericTypes ? (o(), i(k, { key: 0 }, [
-            u("tr", null, [
-              Zt,
-              (o(!0), i(k, null, L(t.tableHead, (l, s) => (o(), i("th", {
-                key: `thead_${s}`,
-                class: A({ "th-numeric": !0, "th-has-nan": t.hasNaN[s] }),
-                style: g(`background:${e.FINAL_CONFIG.style.th.backgroundColor};color:${e.FINAL_CONFIG.style.th.color};outline:${e.FINAL_CONFIG.style.th.outline}`)
-              }, [
-                l.sum && !t.hasNaN[s] ? (o(), i("span", qt, [
-                  u("span", {
-                    innerHTML: e.icons.sum,
-                    style: { "margin-bottom": "-4px", "margin-right": "3px" }
-                  }, null, 8, Kt),
-                  P(" " + c(l.prefix) + " " + c(Number(e.getSum(s).toFixed(l.decimals)).toLocaleString()) + " " + c(l.suffix) + " ", 1),
-                  t.percentages[s] && l.percentageTo && !l.isPercentage ? (o(), i("span", Jt, " (" + c(isNaN(e.getSum(s) / e.getSum(t.percentages[s].referenceIndex)) ? "-" : (e.getSum(s) / e.getSum(t.percentages[s].referenceIndex) * 100).toFixed(l.decimals)) + "%) ", 1)) : y("", !0)
-                ])) : y("", !0)
-              ], 6))), 128))
-            ]),
-            u("tr", null, [
-              Qt,
-              (o(!0), i(k, null, L(t.tableHead, (l, s) => (o(), i("th", {
-                key: `thead_${s}`,
-                class: A({ "th-numeric": !0, "th-has-nan": t.hasNaN[s] }),
-                style: g(`background:${e.FINAL_CONFIG.style.th.backgroundColor};color:${e.FINAL_CONFIG.style.th.color};outline:${e.FINAL_CONFIG.style.th.outline}`)
-              }, [
-                l.average && !t.hasNaN[s] ? (o(), i("span", $t, " ~ " + c(l.prefix) + " " + c(isNaN(e.getAverage(s)) ? "" : Number(e.getAverage(s).toFixed(l.decimals)).toLocaleString()) + " " + c(l.suffix), 1)) : y("", !0)
-              ], 6))), 128))
-            ]),
-            u("tr", null, [
-              es,
-              (o(!0), i(k, null, L(t.tableHead, (l, s) => (o(), i("th", {
-                key: `thead_${s}`,
-                class: A({ "th-has-nan": t.hasNaN[s] }),
-                style: g(`background:${e.FINAL_CONFIG.style.th.backgroundColor};color:${e.FINAL_CONFIG.style.th.color};outline:${e.FINAL_CONFIG.style.th.outline}`)
-              }, [
-                u("div", ts, [
-                  l.type === t.constants.DATE && t.dates[s] ? (o(), i("div", ss, [
-                    u("div", ls, [
-                      u("div", ns, [
-                        u("label", {
-                          for: `from_${s}`
-                        }, c(e.FINAL_CONFIG.translations.from), 9, rs),
-                        q(u("input", {
-                          id: `from_${s}`,
-                          type: "date",
-                          "onUpdate:modelValue": (h) => t.dates[s].from = h,
-                          onInput: (h) => {
-                            e.filterBody(), e.setFilterDatesIndexes(s);
-                          },
-                          style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border}`)
-                        }, null, 44, as), [
-                          [$, t.dates[s].from]
-                        ])
-                      ]),
-                      u("div", os, [
-                        u("label", {
-                          for: `to_${s}`
-                        }, c(e.FINAL_CONFIG.translations.to), 9, is),
-                        q(u("input", {
-                          id: `to_${s}`,
-                          type: "date",
-                          "onUpdate:modelValue": (h) => t.dates[s].to = h,
-                          onInput: (h) => {
-                            e.filterBody(), e.setFilterDatesIndexes(s);
-                          },
-                          style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border}`)
-                        }, null, 44, us), [
-                          [$, t.dates[s].to]
-                        ])
-                      ])
-                    ]),
-                    u("div", cs, [
-                      l.isSort ? (o(), i("button", {
-                        key: 0,
-                        onClick: (h) => e.sortTh(s, h),
-                        class: A({ "th-button-active": [t.constants.DESC, t.constants.ASC].includes(t.sorts[s]) }),
-                        style: g(`background:${[t.constants.DESC, t.constants.ASC].includes(t.sorts[s]) ? "" : e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${[t.constants.DESC, t.constants.ASC].includes(t.sorts[s]) ? "" : e.FINAL_CONFIG.style.pagination.buttons.color}`)
-                      }, [
-                        t.sorts[s] === t.constants.ASC ? (o(), i("span", {
-                          key: 0,
-                          innerHTML: [t.constants.DATE].includes(l.type) ? e.icons.sort09 : e.icons.sortAZ
-                        }, null, 8, hs)) : t.sorts[s] === t.constants.DESC ? (o(), i("span", {
-                          key: 1,
-                          innerHTML: [t.constants.DATE].includes(l.type) ? e.icons.sort90 : e.icons.sortZA
-                        }, null, 8, gs)) : (o(), i("span", {
-                          key: 2,
-                          innerHTML: e.icons.arrowSort
-                        }, null, 8, ys))
-                      ], 14, ds)) : y("", !0),
-                      u("button", {
-                        onClick: (h) => {
-                          e.resetDates(s), e.resetFilter(s, l, h);
-                        },
-                        disabled: !t.filteredDatesIndexes[s] && e.isResetDisabled(s, l),
-                        class: "th-reset"
-                      }, " ✖ ", 8, vs)
-                    ])
-                  ])) : y("", !0),
-                  l.isSearch ? q((o(), i("input", {
-                    key: 1,
-                    placeholder: e.FINAL_CONFIG.translations.inputPlaceholder,
-                    "onUpdate:modelValue": (h) => t.searches[s] = h,
-                    onInput: r[4] || (r[4] = (h) => e.debounce(e.filterBody, 400)),
-                    name: `search_${s}`,
-                    style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border}`)
-                  }, null, 44, bs)), [
-                    [$, t.searches[s]]
-                  ]) : y("", !0),
-                  !t.hasNaN[s] && l.isSort && l.type !== t.constants.DATE ? (o(), i("button", {
-                    key: 2,
-                    onClick: (h) => e.sortTh(s, h),
-                    class: A({ "th-button-active": [t.constants.DESC, t.constants.ASC].includes(t.sorts[s]) }),
-                    style: g(`background:${[t.constants.DESC, t.constants.ASC].includes(t.sorts[s]) ? "" : e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${[t.constants.DESC, t.constants.ASC].includes(t.sorts[s]) ? "" : e.FINAL_CONFIG.style.pagination.buttons.color}`)
-                  }, [
-                    t.sorts[s] === t.constants.ASC ? (o(), i("span", {
-                      key: 0,
-                      innerHTML: [t.constants.NUMERIC].includes(l.type) ? e.icons.sort09 : e.icons.sortZA
-                    }, null, 8, ms)) : t.sorts[s] === t.constants.DESC ? (o(), i("span", {
-                      key: 1,
-                      innerHTML: [t.constants.NUMERIC].includes(l.type) ? e.icons.sort90 : e.icons.sortAZ
-                    }, null, 8, _s)) : (o(), i("span", {
-                      key: 2,
-                      innerHTML: e.icons.arrowSort
-                    }, null, 8, ps))
-                  ], 14, fs)) : y("", !0),
-                  l.isMultiselect ? (o(), i("button", {
-                    key: 3,
-                    onClick: (h) => e.toggleMultiselect(s, l, h),
-                    innerHTML: e.icons.filter,
-                    class: A({ "th-button-active": t.multiselects[s] && t.multiselects[s].length !== e.getDropdownOptions(s).length }),
-                    style: g(`background:${t.multiselects[s] && t.multiselects[s].length !== e.getDropdownOptions(s).length ? "" : e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${t.multiselects[s] && t.multiselects[s].length !== e.getDropdownOptions(s).length ? "" : e.FINAL_CONFIG.style.pagination.buttons.color}`)
-                  }, null, 14, Ns)) : y("", !0),
-                  t.currentSelectionSpan.col === s && e.canChart ? (o(), i("button", {
-                    key: 4,
-                    onClick: r[5] || (r[5] = (h) => t.showChart = !t.showChart),
-                    innerHTML: e.icons.chart,
-                    class: A({ "th-button-active": t.showChart }),
-                    style: g(`background:${t.showChart ? "" : e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${t.showChart ? "" : e.FINAL_CONFIG.style.pagination.buttons.color}`)
-                  }, null, 14, ks)) : y("", !0),
-                  l.rangeFilter && t.rangeFilters[s] && !t.hasNaN[s] ? (o(), i("div", Cs, [
-                    u("label", {
-                      for: `rangeMin${s}`
-                    }, [
-                      Fs,
-                      P(" min "),
-                      ws
-                    ], 8, Is),
-                    q(u("input", {
-                      type: "number",
-                      id: `rangeMin${s}`,
-                      max: t.immutableRangeFilters[s].max,
-                      min: t.immutableRangeFilters[s].min,
-                      "onUpdate:modelValue": (h) => t.rangeFilters[s].min = h,
-                      onInput: r[6] || (r[6] = (h) => e.debounce(e.filterBody, 400)),
-                      style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border}`)
-                    }, null, 44, Ss), [
-                      [
-                        $,
-                        t.rangeFilters[s].min,
-                        void 0,
-                        { number: !0 }
-                      ]
-                    ]),
-                    q(u("input", {
-                      type: "number",
-                      id: `rangeMax${s}`,
-                      max: t.immutableRangeFilters[s].max,
-                      min: t.immutableRangeFilters[s].min,
-                      "onUpdate:modelValue": (h) => t.rangeFilters[s].max = h,
-                      onInput: r[7] || (r[7] = (h) => e.debounce(e.filterBody, 400)),
-                      style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border}`)
-                    }, null, 44, xs), [
-                      [
-                        $,
-                        t.rangeFilters[s].max,
-                        void 0,
-                        { number: !0 }
-                      ]
-                    ]),
-                    u("label", {
-                      for: `rangeMax${s}`
-                    }, [
-                      Os,
-                      P(" max "),
-                      As
-                    ], 8, Ls)
-                  ])) : y("", !0),
-                  e.canResetColumn(s, l) ? (o(), i("button", {
-                    key: 6,
-                    onClick: (h) => e.resetFilter(s, l, h),
-                    disabled: e.isResetDisabled(s, l),
-                    class: "th-reset"
-                  }, " ✖ ", 8, Ds)) : y("", !0),
-                  l.isMultiselect ? (o(), i("div", {
-                    key: 7,
-                    class: "th-dropdown",
-                    "data-is-open": "false",
-                    id: `th_dropdown_${s}`,
-                    style: g(`background:${e.FINAL_CONFIG.style.dropdowns.backgroundColor};color:${e.FINAL_CONFIG.style.dropdowns.color}`)
-                  }, [
-                    u("button", {
-                      class: "close-dropdown",
-                      onClick: (h) => e.toggleMultiselect(s, l, h),
-                      style: g(`background:${e.FINAL_CONFIG.style.closeButtons.backgroundColor};color:${e.FINAL_CONFIG.style.closeButtons.color}`)
-                    }, " ✖ ", 12, Gs),
-                    (o(!0), i(k, null, L(e.getDropdownOptions(s), (h, f) => (o(), i("span", {
-                      class: "th-option",
-                      key: `th_option_${s}_${f}`,
-                      onClick: (m) => e.selectDropdownOption(h, s),
-                      onKeyup: [
-                        ee((m) => e.selectDropdownOption(h, s), ["enter"]),
-                        ee((m) => e.selectDropdownOption(h, s), ["space"])
-                      ],
-                      style: g(`opacity:${e.isDropdownOptionSelected(h, s) ? 1 : 0.5}`),
-                      tabindex: "0"
-                    }, [
-                      e.isDropdownOptionSelected(h, s) ? (o(), i("span", {
-                        key: 0,
-                        style: g(`color:${e.FINAL_CONFIG.style.dropdowns.icons.selected.color};margin-right:5px`),
-                        class: "th-icon-green"
-                      }, c(e.FINAL_CONFIG.style.dropdowns.icons.selected.unicode), 5)) : (o(), i("span", {
-                        key: 1,
-                        style: g(`color:${e.FINAL_CONFIG.style.dropdowns.icons.unselected.color};margin-right:5px`),
-                        class: "th-icon-red"
-                      }, c(e.FINAL_CONFIG.style.dropdowns.icons.unselected.unicode), 5)),
-                      u("span", null, c(h), 1)
-                    ], 44, Ts))), 128))
-                  ], 12, Ms)) : y("", !0)
-                ])
-              ], 6))), 128))
-            ])
-          ], 64)) : y("", !0),
-          u("tr", null, [
-            zs,
-            (o(!0), i(k, null, L(t.tableHead, (l, s) => (o(), i("th", {
-              key: `col_selector_${s}`,
-              class: A({ "vue-ui-table-col-selector": !t.hasNaN[s], "th-has-nan": t.hasNaN[s] }),
-              style: g(`background:${s === t.selectedColumn && !t.hasNaN[s] ? e.FINAL_CONFIG.style.th.selected.backgroundColor : e.FINAL_CONFIG.style.th.backgroundColor};color:${s === t.selectedColumn && !t.hasNaN[s] ? e.FINAL_CONFIG.style.th.selected.color : e.FINAL_CONFIG.style.th.color};outline:${e.FINAL_CONFIG.style.th.outline}`)
-            }, [
-              t.hasNaN[s] ? y("", !0) : (o(), i("div", {
-                key: 0,
-                innerHTML: t.tableHead[s].type === t.constants.NUMERIC ? e.icons.chevronDown : "",
-                class: A({ "col-selector": t.tableHead[s].type === t.constants.NUMERIC }),
-                tabindex: "0",
-                onClick: te((h) => e.selectColumn(s), ["stop"]),
-                onKeyup: ee((h) => e.selectColumn(s), ["enter"])
-              }, null, 42, Ps))
-            ], 6))), 128))
-          ])
-        ]),
-        u("tbody", {
-          onClick: r[8] || (r[8] = (...l) => e.closeAllDropdowns && e.closeAllDropdowns(...l)),
-          onKeydown: r[9] || (r[9] = (l) => e.navigateCell(l))
-        }, [
-          (o(!0), i(k, null, L(e.visibleRows, (l, s) => (o(), i("tr", {
-            key: `tbody_${s}`,
-            "data-row": s % 2 === 0 ? "odd" : "even",
-            class: A(`tr_${t.uid}`),
-            style: g(`${s % 2 === 0 ? `background:${e.FINAL_CONFIG.style.rows.odd.backgroundColor};color:${e.FINAL_CONFIG.style.rows.odd.color}` : `background:${e.FINAL_CONFIG.style.rows.even.backgroundColor};color:${e.FINAL_CONFIG.style.rows.even.color}`}`)
-          }, [
-            u("td", {
-              class: "vue-ui-table-td-iteration",
-              "data-row": s % 2 === 0 ? "odd" : "even"
-            }, c(l.absoluteIndex + 1), 9, Bs),
-            (o(!0), i(k, null, L(l.td, (h, f) => (o(), i("td", {
-              "data-row": s % 2 === 0 ? "odd" : "even",
-              key: `td_${s}_${f}`,
-              style: g(e.isNumeric(h) || a.dataset.header[f].type === t.constants.DATE ? "text-align:right;font-variant-numeric: tabular-nums;" : ""),
-              onClick: (m) => e.selectTd({
-                td: h,
-                rowIndex: s,
-                colIndex: f,
-                headerType: a.dataset.header[f].type,
-                event: m
-              }),
-              onKeyup: [
-                ee((m) => e.selectTd({
-                  td: h,
-                  rowIndex: s,
-                  colIndex: f,
-                  headerType: a.dataset.header[f].type,
-                  event: m
-                }), ["enter"]),
-                ee((m) => e.selectTd({
-                  td: h,
-                  rowIndex: s,
-                  colIndex: f,
-                  headerType: a.dataset.header[f].type,
-                  event: m
-                }), ["space"])
-              ],
-              class: A({ "td-numeric": a.dataset.header[f].type === t.constants.NUMERIC, "td-focusable": !0, "td-has-nan": t.hasNaN[f] }),
-              id: `cell_${s}_${f}_${t.uid}`,
-              tabindex: "0"
-            }, [
-              l.meta && l.meta.markerIndices.includes(f) && l.meta.unicodeIcon ? (o(), i("span", {
-                key: 0,
-                style: g(`color:${l.meta.color};margin-right:3px`),
-                innerHTML: l.meta.unicodeIcon
-              }, null, 12, Hs)) : y("", !0),
-              a.dataset.header[f].type === t.constants.DATE ? (o(), i("span", Us, c(a.dataset.header[f].prefix) + " " + c(new Date(h).toLocaleString().slice(0, 10)) + " " + c(a.dataset.header[f].suffix), 1)) : a.dataset.header[f].isPercentage ? (o(), i("span", Vs, c(Number((h * 100).toFixed(a.dataset.header[f].decimals)).toLocaleString()) + "% ", 1)) : t.percentages[f] && a.dataset.header[f].percentageTo && !a.dataset.header[f].isPercentage ? (o(), i("span", {
-                key: 3,
-                class: A({ "td-nan": isNaN(Number(h)) })
-              }, c(a.dataset.header[f].prefix) + " " + c(isNaN(Number(h)) ? `${h} is not ${t.constants.NUMERIC}` : Number(h.toFixed(a.dataset.header[f].decimals)).toLocaleString()) + " " + c(a.dataset.header[f].suffix) + " (" + c(isNaN(Number(h)) ? "" : Number((h / e.getSum(t.percentages[f].referenceIndex) * 100).toFixed(a.dataset.header[f].decimals)).toLocaleString()) + "%) ", 3)) : a.dataset.header[f].type === t.constants.NUMERIC ? (o(), i("span", {
-                key: 4,
-                class: A({ "td-nan": isNaN(Number(h)) })
-              }, c(a.dataset.header[f].prefix) + " " + c(isNaN(Number(h)) ? `${h} is not ${t.constants.NUMERIC}` : Number(h.toFixed(a.dataset.header[f].decimals)).toLocaleString()) + " " + c(a.dataset.header[f].suffix), 3)) : (o(), i("span", Ws, c(a.dataset.header[f].prefix) + " " + c(h) + " " + c(a.dataset.header[f].suffix), 1))
-            ], 46, Rs))), 128))
-          ], 14, Es))), 128))
-        ], 32)
-      ])
-    ], 4),
-    u("div", {
-      class: A({ "td-selector-info": !0, "td-selector-info--active": t.currentSelectionSpan.col !== void 0 && t.currentSelectionSpan.rows.length }),
-      style: g(`background:${e.FINAL_CONFIG.style.infoBar.backgroundColor};color:${e.FINAL_CONFIG.style.infoBar.color}`)
-    }, [
-      t.currentSelectionSpan.col !== void 0 && t.currentSelectionSpan.rows.length ? (o(), i(k, { key: 0 }, [
-        u("div", {
-          innerHTML: e.icons.table,
-          class: "td-selector-icon"
-        }, null, 8, js),
-        u("span", null, [
-          u("b", null, [
-            P(c(a.dataset.header[t.currentSelectionSpan.col].name) + " ", 1),
-            a.dataset.header[t.currentSelectionSpan.col].isPercentage ? (o(), i("span", Xs, " / " + c(a.dataset.header[t.percentages[t.currentSelectionSpan.col].referenceIndex].name), 1)) : y("", !0)
-          ]),
-          u("span", Ys, [
-            P(c(e.FINAL_CONFIG.translations.nb) + " : ", 1),
-            u("b", Zs, c(t.currentSelectionSpan.rows.length), 1)
-          ]),
-          u("span", qs, [
-            P(c(e.FINAL_CONFIG.translations.sum) + " : ", 1),
-            a.dataset.header[t.currentSelectionSpan.col].isPercentage ? (o(), i("b", Ks, c(e.selectedCellsCalculations.sumPercentage), 1)) : (o(), i("b", Js, c(a.dataset.header[t.currentSelectionSpan.col].prefix) + " " + c(e.selectedCellsCalculations.sumRegular) + " " + c(a.dataset.header[t.currentSelectionSpan.col].suffix), 1)),
-            a.dataset.header[t.currentSelectionSpan.col].isPercentage ? (o(), i("b", Qs, "%")) : y("", !0)
-          ]),
-          u("span", $s, [
-            P(c(e.FINAL_CONFIG.translations.average) + " : ", 1),
-            a.dataset.header[t.currentSelectionSpan.col].isPercentage ? (o(), i("b", el, c(e.selectedCellsCalculations.averagePercentage), 1)) : (o(), i("b", tl, c(a.dataset.header[t.currentSelectionSpan.col].prefix) + " " + c(e.selectedCellsCalculations.averageRegular) + " " + c(a.dataset.header[t.currentSelectionSpan.col].suffix), 1)),
-            a.dataset.header[t.currentSelectionSpan.col].isPercentage ? (o(), i("b", sl, "%")) : y("", !0)
-          ])
-        ]),
-        u("button", {
-          onClick: r[10] || (r[10] = (...l) => e.resetSelection && e.resetSelection(...l)),
-          class: "td-selector-info-reset",
-          style: g(`background:${e.FINAL_CONFIG.style.closeButtons.backgroundColor};color:${e.FINAL_CONFIG.style.closeButtons.color};border-radius:${e.FINAL_CONFIG.style.closeButtons.borderRadius}`)
-        }, " ✖ ", 4)
-      ], 64)) : y("", !0)
-    ], 6),
-    t.bodyCopy.length > 10 ? (o(), i("div", ll, [
-      P(c(e.FINAL_CONFIG.translations.totalRows) + " : " + c(a.dataset.body.length) + " | " + c(e.FINAL_CONFIG.translations.paginatorLabel) + " : ", 1),
-      t.bodyCopy.length > 10 ? q((o(), i("select", {
-        key: 0,
-        id: "paginatorSelector",
-        "onUpdate:modelValue": r[11] || (r[11] = (l) => t.itemsPerPage = l),
-        onChange: r[12] || (r[12] = (...l) => e.resetSelection && e.resetSelection(...l)),
-        style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border}`)
-      }, [
-        (o(!0), i(k, null, L(t.paginatorOptions, (l, s) => (o(), i(k, null, [
-          t.bodyCopy.length > l || a.dataset.body.length === l ? (o(), i("option", {
-            key: `paginator_option_${s}`
-          }, c(l), 1)) : y("", !0)
-        ], 64))), 256))
-      ], 36)), [
-        [
-          Ge,
-          t.itemsPerPage,
-          void 0,
-          { number: !0 }
-        ]
-      ]) : y("", !0)
-    ])) : y("", !0),
-    t.itemsPerPage >= 250 ? (o(), i("div", nl, [
-      u("span", {
-        innerHTML: e.icons.warning
-      }, null, 8, rl),
-      P(c(e.FINAL_CONFIG.translations.sizeWarning), 1)
-    ])) : y("", !0),
-    e.pages.length > 1 && e.pages.length <= 10 ? (o(), i("div", {
-      key: 2,
-      class: "vue-ui-table-navigation-indicator",
-      style: g(`background:${e.FINAL_CONFIG.style.pagination.navigationIndicator.backgroundColor};width:calc(${t.currentPage / (e.pages.length - 1) * 100}%)`)
-    }, null, 4)) : y("", !0),
-    e.pages.length > 1 ? (o(), i("div", al, [
-      u("button", {
-        class: "vue-ui-table-navigation",
-        onClick: r[13] || (r[13] = te((l) => e.navigate("previous"), ["stop"])),
-        innerHTML: e.icons.chevronLeft,
-        disabled: t.currentPage === 0,
-        style: g(`background:${e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.pagination.buttons.color};opacity:${t.currentPage === 0 ? e.FINAL_CONFIG.style.pagination.buttons.opacityDisabled : 1}`)
-      }, null, 12, ol),
-      e.pages.length > 3 ? (o(), i(k, { key: 0 }, [
-        u("button", {
-          class: "vue-ui-table-navigation",
-          onClick: r[14] || (r[14] = te((l) => e.navigate(1), ["stop"])),
-          disabled: t.currentPage === 0,
-          style: g(`background:${e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.pagination.buttons.color};opacity:${t.currentPage === 0 ? e.FINAL_CONFIG.style.pagination.buttons.opacityDisabled : 1}`)
-        }, " 1 ", 12, il),
-        e.pages.length > 10 ? (o(), i("div", ul, [
-          u("label", cl, c(e.FINAL_CONFIG.translations.page) + " " + c(t.currentPage + 1) + " / " + c(e.pages.length), 1),
-          u("input", {
-            class: "vue-ui-table-page-scroller",
-            id: "pageScroller",
-            type: "range",
-            step: "1",
-            min: 0,
-            max: e.pages.length - 1,
-            onInput: r[15] || (r[15] = (l) => e.updateCurrentPage(l)),
-            value: t.currentPage,
-            style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border};accent-color:${e.FINAL_CONFIG.style.inputs.accentColor}`)
-          }, null, 44, dl)
-        ])) : (o(), i("span", hl, c(e.FINAL_CONFIG.translations.page) + " " + c(t.currentPage + 1) + " / " + c(e.pages.length), 1)),
-        u("button", {
-          class: "vue-ui-table-navigation",
-          onClick: r[16] || (r[16] = te((l) => e.navigate(e.pages.length), ["stop"])),
-          disabled: t.currentPage === e.pages.length - 1,
-          style: g(`background:${e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.pagination.buttons.color};opacity:${t.currentPage === e.pages.length - 1 ? e.FINAL_CONFIG.style.pagination.buttons.opacityDisabled : 1}`)
-        }, c(e.pages.length), 13, gl)
-      ], 64)) : (o(), i(k, { key: 1 }, [
-        P(c(e.FINAL_CONFIG.translations.page) + " " + c(t.currentPage + 1) + " / " + c(e.pages.length), 1)
-      ], 64)),
-      u("button", {
-        class: "vue-ui-table-navigation",
-        onClick: r[17] || (r[17] = te((l) => e.navigate("next"), ["stop"])),
-        innerHTML: e.icons.chevronRight,
-        disabled: t.currentPage === e.pages.length - 1,
-        style: g(`background:${e.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${e.FINAL_CONFIG.style.pagination.buttons.color};opacity:${t.currentPage === e.pages.length - 1 ? e.FINAL_CONFIG.style.pagination.buttons.opacityDisabled : 1}`)
-      }, null, 12, yl)
-    ])) : y("", !0),
-    t.showChart && e.canChart ? (o(), i("div", {
-      key: 4,
-      class: "vue-ui-table-chart-modal",
-      style: g(`top:${t.clientY}px; left:${t.clientX}px;background:${e.FINAL_CONFIG.style.chart.modal.backgroundColor};color:${e.FINAL_CONFIG.style.chart.modal.color}`)
-    }, [
-      u("button", {
-        class: "close-chart-modal",
-        onClick: r[18] || (r[18] = (l) => t.showChart = !1),
-        style: g(`background:${e.FINAL_CONFIG.style.closeButtons.backgroundColor};color:${e.FINAL_CONFIG.style.closeButtons.color};border-radius:${e.FINAL_CONFIG.style.closeButtons.borderRadius}`)
-      }, " ✖ ", 4),
-      u("div", vl, [
-        e.availableDonutCategories.length ? (o(), i("button", {
-          key: 0,
-          onClick: r[19] || (r[19] = (l) => t.showDonutOptions = !0),
-          innerHTML: e.icons.donut,
-          class: A({ "is-active-chart": t.chart.type === t.constants.DONUT || t.showDonutOptions }),
-          style: g(`background:${t.chart.type === t.constants.DONUT || t.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.backgroundColor : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.backgroundColor};color:${t.chart.type === t.constants.DONUT || t.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.color : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.color}`)
-        }, null, 14, bl)) : y("", !0),
-        u("button", {
-          onClick: r[20] || (r[20] = (l) => {
-            t.chart.type = t.constants.LINE, t.showDonutOptions = !1;
-          }),
-          innerHTML: e.icons.chart,
-          class: A({ "is-active-chart": t.chart.type === t.constants.LINE && !t.showDonutOptions }),
-          style: g(`background:${t.chart.type === t.constants.LINE && !t.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.backgroundColor : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.backgroundColor};color:${t.chart.type === t.constants.LINE && !t.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.color : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.color}`)
-        }, null, 14, fl),
-        u("button", {
-          onClick: r[21] || (r[21] = (l) => {
-            t.chart.type = t.constants.BAR, t.showDonutOptions = !1;
-          }),
-          innerHTML: e.icons.bar,
-          class: A({ "is-active-chart": t.chart.type === t.constants.BAR && !t.showDonutOptions }),
-          style: g(`background:${t.chart.type === t.constants.BAR && !t.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.backgroundColor : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.backgroundColor};color:${t.chart.type === t.constants.BAR && !t.showDonutOptions ? e.FINAL_CONFIG.style.chart.modal.buttons.selected.color : e.FINAL_CONFIG.style.chart.modal.buttons.unselected.color}`)
-        }, null, 14, ml)
-      ]),
-      u("div", _l, [
-        u("b", null, [
-          P(c(a.dataset.header[t.currentSelectionSpan.col].name) + " ", 1),
-          a.dataset.header[t.currentSelectionSpan.col].isPercentage && a.dataset.header[t.currentSelectionSpan.col].percentageTo ? (o(), i("span", pl, " / " + c(a.dataset.header[t.percentages[t.currentSelectionSpan.col].referenceIndex].name), 1)) : y("", !0),
-          t.chart.type === t.constants.DONUT && t.selectedDonutCategory && t.selectedDonutCategory.name ? (o(), i("span", Nl, c(e.FINAL_CONFIG.translations.by) + " " + c(t.selectedDonutCategory.name), 1)) : y("", !0)
-        ])
-      ]),
-      u("div", kl, [
-        t.showDonutOptions && e.availableDonutCategories.length ? (o(), i("div", {
-          key: 0,
-          style: g(`background:${e.FINAL_CONFIG.style.chart.modal.backgroundColor};color:${e.FINAL_CONFIG.style.chart.modal.color}`)
-        }, [
-          u("fieldset", Cl, [
-            u("legend", null, c(e.FINAL_CONFIG.translations.chooseCategoryColumn), 1),
-            u("div", Il, [
-              (o(!0), i(k, null, L(e.availableDonutCategories, (l, s) => (o(), i("div", {
-                key: `donut_radio_${s}`,
-                class: "vue-ui-table-fieldset-option"
-              }, [
-                u("input", {
-                  type: "radio",
-                  name: l.name,
-                  id: l.name,
-                  checked: t.selectedDonutCategory && l.name === t.selectedDonutCategory.name,
-                  onInput: (h) => t.selectedDonutCategory = e.availableDonutCategories[s],
-                  style: g(`background:${e.FINAL_CONFIG.style.inputs.backgroundColor};color:${e.FINAL_CONFIG.style.inputs.color};border:${e.FINAL_CONFIG.style.inputs.border};accent-color:${e.FINAL_CONFIG.style.inputs.accentColor}`)
-                }, null, 44, Fl),
-                u("label", {
-                  for: l.name
-                }, c(l.name), 9, wl)
-              ]))), 128))
-            ]),
-            u("button", {
-              class: "vue-ui-table-generate-donut",
-              disabled: !t.selectedDonutCategory,
-              onClick: r[22] || (r[22] = (...l) => e.applyDonutOption && e.applyDonutOption(...l)),
-              style: g(`background:${e.FINAL_CONFIG.style.chart.modal.buttons.selected.backgroundColor};color:${e.FINAL_CONFIG.style.chart.modal.buttons.selected.color}`)
-            }, [
-              u("div", {
-                style: { "margin-bottom": "-3px" },
-                innerHTML: e.icons.donut
-              }, null, 8, xl),
-              P(" " + c(e.FINAL_CONFIG.translations.makeDonut), 1)
-            ], 12, Sl)
-          ])
-        ], 4)) : y("", !0),
-        [t.constants.BAR, t.constants.LINE].includes(t.chart.type) && !t.showDonutOptions ? (o(), i(k, { key: 1 }, [
-          (o(), i("svg", {
-            viewBox: `0 0 ${t.chart.width} ${t.chart.height}`,
-            class: "vue-ui-table-chart-svg",
-            style: g(`background:${e.FINAL_CONFIG.style.chart.layout.backgroundColor}`)
-          }, [
-            u("defs", null, [
-              u("marker", {
-                id: "arrowhead",
-                markerWidth: e.FINAL_CONFIG.style.chart.layout.progression.arrowSize,
-                markerHeight: e.FINAL_CONFIG.style.chart.layout.progression.arrowSize,
-                refX: "0",
-                refY: e.FINAL_CONFIG.style.chart.layout.progression.arrowSize / 2,
-                orient: "auto"
-              }, [
-                u("polygon", {
-                  points: `0 0, ${e.FINAL_CONFIG.style.chart.layout.progression.arrowSize} ${e.FINAL_CONFIG.style.chart.layout.progression.arrowSize / 2}, 0 ${e.FINAL_CONFIG.style.chart.layout.progression.arrowSize}`,
-                  fill: e.FINAL_CONFIG.style.chart.layout.progression.stroke
-                }, null, 8, Al)
-              ], 8, Ol)
-            ]),
-            u("g", null, [
-              u("line", {
-                x1: 0,
-                x2: t.chart.width,
-                y1: e.chartData.zero,
-                y2: e.chartData.zero,
-                stroke: e.FINAL_CONFIG.style.chart.layout.axis.stroke,
-                "stroke-width": e.FINAL_CONFIG.style.chart.layout.axis.strokeWidth,
-                "stroke-linecap": "round"
-              }, null, 8, Dl),
-              u("line", {
-                x1: 0,
-                x2: 0,
-                y1: 0,
-                y2: t.chart.height,
-                stroke: e.FINAL_CONFIG.style.chart.layout.axis.stroke,
-                "stroke-width": e.FINAL_CONFIG.style.chart.layout.axis.strokeWidth,
-                "stroke-linecap": "round"
-              }, null, 8, Ml)
-            ]),
-            t.chart.type === t.constants.LINE ? (o(!0), i(k, { key: 0 }, L(e.chartData.plots, (l, s) => (o(), i("g", {
-              key: `trap_fill_${s}`
-            }, [
-              u("rect", {
-                x: s * e.chartData.slot,
-                y: 0,
-                width: e.chartData.slot,
-                height: t.chart.height,
-                fill: t.selectedPlot === s ? "rgba(0,0,0,0.03)" : "transparent"
-              }, null, 8, Gl)
-            ]))), 128)) : y("", !0),
-            (o(!0), i(k, null, L(e.chartData.plots, (l, s) => (o(), i("g", {
-              key: `plot_${s}`
-            }, [
-              t.chart.type === t.constants.BAR ? (o(), i(k, { key: 0 }, [
-                Tl,
-                u("rect", {
-                  x: l.x - e.chartData.slot / 2,
-                  y: e.chartData.isAllNegative ? 0 : e.calcRectY(l.value, l.y),
-                  height: l.value >= 0 ? e.chartData.zero - l.y : e.chartData.isAllNegative ? l.y : l.y - e.chartData.zero,
-                  width: e.chartData.slot,
-                  fill: e.FINAL_CONFIG.style.chart.layout.bar.fill ? e.FINAL_CONFIG.style.chart.layout.bar.fill : t.selectedPlot === s ? l.value >= 0 ? "url(#barGradientSelected)" : "url(#barGradientSelectedNeg)" : (l.value >= 0, "url(#barGradient)"),
-                  stroke: e.FINAL_CONFIG.style.chart.layout.bar.stroke,
-                  "stroke-width": "1"
-                }, null, 8, zl),
-                t.selectedPlot === s ? (o(), i("foreignObject", {
-                  key: 0,
-                  x: l.x - (e.chartData.slot < 100 ? 50 : e.chartData.slot / 2),
-                  y: l.value >= 0 ? l.y - 32 : l.y + 4,
-                  height: "20",
-                  width: e.chartData.slot < 100 ? 100 : e.chartData.slot,
-                  style: { overflow: "visible" }
-                }, [
-                  u("div", {
-                    style: g(`width:100%;text-align:center;font-size:20px;color:${e.FINAL_CONFIG.style.chart.layout.labels.color}`)
-                  }, c(l.prefix) + " " + c(Number(l.value.toFixed(a.dataset.header[t.currentSelectionSpan.col].decimals)).toLocaleString()) + " " + c(l.suffix), 5)
-                ], 8, Pl)) : y("", !0)
-              ], 64)) : y("", !0),
-              t.chart.type === t.constants.LINE ? (o(), i(k, { key: 1 }, [
-                s + 1 < e.chartData.plots.length ? (o(), i("line", {
-                  key: 0,
-                  x1: l.x,
-                  y1: l.y,
-                  x2: e.chartData.plots[s + 1].x,
-                  y2: e.chartData.plots[s + 1].y,
-                  "stroke-width": e.FINAL_CONFIG.style.chart.layout.line.strokeWidth,
-                  stroke: e.FINAL_CONFIG.style.chart.layout.line.stroke
-                }, null, 8, El)) : y("", !0),
-                t.selectedPlot === s ? (o(), i("line", {
-                  key: 1,
-                  x1: l.x,
-                  y1: l.y,
-                  x2: l.x,
-                  y2: t.chart.height,
-                  stroke: e.FINAL_CONFIG.style.chart.layout.line.selector.stroke,
-                  "stroke-width": e.FINAL_CONFIG.style.chart.layout.line.selector.strokeWidth,
-                  "stroke-dasharray": e.FINAL_CONFIG.style.chart.layout.line.selector.strokeDasharray
-                }, null, 8, Bl)) : y("", !0),
-                u("circle", {
-                  cx: l.x,
-                  cy: l.y,
-                  r: t.selectedPlot === s ? e.FINAL_CONFIG.style.chart.layout.line.plot.radius.selected : e.FINAL_CONFIG.style.chart.layout.line.plot.radius.unselected,
-                  fill: e.FINAL_CONFIG.style.chart.layout.line.plot.fill,
-                  stroke: e.FINAL_CONFIG.style.chart.layout.line.plot.stroke,
-                  "stroke-width": e.FINAL_CONFIG.style.chart.layout.line.plot.strokeWidth
-                }, null, 8, Rl),
-                t.selectedPlot === s ? (o(), i("foreignObject", {
-                  key: 2,
-                  x: l.x - (e.chartData.slot < 100 ? 50 : e.chartData.slot / 2),
-                  y: e.placeLabelOnTopOrBottom({
-                    previousPlot: e.chartData.plots[s - 1],
-                    currentPlot: l,
-                    nextPlot: e.chartData.plots[s + 1]
-                  }),
-                  height: "20",
-                  width: e.chartData.slot < 100 ? 100 : e.chartData.slot,
-                  style: { overflow: "visible" }
-                }, [
-                  u("div", {
-                    style: g(`width:100%;text-align:center;font-size:20px;color:${e.FINAL_CONFIG.style.chart.layout.labels.color}`)
-                  }, c(l.prefix) + " " + c(Number(l.value.toFixed(a.dataset.header[t.currentSelectionSpan.col].decimals)).toLocaleString()) + " " + c(l.suffix), 5)
-                ], 8, Hl)) : y("", !0)
-              ], 64)) : y("", !0)
-            ]))), 128)),
-            (o(!0), i(k, null, L(e.chartData.plots, (l, s) => (o(), i("g", {
-              key: `trap_${s}`
-            }, [
-              u("rect", {
-                x: s * e.chartData.slot,
-                y: 0,
-                width: e.chartData.slot,
-                height: t.chart.height,
-                fill: "transparent",
-                onMouseenter: (h) => t.selectedPlot = s,
-                onMouseleave: r[23] || (r[23] = (h) => t.selectedPlot = void 0)
-              }, null, 40, Ul)
-            ]))), 128)),
-            e.chartData.progression && e.chartData.plots.length > 2 ? (o(), i("line", {
-              key: 1,
-              x1: e.chartData.progression.x1,
-              y1: e.chartData.progression.y1,
-              x2: e.chartData.progression.x2,
-              y2: e.chartData.progression.y2,
-              stroke: e.FINAL_CONFIG.style.chart.layout.progression.stroke,
-              "stroke-width": e.FINAL_CONFIG.style.chart.layout.progression.strokeWidth,
-              "stroke-dasharray": e.FINAL_CONFIG.style.chart.layout.progression.strokeDasharray,
-              "marker-end": "url(#arrowhead)"
-            }, null, 8, Vl)) : y("", !0)
-          ], 12, Ll)),
-          e.chartData.plots.length >= 2 ? (o(), i("div", {
-            key: 0,
-            class: "chart-trend",
-            style: g(`color:${e.FINAL_CONFIG.style.chart.modal.color}`)
-          }, [
-            Wl,
-            P(" Trend: " + c((e.chartData.progression.trend * 100).toFixed(1)) + " % ", 1)
-          ], 4)) : y("", !0)
-        ], 64)) : y("", !0),
-        [t.constants.DONUT].includes(t.chart.type) && !t.showDonutOptions ? (o(), i(k, { key: 2 }, [
-          (o(), i("svg", {
-            viewBox: "0 0 100 100",
-            style: g(`max-width:100%; overflow: visible; padding: 0 24px;background:${e.FINAL_CONFIG.style.chart.layout.backgroundColor}`),
-            class: "vue-ui-table-donut-chart"
-          }, [
-            (o(!0), i(k, null, L(t.currentDonut, (l, s) => (o(), i("path", {
-              key: `arc_${s}`,
-              d: l.path,
-              stroke: `${l.color}CC`,
-              "stroke-width": 20,
-              fill: "none"
-            }, null, 8, jl))), 128)),
-            (o(!0), i(k, null, L(t.currentDonut, (l, s) => (o(), i("foreignObject", {
-              key: `text_marker_${s}`,
-              x: e.calcDonutMarkerLabelPositionX(l) - 15,
-              y: l.center.endY - 15,
-              height: "30",
-              width: "30",
-              style: { overflow: "visible", display: "flex", "align-items": "center", "justify-content": "center" }
-            }, [
-              e.isArcBigEnough(l) ? (o(), i("div", {
-                key: 0,
-                class: "vue-ui-table-donut-label",
-                style: g(`color:${e.FINAL_CONFIG.style.chart.layout.labels.color}`)
-              }, [
-                u("b", null, c(e.displayArcPercentage(l, t.currentDonut)), 1),
-                u("span", Yl, c(l.name), 1)
-              ], 4)) : y("", !0)
-            ], 8, Xl))), 128)),
-            u("text", {
-              x: 50,
-              y: 42,
-              "text-anchor": "middle",
-              "font-size": "6",
-              fill: e.FINAL_CONFIG.style.chart.layout.labels.color
-            }, c(e.FINAL_CONFIG.translations.total), 9, Zl),
-            u("text", {
-              x: 50,
-              y: 48,
-              "text-anchor": "middle",
-              "font-size": "4",
-              fill: e.FINAL_CONFIG.style.chart.layout.labels.color
-            }, c(a.dataset.header[t.currentSelectionSpan.col].prefix) + " " + c(e.donutHollowLabels.total) + " " + c(a.dataset.header[t.currentSelectionSpan.col].isPercentage ? "%" : "") + " " + c(a.dataset.header[t.currentSelectionSpan.col].suffix), 9, ql),
-            u("text", {
-              x: 50,
-              y: 56,
-              "text-anchor": "middle",
-              "font-size": "6",
-              fill: e.FINAL_CONFIG.style.chart.layout.labels.color
-            }, c(e.FINAL_CONFIG.translations.average), 9, Kl),
-            u("text", {
-              x: 50,
-              y: 62,
-              "text-anchor": "middle",
-              "font-size": "4",
-              fill: e.FINAL_CONFIG.style.chart.layout.labels.color
-            }, c(a.dataset.header[t.currentSelectionSpan.col].prefix) + " " + c(e.donutHollowLabels.average) + " " + c(a.dataset.header[t.currentSelectionSpan.col].isPercentage ? "%" : "") + " " + c(a.dataset.header[t.currentSelectionSpan.col].suffix), 9, Jl)
-          ], 4)),
-          u("div", Ql, [
-            (o(!0), i(k, null, L(t.currentDonut.filter((l) => l.value > 0), (l, s) => (o(), i("div", {
-              class: "vue-ui-table-donut-legend-item",
-              key: `donut_legend_${s}`,
-              style: g(`color:${e.FINAL_CONFIG.style.chart.layout.labels.color}`)
-            }, [
-              u("span", {
-                style: g(`color:${l.color}`)
-              }, "●", 4),
-              u("span", null, c(l.name) + " : ", 1),
-              u("b", null, c(a.dataset.header[t.currentSelectionSpan.col].prefix) + " " + c(e.getDonutLegendValue(l.absoluteValue)) + " " + c(a.dataset.header[t.currentSelectionSpan.col].isPercentage ? "%" : "") + " " + c(a.dataset.header[t.currentSelectionSpan.col].suffix), 1),
-              u("span", null, "(" + c((l.proportion * 100).toFixed(1)) + "%)", 1)
-            ], 4))), 128))
-          ])
-        ], 64)) : y("", !0)
-      ], 512)
-    ], 4)) : y("", !0)
-  ], 4);
-}
-const en = /* @__PURE__ */ de(Ot, [["render", $l], ["__scopeId", "data-v-5a108fbd"]]), cn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: en
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  Le as S,
-  Lt as T,
-  on as a,
-  un as b,
-  cn as c,
-  en as v
-};