vue-data-ui 3.7.16 → 3.8.0

package/dist/usePanZoom-DMfuOfaC.js

@@ -0,0 +1,135 @@
+import { ref as d, computed as U, onMounted as j, onUnmounted as J, watchEffect as K, watch as Q } from "vue";
+function O(c, z = { x: 0, y: 0, width: 100, height: 100 }, V = 1, m, M = null) {
+  const a = d({ ...z }), n = d({ ...a.value }), r = d(1), E = d(!1), L = d(!1), S = d(0), D = d(null), x = d({ x: 0, y: 0 }), k = U(
+    () => n.value.x !== a.value.x || n.value.y !== a.value.y || n.value.width !== a.value.width || n.value.height !== a.value.height
+  );
+  let y = null;
+  function T(e) {
+    if (e.length < 2) return 0;
+    const t = e[0].clientX - e[1].clientX, o = e[0].clientY - e[1].clientY;
+    return Math.hypot(t, o);
+  }
+  function P(e) {
+    const t = c.value;
+    if (!t) return { x: 0, y: 0 };
+    const o = t.createSVGPoint();
+    o.x = e.clientX, o.y = e.clientY;
+    const u = t.getScreenCTM()?.inverse();
+    return u ? o.matrixTransform(u) : { x: 0, y: 0 };
+  }
+  function H(e, t) {
+    const o = c.value;
+    if (!o) return { dx: 0, dy: 0 };
+    const u = Math.max(1, o.clientWidth), l = Math.max(1, o.clientHeight), i = n.value.width / u, v = n.value.height / l;
+    return { dx: e * i, dy: t * v };
+  }
+  function Y(e) {
+    E.value = !0;
+    const t = e.touches?.[0] || e;
+    x.value = { x: t.clientX, y: t.clientY }, c.value && (c.value.style.cursor = "grabbing");
+  }
+  function X(e) {
+    if (!E.value) return;
+    const t = e.touches?.[0] || e, o = t.clientX - x.value.x, u = t.clientY - x.value.y;
+    if (o === 0 && u === 0) return;
+    const { dx: l, dy: i } = H(o, u);
+    n.value.x -= l, n.value.y -= i, x.value = { x: t.clientX, y: t.clientY };
+  }
+  function f() {
+    E.value = !1, c.value && (c.value.style.cursor = "");
+  }
+  function Z(e) {
+    M && M(), e.preventDefault();
+    const t = e.deltaY > 0 ? 0.9 : 1.1;
+    w(t, P(e));
+  }
+  function A(e) {
+    e.preventDefault();
+    const t = P(e), o = 1.5 * (1 + V / 100);
+    b(o, t);
+  }
+  function b(e, t) {
+    y && cancelAnimationFrame(y);
+    const o = r.value, u = o * e;
+    let l = null;
+    const i = 200, v = (h) => h < 0.5 ? 2 * h * h : -1 + (4 - 2 * h) * h, s = (h) => {
+      l == null && (l = h);
+      const q = Math.min((h - l) / i, 1), N = (o + (u - o) * v(q)) / r.value;
+      w(N, t), q < 1 ? y = requestAnimationFrame(s) : y = null;
+    };
+    requestAnimationFrame(s);
+  }
+  function w(e, t) {
+    const o = r.value * e, u = o / r.value, l = n.value.width / u, i = n.value.height / u, v = (t.x - n.value.x) * (1 - 1 / u), s = (t.y - n.value.y) * (1 - 1 / u);
+    n.value.x += v, n.value.y += s, n.value.width = l, n.value.height = i, r.value = o;
+  }
+  function B(e) {
+    e.touches.length === 2 ? (L.value = !0, S.value = T(e.touches), D.value = { ...n.value }) : (e.preventDefault(), Y(e));
+  }
+  function C(e) {
+    if (L.value && e.touches.length === 2) {
+      e.preventDefault();
+      const t = T(e.touches);
+      if (S.value) {
+        const o = t / S.value;
+        c.value.getBoundingClientRect();
+        const l = (e.touches[0].clientX + e.touches[1].clientX) / 2, i = (e.touches[0].clientY + e.touches[1].clientY) / 2, v = P({ clientX: l, clientY: i });
+        n.value = { ...D.value }, w(o, v);
+      }
+    } else
+      e.preventDefault(), X(e);
+  }
+  function g(e) {
+    e.touches.length < 2 && (L.value = !1), f();
+  }
+  function I(e = !1) {
+    if (!e) {
+      n.value = { ...a.value }, r.value = 1;
+      return;
+    }
+    const t = { ...n.value }, o = r.value, u = 300;
+    let l = null;
+    const i = (v) => {
+      l == null && (l = v);
+      const s = Math.min((v - l) / u, 1);
+      n.value = {
+        x: t.x + (a.value.x - t.x) * s,
+        y: t.y + (a.value.y - t.y) * s,
+        width: t.width + (a.value.width - t.width) * s,
+        height: t.height + (a.value.height - t.height) * s
+      }, r.value = o + (1 - o) * s, s < 1 && requestAnimationFrame(i);
+    };
+    requestAnimationFrame(i);
+  }
+  function W(e, t = {}) {
+    const { overwriteCurrentIfNotZoomed: o = !0 } = t, u = n.value.x !== a.value.x || n.value.y !== a.value.y || n.value.width !== a.value.width || n.value.height !== a.value.height;
+    a.value = { ...e }, !u && o && (n.value = { ...a.value }, r.value = 1);
+  }
+  function F() {
+    const e = c.value;
+    e && (e.addEventListener("mousedown", Y), e.addEventListener("mousemove", X), e.addEventListener("mouseup", f), e.addEventListener("mouseleave", f), e.addEventListener("wheel", Z, { passive: !1 }), e.addEventListener("dblclick", A), e.addEventListener("touchstart", B, { passive: !1 }), e.addEventListener("touchmove", C, { passive: !1 }), e.addEventListener("touchend", g), e.addEventListener("touchcancel", g));
+  }
+  function p() {
+    const e = c.value;
+    e && (e.removeEventListener("mousedown", Y), e.removeEventListener("mousemove", X), e.removeEventListener("mouseup", f), e.removeEventListener("mouseleave", f), e.removeEventListener("wheel", Z), e.removeEventListener("dblclick", A), e.removeEventListener("touchstart", B), e.removeEventListener("touchmove", C), e.removeEventListener("touchend", g), e.removeEventListener("touchcancel", g));
+  }
+  j(() => {
+    (!m || m.value) && F();
+  }), J(p), K(() => {
+    if (m)
+      return m.value ? F() : p(), () => p();
+  }), Q(c, () => {
+    p(), (!m || m.value) && F();
+  });
+  function G(e, t = !1) {
+    const o = {
+      x: n.value.x + n.value.width / 2,
+      y: n.value.y + n.value.height / 2
+    };
+    t ? b(e, o) : w(e, o);
+  }
+  return { viewBox: n, resetZoom: I, isZoom: k, setInitialViewBox: W, scale: r, zoomByFactor: G };
+}
+export {
+  O as u
+};

package/dist/{usePrinter-BdVu83IN.js → usePrinter-CjGh4mFJ.js}

@@ -10,7 +10,7 @@ function m({
     !a || r.value || (r.value = !0, clearTimeout(l.value), l.value = setTimeout(async () => {
       if (a)
         try {
-          const { default: e } = await import("./pdf--SSvtzbF.js");
+          const { default: e } = await import("./pdf-BMMrFX8S.js");
           await e({
             domElement: document.getElementById(u),
             fileName: i,
@@ -30,7 +30,7 @@ function m({
     !a || o.value || (o.value = !0, clearTimeout(l.value), l.value = setTimeout(async () => {
       if (a)
         try {
-          const { default: e } = await import("./img-BYzbY8TZ.js");
+          const { default: e } = await import("./img-CwrkWkkl.js");
           await e({
             domElement: document.getElementById(u),
             fileName: i,

package/dist/vue-data-ui-BgQPEjgE.js

@@ -0,0 +1,351 @@
+import { toRefs as Ut, defineAsyncComponent as e, computed as c, ref as o, onMounted as ht, watch as tt, shallowReactive as bt, createElementBlock as vt, createBlock as d, openBlock as g, normalizeStyle as ft, createElementVNode as St, createTextVNode as kt, createCommentVNode as et, toDisplayString as Ct, resolveDynamicComponent as yt, mergeProps as Tt, toHandlers as Pt, createSlots as At, renderList as Dt, withCtx as It, renderSlot as zt, normalizeProps as Lt, guardReactiveProps as Mt } from "vue";
+import ot from "./BaseIcon-CALhpING.js";
+const Ot = { style: { width: "36px" } }, xt = {
+  __name: "vue-data-ui",
+  props: {
+    component: { type: String },
+    dataset: { type: [Object, Array, Number, String] },
+    config: { type: Object }
+  },
+  emits: [
+    "selectLegend",
+    "selectDatapoint",
+    "toggleOpenState",
+    "saveAnnotations",
+    "selectRoot",
+    "selectBranch",
+    "selectNut",
+    "change",
+    "selectPlot",
+    "selectSide",
+    "rate",
+    "postImage",
+    "hoverIndex",
+    "selectX",
+    "toggleLock",
+    "toggleTooltip",
+    "start",
+    "play",
+    "pause",
+    "reset",
+    "restart",
+    "lap",
+    "toggleAnnotator",
+    "selectGroup",
+    "selectRibbon",
+    "toggleTable",
+    "resetZoom",
+    "showSeries",
+    "hideSeries",
+    "toggleZoom",
+    "onNodeClick",
+    "onMidpointEnter",
+    "onMidpointLeave"
+  ],
+  setup(it, { expose: at, emit: nt }) {
+    const a = it, { component: Nt, dataset: lt, config: rt } = Ut(a), p = {
+      VueUi3dBar: e(() => import("./vue-ui-3d-bar-BHcSmBFt.js").then((t) => t.b)),
+      VueUiAgePyramid: e(() => import("./vue-ui-age-pyramid-CKtsF5IW.js").then((t) => t.b)),
+      VueUiAnnotator: e(() => import("./vue-ui-annotator-DQmmDTg7.js")),
+      VueUiCandlestick: e(() => import("./vue-ui-candlestick-DW7yeLnE.js").then((t) => t.b)),
+      VueUiChestnut: e(() => import("./vue-ui-chestnut-BUqGBycr.js").then((t) => t.b)),
+      VueUiDashboard: e(() => import("./vue-ui-dashboard-BLgMwKmT.js")),
+      VueUiDigits: e(() => import("./vue-ui-digits-DIZ8pi6C.js")),
+      VueUiDonut: e(() => import("./vue-ui-donut-DY8Q-PAg.js").then((t) => t.a)),
+      VueUiDonutEvolution: e(() => import("./vue-ui-donut-evolution-DGnq03PX.js").then((t) => t.b)),
+      VueUiGalaxy: e(() => import("./vue-ui-galaxy-BCkJt9OE.js").then((t) => t.b)),
+      VueUiGauge: e(() => import("./vue-ui-gauge-BaH-VYAi.js").then((t) => t.b)),
+      VueUiHeatmap: e(() => import("./vue-ui-heatmap-BYoD6XaS.js").then((t) => t.b)),
+      VueUiKpi: e(() => import("./vue-ui-kpi-Dn750UNZ.js")),
+      VueUiMiniLoader: e(() => import("./vue-ui-mini-loader-44NP38K0.js")),
+      VueUiMolecule: e(() => import("./vue-ui-molecule-C994_mOK.js").then((t) => t.b)),
+      VueUiMoodRadar: e(() => import("./vue-ui-mood-radar-BI2SAtcM.js").then((t) => t.b)),
+      VueUiNestedDonuts: e(() => import("./vue-ui-nested-donuts-CSF_bA-I.js").then((t) => t.b)),
+      VueUiOnion: e(() => import("./vue-ui-onion-L5ULuI3B.js").then((t) => t.b)),
+      VueUiQuadrant: e(() => import("./vue-ui-quadrant-Diwm1-e6.js").then((t) => t.b)),
+      VueUiRadar: e(() => import("./vue-ui-radar-D76Mi-4u.js").then((t) => t.b)),
+      VueUiRating: e(() => import("./vue-ui-rating-CJjSt6-z.js")),
+      VueUiRelationCircle: e(() => import("./vue-ui-relation-circle-BlYazckd.js").then((t) => t.b)),
+      VueUiRings: e(() => import("./vue-ui-rings-De3shW_r.js").then((t) => t.b)),
+      VueUiScatter: e(() => import("./vue-ui-scatter-oDhPqRJq.js").then((t) => t.b)),
+      VueUiSkeleton: e(() => import("./vue-ui-skeleton-BUIXG_mY.js")),
+      VueUiSmiley: e(() => import("./vue-ui-smiley-Cni8Q56U.js")),
+      VueUiSparkbar: e(() => import("./vue-ui-sparkbar-CdmXCSnj.js").then((t) => t.a)),
+      VueUiSparkgauge: e(() => import("./vue-ui-sparkgauge-Dn2PQhZj.js").then((t) => t.a)),
+      VueUiSparkHistogram: e(() => import("./vue-ui-sparkhistogram-nrkglHJk.js").then((t) => t.b)),
+      VueUiSparkline: e(() => import("./vue-ui-sparkline-tz8fAf2C.js").then((t) => t.b)),
+      VueUiSparkStackbar: e(() => import("./vue-ui-sparkstackbar-BQPSsF5Q.js").then((t) => t.b)),
+      VueUiTable: e(() => import("./vue-ui-table-Cp4ee_1a.js")),
+      VueUiTableSparkline: e(() => import("./vue-ui-table-sparkline-wSJjRJc4.js").then((t) => t.b)),
+      VueUiThermometer: e(() => import("./vue-ui-thermometer-DA8pG0Tr.js").then((t) => t.b)),
+      VueUiTiremarks: e(() => import("./vue-ui-tiremarks-DqYsca6Q.js").then((t) => t.b)),
+      VueUiTreemap: e(() => import("./vue-ui-treemap-BQsPzEFA.js").then((t) => t.b)),
+      VueUiVerticalBar: e(() => import("./vue-ui-horizontal-bar-DsDDKUa6.js").then((t) => t.b)),
+      // legacy support
+      VueUiHorizontalBar: e(() => import("./vue-ui-horizontal-bar-DsDDKUa6.js").then((t) => t.b)),
+      // v3 renaming
+      VueUiWaffle: e(() => import("./vue-ui-waffle-5wkXlR4p.js").then((t) => t.b)),
+      VueUiWheel: e(() => import("./vue-ui-wheel-CkZko1RX.js").then((t) => t.b)),
+      VueUiXy: e(() => import("./vue-ui-xy-DIEBv1b8.js").then((t) => t.a)),
+      VueUiTableHeatmap: e(() => import("./vue-ui-table-heatmap-1qpMxFyu.js").then((t) => t.b)),
+      VueUiAccordion: e(() => import("./vue-ui-accordion-BWfQ8Imt.js")),
+      VueUiQuickChart: e(() => import("./vue-ui-quick-chart-YBj4Iyk6.js").then((t) => t.b)),
+      VueUiCursor: e(() => import("./vue-ui-cursor-D6_m463R.js")),
+      VueUiSparkTrend: e(() => import("./vue-ui-spark-trend-D1Zt5np6.js").then((t) => t.b)),
+      VueUiStripPlot: e(() => import("./vue-ui-strip-plot-CJpmLgCV.js").then((t) => t.b)),
+      VueUiDumbbell: e(() => import("./vue-ui-dumbbell-xRMH2Mlv.js").then((t) => t.b)),
+      VueUiWordCloud: e(() => import("./vue-ui-word-cloud-52bv_Ba-.js").then((t) => t.b)),
+      VueUiXyCanvas: e(() => import("./vue-ui-xy-canvas-pnm8ar87.js").then((t) => t.b)),
+      VueUiFlow: e(() => import("./vue-ui-flow-C0a8rOyT.js").then((t) => t.b)),
+      VueUiParallelCoordinatePlot: e(() => import("./vue-ui-parallel-coordinate-plot-CYetuoa5.js").then((t) => t.b)),
+      VueUiTimer: e(() => import("./vue-ui-timer-Bc0J-YWP.js")),
+      VueUiCarouselTable: e(() => import("./vue-ui-carousel-table-Bv0TZYW1.js")),
+      VueUiGizmo: e(() => import("./vue-ui-gizmo-BnCONs1t.js")),
+      VueUiStackbar: e(() => import("./vue-ui-stackbar-DMO3YIQp.js").then((t) => t.b)),
+      VueUiStackline: e(() => import("./vue-ui-stackline-BQo4KoIK.js").then((t) => t.b)),
+      VueUiBullet: e(() => import("./vue-ui-bullet-CZKHPSsG.js").then((t) => t.b)),
+      VueUiFunnel: e(() => import("./vue-ui-funnel-D6krkF1a.js").then((t) => t.b)),
+      VueUiHistoryPlot: e(() => import("./vue-ui-history-plot-BZBtIBsY.js").then((t) => t.b)),
+      VueUiCirclePack: e(() => import("./vue-ui-circle-pack-WTa2Mj2O.js").then((t) => t.b)),
+      VueUiWorld: e(() => import("./vue-ui-world-oIyf91PY.js")),
+      VueUiRidgeline: e(() => import("./vue-ui-ridgeline-DW8JqGxN.js").then((t) => t.b)),
+      VueUiChord: e(() => import("./vue-ui-chord-Awtzhq_0.js").then((t) => t.b)),
+      VueUiDag: e(() => import("./vue-ui-dag-tle30Ehr.js").then((t) => t.b))
+    }, ut = {
+      VueUi3dBar: ["config", "dataset"],
+      VueUiAgePyramid: ["config", "dataset"],
+      VueUiAnnotator: ["config", "dataset"],
+      VueUiCandlestick: ["config", "dataset"],
+      VueUiChestnut: ["config", "dataset"],
+      VueUiDashboard: ["config", "dataset"],
+      VueUiDigits: ["config", "dataset"],
+      VueUiDonut: ["config", "dataset"],
+      VueUiDonutEvolution: ["config", "dataset"],
+      VueUiGalaxy: ["config", "dataset"],
+      VueUiGauge: ["config", "dataset"],
+      VueUiHeatmap: ["config", "dataset"],
+      VueUiKpi: ["config", "dataset"],
+      VueUiMiniLoader: ["config"],
+      VueUiMolecule: ["config", "dataset"],
+      VueUiMoodRadar: ["config", "dataset"],
+      VueUiNestedDonuts: ["config", "dataset"],
+      VueUiOnion: ["config", "dataset"],
+      VueUiQuadrant: ["config", "dataset"],
+      VueUiRadar: ["config", "dataset"],
+      VueUiRating: ["config", "dataset"],
+      VueUiRelationCircle: ["config", "dataset"],
+      VueUiRings: ["config", "dataset"],
+      VueUiScatter: ["config", "dataset"],
+      VueUiSkeleton: ["config"],
+      VueUiSmiley: ["config", "dataset"],
+      VueUiSparkbar: ["config", "dataset"],
+      VueUiSparkgauge: ["config", "dataset"],
+      VueUiSparkHistogram: ["config", "dataset"],
+      VueUiSparkline: ["config", "dataset"],
+      VueUiSparkStackbar: ["config", "dataset"],
+      VueUiTable: ["config", "dataset"],
+      VueUiTableSparkline: ["config", "dataset"],
+      VueUiThermometer: ["config", "dataset"],
+      VueUiTiremarks: ["config", "dataset"],
+      VueUiTreemap: ["config", "dataset"],
+      VueUiVerticalBar: ["config", "dataset"],
+      // delete in v4
+      VueUiHorizontalBar: ["config", "dataset"],
+      // v3 renaming
+      VueUiWaffle: ["config", "dataset"],
+      VueUiWheel: ["config", "dataset"],
+      VueUiXy: ["config", "dataset"],
+      VueUiTableHeatmap: ["config", "dataset"],
+      VueUiAccordion: ["config"],
+      VueUiQuickChart: ["config", "dataset"],
+      VueUiCursor: ["config"],
+      VueUiSparkTrend: ["config", "dataset"],
+      VueUiStripPlot: ["config", "dataset"],
+      VueUiDumbbell: ["config", "dataset"],
+      VueUiWordCloud: ["config", "dataset"],
+      VueUiXyCanvas: ["config", "dataset"],
+      VueUiFlow: ["config", "dataset"],
+      VueUiParallelCoordinatePlot: ["config", "dataset"],
+      VueUiTimer: ["config"],
+      VueUiCarouselTable: ["config", "dataset"],
+      VueUiGizmo: ["config", "dataset"],
+      VueUiStackbar: ["config", "dataset"],
+      VueUiStackline: ["config", "dataset"],
+      VueUiBullet: ["config", "dataset"],
+      VueUiFunnel: ["config", "dataset"],
+      VueUiHistoryPlot: ["config", "dataset"],
+      VueUiCirclePack: ["config", "dataset"],
+      VueUiWorld: ["config", "dataset"],
+      VueUiRidgeline: ["config", "dataset"],
+      VueUiChord: ["config", "dataset"],
+      VueUiDag: ["config", "dataset"]
+    }, st = nt, V = c(() => !p[a.component]), ct = c(() => p[a.component] || null), l = o(null), gt = c(() => {
+      const t = ut[a.component] || [], i = {};
+      return t.includes("config") && (i.config = rt.value), t.includes("dataset") && (i.dataset = lt.value), i;
+    }), U = o(() => null), h = o(() => null), b = o(() => null), v = o(() => null), f = o(() => null), S = o(() => null), k = o(() => null), C = o(() => null), y = o(() => null), T = o(() => null), P = o(() => null), A = o(() => null), D = o(() => null), I = o(() => null), z = o(() => null), L = o(() => null), M = o(() => null), O = o(() => null), N = o(() => null), E = o(() => null), H = o(() => null), x = o(() => null), B = o(() => null), F = o(() => null), G = o(() => null), Z = o(() => null), _ = o(() => null), $ = o(() => null), W = o(() => null), X = o(() => null), j = o(() => null), Q = o(() => null), q = o(() => null), pt = o(() => null), mt = o(() => null), dt = o(() => null), K = o(() => null), Y = o(() => null), J = o(() => null);
+    ht(() => {
+      V.value && console.error(`
+
+Vue Data UI exception:
+The provided component "${a.component}" does not exist. Check the spelling.
+
+Available components:
+
+${Object.keys(p).map((t) => `. ${t}
+`).join("")}`);
+    }), tt(l, async (t) => {
+      t && (t.generatePdf && (U.value = t.generatePdf), t.generateImage && (b.value = t.generateImage), t.generateSvg && (v.value = t.generateSvg), t.generateCsv && (h.value = t.generateCsv), t.getItemsPositions && (f.value = t.getItemsPositions), t.toggleReadonly && (S.value = t.toggleReadonly), t.shoot && (k.value = t.shoot), t.close && (C.value = t.close), t.restoreOrder && (y.value = t.restoreOrder), t.recalculateHeight && (T.value = t.recalculateHeight), t.toggleLock && (P.value = t.toggleLock), t.toggleTable && (A.value = t.toggleTable), t.toggleLabels && (D.value = t.toggleLabels), t.toggleSort && (I.value = t.toggleSort), t.toggleStack && (z.value = t.toggleStack), t.toggleTooltip && (L.value = t.toggleTooltip), t.start && (M.value = t.start), t.pause && (O.value = t.pause), t.reset && (N.value = t.reset), t.restart && (E.value = t.restart), t.lap && (H.value = t.lap), t.toggleAnimation && (x.value = t.toggleAnimation), t.pauseAnimation && (B.value = t.pauseAnimation), t.resumeAnimation && (F.value = t.resumeAnimation), t.toggleAnnotator && (G.value = t.toggleAnnotator), t.selectNode && (Z.value = t.selectNode), t.selectGroup && (_.value = t.selectGroup), t.selectRibbon && ($.value = t.selectRibbon), t.autoSize && (W.value = t.autoSize), t.resetZoom && (X.value = t.resetZoom), t.showSeries && (j.value = t.showSeries), t.hideSeries && (Q.value = t.hideSeries), t.toggleZoom && (q.value = t.toggleZoom), t.onNodeClick && (pt.value = t.onNodeClick), t.onMidpointEnter && (mt.value = t.onMidpointEnter), t.onMidpointLeave && (dt.value = t.onMidpointLeave), t.zoomIn && (K.value = t.zoomIn), t.zoomOut && (Y.value = t.zoomOut), t.switchOrientation && (J.value = t.switchOrientation));
+    });
+    const Vt = () => {
+      const t = [
+        "selectLegend",
+        "selectDatapoint",
+        "toggleOpenState",
+        "saveAnnotations",
+        "selectRoot",
+        "selectBranch",
+        "selectNut",
+        "change",
+        "selectPlot",
+        "selectSide",
+        "rate",
+        "postImage",
+        "hoverIndex",
+        "selectX",
+        "toggleLock",
+        "toggleTooltip",
+        "start",
+        "pause",
+        "reset",
+        "restart",
+        "lap",
+        "toggleAnimation",
+        "pauseAnimation",
+        "resumeAnimation",
+        "toggleAnnotator",
+        "selectNode",
+        "selectGroup",
+        "selectRibbon",
+        "autoSize",
+        "toggleTable",
+        "resetZoom",
+        "showSeries",
+        "hideSeries",
+        "toggleZoom",
+        "onNodeClick",
+        "onMidpointEnter",
+        "onMidpointLeave",
+        "zoomIn",
+        "zoomOut",
+        "switchOrientation"
+      ], i = {};
+      return t.forEach((r) => {
+        i[r] = (...n) => st(r, ...n);
+      }), i;
+    }, m = bt([]);
+    function R(t, i) {
+      return new Promise((r, n) => {
+        m.push({ method: t, args: i, resolve: r, reject: n });
+      });
+    }
+    tt(l, (t) => {
+      if (t)
+        for (; m.length; ) {
+          const { method: i, args: r, resolve: n, reject: s } = m.shift(), w = t[i];
+          typeof w == "function" ? Promise.resolve().then(() => w(...r)).then(n).catch(s) : s(new Error(`Method ${i} not found on ${a.component}`));
+        }
+    }), at({
+      getData(...t) {
+        return l.value?.getData ? l.value.getData(...t) : R("getData", t);
+      },
+      getImage(t = {}) {
+        const { scale: i = 2 } = t;
+        return l.value?.getImage ? l.value.getImage({ scale: i }) : R("getImage", [{ scale: i }]);
+      },
+      autoSize: W,
+      generatePdf: U,
+      generateCsv: h,
+      generateImage: b,
+      generateSvg: v,
+      getItemsPositions: f,
+      toggleReadonly: S,
+      shoot: k,
+      close: C,
+      restoreOrder: y,
+      recalculateHeight: T,
+      toggleLock: P,
+      toggleTable: A,
+      toggleLabels: D,
+      toggleSort: I,
+      toggleStack: z,
+      toggleTooltip: L,
+      start: M,
+      pause: O,
+      reset: N,
+      restart: E,
+      lap: H,
+      pauseAnimation: B,
+      resumeAnimation: F,
+      toggleAnimation: x,
+      toggleAnnotator: G,
+      selectNode: Z,
+      selectGroup: _,
+      selectRibbon: $,
+      resetZoom: X,
+      showSeries: j,
+      hideSeries: Q,
+      toggleZoom: q,
+      zoomIn: K,
+      zoomOut: Y,
+      switchOrientation: J
+    });
+    const u = c(() => {
+      let t = `The provided component ${a.component} does not exist.`;
+      return ["VueUiIcon", "VueUiPattern", "Arrow"].includes(a.component) ? (t = `${a.component} is not supported by the VueDataUi universal component. You must import it individually.`, console.warn(t), {
+        status: "notSupported",
+        message: t
+      }) : (console.warn(t), {
+        status: "unknown",
+        message: t
+      });
+    });
+    return (t, i) => V.value ? (g(), vt("div", {
+      key: 0,
+      style: ft({
+        width: "100%",
+        display: "flex",
+        gap: "6px",
+        alignItems: "center",
+        color: u.value.status === "notSupported" ? "#FF9000" : "#FF0000"
+      })
+    }, [
+      St("div", Ot, [
+        u.value.status === "unknown" ? (g(), d(ot, {
+          key: 0,
+          name: "moodFlat",
+          stroke: "#FF0000"
+        })) : et("", !0),
+        u.value.status === "notSupported" ? (g(), d(ot, {
+          key: 1,
+          name: "circleExclamation",
+          stroke: "#FF9000"
+        })) : et("", !0)
+      ]),
+      kt(" " + Ct(u.value.message), 1)
+    ], 4)) : (g(), d(yt(ct.value), Tt({
+      key: 1,
+      ref_key: "currentComponentRef",
+      ref: l
+    }, gt.value, Pt(Vt())), At({ _: 2 }, [
+      Dt(t.$slots, (r, n) => ({
+        name: n,
+        fn: It((s) => [
+          zt(t.$slots, n, Lt(Mt(s)))
+        ])
+      }))
+    ]), 1040));
+  }
+};
+export {
+  xt as default
+};