vue-data-ui 2.15.6-beta.2 → 2.16.0

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

@@ -1,5 +1,5 @@
 declare module "vue-data-ui" {
-    import { DefineComponent } from "vue";
+    import { Ref, ComputedRef, DefineComponent } from "vue";
 
     export type VueUiUnknownObj = {
         [key: string]: unknown;
@@ -5235,7 +5235,7 @@ declare module "vue-data-ui" {
         [key: string]: string | number | number[];
     };
 
-    export type VueUiQuickChartDataset = 
+    export type VueUiQuickChartDataset =
         | number[]
         | VueUiQuickChartDatasetObjectItem
         | VueUiQuickChartDatasetObjectItem[];
@@ -7430,9 +7430,9 @@ declare module "vue-data-ui" {
      * - Handles arrays by making their item type DeepPartial
      */
     export type DeepPartial<T> =
-    T extends Function
-    ? T
-    : T extends Array<infer U>
+        T extends Function
+        ? T
+        : T extends Array<infer U>
         ? Array<DeepPartial<U>>
         : T extends object
         ? { [K in keyof T]?: DeepPartial<T[K]> }
@@ -7455,12 +7455,12 @@ declare module "vue-data-ui" {
      * })
      */
     export function mergeConfigs<T extends Record<string, any>>({
-            defaultConfig,
-            userConfig,
-        }: {
-            defaultConfig: T;
-            userConfig: DeepPartial<T>;
-        }
+        defaultConfig,
+        userConfig,
+    }: {
+        defaultConfig: T;
+        userConfig: DeepPartial<T>;
+    }
     ): T;
 
     /**
@@ -7648,4 +7648,93 @@ declare module "vue-data-ui" {
         x,
         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>]: ComputedRef<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 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 `ComputedRef` of the exact property type.
+     * 
+     * ___
+     * @example
+     * 
+     * ```js
+     *   import { useObjectBindings } from "vue-data-ui";
+     *   import type { Ref, ComputedRef } from "vue";
+     *
+     *   const config = ref({
+     *     customPalette: ["#CCCCCC", "#1A1A1A"],
+     *     style: {
+     *       chart: {
+     *         backgroundColor: "#FFFFFF",
+     *         color: "#1A1A1A",
+     *       },
+     *     },
+     *   });
+     * 
+     *   const bindings = useObjectBindings(config);
+     * ```
+     * 
+     * Then in your template:
+     * ```html
+     *   <template>
+     *     <div>
+     *       <input type="color" v-model="bindings['style.chart.backgroundColor']" />
+     *     </div>
+     *   </template>
+     * ```
+     */
+    export function useObjectBindings<T extends object>(
+        configRef: Ref<T>,
+        options?: UseObjectBindingsOptions
+    ): TypedBindings<T>;
 }

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

@@ -1,5 +1,5 @@
 declare module "vue-data-ui" {
-    import { DefineComponent } from "vue";
+    import { Ref, ComputedRef, DefineComponent } from "vue";
 
     export type VueUiUnknownObj = {
         [key: string]: unknown;
@@ -5235,7 +5235,7 @@ declare module "vue-data-ui" {
         [key: string]: string | number | number[];
     };
 
-    export type VueUiQuickChartDataset = 
+    export type VueUiQuickChartDataset =
         | number[]
         | VueUiQuickChartDatasetObjectItem
         | VueUiQuickChartDatasetObjectItem[];
@@ -7430,9 +7430,9 @@ declare module "vue-data-ui" {
      * - Handles arrays by making their item type DeepPartial
      */
     export type DeepPartial<T> =
-    T extends Function
-    ? T
-    : T extends Array<infer U>
+        T extends Function
+        ? T
+        : T extends Array<infer U>
         ? Array<DeepPartial<U>>
         : T extends object
         ? { [K in keyof T]?: DeepPartial<T[K]> }
@@ -7455,12 +7455,12 @@ declare module "vue-data-ui" {
      * })
      */
     export function mergeConfigs<T extends Record<string, any>>({
-            defaultConfig,
-            userConfig,
-        }: {
-            defaultConfig: T;
-            userConfig: DeepPartial<T>;
-        }
+        defaultConfig,
+        userConfig,
+    }: {
+        defaultConfig: T;
+        userConfig: DeepPartial<T>;
+    }
     ): T;
 
     /**
@@ -7648,4 +7648,93 @@ declare module "vue-data-ui" {
         x,
         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>]: ComputedRef<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 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 `ComputedRef` of the exact property type.
+     * 
+     * ___
+     * @example
+     * 
+     * ```js
+     *   import { useObjectBindings } from "vue-data-ui";
+     *   import type { Ref, ComputedRef } from "vue";
+     *
+     *   const config = ref({
+     *     customPalette: ["#CCCCCC", "#1A1A1A"],
+     *     style: {
+     *       chart: {
+     *         backgroundColor: "#FFFFFF",
+     *         color: "#1A1A1A",
+     *       },
+     *     },
+     *   });
+     * 
+     *   const bindings = useObjectBindings(config);
+     * ```
+     * 
+     * Then in your template:
+     * ```html
+     *   <template>
+     *     <div>
+     *       <input type="color" v-model="bindings['style.chart.backgroundColor']" />
+     *     </div>
+     *   </template>
+     * ```
+     */
+    export function useObjectBindings<T extends object>(
+        configRef: Ref<T>,
+        options?: UseObjectBindingsOptions
+    ): TypedBindings<T>;
 }

package/dist/{useNestedProp-Ik0O2Bx-.js → useNestedProp-yHcl2Qv-.js}

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

package/dist/{usePrinter-DHkpNryF.js → usePrinter-D-4Ffa-i.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-CLOacSiV.js");
+          const { default: e } = await import("./pdf-CaadJrGW.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-F41ob8sE.js");
+          const { default: e } = await import("./img-Bk3lHRQt.js");
           await e({
             domElement: document.getElementById(u),
             fileName: l,

package/dist/{vue-data-ui-BetYP3GL.js → vue-data-ui-Bc92n--W.js}

@@ -1,5 +1,5 @@
 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-Dp9dacYe.js";
+import Q from "./BaseIcon-C_4Rt67h.js";
 const kt = { style: { width: "36px" } }, yt = {
   __name: "vue-data-ui",
   props: {
@@ -36,68 +36,68 @@ const kt = { style: { width: "36px" } }, yt = {
   ],
   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-vr7kJvPq.js")),
-      VueUiAgePyramid: e(() => import("./vue-ui-age-pyramid-CQZsYtIG.js")),
-      VueUiAnnotator: e(() => import("./vue-ui-annotator-1MhSI4z-.js")),
-      VueUiCandlestick: e(() => import("./vue-ui-candlestick-D-ybMgD_.js")),
-      VueUiChestnut: e(() => import("./vue-ui-chestnut-Csk6O9Q4.js")),
-      VueUiDashboard: e(() => import("./vue-ui-dashboard-Do2xCA9Q.js")),
-      VueUiDigits: e(() => import("./vue-ui-digits-DqShjFp6.js")),
-      VueUiDonut: e(() => import("./vue-ui-donut-FpeRestz.js")),
-      VueUiDonutEvolution: e(() => import("./vue-ui-donut-evolution-BY73RgZ3.js")),
-      VueUiGalaxy: e(() => import("./vue-ui-galaxy-soaioiR4.js")),
-      VueUiGauge: e(() => import("./vue-ui-gauge-DZseh5v-.js")),
-      VueUiHeatmap: e(() => import("./vue-ui-heatmap-DOq6z5Pk.js")),
-      VueUiKpi: e(() => import("./vue-ui-kpi-Dn2POQ3e.js")),
-      VueUiMiniLoader: e(() => import("./vue-ui-mini-loader-0UYyx9Dg.js")),
-      VueUiMolecule: e(() => import("./vue-ui-molecule-vpvPqHVo.js")),
-      VueUiMoodRadar: e(() => import("./vue-ui-mood-radar-9aeno5kE.js")),
-      VueUiNestedDonuts: e(() => import("./vue-ui-nested-donuts-AmFbOphT.js")),
-      VueUiOnion: e(() => import("./vue-ui-onion-JdjIjDQC.js")),
-      VueUiQuadrant: e(() => import("./vue-ui-quadrant-CfoSpAi2.js")),
-      VueUiRadar: e(() => import("./vue-ui-radar-v0Q9MUEh.js")),
-      VueUiRating: e(() => import("./vue-ui-rating-brp_e1ob.js")),
-      VueUiRelationCircle: e(() => import("./vue-ui-relation-circle-BpymSYy8.js")),
-      VueUiRings: e(() => import("./vue-ui-rings-Dmkr02rA.js")),
-      VueUiScatter: e(() => import("./vue-ui-scatter-BTxr3JPV.js")),
-      VueUiSkeleton: e(() => import("./vue-ui-skeleton-Czaz-GOG.js")),
-      VueUiSmiley: e(() => import("./vue-ui-smiley-DRKM1rUy.js")),
-      VueUiSparkbar: e(() => import("./vue-ui-sparkbar-DDrnMfDT.js")),
-      VueUiSparkgauge: e(() => import("./vue-ui-sparkgauge-DVMLiVoM.js")),
-      VueUiSparkHistogram: e(() => import("./vue-ui-sparkhistogram-B7nOLC8V.js")),
-      VueUiSparkline: e(() => import("./vue-ui-sparkline-mv7V-Q7J.js")),
-      VueUiSparkStackbar: e(() => import("./vue-ui-sparkstackbar-q2kY6_ik.js")),
-      VueUiTable: e(() => import("./vue-ui-table-DElqsOIB.js")),
-      VueUiTableSparkline: e(() => import("./vue-ui-table-sparkline-B_ZgXOh0.js")),
-      VueUiThermometer: e(() => import("./vue-ui-thermometer-CNhHV_Ib.js")),
-      VueUiTiremarks: e(() => import("./vue-ui-tiremarks-D2GTp4h2.js")),
-      VueUiTreemap: e(() => import("./vue-ui-treemap-Bn5mp_h4.js")),
-      VueUiVerticalBar: e(() => import("./vue-ui-vertical-bar-Ds6AkgMG.js")),
-      VueUiWaffle: e(() => import("./vue-ui-waffle-D4zF3R48.js")),
-      VueUiWheel: e(() => import("./vue-ui-wheel-Cm_KcJZD.js")),
-      VueUiXy: e(() => import("./vue-ui-xy-Bi4XIob2.js")),
-      VueUiTableHeatmap: e(() => import("./vue-ui-table-heatmap-DZf-J-y8.js")),
-      VueUiAccordion: e(() => import("./vue-ui-accordion-K6A5AUee.js")),
-      VueUiQuickChart: e(() => import("./vue-ui-quick-chart-B4_MecKf.js")),
-      VueUiCursor: e(() => import("./vue-ui-cursor-epDxzf8G.js")),
-      VueUiSparkTrend: e(() => import("./vue-ui-spark-trend-B-uovzwr.js")),
-      VueUiStripPlot: e(() => import("./vue-ui-strip-plot-CC0Apm9f.js")),
-      VueUiDumbbell: e(() => import("./vue-ui-dumbbell-BOI6x_Ij.js")),
-      VueUiWordCloud: e(() => import("./vue-ui-word-cloud-BKim6GYT.js")),
-      VueUiXyCanvas: e(() => import("./vue-ui-xy-canvas-EdHc0Zci.js")),
-      VueUiFlow: e(() => import("./vue-ui-flow-BWPa5r7C.js")),
-      VueUiParallelCoordinatePlot: e(() => import("./vue-ui-parallel-coordinate-plot-D59xe2YN.js")),
-      VueUiTimer: e(() => import("./vue-ui-timer-DgtXozNk.js")),
-      VueUiCarouselTable: e(() => import("./vue-ui-carousel-table-BRcrLgj5.js")),
-      VueUiGizmo: e(() => import("./vue-ui-gizmo-DeiUC9d9.js")),
-      VueUiStackbar: e(() => import("./vue-ui-stackbar-DuhMhx3T.js")),
-      VueUiBullet: e(() => import("./vue-ui-bullet-Do_o6iLD.js")),
-      VueUiFunnel: e(() => import("./vue-ui-funnel-BCxfFUuh.js")),
-      VueUiHistoryPlot: e(() => import("./vue-ui-history-plot-wO4-9pBn.js")),
-      VueUiCirclePack: e(() => import("./vue-ui-circle-pack-DO812sqD.js")),
-      VueUiWorld: e(() => import("./vue-ui-world-DDEUK5Uv.js")),
-      VueUiRidgeline: e(() => import("./vue-ui-ridgeline-Cx43R6kA.js")),
-      VueUiChord: e(() => import("./vue-ui-chord-BdZdfK0m.js"))
+      VueUi3dBar: e(() => import("./vue-ui-3d-bar-6A2PA5X3.js")),
+      VueUiAgePyramid: e(() => import("./vue-ui-age-pyramid-k9NdJIQs.js")),
+      VueUiAnnotator: e(() => import("./vue-ui-annotator-oBoCJwq7.js")),
+      VueUiCandlestick: e(() => import("./vue-ui-candlestick-DMEmIiUl.js")),
+      VueUiChestnut: e(() => import("./vue-ui-chestnut-CbOmjyl9.js")),
+      VueUiDashboard: e(() => import("./vue-ui-dashboard-uYvDgfup.js")),
+      VueUiDigits: e(() => import("./vue-ui-digits-BEDQ4U3-.js")),
+      VueUiDonut: e(() => import("./vue-ui-donut-CNqFLCTB.js")),
+      VueUiDonutEvolution: e(() => import("./vue-ui-donut-evolution-D55rGHJV.js")),
+      VueUiGalaxy: e(() => import("./vue-ui-galaxy-CqKIg-rc.js")),
+      VueUiGauge: e(() => import("./vue-ui-gauge-Dtomr8t9.js")),
+      VueUiHeatmap: e(() => import("./vue-ui-heatmap-BI8PLPtn.js")),
+      VueUiKpi: e(() => import("./vue-ui-kpi-DLh1H9Tx.js")),
+      VueUiMiniLoader: e(() => import("./vue-ui-mini-loader-d5fyINYa.js")),
+      VueUiMolecule: e(() => import("./vue-ui-molecule-Bb-t7Jvr.js")),
+      VueUiMoodRadar: e(() => import("./vue-ui-mood-radar-CItSFvA-.js")),
+      VueUiNestedDonuts: e(() => import("./vue-ui-nested-donuts-hc8hNcKU.js")),
+      VueUiOnion: e(() => import("./vue-ui-onion-B3n29xo3.js")),
+      VueUiQuadrant: e(() => import("./vue-ui-quadrant-DYgN6P0V.js")),
+      VueUiRadar: e(() => import("./vue-ui-radar-BVaP7LwG.js")),
+      VueUiRating: e(() => import("./vue-ui-rating-CQQimLsh.js")),
+      VueUiRelationCircle: e(() => import("./vue-ui-relation-circle-DSOzKaPS.js")),
+      VueUiRings: e(() => import("./vue-ui-rings-4HpaWVvw.js")),
+      VueUiScatter: e(() => import("./vue-ui-scatter-Ck-XaEUb.js")),
+      VueUiSkeleton: e(() => import("./vue-ui-skeleton-CngL8NX6.js")),
+      VueUiSmiley: e(() => import("./vue-ui-smiley-DXBpPiOD.js")),
+      VueUiSparkbar: e(() => import("./vue-ui-sparkbar-CWl_FGtY.js")),
+      VueUiSparkgauge: e(() => import("./vue-ui-sparkgauge-DS-pJjbj.js")),
+      VueUiSparkHistogram: e(() => import("./vue-ui-sparkhistogram-B2VBewT2.js")),
+      VueUiSparkline: e(() => import("./vue-ui-sparkline-Dnt5PMGA.js")),
+      VueUiSparkStackbar: e(() => import("./vue-ui-sparkstackbar-CYLHafTS.js")),
+      VueUiTable: e(() => import("./vue-ui-table-lX2V9h7J.js")),
+      VueUiTableSparkline: e(() => import("./vue-ui-table-sparkline-eYNRFxNH.js")),
+      VueUiThermometer: e(() => import("./vue-ui-thermometer-BYc5OpKO.js")),
+      VueUiTiremarks: e(() => import("./vue-ui-tiremarks-CgBQYwuT.js")),
+      VueUiTreemap: e(() => import("./vue-ui-treemap-BaPv0JXG.js")),
+      VueUiVerticalBar: e(() => import("./vue-ui-vertical-bar-D-KieI-N.js")),
+      VueUiWaffle: e(() => import("./vue-ui-waffle-DTXUhV-1.js")),
+      VueUiWheel: e(() => import("./vue-ui-wheel-CyLaYzIA.js")),
+      VueUiXy: e(() => import("./vue-ui-xy-CO-EfhIw.js")),
+      VueUiTableHeatmap: e(() => import("./vue-ui-table-heatmap-Di5ymmvG.js")),
+      VueUiAccordion: e(() => import("./vue-ui-accordion-OTQS2IW6.js")),
+      VueUiQuickChart: e(() => import("./vue-ui-quick-chart-Dw2-YckC.js")),
+      VueUiCursor: e(() => import("./vue-ui-cursor-LsO6mxm2.js")),
+      VueUiSparkTrend: e(() => import("./vue-ui-spark-trend-hfl74frB.js")),
+      VueUiStripPlot: e(() => import("./vue-ui-strip-plot-B_RvzXNO.js")),
+      VueUiDumbbell: e(() => import("./vue-ui-dumbbell-CrbLRiu-.js")),
+      VueUiWordCloud: e(() => import("./vue-ui-word-cloud-vwfccReT.js")),
+      VueUiXyCanvas: e(() => import("./vue-ui-xy-canvas-DqZ3KKxB.js")),
+      VueUiFlow: e(() => import("./vue-ui-flow-C3DXSQoY.js")),
+      VueUiParallelCoordinatePlot: e(() => import("./vue-ui-parallel-coordinate-plot-Bw5e6CMy.js")),
+      VueUiTimer: e(() => import("./vue-ui-timer-8y6KLjU2.js")),
+      VueUiCarouselTable: e(() => import("./vue-ui-carousel-table-CerLckm9.js")),
+      VueUiGizmo: e(() => import("./vue-ui-gizmo-CO3p3p_3.js")),
+      VueUiStackbar: e(() => import("./vue-ui-stackbar-1N7NhmtT.js")),
+      VueUiBullet: e(() => import("./vue-ui-bullet-CKo1pjMc.js")),
+      VueUiFunnel: e(() => import("./vue-ui-funnel-DSBxYb6k.js")),
+      VueUiHistoryPlot: e(() => import("./vue-ui-history-plot-DQ8_78yX.js")),
+      VueUiCirclePack: e(() => import("./vue-ui-circle-pack-Du_EwmFM.js")),
+      VueUiWorld: e(() => import("./vue-ui-world-Bm7I4XLt.js")),
+      VueUiRidgeline: e(() => import("./vue-ui-ridgeline-CQe9ZeC1.js")),
+      VueUiChord: e(() => import("./vue-ui-chord-wKA4GJin.js"))
     }, J = {
       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-C105UlW4.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 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-CVxAE1Qc.js";
 export {
   s as Arrow,
   u as VueDataUi,

package/dist/{vue-ui-3d-bar-vr7kJvPq.js → vue-ui-3d-bar-6A2PA5X3.js}

@@ -1,10 +1,10 @@
 import { defineAsyncComponent as G, computed as T, ref as j, watch as Ke, onMounted as Qe, createElementBlock as c, openBlock as n, unref as u, normalizeStyle as O, normalizeClass as Pe, createBlock as U, createCommentVNode as y, createSlots as et, withCtx as S, renderSlot as P, normalizeProps as J, guardReactiveProps as K, createVNode as tt, createElementVNode as d, Fragment as _, renderList as m, toDisplayString as B, mergeProps as je, createTextVNode as lt, nextTick as ot } from "vue";
-import { u as st, c as Te, t as at, p as Q, a as nt, b as rt, d as ut, o as it, e as ee, g as ue, l as E, m as Se, f as D, X as dt, s as g, h as te, i as le, j as De, k as oe, n as A, q as ct, r as ht } from "./index-C105UlW4.js";
-import { u as Oe } from "./useNestedProp-Ik0O2Bx-.js";
-import { u as vt } from "./usePrinter-DHkpNryF.js";
+import { u as st, c as Te, t as at, p as Q, a as nt, b as rt, d as ut, o as it, e as ee, g as ue, l as E, m as Se, f as D, X as dt, s as g, h as te, i as le, j as De, k as oe, n as A, q as ct, r as ht } from "./index-CVxAE1Qc.js";
+import { u as Oe } from "./useNestedProp-yHcl2Qv-.js";
+import { u as vt } from "./usePrinter-D-4Ffa-i.js";
 import { u as ft } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as pt } from "./useChartAccessibility-9icAAmYg.js";
-import yt from "./Title-DWUBnGSS.js";
+import yt from "./Title-Dxc8Xaru.js";
 import { _ as kt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const gt = ["id"], $t = {
   key: 1,
@@ -34,7 +34,7 @@ const gt = ["id"], $t = {
   },
   emits: ["selectDatapoint"],
   setup(ze, { expose: Ne, emit: Be }) {
-    const Ae = G(() => import("./vue-ui-accordion-K6A5AUee.js")), Ie = G(() => import("./DataTable-DTw4Wb-0.js")), Le = G(() => import("./PackageVersion-BwCRb6li.js")), Ve = G(() => import("./PenAndPaper-wPLe65BY.js")), We = G(() => import("./vue-ui-skeleton-Czaz-GOG.js")), Ge = G(() => import("./UserOptions-CSbWEsAB.js")), { vue_ui_3d_bar: Ue } = st(), $ = ze, Z = Be, q = T(() => !!$.dataset && Object.keys($.dataset).length), b = j(Te()), Ee = j(null), ie = j(null), I = j(!1), de = j(0), ce = j(0), t = T({
+    const Ae = G(() => import("./vue-ui-accordion-OTQS2IW6.js")), Ie = G(() => import("./DataTable-DH1qIr9V.js")), Le = G(() => import("./PackageVersion-DdKhk9BJ.js")), Ve = G(() => import("./PenAndPaper-CRZSYHVX.js")), We = G(() => import("./vue-ui-skeleton-CngL8NX6.js")), Ge = G(() => import("./UserOptions-D5GkhjeU.js")), { vue_ui_3d_bar: Ue } = st(), $ = ze, Z = Be, q = T(() => !!$.dataset && Object.keys($.dataset).length), b = j(Te()), Ee = j(null), ie = j(null), I = j(!1), de = j(0), ce = j(0), t = T({
       get: () => pe(),
       set: (a) => a
     }), { userOptionsVisible: se, setUserOptionsVisibility: he, keepUserOptionState: ve } = ft({ config: t.value }), { svgRef: fe } = pt({ config: t.value.style.chart.title });

package/dist/{vue-ui-accordion-K6A5AUee.js → vue-ui-accordion-OTQS2IW6.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-Dp9dacYe.js";
-import { u as x } from "./useNestedProp-Ik0O2Bx-.js";
-import { u as B, c as I } from "./index-C105UlW4.js";
+import w from "./BaseIcon-C_4Rt67h.js";
+import { u as x } from "./useNestedProp-yHcl2Qv-.js";
+import { u as B, c as I } from "./index-CVxAE1Qc.js";
 import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const F = ["id"], P = {
   key: 0,

package/dist/{vue-ui-age-pyramid-CQZsYtIG.js → vue-ui-age-pyramid-k9NdJIQs.js}

@@ -1,11 +1,11 @@
 import { defineAsyncComponent as C, computed as b, ref as v, watch as Re, shallowRef as fe, onMounted as Be, onBeforeUnmount as De, createElementBlock as r, openBlock as u, unref as i, normalizeStyle as Y, normalizeClass as ge, createBlock as I, createCommentVNode as y, renderSlot as h, createVNode as pe, createSlots as Ee, withCtx as f, normalizeProps as F, guardReactiveProps as M, createElementVNode as n, Fragment as P, renderList as B, toDisplayString as _, createTextVNode as be, nextTick as Ge } from "vue";
-import { u as Ue, c as Ve, a as We, o as Xe, e as je, v as c, X as He, s as q, w as xe, i as $, f as T, q as Ye, r as qe, x as Je, y as Ke } from "./index-C105UlW4.js";
+import { u as Ue, c as Ve, a as We, o as Xe, e as je, v as c, X as He, s as q, w as xe, i as $, f as T, q as Ye, r as qe, x as Je, y as Ke } from "./index-CVxAE1Qc.js";
 import { t as Qe, u as Ze } from "./useResponsive-DfdjqQps.js";
-import { u as me } from "./useNestedProp-Ik0O2Bx-.js";
-import { u as et } from "./usePrinter-DHkpNryF.js";
+import { u as me } from "./useNestedProp-yHcl2Qv-.js";
+import { u as et } from "./usePrinter-D-4Ffa-i.js";
 import { u as tt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as lt } from "./useChartAccessibility-9icAAmYg.js";
-import at from "./Title-DWUBnGSS.js";
+import at from "./Title-Dxc8Xaru.js";
 import { _ as ot } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"], rt = ["id"], nt = ["stop-color"], dt = ["stop-color"], vt = ["id"], yt = ["stop-color"], ht = ["stop-color"], ct = ["x", "y", "width", "height", "fill", "rx"], ft = ["x", "y", "width", "height", "fill", "rx"], gt = ["x", "y", "width", "height", "fill", "rx"], pt = ["x", "y", "width", "height", "fill", "rx"], bt = { key: 0 }, xt = ["x", "y", "fill", "font-size", "font-weight"], mt = ["x", "y", "fill", "font-size", "font-weight"], wt = { key: 1 }, kt = ["x", "y", "font-size", "fill", "font-weight"], _t = { key: 2 }, Ct = { key: 0 }, $t = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Tt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], At = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Lt = ["x", "y", "font-size", "fill", "font-weight"], St = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], zt = ["x", "y", "font-size", "fill", "font-weight"], Ot = ["x", "y", "font-size", "fill", "font-weight"], It = ["x", "y", "width", "height", "fill", "onMouseover"], Ft = {
   key: 5,
@@ -27,7 +27,7 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
     }
   },
   setup(J, { expose: we }) {
-    const ke = C(() => import("./vue-ui-accordion-K6A5AUee.js")), _e = C(() => import("./DataTable-DTw4Wb-0.js")), Ce = C(() => import("./PackageVersion-BwCRb6li.js")), $e = C(() => import("./PenAndPaper-wPLe65BY.js")), Te = C(() => import("./vue-ui-skeleton-Czaz-GOG.js")), Ae = C(() => import("./Tooltip-D9Jx-sTW.js")), Le = C(() => import("./UserOptions-CSbWEsAB.js")), { vue_ui_age_pyramid: Se } = Ue(), g = J, D = b(() => !!g.dataset && g.dataset.length), m = v(Ve()), ze = v(null), V = v(!1), W = v(""), E = v(null), K = v(0), N = v(null), Q = v(null), Z = v(null), ee = v(null), te = v(0), le = v(0), e = b({
+    const ke = C(() => import("./vue-ui-accordion-OTQS2IW6.js")), _e = C(() => import("./DataTable-DH1qIr9V.js")), Ce = C(() => import("./PackageVersion-DdKhk9BJ.js")), $e = C(() => import("./PenAndPaper-CRZSYHVX.js")), Te = C(() => import("./vue-ui-skeleton-CngL8NX6.js")), Ae = C(() => import("./Tooltip-BC4_CO4g.js")), Le = C(() => import("./UserOptions-D5GkhjeU.js")), { vue_ui_age_pyramid: Se } = Ue(), g = J, D = b(() => !!g.dataset && g.dataset.length), m = v(Ve()), ze = v(null), V = v(!1), W = v(""), E = v(null), K = v(0), N = v(null), Q = v(null), Z = v(null), ee = v(null), te = v(0), le = v(0), e = b({
       get: () => ie(),
       set: (t) => t
     }), { userOptionsVisible: X, setUserOptionsVisibility: ae, keepUserOptionState: oe } = tt({ config: e.value }), { svgRef: se } = lt({ config: e.value.style.title });

package/dist/{vue-ui-annotator-1MhSI4z-.js → vue-ui-annotator-oBoCJwq7.js}

@@ -1,5 +1,5 @@
-import { z as p, A as v, u as w, B as A } from "./index-C105UlW4.js";
-import { d as M } from "./dom-to-png-BroHXPrj.js";
+import { z as p, A as v, u as w, B as A } from "./index-CVxAE1Qc.js";
+import { d as M } from "./dom-to-png-3RI__D49.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-Do_o6iLD.js → vue-ui-bullet-CKo1pjMc.js}

@@ -1,11 +1,11 @@
 import { defineAsyncComponent as L, ref as g, computed as f, onMounted as be, watch as Q, onBeforeUnmount as ke, createElementBlock as n, openBlock as r, unref as o, normalizeStyle as M, normalizeClass as Z, createBlock as w, createCommentVNode as i, createElementVNode as x, createSlots as we, withCtx as p, renderSlot as m, normalizeProps as $, guardReactiveProps as O, createVNode as xe, Fragment as T, renderList as N, toDisplayString as A } from "vue";
-import { u as _e, o as Ce, e as ee, g as Le, c as $e, l as Oe, D as Ae, d as Be, i as B, f as P, X as Pe, a as Fe } from "./index-C105UlW4.js";
-import { u as te } from "./useNestedProp-Ik0O2Bx-.js";
-import { u as Ie } from "./usePrinter-DHkpNryF.js";
+import { u as _e, o as Ce, e as ee, g as Le, c as $e, l as Oe, D as Ae, d as Be, i as B, f as P, X as Pe, a as Fe } from "./index-CVxAE1Qc.js";
+import { u as te } from "./useNestedProp-yHcl2Qv-.js";
+import { u as Ie } from "./usePrinter-D-4Ffa-i.js";
 import { u as Se } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as He } from "./useChartAccessibility-9icAAmYg.js";
-import Me from "./Legend-C6hgGuRg.js";
-import Te from "./Title-DWUBnGSS.js";
+import Me from "./Legend-DRRDpFh2.js";
+import Te from "./Title-Dxc8Xaru.js";
 import { _ as Ne } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ue = ["id"], ze = {
   key: 1,
@@ -39,7 +39,7 @@ const Ue = ["id"], ze = {
     }
   },
   setup(ae, { expose: le }) {
-    const se = L(() => import("./PackageVersion-BwCRb6li.js")), re = L(() => import("./PenAndPaper-wPLe65BY.js")), oe = L(() => import("./vue-ui-skeleton-Czaz-GOG.js")), ne = L(() => import("./UserOptions-CSbWEsAB.js")), { vue_ui_bullet: ue } = _e(), u = ae, U = g(null), ie = g(null), z = g(0), ce = g(null), he = g(0), y = f({
+    const se = L(() => import("./PackageVersion-DdKhk9BJ.js")), re = L(() => import("./PenAndPaper-CRZSYHVX.js")), oe = L(() => import("./vue-ui-skeleton-CngL8NX6.js")), ne = L(() => import("./UserOptions-D5GkhjeU.js")), { vue_ui_bullet: ue } = _e(), u = ae, U = g(null), ie = g(null), z = g(0), ce = g(null), he = g(0), y = f({
       get: () => u.dataset.hasOwnProperty("value"),
       set: (t) => t
     }), b = 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:

package/dist/{vue-ui-candlestick-D-ybMgD_.js → vue-ui-candlestick-DMEmIiUl.js}

@@ -1,12 +1,12 @@
 import { defineAsyncComponent as S, computed as f, ref as y, watch as Re, shallowRef as Oe, onMounted as ht, onBeforeUnmount as pt, nextTick as D, createElementBlock as u, openBlock as s, unref as r, normalizeStyle as ie, normalizeClass as Ne, createBlock as I, createCommentVNode as h, createElementVNode as v, createVNode as Pe, createSlots as ft, withCtx as x, renderSlot as g, normalizeProps as T, guardReactiveProps as L, Fragment as F, renderList as R, toDisplayString as q, createTextVNode as gt } from "vue";
-import { u as xt, c as mt, a as bt, C as J, o as kt, e as O, D as wt, v as W, f as $, X as _t, w as K, s as Ct, E as Ve, q as $t, r as At, x as zt, y as St } from "./index-C105UlW4.js";
+import { u as xt, c as mt, a as bt, C as J, o as kt, e as O, D as wt, v as W, f as $, X as _t, w as K, s as Ct, E as Ve, q as $t, r as At, x as zt, y as St } from "./index-CVxAE1Qc.js";
 import { t as It, u as Tt } from "./useResponsive-DfdjqQps.js";
-import { u as Me } from "./useNestedProp-Ik0O2Bx-.js";
-import { u as Lt } from "./usePrinter-DHkpNryF.js";
+import { u as Me } from "./useNestedProp-yHcl2Qv-.js";
+import { u as Lt } from "./usePrinter-D-4Ffa-i.js";
 import { u as Ft } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Rt } from "./useChartAccessibility-9icAAmYg.js";
-import Ot from "./Title-DWUBnGSS.js";
-import { S as Nt } from "./Slicer-C2-pp00y.js";
+import Ot from "./Title-Dxc8Xaru.js";
+import { S as Nt } from "./Slicer-CSRvxGa5.js";
 import { u as Pt } from "./useTimeLabels-Mrr0jrpL.js";
 import { _ as Vt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Mt = ["id"], Et = ["xmlns", "viewBox"], Bt = ["x", "y", "width", "height"], Ut = { key: 1 }, Dt = ["id"], Wt = ["stop-color"], Gt = ["stop-color"], Ht = ["stop-color"], jt = ["id"], Xt = ["stop-color"], Yt = ["stop-color"], qt = ["stop-color"], Jt = { key: 0 }, Kt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Qt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Zt = { key: 1 }, el = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], tl = ["x", "y", "font-size", "fill", "font-weight"], ll = { key: 2 }, ol = ["transform", "text-anchor", "font-size", "fill", "font-weight"], al = { key: 3 }, sl = ["transform", "text-anchor", "font-size", "fill", "font-weight"], ul = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], il = { key: 0 }, nl = ["cx", "cy", "r", "fill"], rl = ["cx", "cy", "r", "fill"], dl = { key: 1 }, vl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], yl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], cl = ["x", "y", "height", "width", "fill", "rx"], hl = ["x", "y", "height", "width", "fill", "rx", "stroke", "stroke-width"], pl = ["x", "y", "height", "width", "fill", "onMouseover"], fl = {
@@ -29,7 +29,7 @@ const Mt = ["id"], Et = ["xmlns", "viewBox"], Bt = ["x", "y", "width", "height"]
     }
   },
   setup(Ee, { expose: Be }) {
-    const Ue = S(() => import("./vue-ui-accordion-K6A5AUee.js")), De = S(() => import("./DataTable-DTw4Wb-0.js")), We = S(() => import("./PackageVersion-BwCRb6li.js")), Ge = S(() => import("./PenAndPaper-wPLe65BY.js")), He = S(() => import("./vue-ui-skeleton-Czaz-GOG.js")), je = S(() => import("./Tooltip-D9Jx-sTW.js")), Xe = S(() => import("./UserOptions-CSbWEsAB.js")), { vue_ui_candlestick: Ye } = xt(), i = Ee, E = f(() => !!i.dataset && i.dataset.length), k = y(mt()), qe = y(null), Q = y(!1), Z = y(""), ee = y(void 0), ne = y(0), B = y(null), re = y(null), de = y(null), ve = y(null), ye = y(null), ce = y(null), G = y(0), he = y(0), pe = y(0), e = f({
+    const Ue = S(() => import("./vue-ui-accordion-OTQS2IW6.js")), De = S(() => import("./DataTable-DH1qIr9V.js")), We = S(() => import("./PackageVersion-DdKhk9BJ.js")), Ge = S(() => import("./PenAndPaper-CRZSYHVX.js")), He = S(() => import("./vue-ui-skeleton-CngL8NX6.js")), je = S(() => import("./Tooltip-BC4_CO4g.js")), Xe = S(() => import("./UserOptions-D5GkhjeU.js")), { vue_ui_candlestick: Ye } = xt(), i = Ee, E = f(() => !!i.dataset && i.dataset.length), k = y(mt()), qe = y(null), Q = y(!1), Z = y(""), ee = y(void 0), ne = y(0), B = y(null), re = y(null), de = y(null), ve = y(null), ye = y(null), ce = y(null), G = y(0), he = y(0), pe = y(0), e = f({
       get: () => me(),
       set: (t) => t
     }), { userOptionsVisible: te, setUserOptionsVisibility: fe, keepUserOptionState: ge } = Ft({ config: e.value }), { svgRef: xe } = Rt({ config: e.value.style.title });

package/dist/{vue-ui-carousel-table-BRcrLgj5.js → vue-ui-carousel-table-CerLckm9.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as ce, ref as n, useSlots as ze, onMounted as A, computed as R, watch as N, onBeforeUnmount as G, shallowRef as Se, nextTick as fe, createElementBlock as v, openBlock as r, unref as u, createElementVNode as U, createBlock as he, createCommentVNode as z, normalizeClass as Ee, normalizeStyle as h, createTextVNode as D, renderSlot as p, toDisplayString as X, Fragment as j, renderList as J, mergeProps as me, createSlots as He, withCtx as w, normalizeProps as ge, guardReactiveProps as be } from "vue";
-import { u as Ne, c as Ue, o as K, e as Q, s as Ve, q as Me, r as qe } from "./index-C105UlW4.js";
-import { u as Le } from "./useNestedProp-Ik0O2Bx-.js";
-import { u as Ge } from "./usePrinter-DHkpNryF.js";
+import { u as Ne, c as Ue, o as K, e as Q, s as Ve, q as Me, r as qe } from "./index-CVxAE1Qc.js";
+import { u as Le } from "./useNestedProp-yHcl2Qv-.js";
+import { u as Ge } from "./usePrinter-D-4Ffa-i.js";
 import { u as De } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as Xe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
@@ -25,7 +25,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
     }
   },
   setup(T, { expose: ye }) {
-    const Ce = ce(() => import("./vue-ui-skeleton-Czaz-GOG.js")), $e = ce(() => import("./UserOptions-CSbWEsAB.js")), { vue_ui_carousel_table: Te } = Ne(), i = T, V = n(Ue()), W = n(!1), O = n(!!i.dataset), ke = ze();
+    const Ce = ce(() => import("./vue-ui-skeleton-CngL8NX6.js")), $e = ce(() => import("./UserOptions-D5GkhjeU.js")), { vue_ui_carousel_table: Te } = Ne(), i = T, V = n(Ue()), W = n(!1), O = n(!!i.dataset), ke = ze();
     A(() => {
       Y();
     }), A(() => {