vue-data-ui 3.5.0 → 3.5.1

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

@@ -1,412 +0,0 @@
-import { useCssVars as we, computed as U, defineAsyncComponent as o, ref as r, watch as H, createElementBlock as O, openBlock as g, createElementVNode as V, createBlock as D, createCommentVNode as Y, normalizeStyle as k, Fragment as Q, renderList as Te, normalizeClass as Ce, renderSlot as y, resolveDynamicComponent as Ie, mergeProps as Me, unref as w, createSlots as Oe, withCtx as z, normalizeProps as j, guardReactiveProps as K } from "vue";
-import { u as $e, a as Pe } from "./useNestedProp-BjZe1Y85.js";
-import { c as Se } from "./lib-C_mNZmhD.js";
-import { u as Re } from "./usePrinter-DTzqpYKF.js";
-import ze from "./UserOptions-CGnQt6Fd.js";
-import { u as Ae } from "./useUserOptionState-BIvW1Kz7.js";
-import Xe from "./PenAndPaper-DSvu9dwa.js";
-import { _ as _e } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const He = ["id"], De = ["onMousedown", "onTouchstart"], Ye = ["onMousedown", "onTouchstart"], We = ["onMousedown", "onTouchstart"], Ne = ["onMousedown", "onTouchstart"], Ee = ["onMousedown", "onTouchstart"], A = 1, Le = {
-  __name: "vue-ui-dashboard",
-  props: {
-    dataset: Array,
-    config: Object
-  },
-  emits: ["change"],
-  setup(q, { expose: J, emit: Z }) {
-    we((e) => ({
-      v26ed75e6: he.value,
-      v2a0a8e34: fe.value
-    }));
-    const ee = {
-      VueDataUi: o(() => import("./vue-data-ui-DxgRqCAo.js")),
-      VueUi3dBar: o(() => import("./vue-ui-3d-bar-DmNJp8SY.js")),
-      VueUiAccordion: o(() => import("./vue-ui-accordion-CZ0thhxa.js")),
-      VueUiAgePyramid: o(() => import("./vue-ui-age-pyramid-CPAP3sNY.js")),
-      VueUiAnnotator: o(() => import("./vue-ui-annotator-BylDgUVb.js")),
-      VueUiCandlestick: o(() => import("./vue-ui-candlestick-DewevWV_.js")),
-      VueUiChestnut: o(() => import("./vue-ui-chestnut-D9sdFZ4E.js")),
-      VueUiDigits: o(() => import("./vue-ui-digits-ByNNcWXi.js")),
-      VueUiDonut: o(() => import("./vue-ui-donut-BRGFcgxS.js")),
-      VueUiDonutEvolution: o(() => import("./vue-ui-donut-evolution-DJ0C-7jH.js")),
-      VueUiDumbbell: o(() => import("./vue-ui-dumbbell-iQJ0BUhm.js")),
-      VueUiFlow: o(() => import("./vue-ui-flow-CTYFoib3.js")),
-      VueUiGalaxy: o(() => import("./vue-ui-galaxy-BQrxjKZJ.js")),
-      VueUiGauge: o(() => import("./vue-ui-gauge-Tc-0NI0Y.js")),
-      VueUiHeatmap: o(() => import("./vue-ui-heatmap-BZimPzsL.js")),
-      VueUiKpi: o(() => import("./vue-ui-kpi-BGGff8LM.js")),
-      VueUiMiniLoader: o(() => import("./vue-ui-mini-loader-CSF-7TJL.js")),
-      VueUiMolecule: o(() => import("./vue-ui-molecule-BALqwB8c.js")),
-      VueUiMoodRadar: o(() => import("./vue-ui-mood-radar-QJ5nlZby.js")),
-      VueUiNestedDonuts: o(() => import("./vue-ui-nested-donuts-CmUabkkQ.js")),
-      VueUiOnion: o(() => import("./vue-ui-onion-DAOCf3f8.js")),
-      VueUiParallelCoordinatePlot: o(() => import("./vue-ui-parallel-coordinate-plot-D8jTuFjq.js")),
-      VueUiQuadrant: o(() => import("./vue-ui-quadrant-CO52mSRY.js")),
-      VueUiQuickChart: o(() => import("./vue-ui-quick-chart-DEaVSldE.js")),
-      VueUiRadar: o(() => import("./vue-ui-radar-C5V4hhbW.js")),
-      VueUiRating: o(() => import("./vue-ui-rating-CiMoFM_c.js")),
-      VueUiRelationCircle: o(() => import("./vue-ui-relation-circle-CbMM0Jka.js")),
-      VueUiRings: o(() => import("./vue-ui-rings-BpUcyqo7.js")),
-      VueUiScatter: o(() => import("./vue-ui-scatter--Dxe-hfO.js")),
-      VueUiSkeleton: o(() => import("./vue-ui-skeleton-BWq-VDzg.js")),
-      VueUiSmiley: o(() => import("./vue-ui-smiley-sGFRbn31.js")),
-      VueUiSparkHistogram: o(() => import("./vue-ui-sparkhistogram-Dm7QXrA-.js")),
-      VueUiSparkStackbar: o(() => import("./vue-ui-sparkstackbar-M53Nt07M.js")),
-      VueUiSparkTrend: o(() => import("./vue-ui-spark-trend-T4J_YOa_.js")),
-      VueUiSparkbar: o(() => import("./vue-ui-sparkbar-DnKP55Vu.js")),
-      VueUiSparkgauge: o(() => import("./vue-ui-sparkgauge-BDQLP-zi.js")),
-      VueUiSparkline: o(() => import("./vue-ui-sparkline-tXGDLHRy.js")),
-      VueUiStripPlot: o(() => import("./vue-ui-strip-plot-BX9i3wMn.js")),
-      VueUiTable: o(() => import("./vue-ui-table-7r02N9R9.js")),
-      VueUiTableHeatmap: o(() => import("./vue-ui-table-heatmap-BqCEBoUf.js")),
-      VueUiTableSparkline: o(() => import("./vue-ui-table-sparkline-DZaAh10E.js")),
-      VueUiThermometer: o(() => import("./vue-ui-thermometer-CFPt3MOv.js")),
-      VueUiTimer: o(() => import("./vue-ui-timer-Ds-MJoW2.js")),
-      VueUiTiremarks: o(() => import("./vue-ui-tiremarks-2eIQ6vxu.js")),
-      VueUiTreemap: o(() => import("./vue-ui-treemap-BEvl8hiw.js")),
-      VueUiVerticalBar: o(() => import("./vue-ui-vertical-bar-D8dtM8sw.js")),
-      VueUiHorizontalBar: o(() => import("./vue-ui-vertical-bar-D8dtM8sw.js")),
-      VueUiWaffle: o(() => import("./vue-ui-waffle-B3q-2SCR.js")),
-      VueUiWheel: o(() => import("./vue-ui-wheel-BpirIgAG.js")),
-      VueUiWordCloud: o(() => import("./vue-ui-word-cloud-ChT7uLbN.js")),
-      VueUiXy: o(() => import("./vue-ui-xy-B68qQ-gX.js")),
-      VueUiXyCanvas: o(() => import("./vue-ui-xy-canvas-DDngEA1s.js")),
-      VueUiCarouselTable: o(() => import("./vue-ui-carousel-table-Dv1CDfE5.js")),
-      VueUiGizmo: o(() => import("./vue-ui-gizmo-P8h-gnLd.js")),
-      VueUiStackbar: o(() => import("./vue-ui-stackbar-CkBOjryQ.js")),
-      VueUiBullet: o(() => import("./vue-ui-bullet-Ce6uvCQJ.js")),
-      VueUiFunnel: o(() => import("./vue-ui-funnel-CG55Xcdy.js")),
-      VueUiHistoryPlot: o(() => import("./vue-ui-history-plot-BVzbuqYY.js")),
-      VueUiCirclePack: o(() => import("./vue-ui-circle-pack-Be74QB_0.js")),
-      VueUiWorld: o(() => import("./vue-ui-world-CdP4g_3_.js")),
-      VueUiChord: o(() => import("./vue-ui-chord-BG4dxKNA.js")),
-      VueUiRidgeline: o(() => import("./vue-ui-ridgeline-CXCIRDq6.js"))
-    }, { vue_ui_dashboard: te } = $e(), oe = r(null), ne = r(null), X = r(null), $ = q, u = U(() => Pe({
-      userConfig: $.config,
-      defaultConfig: te
-    })), _ = r(Se()), p = r(u.value.locked);
-    function ie() {
-      p.value = !p.value;
-    }
-    H(() => $.config, () => {
-      p.value = u.value.locked, G.value = !u.value.userOptions.showOnChartHover;
-    });
-    function W() {
-      return $.dataset.map((e, t) => ({
-        ...e,
-        index: t
-      }));
-    }
-    const s = r(W());
-    H(() => $.dataset, () => {
-      s.value = W();
-    });
-    const T = 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), C = r(!1);
-    function N(e) {
-      const t = e.target;
-      (t.tagName === "INPUT" && t.type === "range" || t.classList.contains("range-handle")) && (C.value = !0);
-    }
-    function E(e) {
-      const t = e.target;
-      t.tagName === "INPUT" && t.type === "range" && (C.value = !1);
-    }
-    const { isPrinting: ue, isImaging: ae, generatePdf: L, generateImage: le } = Re({
-      elementId: `vue-ui-dashboard_${_.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 t = s.value[e], i = 100 - t.width, n = 100 - t.height;
-        t.left < 0 && (t.left = 0), t.top < 0 && (t.top = 0), t.left > i && (t.left = i), t.top > n && (t.top = n), 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 P(e, t) {
-      c.value = !0, m.value = e, l.value = { index: e, direction: t };
-      const i = s.value[e];
-      f.value = { x: event.clientX, y: event.clientY, initialWidth: i.width, initialHeight: i.height };
-    }
-    function B(e, t, i) {
-      if (l.value.direction.includes("top")) {
-        const n = e.height - i / d.value.offsetHeight * 100;
-        n >= A && (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 >= A && (e.height = n);
-      }
-      if (l.value.direction.includes("left")) {
-        const n = e.width - t / d.value.offsetWidth * 100;
-        n >= A && (e.left += t / d.value.offsetWidth * 100, e.width = n);
-      }
-      if (l.value.direction.includes("right")) {
-        const n = e.width + t / d.value.offsetWidth * 100;
-        n >= A && (e.width = n);
-      }
-    }
-    function se(e) {
-      if (!(p.value || C.value)) {
-        if (c.value = !0, v.value !== null) {
-          const t = s.value[v.value], i = e.clientX - h.value.x, n = e.clientY - h.value.y, a = t.left + i / d.value.offsetWidth * 100, b = t.top + n / d.value.offsetHeight * 100;
-          a >= 0 && b >= 0 && a + t.width <= 100 && b + t.height <= 100 && (t.left = a, t.top = b), h.value = { x: e.clientX, y: e.clientY };
-        }
-        if (l.value !== null) {
-          const t = s.value[l.value.index], i = e.clientX - f.value.x, n = e.clientY - f.value.y;
-          B(t, i, n), f.value = { x: e.clientX, y: e.clientY };
-        }
-      }
-    }
-    const de = Z;
-    H(
-      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 || C.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 S(e, t, i) {
-      if (c.value = !0, m.value = e, l.value === null) {
-        l.value = { index: e, direction: t };
-        const n = s.value[e];
-        f.value = { x: i.touches[0].clientX, y: i.touches[0].clientY, initialWidth: n.width, initialHeight: n.height };
-      }
-    }
-    function R(e) {
-      if (c.value = !0, e.preventDefault(), l.value !== null) {
-        const t = s.value[l.value.index], i = e.touches[0].clientX - f.value.x, n = e.touches[0].clientY - f.value.y;
-        B(t, i, n), f.value = { x: e.touches[0].clientX, y: e.touches[0].clientY };
-      }
-    }
-    function ve(e) {
-      if (!(p.value || C.value) && (c.value = !0, e.preventDefault(), v.value !== null)) {
-        const t = s.value[v.value], i = e.touches[0].clientX - h.value.x, n = e.touches[0].clientY - h.value.y, a = t.left + i / d.value.offsetWidth * 100, b = t.top + n / d.value.offsetHeight * 100;
-        a >= 0 && b >= 0 && a + t.width <= 100 && b + t.height <= 100 && (t.left = a, t.top = b), h.value = { x: e.touches[0].clientX, y: e.touches[0].clientY };
-      }
-    }
-    function I() {
-      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 } = Ae({ config: u.value }), M = r(!1);
-    function x() {
-      M.value = !M.value;
-    }
-    function ye() {
-      F(!0);
-    }
-    function ke() {
-      F(!1);
-    }
-    return J({
-      generatePdf: L,
-      getItemsPositions: Ue,
-      toggleLock: ie
-    }), (e, t) => (g(), O("div", {
-      id: `vue-ui-dashboard_${_.value}`,
-      onMousedown: N,
-      onMouseup: E,
-      onTouchstart: N,
-      onTouchend: E,
-      onMouseenter: ye,
-      onMouseleave: ke,
-      ref_key: "dashboardRef",
-      ref: oe,
-      style: {
-        position: "relative"
-      },
-      class: "vue-data-ui-component"
-    }, [
-      V("div", {
-        class: "vue-ui-dashboard-container",
-        ref_key: "dashboardContainer",
-        ref: d,
-        style: k(`outline:${be.value}; background:${ge.value}; aspect-ratio:${me.value};${M.value ? "pointer-events:none" : ""}`)
-      }, [
-        V("div", {
-          class: "vue-ui-dashboard-grid-container",
-          ref: "container",
-          onMousemove: se,
-          onMouseup: ce,
-          onTouchmove: ve,
-          onTouchend: I,
-          style: k(`background:${u.value.style.board.backgroundColor}`)
-        }, [
-          t[4] || (t[4] = V("div", { class: "vue-ui-dashboard-grid" }, null, -1)),
-          (g(!0), O(Q, null, Te(T.value, (i, n) => (g(), O("div", {
-            key: i.id,
-            class: Ce({ "vue-ui-dashboard-grid-item": !0, "vue-ui-dashboard-grid-item--locked": p.value }),
-            style: k({
-              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 ? T.value.length + 1 : i.index,
-              backgroundColor: u.value.style.item.backgroundColor
-            }),
-            onMousedown: (a) => re(n),
-            onTouchstart: (a) => pe(n)
-          }, [
-            p.value ? Y("", !0) : (g(), O(Q, { key: 0 }, [
-              V("div", {
-                class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-top-left",
-                onMousedown: (a) => P(n, "top-left"),
-                onTouchstart: (a) => S(n, "top-left", a),
-                onTouchmove: t[0] || (t[0] = (a) => R(a)),
-                onTouchend: I
-              }, null, 40, Ye),
-              V("div", {
-                class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-top-right",
-                onMousedown: (a) => P(n, "top-right"),
-                onTouchstart: (a) => S(n, "top-right", a),
-                onTouchmove: t[1] || (t[1] = (a) => R(a)),
-                onTouchend: I
-              }, null, 40, We),
-              V("div", {
-                class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-bottom-left",
-                onMousedown: (a) => P(n, "bottom-left"),
-                onTouchstart: (a) => S(n, "bottom-left", a),
-                onTouchmove: t[2] || (t[2] = (a) => R(a)),
-                onTouchend: I
-              }, null, 40, Ne),
-              V("div", {
-                class: "vue-ui-dashboard-resize-handle vue-ui-dashboard-bottom-right",
-                onMousedown: (a) => P(n, "bottom-right"),
-                onTouchstart: (a) => S(n, "bottom-right", a),
-                onTouchmove: t[3] || (t[3] = (a) => R(a)),
-                onTouchend: I
-              }, null, 40, Ee)
-            ], 64)),
-            y(e.$slots, "top", {
-              item: i,
-              index: n
-            }, void 0, !0),
-            i.resolvedComponent ? (g(), D(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(), O("svg", {
-        style: k({
-          width: "100%",
-          height: "100%",
-          pointerEvents: "none",
-          position: "absolute",
-          top: 0,
-          left: 0,
-          zIndex: T.value.length + 1
-        }),
-        ref_key: "svgRef",
-        ref: X
-      }, null, 4)),
-      u.value.userOptions.buttons.annotator && d.value && X.value ? (g(), D(Xe, {
-        key: 0,
-        color: u.value.style.board.color,
-        backgroundColor: u.value.style.board.backgroundColor,
-        active: M.value,
-        svgRef: X.value,
-        onClose: x,
-        style: k({
-          zIndex: T.value.length + 1
-        })
-      }, null, 8, ["color", "backgroundColor", "active", "svgRef", "style"])) : Y("", !0),
-      (u.value.allowPrint || u.value.userOptions.show) && (u.value.userOptions.buttons.pdf || u.value.userOptions.buttons.img) ? (g(), D(ze, {
-        key: 1,
-        ref_key: "userOptionsRef",
-        ref: ne,
-        backgroundColor: u.value.style.board.backgroundColor,
-        color: u.value.style.board.color,
-        isPrinting: w(ue),
-        isImaging: w(ae),
-        uid: _.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: M.value,
-        printScale: u.value.userOptions.print.scale,
-        titles: { ...u.value.userOptions.buttonTitles },
-        onGeneratePdf: w(L),
-        onGenerateImage: w(le),
-        onToggleAnnotator: x,
-        style: k({ visibility: w(Ve) ? w(G) ? "visible" : "hidden" : "visible", zIndex: T.value.length + 1 })
-      }, Oe({ _: 2 }, [
-        e.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: z(({ 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: z(() => [
-            y(e.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        e.$slots.optionImg ? {
-          name: "optionImg",
-          fn: z(() => [
-            y(e.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        e.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: z(({ 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"])) : Y("", !0)
-    ], 40, He));
-  }
-}, Je = /* @__PURE__ */ _e(Le, [["__scopeId", "data-v-49b9e7be"]]);
-export {
-  Je as default
-};