vue-data-ui 2.2.90 → 2.2.91

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

@@ -0,0 +1,2180 @@
+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
+};