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

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

@@ -2952,7 +2952,10 @@ declare module "vue-data-ui" {
     }
 
     export type VueUiXyConfig = {
+        debug?: boolean;
         responsive?: boolean;
+        autoSize?: boolean; // v3 opt-in
+        loading?: boolean; // v3
         responsiveProportionalSizing?: boolean;
         theme?: Theme;
         customPalette?: string[];
@@ -3289,12 +3292,20 @@ declare module "vue-data-ui" {
     >;
 
     export type VueUiDonutConfig = {
+        debug?: boolean;
         type?: "classic" | "polar";
+        loading?: boolean;
+        pie?: boolean;
         responsive?: boolean;
         theme?: Theme;
         customPalette?: string[];
         useBlurOnHover?: boolean;
         useCssAnimation?: boolean;
+        events?: {
+            datapointEnter?: null | ((data: any) => void),
+            datapointLeave?: null | ((data: any) => void),
+            datapointClick?: null | ((data: any) => void)
+        },
         serieToggleAnimation?: {
             show?: boolean;
             durationMs?: number;
@@ -3333,6 +3344,7 @@ declare module "vue-data-ui" {
                             color?: string;
                             bold?: boolean;
                             fontSize?: number;
+                            minFontSize?: number;
                             rounding?: number;
                             formatter?: Formatter;
                         };
@@ -3340,6 +3352,7 @@ declare module "vue-data-ui" {
                             color?: string;
                             bold?: boolean;
                             fontSize?: number;
+                            minFontSize?: number;
                         };
                         hollow?: {
                             show?: boolean;
@@ -3387,6 +3400,9 @@ declare module "vue-data-ui" {
                         useShadow?: boolean;
                         shadowColor?: string;
                         emptyFill?: string;
+                        selectedColor?: string;
+                        borderColorAuto?: boolean;
+                        borderColor?: string;
                     };
                 };
                 comments?: ChartComments;
@@ -3557,6 +3573,9 @@ declare module "vue-data-ui" {
                         useShadow?: boolean;
                         shadowColor?: string;
                         emptyFill?: string;
+                        selectedColor?: string;
+                        borderColorAuto?: boolean;
+                        borderColor?: string;
                     };
                 };
                 legend?: ChartBaseLegend & {
@@ -4692,6 +4711,11 @@ declare module "vue-data-ui" {
         theme?: Theme;
         customPalette?: string[];
         useCssAnimation?: boolean;
+        events?: {
+            datapointEnter?: null | ((data: any) => void),
+            datapointLeave?: null | ((data: any) => void),
+            datapointClick?: null | ((data: any) => void)
+        },
         style?: {
             fontFamily?: string;
             chart?: {
@@ -8501,60 +8525,15 @@ declare module "vue-data-ui" {
         y
     }: CreateTSpansArgs) => string;
 
-    export type UseObjectBindingsOptions = {
-        /** Delimiter to join object‑path segments */
-        delimiter?: string;
-        /** If true, array indices will not be traversed */
-        skipArrays?: boolean;
-    };
-
-    /**
-     * Recursively build a union of dot‑delimited paths for an object type,
-     * but skip arrays (we don’t traverse them by default at runtime).
-     */
-    type Paths<T> = T extends object
-        ? T extends any[]
-        ? never
-        : {
-            [K in Extract<keyof T, string>]:
-            // if the property is itself an object, recurse
-            T[K] extends object
-            ? `${K}` | `${K}.${Paths<T[K]>}`
-            : `${K}`;
-        }[Extract<keyof T, string>]
-        : never;
-
-    /**
-     * Given an object type `T` and one of its path strings `P`,
-     * resolve the type at that path.
-     */
-    type PathValue<T, P extends string> =
-        P extends `${infer K}.${infer Rest}`
-        ? K extends keyof T
-        ? PathValue<T[K], Rest>
-        : never
-        : P extends keyof T
-        ? T[P]
-        : never;
-
-    /**
-     * A fully‑typed bindings record: for each valid path `P` in `T`,
-     * `ComputedRef` of the exact `PathValue<T,P>`.
-     */
-    export type TypedBindings<T extends object> = {
-        [P in Paths<T>]: WritableComputedRef<PathValue<T, P>>;
-    };
-
     /**
      * Vue Data UI composable
      * ---
      * Flattens a reactive config object into computed refs for every leaf property.
      * 
      * @template T extends object
-     * @param configRef  A Vue `Ref<T>` holding your object.
+     * @param configRef  A Vue `Ref` holding your object.
      * @param options    Optional settings: `delimiter` (default `"."`) and `skipArrays` (default `true`).
-     * @returns         A `TypedBindings<T>` whose keys are every “leaf” path in `T`
-     *                  and whose values are `WritableComputedRef` of the exact property type.
+     * @returns         An object with flatten config as refs
      * 
      * ___
      * @example
@@ -8584,8 +8563,11 @@ declare module "vue-data-ui" {
      *   </template>
      * ```
      */
-    export function useObjectBindings<T extends object>(
-        configRef: Ref<T>,
-        options?: UseObjectBindingsOptions
-    ): TypedBindings<T>;
+    export function useObjectBindings(
+        configRef: Ref<Record<string, any>>,
+        options?: {
+            delimiter?: string
+            skipArrays?: boolean
+        }
+    ): Record<string, Ref<any>>;
 }

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

@@ -2952,7 +2952,10 @@ declare module "vue-data-ui" {
     }
 
     export type VueUiXyConfig = {
+        debug?: boolean;
         responsive?: boolean;
+        autoSize?: boolean; // v3 opt-in
+        loading?: boolean; // v3
         responsiveProportionalSizing?: boolean;
         theme?: Theme;
         customPalette?: string[];
@@ -3289,12 +3292,20 @@ declare module "vue-data-ui" {
     >;
 
     export type VueUiDonutConfig = {
+        debug?: boolean;
         type?: "classic" | "polar";
+        loading?: boolean;
+        pie?: boolean;
         responsive?: boolean;
         theme?: Theme;
         customPalette?: string[];
         useBlurOnHover?: boolean;
         useCssAnimation?: boolean;
+        events?: {
+            datapointEnter?: null | ((data: any) => void),
+            datapointLeave?: null | ((data: any) => void),
+            datapointClick?: null | ((data: any) => void)
+        },
         serieToggleAnimation?: {
             show?: boolean;
             durationMs?: number;
@@ -3333,6 +3344,7 @@ declare module "vue-data-ui" {
                             color?: string;
                             bold?: boolean;
                             fontSize?: number;
+                            minFontSize?: number;
                             rounding?: number;
                             formatter?: Formatter;
                         };
@@ -3340,6 +3352,7 @@ declare module "vue-data-ui" {
                             color?: string;
                             bold?: boolean;
                             fontSize?: number;
+                            minFontSize?: number;
                         };
                         hollow?: {
                             show?: boolean;
@@ -3387,6 +3400,9 @@ declare module "vue-data-ui" {
                         useShadow?: boolean;
                         shadowColor?: string;
                         emptyFill?: string;
+                        selectedColor?: string;
+                        borderColorAuto?: boolean;
+                        borderColor?: string;
                     };
                 };
                 comments?: ChartComments;
@@ -3557,6 +3573,9 @@ declare module "vue-data-ui" {
                         useShadow?: boolean;
                         shadowColor?: string;
                         emptyFill?: string;
+                        selectedColor?: string;
+                        borderColorAuto?: boolean;
+                        borderColor?: string;
                     };
                 };
                 legend?: ChartBaseLegend & {
@@ -4692,6 +4711,11 @@ declare module "vue-data-ui" {
         theme?: Theme;
         customPalette?: string[];
         useCssAnimation?: boolean;
+        events?: {
+            datapointEnter?: null | ((data: any) => void),
+            datapointLeave?: null | ((data: any) => void),
+            datapointClick?: null | ((data: any) => void)
+        },
         style?: {
             fontFamily?: string;
             chart?: {
@@ -8501,60 +8525,15 @@ declare module "vue-data-ui" {
         y
     }: CreateTSpansArgs) => string;
 
-    export type UseObjectBindingsOptions = {
-        /** Delimiter to join object‑path segments */
-        delimiter?: string;
-        /** If true, array indices will not be traversed */
-        skipArrays?: boolean;
-    };
-
-    /**
-     * Recursively build a union of dot‑delimited paths for an object type,
-     * but skip arrays (we don’t traverse them by default at runtime).
-     */
-    type Paths<T> = T extends object
-        ? T extends any[]
-        ? never
-        : {
-            [K in Extract<keyof T, string>]:
-            // if the property is itself an object, recurse
-            T[K] extends object
-            ? `${K}` | `${K}.${Paths<T[K]>}`
-            : `${K}`;
-        }[Extract<keyof T, string>]
-        : never;
-
-    /**
-     * Given an object type `T` and one of its path strings `P`,
-     * resolve the type at that path.
-     */
-    type PathValue<T, P extends string> =
-        P extends `${infer K}.${infer Rest}`
-        ? K extends keyof T
-        ? PathValue<T[K], Rest>
-        : never
-        : P extends keyof T
-        ? T[P]
-        : never;
-
-    /**
-     * A fully‑typed bindings record: for each valid path `P` in `T`,
-     * `ComputedRef` of the exact `PathValue<T,P>`.
-     */
-    export type TypedBindings<T extends object> = {
-        [P in Paths<T>]: WritableComputedRef<PathValue<T, P>>;
-    };
-
     /**
      * Vue Data UI composable
      * ---
      * Flattens a reactive config object into computed refs for every leaf property.
      * 
      * @template T extends object
-     * @param configRef  A Vue `Ref<T>` holding your object.
+     * @param configRef  A Vue `Ref` holding your object.
      * @param options    Optional settings: `delimiter` (default `"."`) and `skipArrays` (default `true`).
-     * @returns         A `TypedBindings<T>` whose keys are every “leaf” path in `T`
-     *                  and whose values are `WritableComputedRef` of the exact property type.
+     * @returns         An object with flatten config as refs
      * 
      * ___
      * @example
@@ -8584,8 +8563,11 @@ declare module "vue-data-ui" {
      *   </template>
      * ```
      */
-    export function useObjectBindings<T extends object>(
-        configRef: Ref<T>,
-        options?: UseObjectBindingsOptions
-    ): TypedBindings<T>;
+    export function useObjectBindings(
+        configRef: Ref<Record<string, any>>,
+        options?: {
+            delimiter?: string
+            skipArrays?: boolean
+        }
+    ): Record<string, Ref<any>>;
 }

package/dist/useLoading-Bt5Doa8m.js

@@ -0,0 +1,28 @@
+import { createElementBlock as p, openBlock as v, ref as d, computed as g, unref as c, watchEffect as h } from "vue";
+import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const y = {}, B = { class: "vue-data-ui-scanner" };
+function E(a, n) {
+  return v(), p("div", B);
+}
+const I = /* @__PURE__ */ A(y, [["render", E], ["__scopeId", "data-v-d6376e44"]]);
+function S({
+  config: a,
+  dataset: n,
+  skeletonDataset: r,
+  skeletonConfig: t,
+  FINAL_CONFIG: i,
+  prepareConfig: _,
+  callback: s = null
+}) {
+  const u = d(!1), o = g(() => {
+    const f = c(a)?.loading ?? !1, e = c(n), m = e == null || Array.isArray(e) && e.length === 0 || Object.keys(e).length === 0;
+    return u.value || f || m;
+  }), l = d(c(n));
+  return h(() => {
+    l.value = o.value ? r : c(n), i.value = o.value ? t : _(), s && s();
+  }), { loading: o, FINAL_DATASET: l, manualLoading: u, skeletonDataset: r, skeletonConfig: t };
+}
+export {
+  I as B,
+  S as u
+};

package/dist/{useNestedProp-uR74_CFG.js → useNestedProp-DorElw91.js}

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

package/dist/{usePrinter-j3g1L2nh.js → usePrinter-C9qkgv0r.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-DROWzopj.js");
+          const { default: e } = await import("./pdf-CguiIsUc.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-D3JvqNF8.js");
+          const { default: e } = await import("./img-ku4zevVD.js");
           await e({
             domElement: document.getElementById(u),
             fileName: l,

package/dist/{vue-data-ui-BzMRz9Un.js → vue-data-ui-DQef_oFO.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-BAHAKjob.js";
+import K from "./BaseIcon-BmZ4MREl.js";
 const be = { style: { width: "36px" } }, Ae = {
   __name: "vue-data-ui",
   props: {
@@ -36,68 +36,68 @@ 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-BAOGEe-m.js")),
-      VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-BRdQ44O4.js")),
-      VueUiAnnotator: t(() => import("./vue-ui-annotator-mjIKrhYa.js")),
-      VueUiCandlestick: t(() => import("./vue-ui-candlestick-BFLmoEEN.js")),
-      VueUiChestnut: t(() => import("./vue-ui-chestnut-C7eNjkFo.js")),
-      VueUiDashboard: t(() => import("./vue-ui-dashboard-WMKjx3iE.js")),
-      VueUiDigits: t(() => import("./vue-ui-digits-BoYPIuXn.js")),
-      VueUiDonut: t(() => import("./vue-ui-donut-DJVqqXEb.js")),
-      VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-DSG8NUG0.js")),
-      VueUiGalaxy: t(() => import("./vue-ui-galaxy-D5L31IXm.js")),
-      VueUiGauge: t(() => import("./vue-ui-gauge-BnuDe4Wj.js")),
-      VueUiHeatmap: t(() => import("./vue-ui-heatmap-9KJYiKzE.js")),
-      VueUiKpi: t(() => import("./vue-ui-kpi-EtTBwHGS.js")),
-      VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-CRnUCpsm.js")),
-      VueUiMolecule: t(() => import("./vue-ui-molecule-Bfk3Vhbi.js")),
-      VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-BfRkWvgp.js")),
-      VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-Ck9Zm1UU.js")),
-      VueUiOnion: t(() => import("./vue-ui-onion-DF7Z21x-.js")),
-      VueUiQuadrant: t(() => import("./vue-ui-quadrant-DpFjMZoK.js")),
-      VueUiRadar: t(() => import("./vue-ui-radar-Dg8UovnR.js")),
-      VueUiRating: t(() => import("./vue-ui-rating-D3cpdLRt.js")),
-      VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-BZTTPLCi.js")),
-      VueUiRings: t(() => import("./vue-ui-rings-BiA-bRgU.js")),
-      VueUiScatter: t(() => import("./vue-ui-scatter-C3sCChYD.js")),
-      VueUiSkeleton: t(() => import("./vue-ui-skeleton-DY48gQ96.js")),
-      VueUiSmiley: t(() => import("./vue-ui-smiley-DopwmgcY.js")),
-      VueUiSparkbar: t(() => import("./vue-ui-sparkbar-mqLbTvAg.js")),
-      VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-CdfZYUAZ.js")),
-      VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-DAy--kFA.js")),
-      VueUiSparkline: t(() => import("./vue-ui-sparkline-KkG0FnmI.js")),
-      VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-LDRannBB.js")),
-      VueUiTable: t(() => import("./vue-ui-table-CPWgP-71.js")),
-      VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-CNC7Lp0t.js")),
-      VueUiThermometer: t(() => import("./vue-ui-thermometer-Bby5nWIi.js")),
-      VueUiTiremarks: t(() => import("./vue-ui-tiremarks-C0V_XedF.js")),
-      VueUiTreemap: t(() => import("./vue-ui-treemap-B5k0NEO3.js")),
-      VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-DRmHFEMu.js")),
-      VueUiWaffle: t(() => import("./vue-ui-waffle-DrEQsTIO.js")),
-      VueUiWheel: t(() => import("./vue-ui-wheel-BOTBLBOr.js")),
-      VueUiXy: t(() => import("./vue-ui-xy-C7uPPKm9.js")),
-      VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-DfrMVDEE.js")),
-      VueUiAccordion: t(() => import("./vue-ui-accordion-DzF-SPaZ.js")),
-      VueUiQuickChart: t(() => import("./vue-ui-quick-chart-NfXEFkoL.js")),
-      VueUiCursor: t(() => import("./vue-ui-cursor-BrKIImfp.js")),
-      VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-DO7P-2x8.js")),
-      VueUiStripPlot: t(() => import("./vue-ui-strip-plot-DUBqioS2.js")),
-      VueUiDumbbell: t(() => import("./vue-ui-dumbbell-BMveoLd_.js")),
-      VueUiWordCloud: t(() => import("./vue-ui-word-cloud-Btay9XOs.js")),
-      VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-CDjYeEkq.js")),
-      VueUiFlow: t(() => import("./vue-ui-flow-Dnsik-8f.js")),
-      VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-JVogg7k5.js")),
-      VueUiTimer: t(() => import("./vue-ui-timer-ym9etXUy.js")),
-      VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-V89TMa5p.js")),
-      VueUiGizmo: t(() => import("./vue-ui-gizmo-DYYw-JEs.js")),
-      VueUiStackbar: t(() => import("./vue-ui-stackbar-Bys4yWs_.js")),
-      VueUiBullet: t(() => import("./vue-ui-bullet-CLYmLvSB.js")),
-      VueUiFunnel: t(() => import("./vue-ui-funnel-CQ0nHCvy.js")),
-      VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-QOaVWh5L.js")),
-      VueUiCirclePack: t(() => import("./vue-ui-circle-pack-CCMbsOpk.js")),
-      VueUiWorld: t(() => import("./vue-ui-world-zBvIXrWH.js")),
-      VueUiRidgeline: t(() => import("./vue-ui-ridgeline-CtY_J3hk.js")),
-      VueUiChord: t(() => import("./vue-ui-chord-BuYDLE7K.js"))
+      VueUi3dBar: t(() => import("./vue-ui-3d-bar-DPSamIA-.js")),
+      VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-DVeGKvf9.js")),
+      VueUiAnnotator: t(() => import("./vue-ui-annotator-6ikkK-FK.js")),
+      VueUiCandlestick: t(() => import("./vue-ui-candlestick-Bi59FGXn.js")),
+      VueUiChestnut: t(() => import("./vue-ui-chestnut-D8wGAZod.js")),
+      VueUiDashboard: t(() => import("./vue-ui-dashboard-CKurbu8M.js")),
+      VueUiDigits: t(() => import("./vue-ui-digits-DfdZI11G.js")),
+      VueUiDonut: t(() => import("./vue-ui-donut-tECBFvud.js")),
+      VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-CKbLO8yR.js")),
+      VueUiGalaxy: t(() => import("./vue-ui-galaxy-ocvZgZJx.js")),
+      VueUiGauge: t(() => import("./vue-ui-gauge-DajNoY-D.js")),
+      VueUiHeatmap: t(() => import("./vue-ui-heatmap-CfBS8jQe.js")),
+      VueUiKpi: t(() => import("./vue-ui-kpi-DLGHOIRj.js")),
+      VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-CHAHi4c9.js")),
+      VueUiMolecule: t(() => import("./vue-ui-molecule-R5-oDFeW.js")),
+      VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-Ddf2gaES.js")),
+      VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-CksklV83.js")),
+      VueUiOnion: t(() => import("./vue-ui-onion-D2n4zUkV.js")),
+      VueUiQuadrant: t(() => import("./vue-ui-quadrant-CxNj2FEx.js")),
+      VueUiRadar: t(() => import("./vue-ui-radar-DSYMQJ6K.js")),
+      VueUiRating: t(() => import("./vue-ui-rating-BiQpwXnc.js")),
+      VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-Cdxe78Bm.js")),
+      VueUiRings: t(() => import("./vue-ui-rings-BenmQHKv.js")),
+      VueUiScatter: t(() => import("./vue-ui-scatter-mDMY1H6U.js")),
+      VueUiSkeleton: t(() => import("./vue-ui-skeleton-Ch_XkFuP.js")),
+      VueUiSmiley: t(() => import("./vue-ui-smiley-DTig5lTU.js")),
+      VueUiSparkbar: t(() => import("./vue-ui-sparkbar-CgqoyBOm.js")),
+      VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-B4jR_Y62.js")),
+      VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-DfxjglLy.js")),
+      VueUiSparkline: t(() => import("./vue-ui-sparkline-M3QR8xJE.js")),
+      VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-B2Ls-Mb8.js")),
+      VueUiTable: t(() => import("./vue-ui-table-BhymhDOh.js")),
+      VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-DxBZGKZJ.js")),
+      VueUiThermometer: t(() => import("./vue-ui-thermometer-e2L6IdF-.js")),
+      VueUiTiremarks: t(() => import("./vue-ui-tiremarks-nzQH7woJ.js")),
+      VueUiTreemap: t(() => import("./vue-ui-treemap-CZxyi6fl.js")),
+      VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-DahdX1Sn.js")),
+      VueUiWaffle: t(() => import("./vue-ui-waffle-D399D4UE.js")),
+      VueUiWheel: t(() => import("./vue-ui-wheel-DtcwtHzJ.js")),
+      VueUiXy: t(() => import("./vue-ui-xy-BkTP-JpK.js")),
+      VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-DokRh4dS.js")),
+      VueUiAccordion: t(() => import("./vue-ui-accordion-DgZK-qDz.js")),
+      VueUiQuickChart: t(() => import("./vue-ui-quick-chart-Bm_VmhJR.js")),
+      VueUiCursor: t(() => import("./vue-ui-cursor-Dd7vUd0q.js")),
+      VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-BkDsp8E0.js")),
+      VueUiStripPlot: t(() => import("./vue-ui-strip-plot-B_ZLbu2D.js")),
+      VueUiDumbbell: t(() => import("./vue-ui-dumbbell-DI5Lj3r_.js")),
+      VueUiWordCloud: t(() => import("./vue-ui-word-cloud-CTDceQsf.js")),
+      VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-BKAowbe0.js")),
+      VueUiFlow: t(() => import("./vue-ui-flow-CjU48s9z.js")),
+      VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-CNWQqlxf.js")),
+      VueUiTimer: t(() => import("./vue-ui-timer-BG2EwK3o.js")),
+      VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-DitKhrFT.js")),
+      VueUiGizmo: t(() => import("./vue-ui-gizmo-DTnzeQbm.js")),
+      VueUiStackbar: t(() => import("./vue-ui-stackbar-DIHkn6__.js")),
+      VueUiBullet: t(() => import("./vue-ui-bullet-Bg4hfFk2.js")),
+      VueUiFunnel: t(() => import("./vue-ui-funnel-DM_5vHZ4.js")),
+      VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-BuOPWQoP.js")),
+      VueUiCirclePack: t(() => import("./vue-ui-circle-pack-CPy6xcxv.js")),
+      VueUiWorld: t(() => import("./vue-ui-world-BjNSbqMZ.js")),
+      VueUiRidgeline: t(() => import("./vue-ui-ridgeline-DpeM2hRi.js")),
+      VueUiChord: t(() => import("./vue-ui-chord-C-uTVCDP.js"))
     }, ee = {
       VueUi3dBar: ["config", "dataset"],
       VueUiAgePyramid: ["config", "dataset"],

package/dist/vue-data-ui.js

@@ -1,5 +1,5 @@
 import "vue";
-import { ap as s, aq as u, ar as V, as as U, at as r, au as t, bj as o, av as b, bg as l, aw as n, bq as d, bn as g, ax as m, ay as C, az as c, aA as k, aB as p, aC as S, aD as h, bk as T, aE as P, aF as D, bh as f, aG as v, bl as y, aH as A, aI as R, aJ as H, aK as W, aL as x, aM as B, aN as M, aO as w, bm as F, aP as G, aQ as z, aR as L, aS as O, aT as Q, bp as X, aU 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 _, bi as $, b2 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, bc as ba, bd as la, bo as na, be as da, bf as ga, L as ma, V as Ca, U as ca, ag as ka, ak as pa, br as Sa, bs as ha, bt as Ta, bu as Pa, bv as Da, bw as fa, bx as va, by as ya, bz as Aa, bA as Ra } from "./index-BSa4GlHG.js";
+import { ap as s, aq as u, ar as V, as as U, at as r, au as t, bj as o, av as b, bg as l, aw as n, bq as d, bn as g, ax as m, ay as C, az as c, aA as p, aB as S, aC as k, aD as h, bk as T, aE as P, aF as D, bh as f, aG as v, bl as y, aH as A, aI as R, aJ as H, aK as W, aL as x, aM as B, aN as M, aO as w, bm as F, aP as G, aQ as j, aR as z, aS as L, aT as O, bp as Q, aU as X, 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 _, bi as $, b2 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, bc as ba, bd as la, bo as na, be as da, bf as ga, L as ma, V as Ca, U as ca, aj as pa, al as Sa, br as ka, bs as ha, bt as Ta, bu as Pa, bv as Da, bw as fa, bx as va, by as ya, bz as Aa, bA as Ra } from "./index-BzfnuLnw.js";
 export {
   s as Arrow,
   u as VueDataUi,
@@ -16,9 +16,9 @@ export {
   m as VueUiCursor,
   C as VueUiDashboard,
   c as VueUiDigits,
-  k as VueUiDonut,
-  p as VueUiDonutEvolution,
-  S as VueUiDumbbell,
+  p as VueUiDonut,
+  S as VueUiDonutEvolution,
+  k as VueUiDumbbell,
   h as VueUiFlow,
   T as VueUiFunnel,
   P as VueUiGalaxy,
@@ -36,12 +36,12 @@ export {
   w as VueUiParallelCoordinatePlot,
   F as VueUiPattern,
   G as VueUiQuadrant,
-  z as VueUiQuickChart,
-  L as VueUiRadar,
-  O as VueUiRating,
-  Q as VueUiRelationCircle,
-  X as VueUiRidgeline,
-  j as VueUiRings,
+  j as VueUiQuickChart,
+  z as VueUiRadar,
+  L as VueUiRating,
+  O as VueUiRelationCircle,
+  Q as VueUiRidgeline,
+  X as VueUiRings,
   q as VueUiScatter,
   E as VueUiSkeleton,
   I as VueUiSmiley,
@@ -70,9 +70,9 @@ export {
   ma as abbreviate,
   Ca as createSmoothPath,
   ca as createStraightPath,
-  ka as createTSpans,
-  pa as createWordCloudDatasetFromPlainText,
-  Sa as darkenColor,
+  pa as createTSpans,
+  Sa as createWordCloudDatasetFromPlainText,
+  ka as darkenColor,
   ha as getCumulativeAverage,
   Ta as getCumulativeMedian,
   Pa as getPalette,

package/dist/{vue-ui-3d-bar-BAOGEe-m.js → vue-ui-3d-bar-DPSamIA-.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-BSa4GlHG.js";
-import { u as ze } from "./useNestedProp-uR74_CFG.js";
-import { u as ft } from "./usePrinter-j3g1L2nh.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-BzfnuLnw.js";
+import { u as ze } from "./useNestedProp-DorElw91.js";
+import { u as ft } from "./usePrinter-C9qkgv0r.js";
 import { u as pt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as yt } from "./useChartAccessibility-9icAAmYg.js";
-import kt from "./Title-CWxjC3bE.js";
-import gt from "./img-D3JvqNF8.js";
+import kt from "./Title-pVYRzQXY.js";
+import gt from "./img-ku4zevVD.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-DzF-SPaZ.js")), Le = G(() => import("./DataTable-vByThHdN.js")), Ve = G(() => import("./PackageVersion-B0wGS6pw.js")), We = G(() => import("./PenAndPaper-7o0xS-d4.js")), Ge = G(() => import("./vue-ui-skeleton-DY48gQ96.js")), Ue = G(() => import("./UserOptions-BEBaPSlU.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-DgZK-qDz.js")), Le = G(() => import("./DataTable-CgL0Rz0x.js")), Ve = G(() => import("./PackageVersion-CAkNkiIG.js")), We = G(() => import("./PenAndPaper-Cx1-5zdD.js")), Ge = G(() => import("./vue-ui-skeleton-Ch_XkFuP.js")), Ue = G(() => import("./UserOptions-DAsRxxrf.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-DzF-SPaZ.js → vue-ui-accordion-DgZK-qDz.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-BAHAKjob.js";
-import { u as x } from "./useNestedProp-uR74_CFG.js";
-import { u as B, c as I } from "./index-BSa4GlHG.js";
+import w from "./BaseIcon-BmZ4MREl.js";
+import { u as x } from "./useNestedProp-DorElw91.js";
+import { u as B, c as I } from "./index-BzfnuLnw.js";
 import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const F = ["id"], P = {
   key: 0,

package/dist/{vue-ui-age-pyramid-BRdQ44O4.js → vue-ui-age-pyramid-DVeGKvf9.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-BSa4GlHG.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-BzfnuLnw.js";
 import { t as Ze, u as et } from "./useResponsive-DfdjqQps.js";
-import { u as we } from "./useNestedProp-uR74_CFG.js";
-import { u as tt } from "./usePrinter-j3g1L2nh.js";
+import { u as we } from "./useNestedProp-DorElw91.js";
+import { u as tt } from "./usePrinter-C9qkgv0r.js";
 import { u as lt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as at } from "./useChartAccessibility-9icAAmYg.js";
-import ot from "./Title-CWxjC3bE.js";
-import st from "./img-D3JvqNF8.js";
+import ot from "./Title-pVYRzQXY.js";
+import st from "./img-ku4zevVD.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-DzF-SPaZ.js")), Ce = $(() => import("./DataTable-vByThHdN.js")), $e = $(() => import("./PackageVersion-B0wGS6pw.js")), Te = $(() => import("./PenAndPaper-7o0xS-d4.js")), Ae = $(() => import("./vue-ui-skeleton-DY48gQ96.js")), Le = $(() => import("./Tooltip-Cq9HywcX.js")), Se = $(() => import("./UserOptions-BEBaPSlU.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-DgZK-qDz.js")), Ce = $(() => import("./DataTable-CgL0Rz0x.js")), $e = $(() => import("./PackageVersion-CAkNkiIG.js")), Te = $(() => import("./PenAndPaper-Cx1-5zdD.js")), Ae = $(() => import("./vue-ui-skeleton-Ch_XkFuP.js")), Le = $(() => import("./Tooltip-NwATo4ZJ.js")), Se = $(() => import("./UserOptions-DAsRxxrf.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-mjIKrhYa.js → vue-ui-annotator-6ikkK-FK.js}

@@ -1,5 +1,5 @@
-import { z as p, A as v, u as w, B as A } from "./index-BSa4GlHG.js";
-import { d as M } from "./dom-to-png-CrAOuxmd.js";
+import { z as p, A as v, u as w, B as A } from "./index-BzfnuLnw.js";
+import { d as M } from "./dom-to-png-BF_4H_6u.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 = {