vue-data-ui 3.1.1 → 3.1.3

package/package.json

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

package/dist/Legend-8_V5egWW.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-BKQqb9lF.js";
-import { _ as v } from "./Shape-Cjca5zta.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-Dz-j6ERs.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-aBOhgs4U.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/pdf-Cjsn5GEE.js

@@ -1,61 +0,0 @@
-import { d as r } from "./dom-to-png-BOu5-Ohz.js";
-async function x({
-  domElement: i,
-  fileName: y,
-  scale: a = 2,
-  orientation: P = "auto",
-  // 'auto' | 'portrait' | 'landscape'
-  overflowTolerance: F = 0.2
-  // up to +n% height overflow gets squeezed onto 1 page
-}) {
-  if (!i) return Promise.reject("No domElement provided");
-  const W = typeof navigator < "u" && /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-  let p;
-  try {
-    p = (await import("jspdf")).default;
-  } catch {
-    return Promise.reject("jspdf is not installed. Run npm install jspdf");
-  }
-  const j = { width: 595.28, height: 841.89 }, v = { width: 841.89, height: 595.28 };
-  if (W)
-    try {
-      await r({ container: i, scale: a }), await r({ container: i, scale: a }), await r({ container: i, scale: a }), await r({ container: i, scale: a });
-    } catch {
-    }
-  const c = await r({ container: i, scale: a });
-  return await new Promise((d, D) => {
-    const e = new window.Image();
-    e.onload = function() {
-      const g = e.naturalWidth, o = e.naturalHeight, A = P === "auto" ? o >= g ? "p" : "l" : P, t = A === "l" ? v : j, s = t.width / g, N = t.height / o, S = o * s;
-      let H = "single", n;
-      S <= t.height + 0.5 ? n = s : S <= t.height * (1 + F) ? n = Math.min(s, N) : (H = "multi", n = s);
-      const f = g * n, l = o * n, T = (t.width - f) / 2, h = new p({
-        orientation: A,
-        unit: "pt",
-        format: "a4"
-      });
-      if (H === "single") {
-        const w = (t.height - l) / 2;
-        h.addImage(c, "PNG", T, w, f, l, "", "FAST");
-      } else {
-        const w = t.height / n;
-        let u = o, I = 0;
-        for (; u > 0.5; )
-          h.addImage(
-            c,
-            "PNG",
-            T,
-            I,
-            f,
-            l,
-            "",
-            "FAST"
-          ), u -= w, I -= t.height, u > 0.5 && h.addPage();
-      }
-      h.save(`${y}.pdf`), d();
-    }, e.onerror = (m) => D("Failed to load image for PDF: " + m), e.src = c;
-  });
-}
-export {
-  x as default
-};

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

@@ -1,325 +0,0 @@
-import { useCssVars as ae, computed as V, defineAsyncComponent as o, ref as r, watch as ie, createElementBlock as y, openBlock as g, createCommentVNode as N, createElementVNode as b, normalizeStyle as S, createStaticVNode as ne, Fragment as W, renderList as le, normalizeClass as re, renderSlot as z, createBlock as se, resolveDynamicComponent as de, mergeProps as ce } from "vue";
-import he from "./pdf-Cjsn5GEE.js";
-import { u as ve } from "./useNestedProp-aBOhgs4U.js";
-import { u as pe, c as fe } from "./index-BKQqb9lF.js";
-import { _ as me } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ge = {
-  key: 0,
-  "data-dom-to-png-ignore": "",
-  style: { width: "100%", display: "flex", "justify-content": "end" }
-}, be = ["disabled"], Ue = ["stroke"], Ve = { key: 1 }, ye = ["id"], we = ["onMousedown", "onTouchstart"], ke = ["onMousedown", "onTouchstart"], Te = ["onMousedown", "onTouchstart"], Me = ["onMousedown", "onTouchstart"], Ce = ["onMousedown", "onTouchstart"], $ = 1, _e = {
-  __name: "vue-ui-dashboard",
-  props: {
-    dataset: Array,
-    config: Object
-  },
-  emits: ["change"],
-  setup(R, { expose: B, emit: E }) {
-    ae((e) => ({
-      "56f02d00": J.value,
-      "2fbe8dda": Z.value
-    }));
-    const L = {
-      VueDataUi: o(() => import("./vue-data-ui-B6eM6hF3.js")),
-      VueUi3dBar: o(() => import("./vue-ui-3d-bar-DBeWmnvH.js")),
-      VueUiAccordion: o(() => import("./vue-ui-accordion-B5QeV3BK.js")),
-      VueUiAgePyramid: o(() => import("./vue-ui-age-pyramid-rZFdUsgz.js")),
-      VueUiAnnotator: o(() => import("./vue-ui-annotator-CCCuslrT.js")),
-      VueUiCandlestick: o(() => import("./vue-ui-candlestick-CGVtDKqZ.js")),
-      VueUiChestnut: o(() => import("./vue-ui-chestnut-BXnSxoXB.js")),
-      VueUiDigits: o(() => import("./vue-ui-digits-PTozKs3l.js")),
-      VueUiDonut: o(() => import("./vue-ui-donut-CsEtKJJD.js")),
-      VueUiDonutEvolution: o(() => import("./vue-ui-donut-evolution-DD7o-CxF.js")),
-      VueUiDumbbell: o(() => import("./vue-ui-dumbbell-DfPYl3fu.js")),
-      VueUiFlow: o(() => import("./vue-ui-flow-CSTTZHwg.js")),
-      VueUiGalaxy: o(() => import("./vue-ui-galaxy-BwsZnU6T.js")),
-      VueUiGauge: o(() => import("./vue-ui-gauge-D9MUneq0.js")),
-      VueUiHeatmap: o(() => import("./vue-ui-heatmap-CYaQIhy8.js")),
-      VueUiKpi: o(() => import("./vue-ui-kpi-CkPotdff.js")),
-      VueUiMiniLoader: o(() => import("./vue-ui-mini-loader-CCE-bDOJ.js")),
-      VueUiMolecule: o(() => import("./vue-ui-molecule-DaN5lroq.js")),
-      VueUiMoodRadar: o(() => import("./vue-ui-mood-radar-tM0mmZh8.js")),
-      VueUiNestedDonuts: o(() => import("./vue-ui-nested-donuts-RB4r6beI.js")),
-      VueUiOnion: o(() => import("./vue-ui-onion-CxDozHg3.js")),
-      VueUiParallelCoordinatePlot: o(() => import("./vue-ui-parallel-coordinate-plot-CK9nNExU.js")),
-      VueUiQuadrant: o(() => import("./vue-ui-quadrant-C7tLJYn7.js")),
-      VueUiQuickChart: o(() => import("./vue-ui-quick-chart-MUBAkrHb.js")),
-      VueUiRadar: o(() => import("./vue-ui-radar-Br4K80I9.js")),
-      VueUiRating: o(() => import("./vue-ui-rating-NtvT9r_M.js")),
-      VueUiRelationCircle: o(() => import("./vue-ui-relation-circle-CPQjAy1g.js")),
-      VueUiRings: o(() => import("./vue-ui-rings-DEru-cWN.js")),
-      VueUiScatter: o(() => import("./vue-ui-scatter-CJKkiKle.js")),
-      VueUiSkeleton: o(() => import("./vue-ui-skeleton--twnjS2t.js")),
-      VueUiSmiley: o(() => import("./vue-ui-smiley-CNccdPZ7.js")),
-      VueUiSparkHistogram: o(() => import("./vue-ui-sparkhistogram-6EkCyYRF.js")),
-      VueUiSparkStackbar: o(() => import("./vue-ui-sparkstackbar-B88lA7iy.js")),
-      VueUiSparkTrend: o(() => import("./vue-ui-spark-trend-9BFkkC0u.js")),
-      VueUiSparkbar: o(() => import("./vue-ui-sparkbar-RYAThoA4.js")),
-      VueUiSparkgauge: o(() => import("./vue-ui-sparkgauge-DkPlmgMF.js")),
-      VueUiSparkline: o(() => import("./vue-ui-sparkline-Bl3nj8zd.js")),
-      VueUiStripPlot: o(() => import("./vue-ui-strip-plot-yY9NsUUI.js")),
-      VueUiTable: o(() => import("./vue-ui-table-Dg6U31ex.js")),
-      VueUiTableHeatmap: o(() => import("./vue-ui-table-heatmap-BWU7CAWP.js")),
-      VueUiTableSparkline: o(() => import("./vue-ui-table-sparkline-DV4Y9aRL.js")),
-      VueUiThermometer: o(() => import("./vue-ui-thermometer-C3fKamV-.js")),
-      VueUiTimer: o(() => import("./vue-ui-timer-6VAK9XyF.js")),
-      VueUiTiremarks: o(() => import("./vue-ui-tiremarks-BB-KAkF7.js")),
-      VueUiTreemap: o(() => import("./vue-ui-treemap-GrXkD_3Z.js")),
-      VueUiVerticalBar: o(() => import("./vue-ui-vertical-bar-Mmz6u4aX.js")),
-      VueUiWaffle: o(() => import("./vue-ui-waffle-DzPVRUOA.js")),
-      VueUiWheel: o(() => import("./vue-ui-wheel-idRCvS5t.js")),
-      VueUiWordCloud: o(() => import("./vue-ui-word-cloud-B2641uNP.js")),
-      VueUiXy: o(() => import("./vue-ui-xy-BKTGSvfU.js")),
-      VueUiXyCanvas: o(() => import("./vue-ui-xy-canvas-BOQyxVRl.js")),
-      VueUiCarouselTable: o(() => import("./vue-ui-carousel-table-DLAR3WY8.js")),
-      VueUiGizmo: o(() => import("./vue-ui-gizmo-Dnzs9wSf.js")),
-      VueUiStackbar: o(() => import("./vue-ui-stackbar-Csj7NhT6.js")),
-      VueUiBullet: o(() => import("./vue-ui-bullet-DhJf9mvK.js")),
-      VueUiFunnel: o(() => import("./vue-ui-funnel-C-NUZqIo.js")),
-      VueUiHistoryPlot: o(() => import("./vue-ui-history-plot-DMTFzl-_.js")),
-      VueUiCirclePack: o(() => import("./vue-ui-circle-pack-Cx_E1R63.js")),
-      VueUiWorld: o(() => import("./vue-ui-world-D6s5Eph8.js"))
-    }, { vue_ui_dashboard: F } = pe(), D = R, s = V(() => ve({
-      userConfig: D.config,
-      defaultConfig: F
-    })), P = r(fe()), h = r(s.value.locked);
-    function A() {
-      h.value = !h.value;
-    }
-    const l = r(D.dataset.map((e, t) => ({
-      ...e,
-      index: t
-    }))), X = V(
-      () => l.value.map((e) => ({
-        ...e,
-        resolvedComponent: typeof e.component == "string" ? L[e.component] : e.component
-      }))
-    ), v = r(null), n = r(null), p = r({ x: 0, y: 0 }), f = r({ x: 0, y: 0 }), d = r(null), c = r(!1), m = r(null), T = r(!1), w = r(!1);
-    function x(e) {
-      const t = e.target;
-      (t.tagName === "INPUT" && t.type === "range" || t.classList.contains("range-handle")) && (w.value = !0);
-    }
-    function H(e) {
-      const t = e.target;
-      t.tagName === "INPUT" && t.type === "range" && (w.value = !1);
-    }
-    function I() {
-      T.value = !0, he({
-        domElement: document.getElementById(`vue-ui-dashboard_${P.value}`),
-        fileName: "vue-ui-dashboard"
-      }).finally(() => {
-        T.value = !1;
-      });
-    }
-    function G(e) {
-      if (!h.value && (c.value = !0, m.value = e, n.value === null)) {
-        v.value = e, p.value = { x: event.clientX, y: event.clientY };
-        const t = l.value[e], a = 100 - t.width, u = 100 - t.height;
-        t.left < 0 && (t.left = 0), t.top < 0 && (t.top = 0), t.left > a && (t.left = a), t.top > u && (t.top = u), t.left < 0 && (t.left = 0), t.top < 0 && (t.top = 0), t.left + t.width > 100 && (t.left = 100 - t.width), t.top + t.height > 100 && (t.top = 100 - t.height);
-      }
-    }
-    function M(e, t) {
-      c.value = !0, m.value = e, n.value = { index: e, direction: t };
-      const a = l.value[e];
-      f.value = { x: event.clientX, y: event.clientY, initialWidth: a.width, initialHeight: a.height };
-    }
-    function Y(e, t, a) {
-      if (n.value.direction.includes("top")) {
-        const u = e.height - a / d.value.offsetHeight * 100;
-        u >= $ && (e.top += a / d.value.offsetHeight * 100, e.height = u);
-      }
-      if (n.value.direction.includes("bottom")) {
-        const u = e.height + a / d.value.offsetHeight * 100;
-        u >= $ && (e.height = u);
-      }
-      if (n.value.direction.includes("left")) {
-        const u = e.width - t / d.value.offsetWidth * 100;
-        u >= $ && (e.left += t / d.value.offsetWidth * 100, e.width = u);
-      }
-      if (n.value.direction.includes("right")) {
-        const u = e.width + t / d.value.offsetWidth * 100;
-        u >= $ && (e.width = u);
-      }
-    }
-    function O(e) {
-      if (!(h.value || w.value)) {
-        if (c.value = !0, v.value !== null) {
-          const t = l.value[v.value], a = e.clientX - p.value.x, u = e.clientY - p.value.y, i = t.left + a / d.value.offsetWidth * 100, U = t.top + u / d.value.offsetHeight * 100;
-          i >= 0 && U >= 0 && i + t.width <= 100 && U + t.height <= 100 && (t.left = i, t.top = U), p.value = { x: e.clientX, y: e.clientY };
-        }
-        if (n.value !== null) {
-          const t = l.value[n.value.index], a = e.clientX - f.value.x, u = e.clientY - f.value.y;
-          Y(t, a, u), f.value = { x: e.clientX, y: e.clientY };
-        }
-      }
-    }
-    const j = E;
-    ie(
-      l,
-      (e) => {
-        e && !c.value && j("change", l.value);
-      },
-      { deep: !0 }
-    );
-    function Q() {
-      v.value = null, n.value = null, c.value = !1, m.value = null, l.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 K(e) {
-      h.value || w.value || (c.value = !0, m.value = e, n.value === null && (v.value = e, p.value = { x: event.touches[0].clientX, y: event.touches[0].clientY }));
-    }
-    function C(e, t, a) {
-      if (c.value = !0, m.value = e, n.value === null) {
-        n.value = { index: e, direction: t };
-        const u = l.value[e];
-        f.value = { x: a.touches[0].clientX, y: a.touches[0].clientY, initialWidth: u.width, initialHeight: u.height };
-      }
-    }
-    function _(e) {
-      if (c.value = !0, e.preventDefault(), n.value !== null) {
-        const t = l.value[n.value.index], a = e.touches[0].clientX - f.value.x, u = e.touches[0].clientY - f.value.y;
-        Y(t, a, u), f.value = { x: e.touches[0].clientX, y: e.touches[0].clientY };
-      }
-    }
-    function q(e) {
-      if (!(h.value || w.value) && (c.value = !0, e.preventDefault(), v.value !== null)) {
-        const t = l.value[v.value], a = e.touches[0].clientX - p.value.x, u = e.touches[0].clientY - p.value.y, i = t.left + a / d.value.offsetWidth * 100, U = t.top + u / d.value.offsetHeight * 100;
-        i >= 0 && U >= 0 && i + t.width <= 100 && U + t.height <= 100 && (t.left = i, t.top = U), p.value = { x: e.touches[0].clientX, y: e.touches[0].clientY };
-      }
-    }
-    function k() {
-      c.value = !1, m.value = null, v.value = null, n.value = null, l.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 J = V(() => s.value.style.item.borderColor), Z = V(() => s.value.style.resizeHandles.backgroundColor), ee = V(() => s.value.style.board.aspectRatio), te = V(() => s.value.style.board.backgroundColor), oe = V(() => s.value.style.board.border);
-    function ue() {
-      return l.value;
-    }
-    return B({
-      generatePdf: I,
-      getItemsPositions: ue,
-      toggleLock: A
-    }), (e, t) => (g(), y("div", {
-      onMousedown: x,
-      onMouseup: H,
-      onTouchstart: x,
-      onTouchend: H
-    }, [
-      s.value.allowPrint ? (g(), y("div", ge, [
-        b("button", {
-          class: "vue-ui-dashboard-button",
-          onClick: I,
-          disabled: T.value,
-          style: S([{ "margin-top": "12px" }, `color:${s.value.style.board.color}`])
-        }, [
-          T.value ? (g(), y("svg", {
-            key: 0,
-            class: "vue-ui-dashboard-print-icon",
-            xmlns: "http://www.w3.org/2000/svg",
-            width: "20",
-            height: "20",
-            viewBox: "0 0 24 24",
-            "stroke-width": "1.5",
-            stroke: s.value.style.board.color,
-            fill: "none",
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round"
-          }, [...t[4] || (t[4] = [
-            ne('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-f5946722></path><path d="M18 16v.01" data-v-f5946722></path><path d="M6 16v.01" data-v-f5946722></path><path d="M12 5v.01" data-v-f5946722></path><path d="M12 12v.01" data-v-f5946722></path><path d="M12 1a4 4 0 0 1 2.001 7.464l.001 .072a3.998 3.998 0 0 1 1.987 3.758l.22 .128a3.978 3.978 0 0 1 1.591 -.417l.2 -.005a4 4 0 1 1 -3.994 3.77l-.28 -.16c-.522 .25 -1.108 .39 -1.726 .39c-.619 0 -1.205 -.14 -1.728 -.391l-.279 .16l.007 .231a4 4 0 1 1 -2.212 -3.579l.222 -.129a3.998 3.998 0 0 1 1.988 -3.756l.002 -.071a4 4 0 0 1 -1.995 -3.265l-.005 -.2a4 4 0 0 1 4 -4z" data-v-f5946722></path>', 6)
-          ])], 8, Ue)) : (g(), y("span", Ve, "PDF"))
-        ], 12, be)
-      ])) : N("", !0),
-      b("div", {
-        class: "vue-ui-dashboard-container",
-        ref_key: "dashboardContainer",
-        ref: d,
-        id: `vue-ui-dashboard_${P.value}`,
-        style: S(`border:${oe.value}; background:${te.value}; aspect-ratio:${ee.value}`)
-      }, [
-        b("div", {
-          class: "vue-ui-dashboard-grid-container",
-          ref: "container",
-          onMousemove: O,
-          onMouseup: Q,
-          onTouchmove: q,
-          onTouchend: k,
-          style: S(`background:${s.value.style.board.backgroundColor}`)
-        }, [
-          t[5] || (t[5] = b("div", { class: "vue-ui-dashboard-grid" }, null, -1)),
-          (g(!0), y(W, null, le(X.value, (a, u) => (g(), y("div", {
-            key: a.id,
-            class: re({ "vue-ui-dashboard-grid-item": !0, "vue-ui-dashboard-grid-item--locked": h.value }),
-            style: S({
-              width: `${a.width}%`,
-              height: `${a.height}%`,
-              left: `${a.left}%`,
-              top: `${a.top}%`,
-              cursor: "move",
-              boxShadow: m.value === u ? "0 6px 12px -3px rgba(0,0,0,0.3)" : "",
-              zIndex: m.value === u ? X.value.length + 1 : a.index,
-              backgroundColor: s.value.style.item.backgroundColor
-            }),
-            onMousedown: (i) => G(u),
-            onTouchstart: (i) => K(u)
-          }, [
-            h.value ? N("", !0) : (g(), y(W, { key: 0 }, [
-              b("div", {
-                class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-top-left",
-                onMousedown: (i) => M(u, "top-left"),
-                onTouchstart: (i) => C(u, "top-left", i),
-                onTouchmove: t[0] || (t[0] = (i) => _(i)),
-                onTouchend: k
-              }, null, 40, ke),
-              b("div", {
-                class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-top-right",
-                onMousedown: (i) => M(u, "top-right"),
-                onTouchstart: (i) => C(u, "top-right", i),
-                onTouchmove: t[1] || (t[1] = (i) => _(i)),
-                onTouchend: k
-              }, null, 40, Te),
-              b("div", {
-                class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-bottom-left",
-                onMousedown: (i) => M(u, "bottom-left"),
-                onTouchstart: (i) => C(u, "bottom-left", i),
-                onTouchmove: t[2] || (t[2] = (i) => _(i)),
-                onTouchend: k
-              }, null, 40, Me),
-              b("div", {
-                class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-bottom-right",
-                onMousedown: (i) => M(u, "bottom-right"),
-                onTouchstart: (i) => C(u, "bottom-right", i),
-                onTouchmove: t[3] || (t[3] = (i) => _(i)),
-                onTouchend: k
-              }, null, 40, Ce)
-            ], 64)),
-            z(e.$slots, "top", {
-              item: a,
-              index: u
-            }, void 0, !0),
-            a.resolvedComponent ? (g(), se(de(a.resolvedComponent), ce({
-              key: 1,
-              ref_for: !0
-            }, a.props), null, 16)) : z(e.$slots, "content", {
-              key: 2,
-              item: a,
-              index: u,
-              left: a.left,
-              top: a.top,
-              height: a.height,
-              width: a.width
-            }, void 0, !0),
-            z(e.$slots, "bottom", {
-              item: a,
-              index: u
-            }, void 0, !0)
-          ], 46, we))), 128))
-        ], 36)
-      ], 12, ye)
-    ], 32));
-  }
-}, Xe = /* @__PURE__ */ me(_e, [["__scopeId", "data-v-f5946722"]]);
-export {
-  Xe as default
-};