vue-data-ui 3.1.1 → 3.1.2

package/dist/vue-ui-word-cloud-B2641uNP.js

@@ -1,811 +0,0 @@
-import { useCssVars as nt, defineAsyncComponent as G, computed as Q, ref as m, toRefs as st, watch as ee, shallowRef as Ve, onMounted as it, onBeforeUnmount as ut, createElementBlock as V, openBlock as k, unref as i, normalizeStyle as ge, createBlock as te, createCommentVNode as X, createVNode as be, createSlots as _e, withCtx as S, renderSlot as M, normalizeProps as ae, guardReactiveProps as oe, normalizeClass as We, createElementVNode as ye, Fragment as rt, renderList as ct, toDisplayString as Me, resolveDynamicComponent as vt, mergeProps as dt, createTextVNode as Xe, nextTick as Ee } from "vue";
-import { d as mt, t as ht, u as ft } from "./useResponsive-DfdjqQps.js";
-import { u as pt, c as Ue, t as gt, an as bt, h as yt, a as wt, p as we, b as Ct, o as Le, f as Ye, g as kt, i as xt, X as $t, v as Tt, w as St, y as Mt } from "./index-BKQqb9lF.js";
-import { u as Ft, B as Pt } from "./BaseScanner-BgWxam9d.js";
-import { u as At } from "./usePrinter-BzuXiubT.js";
-import { u as Ge } from "./useNestedProp-aBOhgs4U.js";
-import { u as It } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Ot } from "./useChartAccessibility-9icAAmYg.js";
-import zt from "./img-gBDz7xQQ.js";
-import Nt from "./Title-Dz-j6ERs.js";
-import { u as Dt } from "./usePanZoom-BVca3eMk.js";
-import { _ as Bt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-function Rt(x, g) {
-  const { width: v, height: h } = x, f = g.getImageData(0, 0, v, h).data;
-  let n = v, o = h, s = 0, $ = 0, F = !1;
-  for (let u = 0; u < h; u += 1)
-    for (let w = 0; w < v; w += 1)
-      f[(u * v + w) * 4 + 3] > 1 && (F = !0, w < n && (n = w), w > s && (s = w), u < o && (o = u), u > $ && ($ = u));
-  return F ? [n, o, s, $] : [0, 0, 0, 0];
-}
-function je({
-  word: x,
-  fontSize: g,
-  pad: v,
-  canvas: h,
-  ctx: d,
-  svg: f
-}) {
-  d.save(), d.font = `${f.style && f.style.bold ? "bold " : ""}${g}px Arial`;
-  const n = d.measureText(x.name), o = Math.ceil(n.width) + 2 + (v ? v * 2 : 0), s = Math.ceil(g) + 2 + (v ? v * 2 : 0);
-  h.width = o, h.height = s, d.clearRect(0, 0, o, s), d.font = `${f.style && f.style.bold ? "bold " : ""}${g}px Arial`, d.textAlign = "center", d.textBaseline = "middle", d.fillStyle = "black", d.fillText(x.name, o / 2, s / 2);
-  const F = d.getImageData(0, 0, o, s).data, u = [];
-  for (let _ = 0; _ < s; _ += 1)
-    for (let L = 0; L < o; L += 1)
-      F[(_ * o + L) * 4 + 3] > 1 && u.push([L, _]);
-  const [w, E, U, C] = Rt(h, d);
-  return d.restore(), { w: o, h: s, wordMask: u, minX: w, minY: E, maxX: U, maxY: C };
-}
-function qe({ mask: x, maskW: g, maskH: v, wx: h, wy: d, wordMask: f }) {
-  for (let n = 0; n < f.length; n += 1) {
-    const o = h + f[n][0], s = d + f[n][1];
-    if (o < 0 || s < 0 || o >= g || s >= v || x[s * g + o]) return !1;
-  }
-  return !0;
-}
-function He({ mask: x, maskW: g, maskH: v, wx: h, wy: d, wordMask: f }) {
-  for (let n = 0; n < f.length; n += 1) {
-    const o = h + f[n][0], s = d + f[n][1];
-    o >= 0 && s >= 0 && o < g && s < v && (x[s * g + o] = 1);
-  }
-}
-function Vt({ wordMask: x, w: g, h: v, dilation: h }) {
-  const d = new Set(x.map(([n, o]) => `${n},${o}`)), f = new Set(d);
-  for (let [n, o] of x)
-    for (let s = -h; s <= h; s += 1)
-      for (let $ = -h; $ <= h; $ += 1) {
-        if (s === 0 && $ === 0) continue;
-        const F = n + s, u = o + $;
-        F >= 0 && F < g && u >= 0 && u < v && f.add(`${F},${u}`);
-      }
-  return Array.from(f).map((n) => n.split(",").map(Number));
-}
-function _t({
-  words: x,
-  proximity: g = 0,
-  svg: v,
-  strictPixelPadding: h
-}) {
-  const { width: d, height: f } = v, n = Math.round(d), o = Math.round(f), s = 1, $ = v.minFontSize, F = Math.min(v.maxFontSize, 100), u = x.map((P) => P.value), w = Math.min(...u), E = Math.max(...u), U = new Uint8Array(n * o), C = document.createElement("canvas"), _ = C.getContext("2d", { willReadFrequently: !0 });
-  C.width = n, C.height = o;
-  const L = 6, ve = 2, de = 2, le = 1, Y = Math.floor(n / 2), e = Math.floor(o / 2), Ce = [...x].sort((P, A) => A.value - P.value), j = [];
-  for (const P of Ce) {
-    let A = $;
-    E !== w && (A = (P.value - w) / (E - w) * (F - $) + $), A = Math.max($, Math.min(F, A));
-    let W = !1, O = A;
-    for (; !W && O >= s; ) {
-      let { w: z, h: N, wordMask: D, minX: q, minY: H, maxX: Z, maxY: ne } = je({
-        word: P,
-        fontSize: O,
-        pad: g,
-        canvas: C,
-        ctx: _,
-        svg: v
-      });
-      h && (D = Vt({ wordMask: D, w: z, h: N, dilation: 1 }));
-      let I = 0, c = 0;
-      for (; I < Math.max(n, o) && !W && c < 1e4; ) {
-        for (let B = 0; B < 360; B += L) {
-          c += 1;
-          const p = Math.round(Y + I * Math.cos(B * Math.PI / 180) - z / 2), b = Math.round(e + I * Math.sin(B * Math.PI / 180) - N / 2);
-          if (!(p < 0 || b < 0 || p + z > n || b + N > o) && qe({ mask: U, maskW: n, maskH: o, wx: p, wy: b, wordMask: D })) {
-            j.push({ ...P, x: p - n / 2, y: b - o / 2, fontSize: O, width: z, height: N, angle: 0, minX: q, minY: H, maxX: Z, maxY: ne }), He({ mask: U, maskW: n, maskH: o, wx: p, wy: b, wordMask: D }), W = !0;
-            break;
-          }
-        }
-        I += ve;
-      }
-      W || (O -= 1);
-    }
-    if (!W && O < s) {
-      O = s;
-      const { w: z, h: N, wordMask: D, minX: q, minY: H, maxX: Z, maxY: ne } = je({
-        word: P,
-        fontSize: O,
-        pad: g,
-        canvas: C,
-        ctx: _,
-        svg: v
-      });
-      let I = 0, c = 0;
-      for (; I < Math.max(n, o) && !W && c < 25e3; ) {
-        for (let B = 0; B < 360; B += de) {
-          c += 1;
-          const p = Math.round(Y + I * Math.cos(B * Math.PI / 180) - z / 2), b = Math.round(e + I * Math.sin(B * Math.PI / 180) - N / 2);
-          if (!(p < 0 || b < 0 || p + z > n || b + N > o) && qe({ mask: U, maskW: n, maskH: o, wx: p, wy: b, wordMask: D })) {
-            j.push({ ...P, x: p - n / 2, y: b - o / 2, fontSize: O, width: z, height: N, angle: 0, minX: q, minY: H, maxX: Z, maxY: ne }), He({ mask: U, maskW: n, maskH: o, wx: p, wy: b, wordMask: D }), W = !0;
-            break;
-          }
-        }
-        I += le;
-      }
-    }
-  }
-  return j.sort((P, A) => A.fontSize - P.fontSize);
-}
-const Wt = ["id"], Xt = ["xmlns", "viewBox"], Et = ["width", "height"], Ut = ["transform"], Lt = ["x", "y", "width", "height", "onMouseover", "onMouseleave", "onClick"], Yt = ["fill", "font-weight", "x", "y", "font-size", "transform"], Gt = {
-  key: 3,
-  class: "vue-data-ui-watermark"
-}, jt = {
-  key: 4,
-  "data-dom-to-png-ignore": "",
-  class: "reset-wrapper"
-}, qt = ["innerHTML"], Ht = {
-  __name: "vue-ui-word-cloud",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: [Array, String],
-      default() {
-        return [];
-      }
-    }
-  },
-  setup(x, { expose: g }) {
-    nt((t) => ({
-      "264af12c": t.slicerColor
-    }));
-    const v = G(() => import("./Tooltip-BTGOEC7w.js")), h = G(() => import("./BaseIcon-DLesaZpW.js")), d = G(() => import("./vue-ui-accordion-B5QeV3BK.js")), f = G(() => import("./DataTable-BAf4Obr9.js")), n = G(() => import("./PenAndPaper-B6OvfyHH.js")), o = G(() => import("./UserOptions-CsDlFB0L.js")), s = G(() => import("./PackageVersion-Cv_ypT0N.js")), $ = G(() => import("./BaseDraggableDialog-B2BQC0-h.js")), { vue_ui_word_cloud: F } = pt(), u = x, w = Q({
-      get() {
-        return !!u.dataset && u.dataset.length;
-      },
-      set(t) {
-        return t;
-      }
-    }), E = m(Ue()), U = m(0), C = m(null), _ = m(null), L = m(null), ve = m(0), de = m(0), le = m(!1), Y = m(null), e = m(q()), { loading: Ce, FINAL_DATASET: j, manualLoading: P } = Ft({
-      ...st(u),
-      FINAL_CONFIG: e,
-      prepareConfig: q,
-      skeletonDataset: [
-        { name: "Lorem", value: 6 },
-        { name: "ipsum", value: 3 },
-        { name: "dolor", value: 1 },
-        { name: "sit", value: 3 },
-        { name: "amet", value: 3 },
-        { name: "consectetur", value: 2 },
-        { name: "adipiscing", value: 1 },
-        { name: "elit", value: 2 },
-        { name: "Vivamus", value: 2 },
-        { name: "pulvinar", value: 1 },
-        { name: "pretium", value: 1 },
-        { name: "venenatis", value: 2 },
-        { name: "Donec", value: 1 },
-        { name: "imperdiet", value: 3 },
-        { name: "id", value: 1 },
-        { name: "porttitor", value: 2 },
-        { name: "tristique", value: 1 },
-        { name: "Aenean", value: 2 },
-        { name: "ac", value: 5 },
-        { name: "commodo", value: 2 },
-        { name: "justo", value: 2 },
-        { name: "Vestibulum", value: 2 },
-        { name: "placerat", value: 1 },
-        { name: "molestie", value: 1 },
-        { name: "nisl", value: 1 },
-        { name: "lacinia", value: 2 },
-        { name: "nulla", value: 1 },
-        { name: "posuere", value: 2 },
-        { name: "quis", value: 3 },
-        { name: "ullamcorper", value: 1 },
-        { name: "eu", value: 1 },
-        { name: "ex", value: 1 },
-        { name: "vitae", value: 3 },
-        { name: "facilisis", value: 1 },
-        { name: "Aliquam", value: 1 },
-        { name: "erat", value: 1 },
-        { name: "volutpat", value: 1 },
-        { name: "Proin", value: 1 },
-        { name: "nunc", value: 1 },
-        { name: "felis", value: 1 },
-        { name: "gravida", value: 3 },
-        { name: "sed", value: 1 },
-        { name: "orci", value: 1 },
-        { name: "Interdum", value: 1 },
-        { name: "et", value: 1 },
-        { name: "malesuada", value: 1 },
-        { name: "fames", value: 1 },
-        { name: "ante", value: 1 }
-      ],
-      skeletonConfig: gt({
-        defaultConfig: e.value,
-        userConfig: {
-          userOptions: { show: !1 },
-          table: { show: !1 },
-          useCssAnimation: !1,
-          animationDelayMs: 0,
-          nodeCategories: {},
-          nodeCategoryColors: {},
-          style: {
-            chart: {
-              backgroundColor: "#99999930",
-              words: {
-                color: "#6A6A6A",
-                usePalette: !1
-              }
-            }
-          }
-        }
-      })
-    }), A = m(W());
-    function W() {
-      return typeof j.value == "string" ? bt(j.value) : j.value.map((t, l) => ({
-        ...t,
-        value: yt(t.value)
-      }));
-    }
-    ee(() => u.dataset, () => {
-      A.value = W(), ke(), Z();
-    });
-    const { userOptionsVisible: O, setUserOptionsVisibility: z, keepUserOptionState: N } = It({ config: e.value }), { svgRef: D } = Ot({ config: e.value.style.chart.title });
-    function q() {
-      const t = Ge({
-        userConfig: u.config,
-        defaultConfig: F
-      });
-      return t.theme ? {
-        ...Ge({
-          userConfig: Ct.vue_ui_word_cloud[t.theme] || u.config,
-          defaultConfig: t
-        }),
-        customPalette: wt[t.theme] || we
-      } : t;
-    }
-    const H = m({ x: 0, y: 0 });
-    function Z() {
-      const t = {
-        x: 0,
-        y: 0,
-        width: Math.max(10, c.value.width),
-        height: Math.max(10, c.value.height)
-      };
-      et(t), H.value = {
-        x: t.x + t.width / 2,
-        y: t.y + t.height / 2
-      }, pe();
-    }
-    const ne = mt(() => {
-      ke();
-    }, 10), I = m(!1);
-    ee(() => I.value, (t) => {
-      t === !1 && (ne(), Z());
-    }), ee(() => u.config, (t) => {
-      e.value = q(), O.value = !e.value.userOptions.showOnChartHover, Pe(), ve.value += 1, de.value += 1, T.value.showTable = e.value.table.show, T.value.showTooltip = e.value.style.chart.tooltip.show;
-    }, { deep: !0 });
-    const c = m({
-      width: e.value.style.chart.width,
-      height: e.value.style.chart.height,
-      maxFontSize: e.value.style.chart.words.maxFontSize,
-      minFontSize: e.value.style.chart.words.minFontSize,
-      bold: e.value.style.chart.words.bold
-    }), B = ht(() => {
-      I.value = !0;
-      const { width: t, height: l } = ft({
-        chart: C.value,
-        title: e.value.style.chart.title.text ? _.value : null,
-        source: L.value
-      });
-      requestAnimationFrame(async () => {
-        c.value.width = Math.max(10, t), c.value.height = Math.max(10, l - 12), await Ee(), I.value = !1;
-      });
-    }), p = Ve(null), b = Ve(null);
-    it(Pe);
-    const Fe = Q(() => !!e.value.debug);
-    function Pe() {
-      Le(u.dataset) ? Ye({
-        componentName: "VueUiWordCloud",
-        type: "dataset",
-        debug: Fe.value
-      }) : A.value.forEach((t, l) => {
-        kt({
-          datasetObject: t,
-          requiredAttributes: ["name", "value"]
-        }).forEach((a) => {
-          w.value = !1, Ye({
-            componentName: "VueUiWordCloud",
-            type: "datasetSerieAttribute",
-            property: a,
-            index: l,
-            debug: Fe.value
-          });
-        });
-      }), Le(u.dataset) || (P.value = e.value.loading), e.value.responsive && (p.value && (b.value && p.value.unobserve(b.value), p.value.disconnect()), p.value = new ResizeObserver(B), b.value = C.value.parentNode, p.value.observe(b.value)), Z();
-    }
-    ut(() => {
-      p.value && (b.value && p.value.unobserve(b.value), p.value.disconnect());
-    });
-    const { isPrinting: Ae, isImaging: Ie, generatePdf: Oe, generateImage: ze } = At({
-      elementId: `wordCloud_${E.value}`,
-      fileName: e.value.style.chart.title.text || "vue-ui-word-cloud",
-      options: e.value.userOptions.print
-    }), T = m({
-      showTable: e.value.table.show,
-      showTooltip: e.value.style.chart.tooltip.show
-    });
-    ee(e, () => {
-      T.value = {
-        showTable: e.value.table.show,
-        showTooltip: e.value.style.chart.tooltip.show
-      };
-    }, { immediate: !0 });
-    function Ze(t, l, a = "Arial") {
-      const y = document.createElement("canvas").getContext("2d");
-      return y.font = `${l}px ${e.value.style.chart.words.bold ? "bold" : "normal"} ${a}`, {
-        width: y.measureText(t).width + e.value.style.chart.words.proximity,
-        height: l
-      };
-    }
-    const se = m([]);
-    ee(() => u.dataset, ke, { immediate: !0 });
-    function ke() {
-      const t = [...A.value].map((y) => y.value), l = Math.max(...t), a = Math.min(...t), r = [...A.value].map((y, R) => {
-        let J = (y.value - a) / (l - a) * (c.value.maxFontSize - c.value.minFontSize) + c.value.minFontSize;
-        J = isNaN(J) ? c.value.minFontSize : J;
-        const Re = Ze(y.name, J);
-        return {
-          ...y,
-          id: Ue(),
-          fontSize: J,
-          width: Re.width,
-          height: Re.height,
-          color: e.value.style.chart.words.usePalette ? e.value.customPalette[R] || e.value.customPalette[R % e.value.customPalette.length] || we[R] || we[R % we.length] : e.value.style.chart.words.color
-        };
-      });
-      se.value = _t({
-        words: r,
-        svg: c.value,
-        proximity: e.value.style.chart.words.proximity,
-        strictPixelPadding: e.value.strictPixelPadding
-      });
-    }
-    const me = Q(() => {
-      const t = se.value.map((a) => ({
-        name: a.name,
-        color: a.color
-      })), l = se.value.map((a) => a.value);
-      return { head: t, body: l };
-    });
-    function xe(t = null) {
-      Ee(() => {
-        const l = me.value.head.map((y, R) => [[
-          y.name
-        ], [me.value.body[R]]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(l), r = Tt(a);
-        t ? t(r) : St({ csvContent: r, title: e.value.style.chart.title.text || "vue-ui-word-cloud" });
-      });
-    }
-    const he = Q(() => {
-      const t = [
-        e.value.table.columnNames.series,
-        e.value.table.columnNames.value
-      ], l = me.value.head.map((y, R) => {
-        const J = xt({ p: e.value.table.td.prefix, v: me.value.body[R], s: e.value.table.td.suffix, r: e.value.table.td.roundingValue });
-        return [
-          {
-            color: y.color,
-            name: y.name
-          },
-          J
-        ];
-      }), a = {
-        th: {
-          backgroundColor: e.value.table.th.backgroundColor,
-          color: e.value.table.th.color,
-          outline: e.value.table.th.outline
-        },
-        td: {
-          backgroundColor: e.value.table.td.backgroundColor,
-          color: e.value.table.td.color,
-          outline: e.value.table.td.outline
-        },
-        breakpoint: e.value.table.responsiveBreakpoint
-      };
-      return {
-        colNames: [
-          e.value.table.columnNames.series,
-          e.value.table.columnNames.value
-        ],
-        head: t,
-        body: l,
-        config: a
-      };
-    }), ie = m(!1);
-    function Ne(t) {
-      ie.value = t, U.value += 1;
-    }
-    function Je() {
-      return se.value;
-    }
-    function De() {
-      T.value.showTable = !T.value.showTable;
-    }
-    function Be() {
-      T.value.showTooltip = !T.value.showTooltip;
-    }
-    const ue = m(!1);
-    function $e() {
-      ue.value = !ue.value;
-    }
-    const Ke = Q(() => !ue.value && e.value.style.chart.zoom.show), { viewBox: fe, resetZoom: pe, isZoom: Qe, setInitialViewBox: et } = Dt(D, {
-      x: 0,
-      y: 0,
-      width: c.value.width <= 0 ? 10 : c.value.width,
-      height: c.value.height <= 0 ? 10 : c.value.height
-    }, 1, Ke);
-    async function tt({ scale: t = 2 } = {}) {
-      if (!C.value) return;
-      const { width: l, height: a } = C.value.getBoundingClientRect(), r = l / a, { imageUri: y, base64: R } = await zt({ domElement: C.value, base64: !0, img: !0, scale: t });
-      return {
-        imageUri: y,
-        base64: R,
-        title: e.value.style.chart.title.text,
-        width: l,
-        height: a,
-        aspectRatio: r
-      };
-    }
-    const re = Q(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, l = T.value.showTable;
-      return {
-        component: t ? $ : d,
-        title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
-        props: t ? {
-          backgroundColor: e.value.table.th.backgroundColor,
-          color: e.value.table.th.color,
-          headerColor: e.value.table.th.color,
-          headerBg: e.value.table.th.backgroundColor,
-          isFullscreen: ie.value,
-          fullscreenParent: C.value,
-          forcedWidth: Math.min(500, window.innerWidth * 0.8)
-        } : {
-          hideDetails: !0,
-          config: {
-            open: l,
-            maxHeight: 1e4,
-            body: {
-              backgroundColor: e.value.style.chart.backgroundColor,
-              color: e.value.style.chart.color
-            },
-            head: {
-              backgroundColor: e.value.style.chart.backgroundColor,
-              color: e.value.style.chart.color
-            }
-          }
-        }
-      };
-    });
-    ee(() => T.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && Y.value ? Y.value.open() : "close" in Y.value && Y.value.close());
-    }), g({
-      getData: Je,
-      getImage: tt,
-      generateCsv: xe,
-      generatePdf: Oe,
-      generateImage: ze,
-      resetZoom: pe,
-      toggleTable: De,
-      toggleTooltip: Be,
-      toggleAnnotator: $e,
-      toggleFullscreen: Ne
-    });
-    const K = m(null), ce = m(!1), Te = m(""), Se = m(null);
-    function at(t, l) {
-      K.value = null, le.value = !1, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: l });
-    }
-    function ot(t, l) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: l });
-    }
-    function lt(t, l) {
-      if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: l }), !T.value.showTooltip) return;
-      K.value = t.id, Se.value = { datapoint: t, config: e.value };
-      const a = e.value.style.chart.tooltip.customFormat;
-      if (ce.value = !1, Mt(a))
-        try {
-          const r = a({
-            datapoint: t,
-            config: e.value
-          });
-          typeof r == "string" && (Te.value = r, ce.value = !0);
-        } catch {
-          console.warn("Custom format cannot be applied."), ce.value = !1;
-        }
-      if (!ce.value) {
-        let r = `<svg viewBox="0 0 10 10" height="${e.value.style.chart.tooltip.fontSize}"><circle cx="5" cy="5" r="5" fill="${t.color}"/></svg><span>${t.name}:</span><b>${(t.value || 0).toFixed(e.value.style.chart.tooltip.roundingValue)}</b>`;
-        Te.value = `<div dir="auto" style="display:flex; gap:4px; align-items:center; jsutify-content:center;">${r}</div>`;
-      }
-      le.value = !0;
-    }
-    return (t, l) => (k(), V("div", {
-      class: "vue-ui-word-cloud",
-      ref_key: "wordCloudChart",
-      ref: C,
-      id: `wordCloud_${E.value}`,
-      style: ge(`width: 100%; font-family:${e.value.style.fontFamily};background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
-      onMouseenter: l[4] || (l[4] = () => i(z)(!0)),
-      onMouseleave: l[5] || (l[5] = () => i(z)(!1))
-    }, [
-      e.value.userOptions.buttons.annotator ? (k(), te(i(n), {
-        key: 0,
-        svgRef: i(D),
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        active: ue.value,
-        onClose: $e
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : X("", !0),
-      e.value.style.chart.title.text ? (k(), V("div", {
-        key: 1,
-        ref_key: "chartTitle",
-        ref: _,
-        style: "width:100%;background:transparent;padding-bottom:24px"
-      }, [
-        (k(), te(Nt, {
-          key: `title_${ve.value}`,
-          config: {
-            title: {
-              ...e.value.style.chart.title
-            },
-            subtitle: {
-              ...e.value.style.chart.title.subtitle
-            }
-          }
-        }, null, 8, ["config"]))
-      ], 512)) : X("", !0),
-      e.value.userOptions.show && w.value && (i(N) || i(O)) ? (k(), te(i(o), {
-        ref: "details",
-        key: `user_option_${U.value}`,
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        isPrinting: i(Ae),
-        isImaging: i(Ie),
-        uid: E.value,
-        hasPdf: e.value.userOptions.buttons.pdf,
-        hasXls: e.value.userOptions.buttons.csv,
-        hasImg: e.value.userOptions.buttons.img,
-        hasTable: e.value.userOptions.buttons.table,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: ie.value,
-        titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: C.value,
-        position: e.value.userOptions.position,
-        hasTooltip: e.value.style.chart.tooltip.show && e.value.userOptions.buttons.tooltip,
-        isTooltip: T.value.showTooltip,
-        hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: ue.value,
-        callbacks: e.value.userOptions.callbacks,
-        printScale: e.value.userOptions.print.scale,
-        onToggleFullscreen: Ne,
-        onGeneratePdf: i(Oe),
-        onGenerateCsv: xe,
-        onGenerateImage: i(ze),
-        onToggleTable: De,
-        onToggleTooltip: Be,
-        onToggleAnnotator: $e,
-        style: ge({
-          visibility: i(N) ? i(O) ? "visible" : "hidden" : "visible"
-        })
-      }, _e({ _: 2 }, [
-        t.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: S(({ isOpen: a, color: r }) => [
-            M(t.$slots, "menuIcon", ae(oe({ isOpen: a, color: r })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        t.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: S(() => [
-            M(t.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        t.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: S(() => [
-            M(t.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        t.$slots.optionImg ? {
-          name: "optionImg",
-          fn: S(() => [
-            M(t.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        t.$slots.optionTable ? {
-          name: "optionTable",
-          fn: S(() => [
-            M(t.$slots, "optionTable", {}, void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        t.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: S(({ toggleFullscreen: a, isFullscreen: r }) => [
-            M(t.$slots, "optionFullscreen", ae(oe({ toggleFullscreen: a, isFullscreen: r })), void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        t.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: S(({ toggleAnnotator: a, isAnnotator: r }) => [
-            M(t.$slots, "optionAnnotator", ae(oe({ toggleAnnotator: a, isAnnotator: r })), void 0, !0)
-          ]),
-          key: "6"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "hasTooltip", "isTooltip", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : X("", !0),
-      (k(), V("svg", {
-        ref_key: "svgRef",
-        ref: D,
-        class: We({ "vue-data-ui-fullscreen--on": ie.value, "vue-data-ui-fulscreen--off": !ie.value }),
-        xmlns: i($t),
-        viewBox: `${i(fe).x} ${i(fe).y} ${i(fe).width} ${i(fe).height}`,
-        style: "overflow:hidden;background:transparent;"
-      }, [
-        be(i(s)),
-        t.$slots["chart-background"] ? (k(), V("foreignObject", {
-          key: 0,
-          x: 0,
-          y: 0,
-          width: c.value.width <= 0 ? 10 : c.value.width,
-          height: c.value.height <= 0 ? 10 : c.value.height,
-          style: {
-            pointerEvents: "none"
-          }
-        }, [
-          M(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Et)) : X("", !0),
-        ye("g", {
-          transform: `translate(${H.value.x}, ${H.value.y})`
-        }, [
-          (k(!0), V(rt, null, ct(se.value, (a, r) => (k(), V("g", null, [
-            a.minX !== void 0 ? (k(), V("rect", {
-              key: 0,
-              x: a.x + a.minX,
-              y: a.y + a.minY * 1.25,
-              width: a.maxX - a.minX,
-              height: a.maxY - a.minY,
-              fill: "transparent",
-              "pointer-events": "visiblePainted",
-              onMouseover: (y) => lt(a, r),
-              onMouseleave: (y) => at(a, r),
-              onClick: (y) => ot(a, r)
-            }, null, 40, Lt)) : X("", !0),
-            (k(), V("text", {
-              fill: a.color,
-              "font-weight": e.value.style.chart.words.bold ? "bold" : "normal",
-              key: r,
-              x: a.x,
-              y: a.y,
-              "font-size": a.fontSize,
-              transform: `translate(${a.width / 2}, ${a.height / 2})`,
-              class: We({ animated: e.value.useCssAnimation, "word-selected": K.value && K.value === a.id && T.value.showTooltip, "word-not-selected": K.value && K.value !== a.id && T.value.showTooltip }),
-              "text-anchor": "middle",
-              "dominant-baseline": "central",
-              style: ge(`animation-delay:${r * e.value.animationDelayMs}ms !important; pointer-events:none;`)
-            }, Me(a.name), 15, Yt))
-          ]))), 256))
-        ], 8, Ut),
-        M(t.$slots, "svg", {
-          svg: { height: c.value.height, width: c.value.width }
-        }, void 0, !0)
-      ], 10, Xt)),
-      t.$slots.watermark ? (k(), V("div", Gt, [
-        M(t.$slots, "watermark", ae(oe({ isPrinting: i(Ae) || i(Ie) })), void 0, !0)
-      ])) : X("", !0),
-      i(Qe) ? (k(), V("div", jt, [
-        M(t.$slots, "reset-action", { reset: i(pe) }, () => [
-          ye("button", {
-            "data-cy-reset": "",
-            tabindex: "0",
-            role: "button",
-            class: "vue-data-ui-refresh-button",
-            style: ge({
-              background: e.value.style.chart.backgroundColor
-            }),
-            onClick: l[0] || (l[0] = (a) => i(pe)(!0))
-          }, [
-            be(i(h), {
-              name: "refresh",
-              stroke: e.value.style.chart.color
-            }, null, 8, ["stroke"])
-          ], 4)
-        ], !0)
-      ])) : X("", !0),
-      be(i(v), {
-        show: T.value.showTooltip && le.value,
-        backgroundColor: e.value.style.chart.tooltip.backgroundColor,
-        color: e.value.style.chart.tooltip.color,
-        fontSize: e.value.style.chart.tooltip.fontSize,
-        borderRadius: e.value.style.chart.tooltip.borderRadius,
-        borderColor: e.value.style.chart.tooltip.borderColor,
-        borderWidth: e.value.style.chart.tooltip.borderWidth,
-        backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity,
-        position: e.value.style.chart.tooltip.position,
-        offsetY: e.value.style.chart.tooltip.offsetY,
-        parent: C.value,
-        content: Te.value,
-        isCustom: ce.value,
-        smooth: e.value.style.chart.tooltip.smooth,
-        backdropFilter: e.value.style.chart.tooltip.backdropFilter
-      }, {
-        "tooltip-before": S(() => [
-          M(t.$slots, "tooltip-before", ae(oe({ ...Se.value })), void 0, !0)
-        ]),
-        "tooltip-after": S(() => [
-          M(t.$slots, "tooltip-after", ae(oe({ ...Se.value })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "smooth", "backdropFilter"]),
-      t.$slots.source ? (k(), V("div", {
-        key: 5,
-        ref_key: "source",
-        ref: L,
-        dir: "auto"
-      }, [
-        M(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : X("", !0),
-      w.value ? (k(), te(vt(re.value.component), dt({ key: 6 }, re.value.props, {
-        ref_key: "tableUnit",
-        ref: Y,
-        onClose: l[3] || (l[3] = (a) => T.value.showTable = !1)
-      }), _e({
-        content: S(() => [
-          (k(), te(i(f), {
-            key: `table_${de.value}`,
-            colNames: he.value.colNames,
-            head: he.value.head,
-            body: he.value.body,
-            config: he.value.config,
-            title: e.value.table.useDialog ? "" : re.value.title,
-            withCloseButton: !e.value.table.useDialog,
-            onClose: l[2] || (l[2] = (a) => T.value.showTable = !1)
-          }, {
-            th: S(({ th: a }) => [
-              ye("div", {
-                innerHTML: a,
-                style: { display: "flex", "align-items": "center" }
-              }, null, 8, qt)
-            ]),
-            td: S(({ td: a }) => [
-              Xe(Me(a.name || a), 1)
-            ]),
-            _: 1
-          }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
-        ]),
-        _: 2
-      }, [
-        e.value.table.useDialog ? {
-          name: "title",
-          fn: S(() => [
-            Xe(Me(re.value.title), 1)
-          ]),
-          key: "0"
-        } : void 0,
-        e.value.table.useDialog ? {
-          name: "actions",
-          fn: S(() => [
-            ye("button", {
-              tabindex: "0",
-              class: "vue-ui-user-options-button",
-              onClick: l[1] || (l[1] = (a) => xe(e.value.userOptions.callbacks.csv))
-            }, [
-              be(i(h), {
-                name: "excel",
-                stroke: re.value.props.color
-              }, null, 8, ["stroke"])
-            ])
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040)) : X("", !0),
-      i(Ce) ? (k(), te(Pt, { key: 7 })) : X("", !0)
-    ], 44, Wt));
-  }
-}, ua = /* @__PURE__ */ Bt(Ht, [["__scopeId", "data-v-7568908b"]]);
-export {
-  ua as default
-};