vue-data-ui 3.0.0-next.32 → 3.0.0-next.34

package/dist/types/vue-data-ui.d.cts

@@ -2759,19 +2759,25 @@ declare module "vue-data-ui" {
     >;
 
     export type VueUiHeatmapConfig = {
+        debug?: boolean; // v3
+        loading?: boolean; // v3
+        responsive?: boolean; // v3
         theme?: Theme;
         style?: {
             backgroundColor?: string;
             color?: string;
             fontFamily?: string;
             layout?: {
+                height?: number;
+                width?: number;
                 padding?: ChartPadding;
                 cells?: {
-                    height?: number;
+                    // height?: number; // v3 deprecated
                     columnTotal?: {
                         value?: {
                             show?: boolean;
                             rotation?: number;
+                            autoRotate?: boolean; // v3
                             offsetX?: number;
                             offsetY?: number;
                         };
@@ -2812,8 +2818,10 @@ declare module "vue-data-ui" {
                     xAxis?: {
                         show?: boolean;
                         values?: Array<string | number>;
+                        datetimeFormatter?: AxisDateFormatter; // v3
                         showOnlyAtModulo?: number | null;
                         rotation?: number;
+                        autoRotate?: boolean; // v3
                         fontSize?: number;
                         color?: string;
                         bold?: boolean;
@@ -2823,6 +2831,7 @@ declare module "vue-data-ui" {
                     yAxis?: {
                         show?: boolean;
                         values?: Array<string | number>;
+                        datetimeFormatter?: AxisDateFormatter; // v3
                         fontSize?: number;
                         color?: string;
                         bold?: boolean;
@@ -2835,8 +2844,9 @@ declare module "vue-data-ui" {
             legend?: ChartBaseLegend & {
                 backgroundColor?: string;
                 roundingValue?: number;
-                position?: "right" | "bottom";
-                scaleBorderRadius?: number;
+                width?: number;
+                // position?: "right" | "bottom"; // v3 deprecated
+                // scaleBorderRadius?: number; // v3 deprecated
             };
             tooltip?: ChartTooltip & {
                 roundingValue?: number;
@@ -2882,7 +2892,7 @@ declare module "vue-data-ui" {
     };
 
     export type VueUiHeatmapDatasetItem = {
-        name: string;
+        name: string | number;
         values: number[];
     };
 

package/dist/types/vue-data-ui.d.ts

@@ -2759,19 +2759,25 @@ declare module "vue-data-ui" {
     >;
 
     export type VueUiHeatmapConfig = {
+        debug?: boolean; // v3
+        loading?: boolean; // v3
+        responsive?: boolean; // v3
         theme?: Theme;
         style?: {
             backgroundColor?: string;
             color?: string;
             fontFamily?: string;
             layout?: {
+                height?: number;
+                width?: number;
                 padding?: ChartPadding;
                 cells?: {
-                    height?: number;
+                    // height?: number; // v3 deprecated
                     columnTotal?: {
                         value?: {
                             show?: boolean;
                             rotation?: number;
+                            autoRotate?: boolean; // v3
                             offsetX?: number;
                             offsetY?: number;
                         };
@@ -2812,8 +2818,10 @@ declare module "vue-data-ui" {
                     xAxis?: {
                         show?: boolean;
                         values?: Array<string | number>;
+                        datetimeFormatter?: AxisDateFormatter; // v3
                         showOnlyAtModulo?: number | null;
                         rotation?: number;
+                        autoRotate?: boolean; // v3
                         fontSize?: number;
                         color?: string;
                         bold?: boolean;
@@ -2823,6 +2831,7 @@ declare module "vue-data-ui" {
                     yAxis?: {
                         show?: boolean;
                         values?: Array<string | number>;
+                        datetimeFormatter?: AxisDateFormatter; // v3
                         fontSize?: number;
                         color?: string;
                         bold?: boolean;
@@ -2835,8 +2844,9 @@ declare module "vue-data-ui" {
             legend?: ChartBaseLegend & {
                 backgroundColor?: string;
                 roundingValue?: number;
-                position?: "right" | "bottom";
-                scaleBorderRadius?: number;
+                width?: number;
+                // position?: "right" | "bottom"; // v3 deprecated
+                // scaleBorderRadius?: number; // v3 deprecated
             };
             tooltip?: ChartTooltip & {
                 roundingValue?: number;
@@ -2882,7 +2892,7 @@ declare module "vue-data-ui" {
     };
 
     export type VueUiHeatmapDatasetItem = {
-        name: string;
+        name: string | number;
         values: number[];
     };
 

package/dist/{useNestedProp-iTa19l34.js → useNestedProp-BI69cynt.js}

@@ -1,4 +1,4 @@
-import { A as o, z as n } from "./index-DB4XIP_N.js";
+import { A as o, z as n } from "./index-BeBasrrG.js";
 function c({ defaultConfig: e, userConfig: r }) {
   if (!Object.keys(r || {}).length)
     return e;

package/dist/{usePrinter-id381vkp.js → usePrinter-DpTBVYGM.js}

@@ -10,7 +10,7 @@ function m({
     !t || r.value || (r.value = !0, clearTimeout(n.value), n.value = setTimeout(async () => {
       if (t)
         try {
-          const { default: e } = await import("./pdf-Dm-ieKMv.js");
+          const { default: e } = await import("./pdf-KclgkN6e.js");
           await e({
             domElement: document.getElementById(u),
             fileName: l,
@@ -27,7 +27,7 @@ function m({
     !t || a.value || (a.value = !0, clearTimeout(n.value), n.value = setTimeout(async () => {
       if (t)
         try {
-          const { default: e } = await import("./img-CWXYkVMQ.js");
+          const { default: e } = await import("./img-Domj-5hZ.js");
           await e({
             domElement: document.getElementById(u),
             fileName: l,

package/dist/useTimeLabelCollider-CIsgDrl9.js

@@ -0,0 +1,78 @@
+import { watch as A, nextTick as D } from "vue";
+function S({
+  timeLabelsEls: F,
+  timeLabels: L,
+  slicer: x,
+  configRef: s,
+  rotationPath: r,
+  autoRotatePath: p,
+  isAutoSize: N,
+  setViewBox: y,
+  forceResizeObserver: C,
+  callback: o,
+  targetClass: j = ".vue-data-ui-time-label",
+  rotation: w = -30.0001,
+  height: T = null,
+  width: b = null
+}) {
+  function i(a, n) {
+    return n.reduce((e, t) => e && e[t], a);
+  }
+  function g(a, n, e) {
+    n.slice(0, -1).reduce((t, l) => t[l], a)[n.slice(-1)] = e;
+  }
+  function q(a) {
+    const n = /translate\(\s*([^\s,]+)\s*,\s*([^\s,]+)\s*\)/.exec(a);
+    return n ? {
+      x: parseFloat(n[1]),
+      y: parseFloat(n[2])
+    } : { x: 0, y: 0 };
+  }
+  async function c() {
+    await D();
+    const a = F.value;
+    if (!a) return;
+    const e = Array.from(a.querySelectorAll(j)).map((u) => ({
+      ...q(u.getAttribute("transform")),
+      width: u.getBBox().width
+    }));
+    let t = !1;
+    const l = 4;
+    for (let u = 0; u < e.length && !t; u += 1)
+      for (let m = u + 1; m < e.length; m += 1) {
+        const v = e[u], f = e[m];
+        if (!(v.x + v.width + l < f.x || f.x + f.width + l < v.x)) {
+          t = !0;
+          break;
+        }
+      }
+    const d = i(s.value, r);
+    t && !d ? (g(s.value, r, w), o && o({ collision: t }), N.value && y && C && (y(), C())) : !t && d === w && (g(s.value, r, 0), o && o({ collision: t }));
+  }
+  function B(a, n) {
+    let e;
+    return (...t) => {
+      clearTimeout(e), e = setTimeout(() => a(...t), n);
+    };
+  }
+  const h = B(c, 200);
+  return T && b && A([() => b.value, () => T.value], async ([a, n], [e, t]) => {
+    if (!i(s.value, p)) return;
+    a !== e || n !== t ? h() : await c();
+  }), A(
+    [
+      () => L.value,
+      () => i(s.value, r),
+      () => x.value.start,
+      () => x.value.end
+    ],
+    async ([, , a, n], [, , e, t]) => {
+      if (!i(s.value, p)) return;
+      a !== e || n !== t ? h() : await c();
+    },
+    { immediate: !0 }
+  ), { detectTimeLabelCollision: c };
+}
+export {
+  S as u
+};

package/dist/{useTimeLabels-DFkUfjfs.js → useTimeLabels-DkzmKfZn.js}

@@ -1,5 +1,5 @@
 function V({
-  useUTC: k = !1,
+  useUTC: y = !1,
   min: C = void 0,
   max: n = void 0,
   locale: m = {
@@ -10,7 +10,7 @@ function V({
   },
   januaryAsYear: f = !1
 }) {
-  const y = [2, 4, 6, 9, 11], l = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334];
+  const D = [2, 4, 6, 9, 11], l = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334];
   function J(e) {
     return e % 12;
   }
@@ -21,7 +21,7 @@ function V({
     const s = Date.parse(e);
     if (isNaN(s))
       return e;
-    if (!k)
+    if (!y)
       return s;
     const t = String(e).replace(/([+-]\d{2}:\d{2}|Z)$/, "");
     return Date.parse(t + "Z");
@@ -42,7 +42,7 @@ function V({
     return Date.parse(e.replace(/-/g, "/").replace(/[a-z]+/gi, " "));
   }
   function M(e, s) {
-    const t = k, r = [
+    const t = y, r = [
       "yyyy",
       "yy",
       "y",
@@ -75,7 +75,7 @@ function V({
       "g"
     ), i = [];
     s = s.replace(o, (j, p) => (i.push(p), `{{${i.length - 1}}}`));
-    const D = ["\0", ...m.months], O = ["
", ...m.shortMonths], w = ["", ...m.days], U = ["", ...m.shortDays];
+    const S = ["\0", ...m.months], O = ["
", ...m.shortMonths], w = ["", ...m.days], U = ["", ...m.shortDays];
     function c(j, p = 2) {
       let F = String(j);
       for (; F.length < p; ) F = "0" + F;
@@ -84,7 +84,7 @@ function V({
     const T = t ? e.getUTCFullYear() : e.getFullYear();
     s = s.replace(/(^|[^\\])yyyy+/g, `$1${T}`).replace(/(^|[^\\])yy/g, `$1${String(T).substr(2, 2)}`).replace(/(^|[^\\])y/g, `$1${T}`);
     const v = (t ? e.getUTCMonth() : e.getMonth()) + 1;
-    f && v === 1 && (D[1] = String(T), O[1] = String(T)), s = s.replace(/(^|[^\\])MMMM+/g, `$1${D[0]}`).replace(/(^|[^\\])MMM/g, `$1${O[0]}`).replace(/(^|[^\\])MM/g, `$1${c(v)}`).replace(/(^|[^\\])M/g, `$1${v}`);
+    f && v === 1 && (S[1] = String(T), O[1] = String(T)), s = s.replace(/(^|[^\\])MMMM+/g, `$1${S[0]}`).replace(/(^|[^\\])MMM/g, `$1${O[0]}`).replace(/(^|[^\\])MM/g, `$1${c(v)}`).replace(/(^|[^\\])M/g, `$1${v}`);
     const I = t ? e.getUTCDate() : e.getDate();
     s = s.replace(/(^|[^\\])dddd+/g, `$1${w[0]}`).replace(/(^|[^\\])ddd/g, `$1${U[0]}`).replace(/(^|[^\\])dd/g, `$1${c(I)}`).replace(/(^|[^\\])d/g, `$1${I}`);
     const g = t ? e.getUTCHours() : e.getHours();
@@ -99,15 +99,15 @@ function V({
     s = s.replace(/(^|[^\\])fff+/g, `$1${c(b, 3)}`), b = Math.round(b / 10), s = s.replace(/(^|[^\\])ff/g, `$1${c(b)}`), b = Math.round(b / 10), s = s.replace(/(^|[^\\])f/g, `$1${b}`);
     const L = g < 12 ? "AM" : "PM";
     s = s.replace(/(^|[^\\])TT+/g, `$1${L}`).replace(/(^|[^\\])T/g, `$1${L.charAt(0)}`).replace(/(^|[^\\])tt+/g, `$1${L.toLowerCase()}`).replace(/(^|[^\\])t/g, `$1${L.toLowerCase().charAt(0)}`);
-    let S = -e.getTimezoneOffset(), G = t || !S ? "Z" : S > 0 ? "+" : "-";
+    let k = -e.getTimezoneOffset(), G = t || !k ? "Z" : k > 0 ? "+" : "-";
     if (!t) {
-      S = Math.abs(S);
-      const j = Math.floor(S / 60), p = S % 60;
+      k = Math.abs(k);
+      const j = Math.floor(k / 60), p = k % 60;
       G += c(j) + ":" + c(p);
     }
     s = s.replace(/(^|[^\\])K/g, `$1${G}`);
     const _ = (t ? e.getUTCDay() : e.getDay()) + 1;
-    return s = s.replace(new RegExp(w[0], "g"), w[_]).replace(new RegExp(U[0], "g"), U[_]).replace(new RegExp(D[0], "g"), D[v]).replace(new RegExp(O[0], "g"), O[v]), s = s.replace(/{{(\d+)}}/g, (j, p) => i[+p]), s;
+    return s = s.replace(new RegExp(w[0], "g"), w[_]).replace(new RegExp(U[0], "g"), U[_]).replace(new RegExp(S[0], "g"), S[v]).replace(new RegExp(O[0], "g"), O[v]), s = s.replace(/{{(\d+)}}/g, (j, p) => i[+p]), s;
   }
   function H(e, s) {
     C !== void 0 && (e = C), n !== void 0 && (s = n);
@@ -143,7 +143,7 @@ function V({
     return s > 1 && a(e) && (r += 1), r;
   }
   function z(e, s) {
-    return e = J(e), y.includes(e) ? e === 2 ? a(s) ? 29 : 28 : 30 : 31;
+    return e = J(e), D.includes(e) ? e === 2 ? a(s) ? 29 : 28 : 30 : 31;
   }
   return {
     isValidDate: A,
@@ -207,19 +207,19 @@ const Y = { months: ["يناير", "فبراير", "مارس", "أبريل", "م
   "zh-tw": { months: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"], shortMonths: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"], days: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"], shortDays: ["週日", "週一", "週二", "週三", "週四", "週五", "週六"] }
 }, Le = 24 * 60 * 60;
 function Fe({
-  values: k,
+  values: y,
   maxDatapoints: C,
   formatter: n,
   start: m,
   end: f
 }) {
-  const y = [];
-  if (!n.enable) {
+  const D = [];
+  if (!n.enable || y.length === 0) {
     for (let s = m; s < f; s++)
-      y.push({ text: String(k[s] ?? s), absoluteIndex: s });
-    return y;
+      D.push({ text: String(y[s] ?? s), absoluteIndex: s });
+    return D;
   }
-  const l = k.slice(m, f);
+  const l = y.slice(m, f);
   if (l.length === 0) return [];
   const J = l[0], A = l[l.length - 1], h = V({
     useUTC: n.useUTC,
@@ -289,12 +289,12 @@ function Fe({
         o = h.formatDate(r, e);
         break;
       default: {
-        const i = n.useUTC ? r.getUTCHours() : r.getHours(), D = n.useUTC ? r.getUTCMinutes() : r.getMinutes();
-        i === 0 && D === 0 ? o = h.formatDate(r, e) : o = h.formatDate(r, K);
+        const i = n.useUTC ? r.getUTCHours() : r.getHours(), S = n.useUTC ? r.getUTCMinutes() : r.getMinutes();
+        i === 0 && S === 0 ? o = h.formatDate(r, e) : o = h.formatDate(r, K);
       }
     }
-    y.push({ text: o, absoluteIndex: m + t });
-  }), y;
+    D.push({ text: o, absoluteIndex: m + t });
+  }), D;
 }
 export {
   Fe as u

package/dist/{vue-data-ui-WdvK3lBL.js → vue-data-ui-DfOSI-cw.js}

@@ -1,5 +1,5 @@
 import { toRefs as ne, defineAsyncComponent as t, computed as c, ref as o, onMounted as re, watch as Q, shallowReactive as le, createElementBlock as ue, createBlock as d, openBlock as g, normalizeStyle as se, createElementVNode as ce, createTextVNode as ge, createCommentVNode as q, toDisplayString as pe, resolveDynamicComponent as me, mergeProps as de, toHandlers as Ve, createSlots as Ue, renderList as fe, withCtx as ve, renderSlot as ke, normalizeProps as Se, guardReactiveProps as he } from "vue";
-import K from "./BaseIcon-B_tGgA4H.js";
+import K from "./BaseIcon-Cq9SmUOT.js";
 const be = { style: { width: "36px" } }, Ae = {
   __name: "vue-data-ui",
   props: {
@@ -36,71 +36,71 @@ const be = { style: { width: "36px" } }, Ae = {
   ],
   setup(Y, { expose: J, emit: Z }) {
     const a = Y, { component: ye, dataset: R, config: w } = ne(a), p = {
-      VueUi3dBar: t(() => import("./vue-ui-3d-bar-CtiAXSRA.js")),
-      VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-LuljyG04.js")),
-      VueUiAnnotator: t(() => import("./vue-ui-annotator-CzHa2GlG.js")),
-      VueUiCandlestick: t(() => import("./vue-ui-candlestick-DSaFw3wl.js")),
-      VueUiChestnut: t(() => import("./vue-ui-chestnut-D3FNLdep.js")),
-      VueUiDashboard: t(() => import("./vue-ui-dashboard-4ZwAsn1N.js")),
-      VueUiDigits: t(() => import("./vue-ui-digits-Da5mTaOQ.js")),
-      VueUiDonut: t(() => import("./vue-ui-donut-B6QlrBEH.js")),
-      VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-Tv7oj7TE.js")),
-      VueUiGalaxy: t(() => import("./vue-ui-galaxy-C5qk-fEV.js")),
-      VueUiGauge: t(() => import("./vue-ui-gauge-C33XPj6b.js")),
-      VueUiHeatmap: t(() => import("./vue-ui-heatmap-ksiw1nTI.js")),
-      VueUiKpi: t(() => import("./vue-ui-kpi-BgFQSUVT.js")),
-      VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-BEpehl5X.js")),
-      VueUiMolecule: t(() => import("./vue-ui-molecule-BIQFbPof.js")),
-      VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-RShxk3Bz.js")),
-      VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-dMBxBBnZ.js")),
-      VueUiOnion: t(() => import("./vue-ui-onion-ZVZ6wpNM.js")),
-      VueUiQuadrant: t(() => import("./vue-ui-quadrant-XCnxKrJd.js")),
-      VueUiRadar: t(() => import("./vue-ui-radar-CeXlq2A-.js")),
-      VueUiRating: t(() => import("./vue-ui-rating-DTq-mZyU.js")),
-      VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-k8viefM-.js")),
-      VueUiRings: t(() => import("./vue-ui-rings-9XT1ePuY.js")),
-      VueUiScatter: t(() => import("./vue-ui-scatter-oM-LVerf.js")),
-      VueUiSkeleton: t(() => import("./vue-ui-skeleton-DDLBx4bb.js")),
-      VueUiSmiley: t(() => import("./vue-ui-smiley-D5ybBkdY.js")),
-      VueUiSparkbar: t(() => import("./vue-ui-sparkbar-Ce6dYcF4.js")),
-      VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-DRHrbpSl.js")),
-      VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-DBtPWFim.js")),
-      VueUiSparkline: t(() => import("./vue-ui-sparkline-DcF2ugGh.js")),
-      VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-C01iI0y3.js")),
-      VueUiTable: t(() => import("./vue-ui-table-COjBJDmq.js")),
-      VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-0BC6BxKt.js")),
-      VueUiThermometer: t(() => import("./vue-ui-thermometer-Bf2_qGBi.js")),
-      VueUiTiremarks: t(() => import("./vue-ui-tiremarks-ya8ABi9I.js")),
-      VueUiTreemap: t(() => import("./vue-ui-treemap-BSHptMc8.js")),
-      VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-B_Oa-v87.js")),
+      VueUi3dBar: t(() => import("./vue-ui-3d-bar-BFUcEqAl.js")),
+      VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-C1fCszkG.js")),
+      VueUiAnnotator: t(() => import("./vue-ui-annotator-BThZoiBl.js")),
+      VueUiCandlestick: t(() => import("./vue-ui-candlestick-BKY_1NxQ.js")),
+      VueUiChestnut: t(() => import("./vue-ui-chestnut-QLx875w4.js")),
+      VueUiDashboard: t(() => import("./vue-ui-dashboard-G0W4wq1U.js")),
+      VueUiDigits: t(() => import("./vue-ui-digits-DFREi_Ky.js")),
+      VueUiDonut: t(() => import("./vue-ui-donut-BdxnEUCr.js")),
+      VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-DYeMgZMU.js")),
+      VueUiGalaxy: t(() => import("./vue-ui-galaxy-DRdIquCv.js")),
+      VueUiGauge: t(() => import("./vue-ui-gauge-B0a3J_d1.js")),
+      VueUiHeatmap: t(() => import("./vue-ui-heatmap-BGYSmKC-.js")),
+      VueUiKpi: t(() => import("./vue-ui-kpi-6zONwNMN.js")),
+      VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-XyVfmLch.js")),
+      VueUiMolecule: t(() => import("./vue-ui-molecule-BoQKd6NP.js")),
+      VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-DncLIzjX.js")),
+      VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-DXMadqNK.js")),
+      VueUiOnion: t(() => import("./vue-ui-onion-CbtXXJHJ.js")),
+      VueUiQuadrant: t(() => import("./vue-ui-quadrant-DqN9de-E.js")),
+      VueUiRadar: t(() => import("./vue-ui-radar-Dcr4Y35J.js")),
+      VueUiRating: t(() => import("./vue-ui-rating-Y_X6wrM8.js")),
+      VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-CsjfP4w3.js")),
+      VueUiRings: t(() => import("./vue-ui-rings-IWHU4YHR.js")),
+      VueUiScatter: t(() => import("./vue-ui-scatter-zG4nPspJ.js")),
+      VueUiSkeleton: t(() => import("./vue-ui-skeleton-BLCAe0aL.js")),
+      VueUiSmiley: t(() => import("./vue-ui-smiley-CgMyaK6w.js")),
+      VueUiSparkbar: t(() => import("./vue-ui-sparkbar-BA_s34xX.js")),
+      VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-CGoeUY4p.js")),
+      VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-BuSn8iJi.js")),
+      VueUiSparkline: t(() => import("./vue-ui-sparkline-CYJUhGaJ.js")),
+      VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-BDQWVxNP.js")),
+      VueUiTable: t(() => import("./vue-ui-table-Ba7Z_7OX.js")),
+      VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-BLR9glHo.js")),
+      VueUiThermometer: t(() => import("./vue-ui-thermometer-BAm6l97t.js")),
+      VueUiTiremarks: t(() => import("./vue-ui-tiremarks-BnZr2Vrp.js")),
+      VueUiTreemap: t(() => import("./vue-ui-treemap-J8OANLCg.js")),
+      VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-DdR3STYF.js")),
       // delete in v4
-      VueUiHorizontalBar: t(() => import("./vue-ui-vertical-bar-B_Oa-v87.js")),
+      VueUiHorizontalBar: t(() => import("./vue-ui-vertical-bar-DdR3STYF.js")),
       // v3 renaming
-      VueUiWaffle: t(() => import("./vue-ui-waffle-DHB8v3nh.js")),
-      VueUiWheel: t(() => import("./vue-ui-wheel-Bi28_KVB.js")),
-      VueUiXy: t(() => import("./vue-ui-xy-BxonzF88.js")),
-      VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-DfxMcAr9.js")),
-      VueUiAccordion: t(() => import("./vue-ui-accordion-DAT3uTMD.js")),
-      VueUiQuickChart: t(() => import("./vue-ui-quick-chart-BQJqdHxB.js")),
-      VueUiCursor: t(() => import("./vue-ui-cursor-C2XYAY0n.js")),
-      VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-Tl-sOjqa.js")),
-      VueUiStripPlot: t(() => import("./vue-ui-strip-plot-CsK2a1mH.js")),
-      VueUiDumbbell: t(() => import("./vue-ui-dumbbell-LNnnDec4.js")),
-      VueUiWordCloud: t(() => import("./vue-ui-word-cloud-BcQ2cfcu.js")),
-      VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-sUpmc7gl.js")),
-      VueUiFlow: t(() => import("./vue-ui-flow-B618L2Da.js")),
-      VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-1a3BGVsh.js")),
-      VueUiTimer: t(() => import("./vue-ui-timer-BC9tH4qB.js")),
-      VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-D1CLPWmk.js")),
-      VueUiGizmo: t(() => import("./vue-ui-gizmo-Cr6zUxnq.js")),
-      VueUiStackbar: t(() => import("./vue-ui-stackbar-BeCCgw_v.js")),
-      VueUiBullet: t(() => import("./vue-ui-bullet-BEzXYrWC.js")),
-      VueUiFunnel: t(() => import("./vue-ui-funnel-DS_tcSnW.js")),
-      VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-DM_vTyiY.js")),
-      VueUiCirclePack: t(() => import("./vue-ui-circle-pack-Bl_cyLTg.js")),
-      VueUiWorld: t(() => import("./vue-ui-world-aLL9NUDQ.js")),
-      VueUiRidgeline: t(() => import("./vue-ui-ridgeline-B8oddwmZ.js")),
-      VueUiChord: t(() => import("./vue-ui-chord-CFT-LcE4.js"))
+      VueUiWaffle: t(() => import("./vue-ui-waffle-w5VJA7gR.js")),
+      VueUiWheel: t(() => import("./vue-ui-wheel-D5yea4oH.js")),
+      VueUiXy: t(() => import("./vue-ui-xy-DnYo2K58.js")),
+      VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-C29u3mfg.js")),
+      VueUiAccordion: t(() => import("./vue-ui-accordion-BBZQktvS.js")),
+      VueUiQuickChart: t(() => import("./vue-ui-quick-chart-fAHV8BFQ.js")),
+      VueUiCursor: t(() => import("./vue-ui-cursor-Day-0aL1.js")),
+      VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-Dn2iTtuB.js")),
+      VueUiStripPlot: t(() => import("./vue-ui-strip-plot-BLTjzATL.js")),
+      VueUiDumbbell: t(() => import("./vue-ui-dumbbell-ajhNYekO.js")),
+      VueUiWordCloud: t(() => import("./vue-ui-word-cloud-OugLGxgB.js")),
+      VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-Cmn0RWbG.js")),
+      VueUiFlow: t(() => import("./vue-ui-flow-BOq3_apj.js")),
+      VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-D-zLAqYN.js")),
+      VueUiTimer: t(() => import("./vue-ui-timer-CqbbNnBk.js")),
+      VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-RqYXqUym.js")),
+      VueUiGizmo: t(() => import("./vue-ui-gizmo-5G0uR26C.js")),
+      VueUiStackbar: t(() => import("./vue-ui-stackbar-B92-pzwh.js")),
+      VueUiBullet: t(() => import("./vue-ui-bullet-D0-jL6aT.js")),
+      VueUiFunnel: t(() => import("./vue-ui-funnel-1Tc-WWAK.js")),
+      VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-kHo6293P.js")),
+      VueUiCirclePack: t(() => import("./vue-ui-circle-pack-DX5resGr.js")),
+      VueUiWorld: t(() => import("./vue-ui-world-BSptBo4h.js")),
+      VueUiRidgeline: t(() => import("./vue-ui-ridgeline-COQZjWXD.js")),
+      VueUiChord: t(() => import("./vue-ui-chord-rUYoYkRO.js"))
     }, ee = {
       VueUi3dBar: ["config", "dataset"],
       VueUiAgePyramid: ["config", "dataset"],

package/dist/vue-data-ui.js

@@ -1,5 +1,5 @@
 import "vue";
-import { aq as s, ar as u, as as V, at as U, au as r, av as t, bl as o, aw as b, bi as l, ax as n, bs as d, bp as m, ay as g, az as C, aA as c, aB as S, aC as k, aD as p, aE as h, bm as T, aF as P, aG as D, bj as f, aH as v, bn as y, bc as A, aI as B, aJ as H, aK as R, aL as W, aM as x, aN as M, aO as w, aP as z, bo as F, aQ as G, aR as L, aS as O, aT as Q, aU as X, br as j, aV as q, aW as E, aX as I, aY as K, aZ as N, a_ as J, a$ as Y, b0 as Z, b1 as _, b2 as $, bk as aa, b3 as ea, b4 as ia, b5 as sa, b6 as ua, b7 as Va, b8 as Ua, b9 as ra, ba as ta, bb as oa, bd as ba, be as la, bf as na, bq as da, bg as ma, bh as ga, L as Ca, V as ca, U as Sa, ak as ka, am as pa, bt as ha, bu as Ta, bv as Pa, bw as Da, bx as fa, by as va, bz as ya, bA as Aa, bB as Ba, bC as Ha, bD as Ra } from "./index-DB4XIP_N.js";
+import { aq as s, ar as u, as as V, at as U, au as r, av as t, bl as o, aw as b, bi as l, ax as n, bs as d, bp as m, ay as g, az as C, aA as c, aB as S, aC as k, aD as p, aE as h, bm as T, aF as P, aG as D, bj as f, aH as v, bn as y, bc as A, aI as B, aJ as H, aK as R, aL as W, aM as x, aN as M, aO as w, aP as z, bo as F, aQ as G, aR as L, aS as O, aT as Q, aU as X, br as j, aV as q, aW as E, aX as I, aY as K, aZ as N, a_ as J, a$ as Y, b0 as Z, b1 as _, b2 as $, bk as aa, b3 as ea, b4 as ia, b5 as sa, b6 as ua, b7 as Va, b8 as Ua, b9 as ra, ba as ta, bb as oa, bd as ba, be as la, bf as na, bq as da, bg as ma, bh as ga, L as Ca, V as ca, U as Sa, ak as ka, am as pa, bt as ha, bu as Ta, bv as Pa, bw as Da, bx as fa, by as va, bz as ya, bA as Aa, bB as Ba, bC as Ha, bD as Ra } from "./index-BeBasrrG.js";
 export {
   s as Arrow,
   u as VueDataUi,

package/dist/{vue-ui-3d-bar-CtiAXSRA.js → vue-ui-3d-bar-BFUcEqAl.js}

@@ -1,11 +1,11 @@
 import { defineAsyncComponent as G, computed as j, ref as S, watch as Qe, onMounted as et, createElementBlock as c, openBlock as n, unref as u, normalizeStyle as O, normalizeClass as Se, createBlock as U, createCommentVNode as y, createSlots as tt, withCtx as T, renderSlot as P, normalizeProps as K, guardReactiveProps as Q, createVNode as lt, createElementVNode as d, Fragment as _, renderList as m, toDisplayString as B, mergeProps as je, createTextVNode as ot, nextTick as st } from "vue";
-import { u as at, c as Te, t as nt, p as ee, a as rt, b as ut, d as it, o as dt, e as te, g as ie, l as E, m as De, f as D, X as ct, s as g, h as le, i as oe, j as Oe, k as se, n as A, q as ht, r as vt } from "./index-DB4XIP_N.js";
-import { u as ze } from "./useNestedProp-iTa19l34.js";
-import { u as ft } from "./usePrinter-id381vkp.js";
+import { u as at, c as Te, t as nt, p as ee, a as rt, b as ut, d as it, o as dt, e as te, g as ie, l as E, m as De, f as D, X as ct, s as g, h as le, i as oe, j as Oe, k as se, n as A, q as ht, r as vt } from "./index-BeBasrrG.js";
+import { u as ze } from "./useNestedProp-BI69cynt.js";
+import { u as ft } from "./usePrinter-DpTBVYGM.js";
 import { u as pt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as yt } from "./useChartAccessibility-9icAAmYg.js";
-import kt from "./Title-B5lsq0cx.js";
-import gt from "./img-CWXYkVMQ.js";
+import kt from "./Title-CbfJu3Bz.js";
+import gt from "./img-Domj-5hZ.js";
 import { _ as $t } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const _t = ["id"], mt = {
   key: 1,
@@ -35,7 +35,7 @@ const _t = ["id"], mt = {
   },
   emits: ["selectDatapoint"],
   setup(Ne, { expose: Be, emit: Ae }) {
-    const Ie = G(() => import("./vue-ui-accordion-DAT3uTMD.js")), Le = G(() => import("./DataTable-Cm1oLidx.js")), Ve = G(() => import("./PackageVersion-DZMJZGOu.js")), We = G(() => import("./PenAndPaper-BDNLADWh.js")), Ge = G(() => import("./vue-ui-skeleton-DDLBx4bb.js")), Ue = G(() => import("./UserOptions-CksX2mn0.js")), { vue_ui_3d_bar: Ee } = at(), $ = Ne, q = Ae, X = j(() => !!$.dataset && Object.keys($.dataset).length), b = S(Te()), Re = S(null), R = S(null), I = S(!1), de = S(0), ce = S(0), t = j({
+    const Ie = G(() => import("./vue-ui-accordion-BBZQktvS.js")), Le = G(() => import("./DataTable-DonNp9Tn.js")), Ve = G(() => import("./PackageVersion-F_KOshQ5.js")), We = G(() => import("./PenAndPaper-BzsPyqiU.js")), Ge = G(() => import("./vue-ui-skeleton-BLCAe0aL.js")), Ue = G(() => import("./UserOptions-32osgWD2.js")), { vue_ui_3d_bar: Ee } = at(), $ = Ne, q = Ae, X = j(() => !!$.dataset && Object.keys($.dataset).length), b = S(Te()), Re = S(null), R = S(null), I = S(!1), de = S(0), ce = S(0), t = j({
       get: () => pe(),
       set: (a) => a
     }), { userOptionsVisible: ae, setUserOptionsVisibility: he, keepUserOptionState: ve } = pt({ config: t.value }), { svgRef: fe } = yt({ config: t.value.style.chart.title });

package/dist/{vue-ui-accordion-DAT3uTMD.js → vue-ui-accordion-BBZQktvS.js}

@@ -1,7 +1,7 @@
 import { useCssVars as y, computed as s, ref as r, onMounted as b, watch as _, createElementBlock as v, openBlock as u, createElementVNode as n, normalizeClass as $, normalizeStyle as p, createCommentVNode as O, renderSlot as c, createBlock as D, normalizeProps as i, mergeProps as N, guardReactiveProps as m } from "vue";
-import w from "./BaseIcon-B_tGgA4H.js";
-import { u as x } from "./useNestedProp-iTa19l34.js";
-import { u as B, c as I } from "./index-DB4XIP_N.js";
+import w from "./BaseIcon-Cq9SmUOT.js";
+import { u as x } from "./useNestedProp-BI69cynt.js";
+import { u as B, c as I } from "./index-BeBasrrG.js";
 import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const F = ["id"], P = {
   key: 0,

package/dist/{vue-ui-age-pyramid-LuljyG04.js → vue-ui-age-pyramid-C1fCszkG.js}

@@ -1,12 +1,12 @@
 import { defineAsyncComponent as $, computed as x, ref as d, watch as Be, shallowRef as ge, onMounted as Ee, onBeforeUnmount as Ue, createElementBlock as r, openBlock as u, unref as i, normalizeStyle as Y, normalizeClass as pe, createBlock as F, createCommentVNode as y, renderSlot as h, createVNode as be, createSlots as De, withCtx as f, normalizeProps as M, guardReactiveProps as P, createElementVNode as v, Fragment as R, renderList as B, toDisplayString as C, createTextVNode as xe, nextTick as Ge } from "vue";
-import { u as Ve, c as We, a as Xe, o as je, e as He, v as c, X as Ye, s as q, w as me, i as T, f as A, q as qe, r as Je, x as Ke, y as Qe } from "./index-DB4XIP_N.js";
+import { u as Ve, c as We, a as Xe, o as je, e as He, v as c, X as Ye, s as q, w as me, i as T, f as A, q as qe, r as Je, x as Ke, y as Qe } from "./index-BeBasrrG.js";
 import { t as Ze, u as et } from "./useResponsive-DfdjqQps.js";
-import { u as we } from "./useNestedProp-iTa19l34.js";
-import { u as tt } from "./usePrinter-id381vkp.js";
+import { u as we } from "./useNestedProp-BI69cynt.js";
+import { u as tt } from "./usePrinter-DpTBVYGM.js";
 import { u as lt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as at } from "./useChartAccessibility-9icAAmYg.js";
-import ot from "./Title-B5lsq0cx.js";
-import st from "./img-CWXYkVMQ.js";
+import ot from "./Title-CbfJu3Bz.js";
+import st from "./img-Domj-5hZ.js";
 import { _ as it } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ut = ["id"], rt = ["xmlns", "viewBox"], nt = ["x", "y", "width", "height"], vt = ["id"], dt = ["stop-color"], yt = ["stop-color"], ht = ["id"], ct = ["stop-color"], ft = ["stop-color"], gt = ["x", "y", "width", "height", "fill", "rx"], pt = ["x", "y", "width", "height", "fill", "rx"], bt = ["x", "y", "width", "height", "fill", "rx"], xt = ["x", "y", "width", "height", "fill", "rx"], mt = { key: 0 }, wt = ["x", "y", "fill", "font-size", "font-weight"], kt = ["x", "y", "fill", "font-size", "font-weight"], _t = { key: 1 }, Ct = ["x", "y", "font-size", "fill", "font-weight"], $t = { key: 2 }, Tt = { key: 0 }, At = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Lt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], St = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], zt = ["x", "y", "font-size", "fill", "font-weight"], Ot = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], It = ["x", "y", "font-size", "fill", "font-weight"], Ft = ["x", "y", "font-size", "fill", "font-weight"], Mt = ["x", "y", "width", "height", "fill", "onMouseover"], Pt = {
   key: 5,
@@ -28,7 +28,7 @@ const ut = ["id"], rt = ["xmlns", "viewBox"], nt = ["x", "y", "width", "height"]
     }
   },
   setup(J, { expose: ke }) {
-    const _e = $(() => import("./vue-ui-accordion-DAT3uTMD.js")), Ce = $(() => import("./DataTable-Cm1oLidx.js")), $e = $(() => import("./PackageVersion-DZMJZGOu.js")), Te = $(() => import("./PenAndPaper-BDNLADWh.js")), Ae = $(() => import("./vue-ui-skeleton-DDLBx4bb.js")), Le = $(() => import("./Tooltip-CrAURNKT.js")), Se = $(() => import("./UserOptions-CksX2mn0.js")), { vue_ui_age_pyramid: ze } = Ve(), g = J, E = x(() => !!g.dataset && g.dataset.length), w = d(We()), Oe = d(null), V = d(!1), W = d(""), U = d(null), K = d(0), k = d(null), Q = d(null), Z = d(null), ee = d(null), te = d(0), le = d(0), e = x({
+    const _e = $(() => import("./vue-ui-accordion-BBZQktvS.js")), Ce = $(() => import("./DataTable-DonNp9Tn.js")), $e = $(() => import("./PackageVersion-F_KOshQ5.js")), Te = $(() => import("./PenAndPaper-BzsPyqiU.js")), Ae = $(() => import("./vue-ui-skeleton-BLCAe0aL.js")), Le = $(() => import("./Tooltip-BuuVsO8D.js")), Se = $(() => import("./UserOptions-32osgWD2.js")), { vue_ui_age_pyramid: ze } = Ve(), g = J, E = x(() => !!g.dataset && g.dataset.length), w = d(We()), Oe = d(null), V = d(!1), W = d(""), U = d(null), K = d(0), k = d(null), Q = d(null), Z = d(null), ee = d(null), te = d(0), le = d(0), e = x({
       get: () => ie(),
       set: (t) => t
     }), { userOptionsVisible: X, setUserOptionsVisibility: ae, keepUserOptionState: oe } = lt({ config: e.value }), { svgRef: se } = at({ config: e.value.style.title });

package/dist/{vue-ui-annotator-CzHa2GlG.js → vue-ui-annotator-BThZoiBl.js}

@@ -1,5 +1,5 @@
-import { z as p, A as v, u as w, B as A } from "./index-DB4XIP_N.js";
-import { d as M } from "./dom-to-png-CIBDe8BB.js";
+import { z as p, A as v, u as w, B as A } from "./index-BeBasrrG.js";
+import { d as M } from "./dom-to-png-B4iPnzPd.js";
 import { createElementBlock as d, openBlock as n, createElementVNode as r, normalizeStyle as c, toDisplayString as u, createCommentVNode as a, normalizeClass as y, createStaticVNode as F, withDirectives as N, vModelCheckbox as g, vModelText as C, renderSlot as O, Fragment as L, renderList as G } from "vue";
 import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const m = {

package/dist/{vue-ui-bullet-BEzXYrWC.js → vue-ui-bullet-D0-jL6aT.js}

@@ -1,12 +1,12 @@
 import { defineAsyncComponent as $, ref as g, computed as f, onMounted as ke, watch as Z, onBeforeUnmount as we, createElementBlock as n, openBlock as r, unref as o, normalizeStyle as T, normalizeClass as ee, createBlock as C, createCommentVNode as i, createElementVNode as _, createSlots as xe, withCtx as b, renderSlot as m, normalizeProps as O, guardReactiveProps as A, createVNode as Ce, Fragment as U, renderList as N, toDisplayString as B } from "vue";
-import { u as _e, o as Le, e as te, g as $e, c as Oe, l as Ae, D as Be, d as Pe, i as P, f as S, X as Se, a as Ie } from "./index-DB4XIP_N.js";
-import { u as ae } from "./useNestedProp-iTa19l34.js";
-import { u as Fe } from "./usePrinter-id381vkp.js";
+import { u as _e, o as Le, e as te, g as $e, c as Oe, l as Ae, D as Be, d as Pe, i as P, f as S, X as Se, a as Ie } from "./index-BeBasrrG.js";
+import { u as ae } from "./useNestedProp-BI69cynt.js";
+import { u as Fe } from "./usePrinter-DpTBVYGM.js";
 import { u as He } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Me } from "./useChartAccessibility-9icAAmYg.js";
-import Te from "./Legend-DlUDcF1t.js";
-import Ue from "./Title-B5lsq0cx.js";
-import Ne from "./img-CWXYkVMQ.js";
+import Te from "./Legend-De_LcU2x.js";
+import Ue from "./Title-CbfJu3Bz.js";
+import Ne from "./img-Domj-5hZ.js";
 import { _ as Re } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ze = ["id"], Ee = {
   key: 1,
@@ -40,7 +40,7 @@ const ze = ["id"], Ee = {
     }
   },
   setup(le, { expose: se }) {
-    const re = $(() => import("./PackageVersion-DZMJZGOu.js")), oe = $(() => import("./PenAndPaper-BDNLADWh.js")), ne = $(() => import("./vue-ui-skeleton-DDLBx4bb.js")), ue = $(() => import("./UserOptions-CksX2mn0.js")), { vue_ui_bullet: ie } = _e(), u = le, k = g(null), ce = g(null), R = g(0), he = g(null), ve = g(0), y = f({
+    const re = $(() => import("./PackageVersion-F_KOshQ5.js")), oe = $(() => import("./PenAndPaper-BzsPyqiU.js")), ne = $(() => import("./vue-ui-skeleton-BLCAe0aL.js")), ue = $(() => import("./UserOptions-32osgWD2.js")), { vue_ui_bullet: ie } = _e(), u = le, k = g(null), ce = g(null), R = g(0), he = g(null), ve = g(0), y = f({
       get: () => u.dataset.hasOwnProperty("value"),
       set: (t) => t
     }), w = f(() => u.dataset.segments ? Array.isArray(u.dataset.segments) ? u.dataset.segments.length ? !0 : (console.warn(`VueUiBullet: dataset segments is empty. Provide segments with this datastructure: