vue-data-ui 3.0.0-next.0 → 3.0.0-next.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "3.0.0-next.0",
+  "version": "3.0.0-next.2",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [
@@ -105,7 +105,7 @@
     "remove-attr": "^0.0.13",
     "sass": "^1.57.1",
     "simple-git": "^3.24.0",
-    "vite": "^7.0.1",
+    "vite": "^7.0.6",
     "vitest": "^3.2.4",
     "vue": "^3.5.17"
   }

package/dist/Tooltip-hVZUY_s5.js

@@ -1,149 +0,0 @@
-import { ref as m, watch as p, nextTick as g, onUnmounted as S, computed as x, createBlock as k, openBlock as h, Teleport as $, createElementBlock as C, createCommentVNode as F, normalizeStyle as B, normalizeClass as N, renderSlot as v, createElementVNode as w } from "vue";
-import { u as z } from "./useMouse-AicQS8Vf.js";
-import { s as T } from "./index-DMqAxz7R.js";
-function Y({ tooltip: t, chart: n, clientPosition: l, positionPreference: s = "center", defaultOffsetY: d = 24, blockShiftY: u = !1 }) {
-  const e = m(0), i = m(d);
-  if (t && n) {
-    const { width: a, height: c } = t.getBoundingClientRect(), { right: f, left: o, bottom: r } = n.getBoundingClientRect();
-    s === "center" && (l.x + a / 2 > f ? e.value = -a + (f - l.x) : l.x - a / 2 < o ? e.value = -a + (a - (l.x - o)) : e.value = -a / 2), s === "right" && (l.x + a > f ? e.value = -a + (f - l.x) : e.value = 0), s === "left" && (l.x < o + a ? e.value = -a + (a - (l.x - o)) : e.value = -a), l.y + c > r && !u && (i.value = -c - d);
-  }
-  return {
-    top: l.y + i.value,
-    left: l.x + e.value
-  };
-}
-const M = ["aria-hidden"], O = ["innerHTML"], b = 0.18, E = {
-  __name: "Tooltip",
-  props: {
-    backgroundColor: {
-      type: String,
-      default: "#FFFFFF"
-    },
-    color: {
-      type: String,
-      default: "#000000"
-    },
-    content: String,
-    maxWidth: {
-      type: String,
-      default: "300px"
-    },
-    parent: {
-      type: Object
-    },
-    show: {
-      type: Boolean,
-      default: !1
-    },
-    isCustom: {
-      type: Boolean,
-      default: !1
-    },
-    fontSize: {
-      type: [Number, String],
-      default: 14
-    },
-    borderRadius: {
-      type: Number,
-      default: 4
-    },
-    borderColor: {
-      type: String,
-      default: "#e1e5e8"
-    },
-    borderWidth: {
-      type: Number,
-      default: 1
-    },
-    backgroundOpacity: {
-      type: Number,
-      default: 100
-    },
-    position: {
-      type: String,
-      default: "center"
-    },
-    offsetY: {
-      type: Number,
-      default: 24
-    },
-    blockShiftY: {
-      type: Boolean,
-      default: !1
-    },
-    isFullscreen: {
-      type: Boolean,
-      default: !1
-    },
-    disableSmoothing: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(t) {
-    const n = t, l = m(null), { x: s, y: d } = z(n.parent), u = m({ x: 0, y: 0 }), e = m({ x: 0, y: 0 });
-    let i = null;
-    function a() {
-      if (n.disableSmoothing) {
-        e.value.x = u.value.x, e.value.y = u.value.y;
-        return;
-      }
-      e.value.x += (u.value.x - e.value.x) * b, e.value.y += (u.value.y - e.value.y) * b, i = requestAnimationFrame(a);
-    }
-    p([s, d], ([o, r]) => {
-      u.value.x = o, u.value.y = r, n.disableSmoothing && (e.value.x = o, e.value.y = r);
-    }), p(() => n.show, async (o) => {
-      if (o) {
-        const r = s.value, y = d.value;
-        u.value.x = r, u.value.y = y, e.value.x = r, e.value.y = y, await g(), i || a();
-      } else
-        i && (cancelAnimationFrame(i), i = null);
-    }), S(() => {
-      i && cancelAnimationFrame(i);
-    });
-    const c = x(() => {
-      const o = Y({
-        tooltip: l.value,
-        chart: n.parent,
-        clientPosition: e.value,
-        positionPreference: n.position,
-        defaultOffsetY: n.offsetY,
-        blockShiftY: n.blockShiftY
-      });
-      return {
-        top: Math.round(o.top),
-        left: Math.round(o.left)
-      };
-    }), f = x(() => T(n.backgroundColor, n.backgroundOpacity));
-    return (o, r) => (h(), k($, {
-      to: t.isFullscreen ? t.parent : "body"
-    }, [
-      t.show ? (h(), C("div", {
-        key: 0,
-        ref_key: "tooltip",
-        ref: l,
-        role: "tooltip",
-        "aria-hidden": !t.show,
-        "aria-live": "polite",
-        class: N({ "vue-data-ui-custom-tooltip": t.isCustom, "vue-data-ui-tooltip": !t.isCustom }),
-        style: B(`
-                pointer-events:none;
-                top:${c.value.top}px;
-                left:${c.value.left}px;
-                ${t.isCustom ? "" : `background:${f.value};color:${t.color};max-width:${t.maxWidth};font-size:${t.fontSize}px`};
-                border-radius:${t.borderRadius}px;
-                border:${t.borderWidth}px solid ${t.borderColor};
-                z-index:2147483647;
-            `)
-      }, [
-        v(o.$slots, "tooltip-before"),
-        v(o.$slots, "default"),
-        w("div", { innerHTML: t.content }, null, 8, O),
-        v(o.$slots, "tooltip-after")
-      ], 14, M)) : F("", !0)
-    ], 8, ["to"]));
-  }
-};
-export {
-  E as default
-};

package/dist/img-BeMVTwmF.js

@@ -1,20 +0,0 @@
-import { d as a } from "./dom-to-png-BdPIrHOF.js";
-async function g({ domElement: t, fileName: c, format: i = "png", scale: o = 2, base64: n = !1 }) {
-  if (!t) return Promise.reject("No element provided");
-  if (n)
-    try {
-      return a({ container: t, scale: o, base64: n }).then((r) => r);
-    } catch (r) {
-      console.error("Error generating the base64 string of the chart", r);
-    }
-  else
-    try {
-      const r = await a({ container: t, scale: o }), e = document.createElement("a");
-      e.href = r, e.download = `${c}.${i}`, document.body.appendChild(e), e.click(), document.body.removeChild(e);
-    } catch (r) {
-      throw console.error("Error generating image:", r), r;
-    }
-}
-export {
-  g as default
-};

package/dist/pdf-DPxOdzfi.js

@@ -1,51 +0,0 @@
-import { d as u } from "./dom-to-png-BdPIrHOF.js";
-async function H({ domElement: d, fileName: f, scale: p = 2, options: P = {} }) {
-  if (!d) return Promise.reject("No domElement provided");
-  let r;
-  try {
-    r = (await import("jspdf")).default;
-  } catch {
-    return Promise.reject("jspdf is not installed. Run npm install jspdf");
-  }
-  const t = {
-    width: 595.28,
-    height: 841.89
-  }, o = await u({ container: d, scale: p });
-  return await new Promise((s, w) => {
-    const e = new window.Image();
-    e.onload = function() {
-      const i = e.naturalWidth, h = e.naturalHeight;
-      let g = t.width, l = t.width / i * h;
-      const n = new r("", "pt", "a4");
-      let c = 0, a = h;
-      const m = i / t.width * t.height;
-      if (a < m)
-        n.addImage(
-          o,
-          "PNG",
-          0,
-          0,
-          g,
-          l,
-          "",
-          "FAST"
-        );
-      else
-        for (; a > 0; )
-          n.addImage(
-            o,
-            "PNG",
-            0,
-            c,
-            g,
-            l,
-            "",
-            "FAST"
-          ), a -= m, c -= t.height, a > 0 && n.addPage();
-      n.save(`${f}.pdf`), s();
-    }, e.onerror = (i) => w("Failed to load image for PDF: " + i), e.src = o;
-  });
-}
-export {
-  H as default
-};

package/dist/useMouse-AicQS8Vf.js

@@ -1,13 +0,0 @@
-import { onMounted as u, onUnmounted as s, ref as t } from "vue";
-function i(e, n, o) {
-  u(() => e.addEventListener(n, o)), s(() => e.removeEventListener(n, o));
-}
-function m() {
-  const e = t(0), n = t(0);
-  return i(window, "mousemove", (o) => {
-    e.value = o.clientX, n.value = o.clientY;
-  }), { x: e, y: n };
-}
-export {
-  m as u
-};

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

@@ -1,301 +0,0 @@
-import { toRefs as ot, defineAsyncComponent as e, computed as s, ref as o, onMounted as it, watch as $, shallowReactive as at, createElementBlock as nt, createBlock as m, openBlock as c, normalizeStyle as lt, createElementVNode as rt, createTextVNode as ut, createCommentVNode as X, toDisplayString as st, resolveDynamicComponent as ct, mergeProps as gt, toHandlers as pt, createSlots as mt, renderList as dt, withCtx as Vt, renderSlot as Ut, normalizeProps as ft, guardReactiveProps as vt } from "vue";
-import Q from "./BaseIcon-DoDjTdD5.js";
-const kt = { style: { width: "36px" } }, yt = {
-  __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"
-  ],
-  setup(j, { expose: z, emit: K }) {
-    const n = j, { component: St, dataset: q, config: Y } = ot(n), g = {
-      VueUi3dBar: e(() => import("./vue-ui-3d-bar-Ojgjl20n.js")),
-      VueUiAgePyramid: e(() => import("./vue-ui-age-pyramid-IcMpAhiw.js")),
-      VueUiAnnotator: e(() => import("./vue-ui-annotator-Bk7d86-x.js")),
-      VueUiCandlestick: e(() => import("./vue-ui-candlestick-DCf-88Yv.js")),
-      VueUiChestnut: e(() => import("./vue-ui-chestnut-Cg10-3wu.js")),
-      VueUiDashboard: e(() => import("./vue-ui-dashboard-DkCnNuse.js")),
-      VueUiDigits: e(() => import("./vue-ui-digits-DRsphHt2.js")),
-      VueUiDonut: e(() => import("./vue-ui-donut-DSE7ubVv.js")),
-      VueUiDonutEvolution: e(() => import("./vue-ui-donut-evolution-B5F2-0bh.js")),
-      VueUiGalaxy: e(() => import("./vue-ui-galaxy-C9EHaP4I.js")),
-      VueUiGauge: e(() => import("./vue-ui-gauge-CBiM_1-n.js")),
-      VueUiHeatmap: e(() => import("./vue-ui-heatmap-B3ubrP2v.js")),
-      VueUiKpi: e(() => import("./vue-ui-kpi-DTGMDjaZ.js")),
-      VueUiMiniLoader: e(() => import("./vue-ui-mini-loader-Cn_7nvVq.js")),
-      VueUiMolecule: e(() => import("./vue-ui-molecule-BugMXFAK.js")),
-      VueUiMoodRadar: e(() => import("./vue-ui-mood-radar-Cv4dHZPL.js")),
-      VueUiNestedDonuts: e(() => import("./vue-ui-nested-donuts-CYe0Are_.js")),
-      VueUiOnion: e(() => import("./vue-ui-onion-Bha2hRAb.js")),
-      VueUiQuadrant: e(() => import("./vue-ui-quadrant-BKHZoTml.js")),
-      VueUiRadar: e(() => import("./vue-ui-radar-Co4EOjSk.js")),
-      VueUiRating: e(() => import("./vue-ui-rating-dtNN0EdX.js")),
-      VueUiRelationCircle: e(() => import("./vue-ui-relation-circle-CR4UpQzM.js")),
-      VueUiRings: e(() => import("./vue-ui-rings-EPTwyt6D.js")),
-      VueUiScatter: e(() => import("./vue-ui-scatter-BlxzblSR.js")),
-      VueUiSkeleton: e(() => import("./vue-ui-skeleton-CjN2ZdgT.js")),
-      VueUiSmiley: e(() => import("./vue-ui-smiley-DdF_ErYG.js")),
-      VueUiSparkbar: e(() => import("./vue-ui-sparkbar-DWufRGcN.js")),
-      VueUiSparkgauge: e(() => import("./vue-ui-sparkgauge-IP1O3qyT.js")),
-      VueUiSparkHistogram: e(() => import("./vue-ui-sparkhistogram-Cnv9xZ8H.js")),
-      VueUiSparkline: e(() => import("./vue-ui-sparkline-CYgeD5V3.js")),
-      VueUiSparkStackbar: e(() => import("./vue-ui-sparkstackbar-BCwoK9xd.js")),
-      VueUiTable: e(() => import("./vue-ui-table-vaIdQnPl.js")),
-      VueUiTableSparkline: e(() => import("./vue-ui-table-sparkline-DkOaHx5L.js")),
-      VueUiThermometer: e(() => import("./vue-ui-thermometer-CzckBZgs.js")),
-      VueUiTiremarks: e(() => import("./vue-ui-tiremarks-B2WWklqG.js")),
-      VueUiTreemap: e(() => import("./vue-ui-treemap-D1dgDhjG.js")),
-      VueUiVerticalBar: e(() => import("./vue-ui-vertical-bar-Dd4sYeAC.js")),
-      VueUiWaffle: e(() => import("./vue-ui-waffle-DusUVY6y.js")),
-      VueUiWheel: e(() => import("./vue-ui-wheel-ClsKBh52.js")),
-      VueUiXy: e(() => import("./vue-ui-xy-C_OUyzTC.js")),
-      VueUiTableHeatmap: e(() => import("./vue-ui-table-heatmap-U_Td0cdh.js")),
-      VueUiAccordion: e(() => import("./vue-ui-accordion-P6eFHGQp.js")),
-      VueUiQuickChart: e(() => import("./vue-ui-quick-chart-D_k3lbU8.js")),
-      VueUiCursor: e(() => import("./vue-ui-cursor-BbYHJDbV.js")),
-      VueUiSparkTrend: e(() => import("./vue-ui-spark-trend-RdOlCuT9.js")),
-      VueUiStripPlot: e(() => import("./vue-ui-strip-plot-Dq-kDRai.js")),
-      VueUiDumbbell: e(() => import("./vue-ui-dumbbell-DqqSxoSh.js")),
-      VueUiWordCloud: e(() => import("./vue-ui-word-cloud-_7uYjJ5A.js")),
-      VueUiXyCanvas: e(() => import("./vue-ui-xy-canvas-CuYRyub2.js")),
-      VueUiFlow: e(() => import("./vue-ui-flow-CTIcUJgV.js")),
-      VueUiParallelCoordinatePlot: e(() => import("./vue-ui-parallel-coordinate-plot-DWJ2DWx4.js")),
-      VueUiTimer: e(() => import("./vue-ui-timer-DSdUshUs.js")),
-      VueUiCarouselTable: e(() => import("./vue-ui-carousel-table-DEsl0XUh.js")),
-      VueUiGizmo: e(() => import("./vue-ui-gizmo-CAc7b2oK.js")),
-      VueUiStackbar: e(() => import("./vue-ui-stackbar-CqFIvfrK.js")),
-      VueUiBullet: e(() => import("./vue-ui-bullet-DCvWbCPk.js")),
-      VueUiFunnel: e(() => import("./vue-ui-funnel-k7KD7Xoc.js")),
-      VueUiHistoryPlot: e(() => import("./vue-ui-history-plot-XCqccO3b.js")),
-      VueUiCirclePack: e(() => import("./vue-ui-circle-pack-CO2Ra2-5.js")),
-      VueUiWorld: e(() => import("./vue-ui-world-COIyBHII.js")),
-      VueUiRidgeline: e(() => import("./vue-ui-ridgeline-BKX97EnR.js")),
-      VueUiChord: e(() => import("./vue-ui-chord-BWYzR6vf.js"))
-    }, J = {
-      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"],
-      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"],
-      VueUiBullet: ["config", "dataset"],
-      VueUiFunnel: ["config", "dataset"],
-      VueUiHistoryPlot: ["config", "dataset"],
-      VueUiCirclePack: ["config", "dataset"],
-      VueUiWorld: ["config", "dataset"],
-      VueUiRidgeline: ["config", "dataset"],
-      VueUiChord: ["config", "dataset"]
-    }, Z = K, d = s(() => !g[n.component]), R = s(() => g[n.component] || null), i = o(null), w = s(() => {
-      const t = J[n.component] || [], a = {};
-      return t.includes("config") && (a.config = Y.value), t.includes("dataset") && (a.dataset = q.value), a;
-    }), V = o(() => null), U = o(() => null), f = o(() => null), v = o(() => null), k = o(() => null), S = o(() => null), h = o(() => null), b = o(() => null), y = o(() => null), C = o(() => null), A = o(() => null), T = o(() => null), P = o(() => null), D = o(() => null), x = o(() => null), I = o(() => null), F = o(() => null), H = o(() => null), L = o(() => null), N = o(() => null), B = o(() => null), G = o(() => null), E = o(() => null), _ = o(() => null), O = o(() => null), W = o(() => null), M = o(() => null);
-    it(() => {
-      d.value && console.error(`
-
-Vue Data UI exception:
-The provided component "${n.component}" does not exist. Check the spelling.
-
-Available components:
-
-${Object.keys(g).map((t) => `. ${t}
-`).join("")}`);
-    }), $(i, async (t) => {
-      t && (t.generatePdf && (V.value = t.generatePdf), t.generateImage && (f.value = t.generateImage), t.generateCsv && (U.value = t.generateCsv), t.getItemsPositions && (v.value = t.getItemsPositions), t.toggleReadonly && (k.value = t.toggleReadonly), t.shoot && (S.value = t.shoot), t.close && (h.value = t.close), t.restoreOrder && (b.value = t.restoreOrder), t.recalculateHeight && (y.value = t.recalculateHeight), t.toggleLock && (C.value = t.toggleLock), t.toggleTable && (A.value = t.toggleTable), t.toggleLabels && (T.value = t.toggleLabels), t.toggleSort && (P.value = t.toggleSort), t.toggleStack && (D.value = t.toggleStack), t.toggleTooltip && (x.value = t.toggleTooltip), t.start && (I.value = t.start), t.pause && (F.value = t.pause), t.reset && (H.value = t.reset), t.restart && (L.value = t.restart), t.lap && (N.value = t.lap), t.toggleAnimation && (B.value = t.toggleAnimation), t.pauseAnimation && (G.value = t.pauseAnimation), t.resumeAnimation && (E.value = t.resumeAnimation), t.toggleAnnotator && (_.value = t.toggleAnnotator), t.selectNode && (O.value = t.selectNode), t.selectGroup && (W.value = t.selectGroup), t.selectRibbon && (M.value = t.selectRibbon));
-    });
-    const tt = () => {
-      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"
-      ], a = {};
-      return t.forEach((p) => {
-        a[p] = (...u) => Z(p, ...u);
-      }), a;
-    }, l = at([]);
-    $([l, i], () => {
-      if (i.value)
-        for (; l.length; ) {
-          const [t, ...a] = l.shift();
-          typeof i.value[t] == "function" && i.value[t](...a);
-        }
-    }), z({
-      getData: (...t) => i.value && typeof i.value.getData == "function" ? i.value.getData() : l.push(["getData", ...t]),
-      generatePdf: V,
-      generateCsv: U,
-      generateImage: f,
-      getItemsPositions: v,
-      toggleReadonly: k,
-      shoot: S,
-      close: h,
-      restoreOrder: b,
-      recalculateHeight: y,
-      toggleLock: C,
-      toggleTable: A,
-      toggleLabels: T,
-      toggleSort: P,
-      toggleStack: D,
-      toggleTooltip: x,
-      start: I,
-      pause: F,
-      reset: H,
-      restart: L,
-      lap: N,
-      pauseAnimation: G,
-      resumeAnimation: E,
-      toggleAnimation: B,
-      toggleAnnotator: _,
-      selectNode: O,
-      selectGroup: W,
-      selectRibbon: M
-    });
-    const r = s(() => {
-      let t = `The provided component ${n.component} does not exist.`;
-      return ["VueUiIcon", "VueUiPattern", "Arrow"].includes(n.component) ? (t = `${n.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, a) => d.value ? (c(), nt("div", {
-      key: 0,
-      style: lt({
-        width: "100%",
-        display: "flex",
-        gap: "6px",
-        alignItems: "center",
-        color: r.value.status === "notSupported" ? "#FF9000" : "#FF0000"
-      })
-    }, [
-      rt("div", kt, [
-        r.value.status === "unknown" ? (c(), m(Q, {
-          key: 0,
-          name: "moodFlat",
-          stroke: "#FF0000"
-        })) : X("", !0),
-        r.value.status === "notSupported" ? (c(), m(Q, {
-          key: 1,
-          name: "circleExclamation",
-          stroke: "#FF9000"
-        })) : X("", !0)
-      ]),
-      ut(" " + st(r.value.message), 1)
-    ], 4)) : (c(), m(ct(R.value), gt({
-      key: 1,
-      ref_key: "currentComponentRef",
-      ref: i
-    }, w.value, pt(tt())), mt({ _: 2 }, [
-      dt(t.$slots, (p, u) => ({
-        name: u,
-        fn: Vt((et) => [
-          Ut(t.$slots, u, ft(vt(et)))
-        ])
-      }))
-    ]), 1040));
-  }
-};
-export {
-  yt as default
-};