vue-data-ui 3.1.2 → 3.1.3

package/dist/{vue-ui-xy-canvas-WxSJqoiF.js → vue-ui-xy-canvas-C0Snw0Dz.js}

@@ -1,17 +1,17 @@
 import { defineAsyncComponent as ee, ref as c, computed as L, useSlots as ea, onMounted as dl, watch as D, nextTick as hl, shallowRef as Me, onBeforeUnmount as la, createElementBlock as de, openBlock as S, unref as p, normalizeClass as aa, normalizeStyle as le, createCommentVNode as H, createElementVNode as Y, createBlock as P, createSlots as yl, withCtx as b, renderSlot as k, normalizeProps as V, guardReactiveProps as G, createVNode as fl, Teleport as ta, toDisplayString as Oe, resolveDynamicComponent as oa, mergeProps as ua, createTextVNode as gl } from "vue";
-import { u as ra, c as sa, a as na, p as Z, b as ia, C as xe, d as va, D as Re, k as ae, i as te, e as pl, a4 as ca, G as da, ae as ha, o as ya, f as fa, y as bl, v as ga, w as pa, z as ba, s as he, l as ma } from "./index-BFqW8WA0.js";
+import { u as ra, c as sa, a as na, p as Z, b as ia, C as xe, d as va, D as Re, k as ae, i as te, e as pl, a4 as ca, G as da, ae as ha, o as ya, f as fa, y as bl, v as ga, w as pa, z as ba, s as he, l as ma } from "./index-CaxArMHL.js";
 import { d as xa, t as La, u as ka, c as Ca, a as ml, l as C, r as De, b as F, p as xl } from "./useResponsive-DfdjqQps.js";
-import { u as Ll } from "./useNestedProp-BSZCnuGl.js";
-import { u as wa } from "./usePrinter-DDIKRiOp.js";
+import { u as Ll } from "./useNestedProp-tWT02_6S.js";
+import { u as wa } from "./usePrinter-BYtPmEo8.js";
 import { u as Sa } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as za } from "./useChartAccessibility-9icAAmYg.js";
-import $a from "./Legend-DLzeDl3-.js";
-import Ta from "./Title-AGmmsSi_.js";
-import { S as Ia } from "./Slicer-DeWHn8zH.js";
-import Ma from "./vue-ui-accordion-Cv747Pg6.js";
+import $a from "./Legend-5qvgVkrY.js";
+import Ta from "./Title-CqYBs02Y.js";
+import { S as Ia } from "./Slicer-DG99wPTy.js";
+import Ma from "./vue-ui-accordion-DUlNpLir.js";
 import { u as Oa } from "./useTimeLabels-BGFjWgrv.js";
-import Ra from "./img-DvuphHeJ.js";
-import Da from "./BaseIcon-BLg8FaQ2.js";
+import Ra from "./img-DSrvx9J6.js";
+import Da from "./BaseIcon-BcOSijbz.js";
 import { _ as Pa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
   key: 3,
@@ -34,7 +34,7 @@ const Fa = ["id"], Ea = ["id"], Aa = ["id"], Na = ["onClick"], Ha = {
   },
   emits: ["selectLegend"],
   setup(Pe, { expose: kl, emit: Cl }) {
-    const wl = ee(() => import("./DataTable-BRN1-1ob.js")), Sl = ee(() => import("./NonSvgPenAndPaper-Dp53d2re.js")), zl = ee(() => import("./vue-ui-skeleton-CeyaKpZd.js")), $l = ee(() => import("./Tooltip-le0yZk_t.js")), Tl = ee(() => import("./UserOptions-DEFwuQIo.js")), Il = ee(() => import("./BaseDraggableDialog-Dkpr-qUQ.js")), { vue_ui_xy_canvas: Ml } = ra(), g = Pe, _ = c(sa()), I = c(null), oe = c(null), n = c(null), y = c(1), E = c(1), ye = c(!1), d = c(null), fe = c(""), Fe = c(null), $ = c([]), j = c(1), B = c(!0), q = c(!0), Le = c(null), Ee = c(0), Ae = c(0), ue = c(!1), Ne = c(null), He = c(null), Ye = c(null), _e = c(null), ke = c(0), Ce = c(0), we = c(0), M = c(null), Be = c(!1), re = c(null), Se = c(null), ge = L(() => !!g.dataset && g.dataset.length), Ol = Cl, Rl = ea();
+    const wl = ee(() => import("./DataTable-Cm8Tt9PQ.js")), Sl = ee(() => import("./NonSvgPenAndPaper-D3QGd7vP.js")), zl = ee(() => import("./vue-ui-skeleton-BtILTxx-.js")), $l = ee(() => import("./Tooltip-CP0tVHAf.js")), Tl = ee(() => import("./UserOptions-ZmwlARCV.js")), Il = ee(() => import("./BaseDraggableDialog-BmN9jTP8.js")), { vue_ui_xy_canvas: Ml } = ra(), g = Pe, _ = c(sa()), I = c(null), oe = c(null), n = c(null), y = c(1), E = c(1), ye = c(!1), d = c(null), fe = c(""), Fe = c(null), $ = c([]), j = c(1), B = c(!0), q = c(!0), Le = c(null), Ee = c(0), Ae = c(0), ue = c(!1), Ne = c(null), He = c(null), Ye = c(null), _e = c(null), ke = c(0), Ce = c(0), we = c(0), M = c(null), Be = c(!1), re = c(null), Se = c(null), ge = L(() => !!g.dataset && g.dataset.length), Ol = Cl, Rl = ea();
     dl(() => {
       Rl["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
     });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "3.1.2",
+  "version": "3.1.3",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [

package/dist/Legend-DLzeDl3-.js

@@ -1,72 +0,0 @@
-import { createElementBlock as n, openBlock as a, normalizeStyle as c, renderSlot as r, Fragment as u, renderList as m, normalizeClass as g, createCommentVNode as h, createVNode as k, mergeProps as p, unref as y } from "vue";
-import { a2 as $ } from "./index-BFqW8WA0.js";
-import { _ as v } from "./Shape-Bmpx9GRg.js";
-import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const S = ["id"], b = ["onClick", "height", "width", "viewBox"], w = {
-  __name: "Legend",
-  props: {
-    legendSet: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    id: {
-      type: String,
-      default: ""
-    },
-    clickable: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: ["clickMarker"],
-  setup(e, { emit: d }) {
-    const s = d;
-    function f(i, l) {
-      s("clickMarker", { legend: i, i: l });
-    }
-    return (i, l) => (a(), n("div", {
-      id: e.id,
-      class: "vue-data-ui-legend",
-      style: c(`background:${e.config.backgroundColor};font-size:${e.config.fontSize}px;color:${e.config.color};padding-bottom:${e.config.paddingBottom}px;padding-top:${e.config.paddingTop || 12}px;font-weight:${e.config.fontWeight}`)
-    }, [
-      r(i.$slots, "legendTitle", { titleSet: e.legendSet }, void 0, !0),
-      (a(!0), n(u, null, m(e.legendSet, (t, o) => (a(), n("div", {
-        key: `legend_${o}`,
-        class: g({ "vue-data-ui-legend-item": !0, active: e.clickable })
-      }, [
-        t.shape ? (a(), n("svg", {
-          key: 0,
-          onClick: (z) => f(t, o),
-          height: e.config.fontSize,
-          width: e.config.fontSize,
-          viewBox: t.shape && t.shape === "star" ? "-10 -10 80 80" : "0 0 60 60",
-          style: c(`overflow: visible;opacity:${t.opacity}`)
-        }, [
-          k(v, {
-            shape: t.shape,
-            radius: 30,
-            stroke: "none",
-            plot: { x: 30, y: t.shape === "triangle" ? 36 : 30 },
-            fill: t.color
-          }, null, 8, ["shape", "plot", "fill"]),
-          r(i.$slots, "legend-pattern", p({ ref_for: !0 }, { legend: t, index: y($)(t.absoluteIndex) ? t.absoluteIndex : o }), void 0, !0)
-        ], 12, b)) : h("", !0),
-        r(i.$slots, "item", {
-          legend: t,
-          index: o
-        }, void 0, !0)
-      ], 2))), 128))
-    ], 12, S));
-  }
-}, L = /* @__PURE__ */ x(w, [["__scopeId", "data-v-f102edfc"]]);
-export {
-  L as default
-};

package/dist/Title-AGmmsSi_.js

@@ -1,61 +0,0 @@
-import { createElementBlock as l, openBlock as n, Fragment as f, createElementVNode as p, createCommentVNode as o, normalizeStyle as d, unref as e, toDisplayString as g, renderSlot as r } from "vue";
-import { u as c } from "./useNestedProp-BSZCnuGl.js";
-const x = {
-  __name: "Title",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    lineHeight: {
-      type: [String, Boolean],
-      default: !1
-    }
-  },
-  setup(i) {
-    const t = c({
-      userConfig: i.config,
-      defaultConfig: {
-        title: {
-          cy: "",
-          text: "",
-          color: "",
-          fontSize: 20,
-          bold: !0,
-          textAlign: "center",
-          paddingLeft: 0,
-          paddingRight: 0
-        },
-        subtitle: {
-          cy: "",
-          text: "",
-          color: "",
-          fontSize: 14,
-          bold: !1
-        }
-      }
-    });
-    return (a, h) => (n(), l(f, null, [
-      p("div", {
-        class: "atom-title",
-        style: d(`width: calc(100% - ${e(t).title.paddingLeft + e(t).title.paddingRight}px); text-align:${e(t).title.textAlign};color:${e(t).title.color};font-size:${e(t).title.fontSize}px;font-weight:${e(t).title.bold ? "bold" : ""};padding-left:${e(t).title.paddingLeft}px;padding-right:${e(t).title.paddingRight}px;${i.lineHeight ? `line-height:${i.lineHeight}` : ""}`)
-      }, g(e(t).title.text), 5),
-      e(t).subtitle.text ? (n(), l("div", {
-        key: 0,
-        class: "atom-subtitle",
-        style: d(`width: calc(100% - ${e(t).title.paddingLeft + e(t).title.paddingRight}px); text-align:${e(t).title.textAlign};color:${e(t).subtitle.color};font-size:${e(t).subtitle.fontSize}px;font-weight:${e(t).subtitle.bold ? "bold" : ""};padding-left:${e(t).title.paddingLeft}px;padding-right:${e(t).title.paddingRight}px;${i.lineHeight ? `line-height:${i.lineHeight}` : ""}`)
-      }, g(e(t).subtitle.text), 5)) : o("", !0),
-      e(t).subtitle.text ? (n(), l("div", {
-        key: 1,
-        style: d(`width: calc(100% - ${e(t).title.paddingLeft + e(t).title.paddingRight}px); text-align:${e(t).title.textAlign};color:${e(t).subtitle.color};font-size:${e(t).subtitle.fontSize}px;font-weight:${e(t).subtitle.bold ? "bold" : ""};padding-left:${e(t).title.paddingLeft}px;padding-right:${e(t).title.paddingRight}px;${i.lineHeight ? `line-height:${i.lineHeight}` : ""}`)
-      }, [
-        r(a.$slots, "default")
-      ], 4)) : o("", !0)
-    ], 64));
-  }
-};
-export {
-  x as default
-};

package/dist/vue-ui-dashboard-DwNYa1I4.js

@@ -1,412 +0,0 @@
-import { useCssVars as we, computed as U, defineAsyncComponent as t, ref as r, watch as _, createElementBlock as I, openBlock as g, createElementVNode as V, createBlock as H, createCommentVNode as D, normalizeStyle as S, Fragment as Q, renderList as Te, normalizeClass as Ce, renderSlot as y, resolveDynamicComponent as Ie, mergeProps as Me, unref as k, createSlots as Oe, withCtx as R, normalizeProps as j, guardReactiveProps as K } from "vue";
-import { u as $e, c as Pe } from "./index-BFqW8WA0.js";
-import { u as Se } from "./useNestedProp-BSZCnuGl.js";
-import "./BaseIcon-BLg8FaQ2.js";
-import { _ as Re } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { u as ze } from "./usePrinter-DDIKRiOp.js";
-import Ae from "./UserOptions-DEFwuQIo.js";
-import { u as Xe } from "./useUserOptionState-BIvW1Kz7.js";
-import _e from "./PenAndPaper-TgGWddgD.js";
-const He = ["id"], De = ["onMousedown", "onTouchstart"], Ye = ["onMousedown", "onTouchstart"], We = ["onMousedown", "onTouchstart"], Ne = ["onMousedown", "onTouchstart"], Ee = ["onMousedown", "onTouchstart"], z = 1, Le = {
-  __name: "vue-ui-dashboard",
-  props: {
-    dataset: Array,
-    config: Object
-  },
-  emits: ["change"],
-  setup(q, { expose: J, emit: Z }) {
-    we((e) => ({
-      "60600e28": he.value,
-      "1eeafe32": fe.value
-    }));
-    const ee = {
-      VueDataUi: t(() => import("./vue-data-ui-vwh3dolO.js")),
-      VueUi3dBar: t(() => import("./vue-ui-3d-bar-DNw3RWRt.js")),
-      VueUiAccordion: t(() => import("./vue-ui-accordion-Cv747Pg6.js")),
-      VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-B1Yun-v7.js")),
-      VueUiAnnotator: t(() => import("./vue-ui-annotator-B_5hOApA.js")),
-      VueUiCandlestick: t(() => import("./vue-ui-candlestick-BBYqZVUp.js")),
-      VueUiChestnut: t(() => import("./vue-ui-chestnut-C4B0wEFn.js")),
-      VueUiDigits: t(() => import("./vue-ui-digits-Dr4OHGU0.js")),
-      VueUiDonut: t(() => import("./vue-ui-donut-xseR2SnT.js")),
-      VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-hJh-1Z48.js")),
-      VueUiDumbbell: t(() => import("./vue-ui-dumbbell-FdTx7uAG.js")),
-      VueUiFlow: t(() => import("./vue-ui-flow-Bh6FqlC1.js")),
-      VueUiGalaxy: t(() => import("./vue-ui-galaxy-C0B8stYi.js")),
-      VueUiGauge: t(() => import("./vue-ui-gauge-B1-UiZwV.js")),
-      VueUiHeatmap: t(() => import("./vue-ui-heatmap-NfRSd6fU.js")),
-      VueUiKpi: t(() => import("./vue-ui-kpi-CH3rWyiG.js")),
-      VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-D9EVnpxk.js")),
-      VueUiMolecule: t(() => import("./vue-ui-molecule-C973vfYh.js")),
-      VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-DdLxBhlO.js")),
-      VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-tARXMYzx.js")),
-      VueUiOnion: t(() => import("./vue-ui-onion-BC9czZGG.js")),
-      VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-CxDIkZKr.js")),
-      VueUiQuadrant: t(() => import("./vue-ui-quadrant-Bpm5ZoTp.js")),
-      VueUiQuickChart: t(() => import("./vue-ui-quick-chart-Bkc_JBCw.js")),
-      VueUiRadar: t(() => import("./vue-ui-radar-DVJQYNeL.js")),
-      VueUiRating: t(() => import("./vue-ui-rating-DITnRSiS.js")),
-      VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-D_OTYUmS.js")),
-      VueUiRings: t(() => import("./vue-ui-rings-CUT1N_kK.js")),
-      VueUiScatter: t(() => import("./vue-ui-scatter-DwnZHy0V.js")),
-      VueUiSkeleton: t(() => import("./vue-ui-skeleton-CeyaKpZd.js")),
-      VueUiSmiley: t(() => import("./vue-ui-smiley-B9yNexWr.js")),
-      VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-DoZpd0H2.js")),
-      VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-DjoqH_Xs.js")),
-      VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-DTYVcrHV.js")),
-      VueUiSparkbar: t(() => import("./vue-ui-sparkbar-BzxynYoW.js")),
-      VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-DoznCX5h.js")),
-      VueUiSparkline: t(() => import("./vue-ui-sparkline-ZKit-hgG.js")),
-      VueUiStripPlot: t(() => import("./vue-ui-strip-plot-CO7NVeFi.js")),
-      VueUiTable: t(() => import("./vue-ui-table-rmbBw_0d.js")),
-      VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-BEFdai_O.js")),
-      VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-CjgaQXbc.js")),
-      VueUiThermometer: t(() => import("./vue-ui-thermometer--aqaJwFo.js")),
-      VueUiTimer: t(() => import("./vue-ui-timer-qFNHDcU_.js")),
-      VueUiTiremarks: t(() => import("./vue-ui-tiremarks-DA8fzQHo.js")),
-      VueUiTreemap: t(() => import("./vue-ui-treemap-DGC9zxon.js")),
-      VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-DOCeCCqz.js")),
-      VueUiHorizontalBar: t(() => import("./vue-ui-vertical-bar-DOCeCCqz.js")),
-      VueUiWaffle: t(() => import("./vue-ui-waffle-DD9jtkcQ.js")),
-      VueUiWheel: t(() => import("./vue-ui-wheel-87VStrfJ.js")),
-      VueUiWordCloud: t(() => import("./vue-ui-word-cloud-CCMfa9H1.js")),
-      VueUiXy: t(() => import("./vue-ui-xy-C2SnbN6w.js")),
-      VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-WxSJqoiF.js")),
-      VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-DPIOnp9J.js")),
-      VueUiGizmo: t(() => import("./vue-ui-gizmo-Df_SCjOI.js")),
-      VueUiStackbar: t(() => import("./vue-ui-stackbar-J-gxI4Xn.js")),
-      VueUiBullet: t(() => import("./vue-ui-bullet-C2Aj7Lcx.js")),
-      VueUiFunnel: t(() => import("./vue-ui-funnel-BlsKhHbk.js")),
-      VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-Ce-DJ8xC.js")),
-      VueUiCirclePack: t(() => import("./vue-ui-circle-pack-CLn19BHH.js")),
-      VueUiWorld: t(() => import("./vue-ui-world-Cm3Hn1-2.js")),
-      VueUiChord: t(() => import("./vue-ui-chord-B9Zml1V7.js")),
-      VueUiRidgeline: t(() => import("./vue-ui-ridgeline-Gc1c4LXq.js"))
-    }, { vue_ui_dashboard: oe } = $e(), te = r(null), ne = r(null), A = r(null), M = q, u = U(() => Se({
-      userConfig: M.config,
-      defaultConfig: oe
-    })), X = r(Pe()), p = r(u.value.locked);
-    function ie() {
-      p.value = !p.value;
-    }
-    _(() => M.config, () => {
-      p.value = u.value.locked, G.value = !u.value.userOptions.showOnChartHover;
-    });
-    function Y() {
-      return M.dataset.map((e, o) => ({
-        ...e,
-        index: o
-      }));
-    }
-    const s = r(Y());
-    _(() => M.dataset, () => {
-      s.value = Y();
-    });
-    const W = U(
-      () => s.value.map((e) => ({
-        ...e,
-        resolvedComponent: typeof e.component == "string" ? ee[e.component] : e.component
-      }))
-    ), v = r(null), l = r(null), h = r({ x: 0, y: 0 }), f = r({ x: 0, y: 0 }), d = r(null), c = r(!1), m = r(null), w = r(!1);
-    function N(e) {
-      const o = e.target;
-      (o.tagName === "INPUT" && o.type === "range" || o.classList.contains("range-handle")) && (w.value = !0);
-    }
-    function E(e) {
-      const o = e.target;
-      o.tagName === "INPUT" && o.type === "range" && (w.value = !1);
-    }
-    const { isPrinting: ue, isImaging: ae, generatePdf: L, generateImage: le } = ze({
-      elementId: `vue-ui-dashboard_${X.value}`,
-      fileName: u.value.userOptions.print.filename || "dashboard",
-      options: {
-        ...u.value.userOptions.print,
-        aspectRatio: u.value.style.board.aspectRatio
-      }
-    });
-    function re(e) {
-      if (!p.value && (c.value = !0, m.value = e, l.value === null)) {
-        v.value = e, h.value = { x: event.clientX, y: event.clientY };
-        const o = s.value[e], i = 100 - o.width, n = 100 - o.height;
-        o.left < 0 && (o.left = 0), o.top < 0 && (o.top = 0), o.left > i && (o.left = i), o.top > n && (o.top = n), o.left < 0 && (o.left = 0), o.top < 0 && (o.top = 0), o.left + o.width > 100 && (o.left = 100 - o.width), o.top + o.height > 100 && (o.top = 100 - o.height);
-      }
-    }
-    function O(e, o) {
-      c.value = !0, m.value = e, l.value = { index: e, direction: o };
-      const i = s.value[e];
-      f.value = { x: event.clientX, y: event.clientY, initialWidth: i.width, initialHeight: i.height };
-    }
-    function B(e, o, i) {
-      if (l.value.direction.includes("top")) {
-        const n = e.height - i / d.value.offsetHeight * 100;
-        n >= z && (e.top += i / d.value.offsetHeight * 100, e.height = n);
-      }
-      if (l.value.direction.includes("bottom")) {
-        const n = e.height + i / d.value.offsetHeight * 100;
-        n >= z && (e.height = n);
-      }
-      if (l.value.direction.includes("left")) {
-        const n = e.width - o / d.value.offsetWidth * 100;
-        n >= z && (e.left += o / d.value.offsetWidth * 100, e.width = n);
-      }
-      if (l.value.direction.includes("right")) {
-        const n = e.width + o / d.value.offsetWidth * 100;
-        n >= z && (e.width = n);
-      }
-    }
-    function se(e) {
-      if (!(p.value || w.value)) {
-        if (c.value = !0, v.value !== null) {
-          const o = s.value[v.value], i = e.clientX - h.value.x, n = e.clientY - h.value.y, a = o.left + i / d.value.offsetWidth * 100, b = o.top + n / d.value.offsetHeight * 100;
-          a >= 0 && b >= 0 && a + o.width <= 100 && b + o.height <= 100 && (o.left = a, o.top = b), h.value = { x: e.clientX, y: e.clientY };
-        }
-        if (l.value !== null) {
-          const o = s.value[l.value.index], i = e.clientX - f.value.x, n = e.clientY - f.value.y;
-          B(o, i, n), f.value = { x: e.clientX, y: e.clientY };
-        }
-      }
-    }
-    const de = Z;
-    _(
-      s,
-      (e) => {
-        e && !c.value && de("change", s.value);
-      },
-      { deep: !0 }
-    );
-    function ce() {
-      v.value = null, l.value = null, c.value = !1, m.value = null, s.value.forEach((e) => {
-        e.left = Math.round(e.left / 100 * 100), e.top = Math.round(e.top / 100 * 100), e.width = Math.round(e.width / 100 * 100), e.height = Math.round(e.height / 100 * 100);
-      });
-    }
-    function pe(e) {
-      p.value || w.value || (c.value = !0, m.value = e, l.value === null && (v.value = e, h.value = { x: event.touches[0].clientX, y: event.touches[0].clientY }));
-    }
-    function $(e, o, i) {
-      if (c.value = !0, m.value = e, l.value === null) {
-        l.value = { index: e, direction: o };
-        const n = s.value[e];
-        f.value = { x: i.touches[0].clientX, y: i.touches[0].clientY, initialWidth: n.width, initialHeight: n.height };
-      }
-    }
-    function P(e) {
-      if (c.value = !0, e.preventDefault(), l.value !== null) {
-        const o = s.value[l.value.index], i = e.touches[0].clientX - f.value.x, n = e.touches[0].clientY - f.value.y;
-        B(o, i, n), f.value = { x: e.touches[0].clientX, y: e.touches[0].clientY };
-      }
-    }
-    function ve(e) {
-      if (!(p.value || w.value) && (c.value = !0, e.preventDefault(), v.value !== null)) {
-        const o = s.value[v.value], i = e.touches[0].clientX - h.value.x, n = e.touches[0].clientY - h.value.y, a = o.left + i / d.value.offsetWidth * 100, b = o.top + n / d.value.offsetHeight * 100;
-        a >= 0 && b >= 0 && a + o.width <= 100 && b + o.height <= 100 && (o.left = a, o.top = b), h.value = { x: e.touches[0].clientX, y: e.touches[0].clientY };
-      }
-    }
-    function T() {
-      c.value = !1, m.value = null, v.value = null, l.value = null, s.value.forEach((e) => {
-        e.left = Math.round(e.left / 100 * 100), e.top = Math.round(e.top / 100 * 100), e.width = Math.round(e.width / 100 * 100), e.height = Math.round(e.height / 100 * 100);
-      });
-    }
-    const he = U(() => u.value.style.item.borderColor), fe = U(() => u.value.style.resizeHandles.backgroundColor), me = U(() => u.value.style.board.aspectRatio), ge = U(() => u.value.style.board.backgroundColor), be = U(() => u.value.style.board.border);
-    function Ue() {
-      return s.value;
-    }
-    const { userOptionsVisible: G, setUserOptionsVisibility: F, keepUserOptionState: Ve } = Xe({ config: u.value }), C = r(!1);
-    function x() {
-      C.value = !C.value;
-    }
-    function ye() {
-      F(!0);
-    }
-    function ke() {
-      F(!1);
-    }
-    return J({
-      generatePdf: L,
-      getItemsPositions: Ue,
-      toggleLock: ie
-    }), (e, o) => (g(), I("div", {
-      id: `vue-ui-dashboard_${X.value}`,
-      onMousedown: N,
-      onMouseup: E,
-      onTouchstart: N,
-      onTouchend: E,
-      onMouseenter: ye,
-      onMouseleave: ke,
-      ref_key: "dashboardRef",
-      ref: te,
-      style: {
-        position: "relative"
-      }
-    }, [
-      V("div", {
-        class: "vue-ui-dashboard-container",
-        ref_key: "dashboardContainer",
-        ref: d,
-        style: S(`outline:${be.value}; background:${ge.value}; aspect-ratio:${me.value};${C.value ? "pointer-events:none" : ""}`)
-      }, [
-        V("div", {
-          class: "vue-ui-dashboard-grid-container",
-          ref: "container",
-          onMousemove: se,
-          onMouseup: ce,
-          onTouchmove: ve,
-          onTouchend: T,
-          style: S(`background:${u.value.style.board.backgroundColor}`)
-        }, [
-          o[4] || (o[4] = V("div", { class: "vue-ui-dashboard-grid" }, null, -1)),
-          (g(!0), I(Q, null, Te(W.value, (i, n) => (g(), I("div", {
-            key: i.id,
-            class: Ce({ "vue-ui-dashboard-grid-item": !0, "vue-ui-dashboard-grid-item--locked": p.value }),
-            style: S({
-              width: `${i.width}%`,
-              height: `${i.height}%`,
-              left: `${i.left}%`,
-              top: `${i.top}%`,
-              cursor: "move",
-              boxShadow: m.value === n ? "0 6px 12px -3px rgba(0,0,0,0.3)" : "",
-              zIndex: m.value === n ? W.value.length + 1 : i.index,
-              backgroundColor: u.value.style.item.backgroundColor
-            }),
-            onMousedown: (a) => re(n),
-            onTouchstart: (a) => pe(n)
-          }, [
-            p.value ? D("", !0) : (g(), I(Q, { key: 0 }, [
-              V("div", {
-                class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-top-left",
-                onMousedown: (a) => O(n, "top-left"),
-                onTouchstart: (a) => $(n, "top-left", a),
-                onTouchmove: o[0] || (o[0] = (a) => P(a)),
-                onTouchend: T
-              }, null, 40, Ye),
-              V("div", {
-                class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-top-right",
-                onMousedown: (a) => O(n, "top-right"),
-                onTouchstart: (a) => $(n, "top-right", a),
-                onTouchmove: o[1] || (o[1] = (a) => P(a)),
-                onTouchend: T
-              }, null, 40, We),
-              V("div", {
-                class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-bottom-left",
-                onMousedown: (a) => O(n, "bottom-left"),
-                onTouchstart: (a) => $(n, "bottom-left", a),
-                onTouchmove: o[2] || (o[2] = (a) => P(a)),
-                onTouchend: T
-              }, null, 40, Ne),
-              V("div", {
-                class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-bottom-right",
-                onMousedown: (a) => O(n, "bottom-right"),
-                onTouchstart: (a) => $(n, "bottom-right", a),
-                onTouchmove: o[3] || (o[3] = (a) => P(a)),
-                onTouchend: T
-              }, null, 40, Ee)
-            ], 64)),
-            y(e.$slots, "top", {
-              item: i,
-              index: n
-            }, void 0, !0),
-            i.resolvedComponent ? (g(), H(Ie(i.resolvedComponent), Me({
-              key: 1,
-              ref_for: !0
-            }, i.props), null, 16)) : y(e.$slots, "content", {
-              key: 2,
-              item: i,
-              index: n,
-              left: i.left,
-              top: i.top,
-              height: i.height,
-              width: i.width
-            }, void 0, !0),
-            y(e.$slots, "bottom", {
-              item: i,
-              index: n
-            }, void 0, !0)
-          ], 46, De))), 128))
-        ], 36)
-      ], 4),
-      (g(), I("svg", {
-        style: {
-          width: "100%",
-          height: "100%",
-          pointerEvents: "none",
-          position: "absolute",
-          top: 0,
-          left: 0,
-          zIndex: 2
-        },
-        ref_key: "svgRef",
-        ref: A
-      }, null, 512)),
-      u.value.userOptions.buttons.annotator && d.value && A.value ? (g(), H(_e, {
-        key: 0,
-        color: u.value.style.board.color,
-        backgroundColor: u.value.style.board.backgroundColor,
-        active: C.value,
-        svgRef: A.value,
-        onClose: x,
-        style: {
-          zIndex: 2
-        }
-      }, null, 8, ["color", "backgroundColor", "active", "svgRef"])) : D("", !0),
-      (u.value.allowPrint || u.value.userOptions.show) && (u.value.userOptions.buttons.pdf || u.value.userOptions.buttons.img) ? (g(), H(Ae, {
-        key: 1,
-        ref_key: "userOptionsRef",
-        ref: ne,
-        backgroundColor: u.value.style.board.backgroundColor,
-        color: u.value.style.board.color,
-        isPrinting: k(ue),
-        isImaging: k(ae),
-        uid: X.value,
-        position: u.value.userOptions.position,
-        hasTooltip: !1,
-        hasPdf: u.value.userOptions.buttons.pdf,
-        hasImg: u.value.userOptions.buttons.img,
-        hasXls: !1,
-        hasTable: !1,
-        hasLabel: !1,
-        hasFullscreen: !1,
-        chartElement: d.value,
-        callbacks: u.value.userOptions.callbacks,
-        hasAnnotator: u.value.userOptions.buttons.annotator,
-        isAnnotation: C.value,
-        printScale: u.value.userOptions.print.scale,
-        titles: { ...u.value.userOptions.buttonTitles },
-        onGeneratePdf: k(L),
-        onGenerateImage: k(le),
-        onToggleAnnotator: x,
-        style: S({ visibility: k(Ve) ? k(G) ? "visible" : "hidden" : "visible", zIndex: 2 })
-      }, Oe({ _: 2 }, [
-        e.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: R(({ isOpen: i, color: n }) => [
-            y(e.$slots, "menuIcon", j(K({ isOpen: i, color: n })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        e.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: R(() => [
-            y(e.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        e.$slots.optionImg ? {
-          name: "optionImg",
-          fn: R(() => [
-            y(e.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        e.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: R(({ toggleAnnotator: i, isAnnotator: n }) => [
-            y(e.$slots, "optionAnnotator", j(K({ toggleAnnotator: i, isAnnotator: n })), void 0, !0)
-          ]),
-          key: "3"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "position", "hasPdf", "hasImg", "chartElement", "callbacks", "hasAnnotator", "isAnnotation", "printScale", "titles", "onGeneratePdf", "onGenerateImage", "style"])) : D("", !0)
-    ], 40, He));
-  }
-}, Ze = /* @__PURE__ */ Re(Le, [["__scopeId", "data-v-e51f13e1"]]);
-export {
-  Ze as default
-};