vue-data-ui 2.16.0 → 2.16.1

package/README.md

@@ -1082,17 +1082,16 @@ This package requires jspdf as a peer dependency. Please install it in your proj
 
 ## `useObjectBindings`
 
-A composable that **flattens** a reactive object into a set of computed refs—one for each “leaf” property—so you can easily bind to deeply nested values by their string paths.
+A composable that **flattens** a reactive object into a set of refs (one for each “leaf” property) so you can easily bind to deeply nested values by their string paths.
 
 ### Why use it?
 
-- **Automatic reactivity**: Every nested property becomes a `ComputedRef`, with automatic getters/setters that keep your source object in sync.
+- **Automatic reactivity**: Every nested property becomes a `Ref`, with automatic getters/setters that keep your source object in sync.
 - **Flat API surface**: Access or update any nested field by its dot‑delimited path, without writing deep destructuring or `ref` plumbing.
 - **Dynamic path support**: New paths added at runtime are discovered automatically (and proxied), so you never lose reactivity when mutating the structure.
 
 ```js
 import { useObjectBindings } from "vue-data-ui";
-import type { Ref, ComputedRef } from "vue";
 
 const config = ref({
   customPalette: ["#CCCCCC", "#1A1A1A"],
@@ -1106,11 +1105,11 @@ const config = ref({
 
 const bindings = useObjectBindings(config);
 // Now `bindings` has computed refs for each leaf path:
-//   bindings["style.chart.backgroundColor"] → ComputedRef<string>
-//   bindings["style.chart.color"] → ComputedRef<string>
-//   bindings["customPalette"] → ComputedRef<boolean>
-//   // by default, arrays are skipped:
-//   // no "customPalette.0", unless you disable skipArrays
+//   bindings["style.chart.backgroundColor"] → Ref<string>
+//   bindings["style.chart.color"] → Ref<string>
+//   bindings["customPalette"] → Ref<boolean>
+//   by default, arrays are skipped:
+//   no "customPalette.0", unless you disable skipArrays
 ```
 
 You can then use these in your template:

package/dist/{Arrow-DxJlDB9C.js → Arrow-CdYLGu-R.js}

@@ -1,5 +1,5 @@
 import { computed as u, createElementBlock as k, openBlock as m, createElementVNode as t, unref as o } from "vue";
-import { c as n } from "./index-CVxAE1Qc.js";
+import { c as n } from "./index-BmToae5Y.js";
 const s = { class: "vue-ui-element-arrow" }, f = ["id", "viewBox", "refX", "refY", "markerWidth", "markerHeight"], c = ["d", "fill"], h = ["id", "viewBox", "refX", "refY", "markerWidth", "markerHeight"], y = ["d", "fill"], v = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-linecap", "stroke-dasharray", "marker-end", "marker-start"], z = {
   __name: "Arrow",
   props: {

package/dist/{BaseDraggableDialog-ptA-tymg.js → BaseDraggableDialog-D6BUj4Or.js}

@@ -1,6 +1,6 @@
 import { useCssVars as O, ref as z, reactive as T, computed as $, onUnmounted as R, createBlock as N, openBlock as v, Teleport as V, createElementBlock as E, createCommentVNode as I, withModifiers as a, normalizeStyle as y, createElementVNode as o, unref as P, renderSlot as M, createVNode as F, nextTick as j } from "vue";
-import U from "./BaseIcon-C_4Rt67h.js";
-import { X as q } from "./index-CVxAE1Qc.js";
+import U from "./BaseIcon-2AuS2xrH.js";
+import { X as q } from "./index-BmToae5Y.js";
 import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const G = ["xmlns"], J = { class: "modal-title" }, K = { class: "modal-body" }, Q = {
   __name: "BaseDraggableDialog",

package/dist/{BaseIcon-C_4Rt67h.js → BaseIcon-2AuS2xrH.js}

@@ -1,5 +1,5 @@
 import { computed as e, createElementBlock as n, openBlock as i, normalizeClass as k, unref as L } from "vue";
-import { X as l } from "./index-CVxAE1Qc.js";
+import { X as l } from "./index-BmToae5Y.js";
 import { _ as d } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const M = ["xmlns", "viewBox", "height", "width", "innerHTML"], h = {
   __name: "BaseIcon",

package/dist/{ColorPicker-RSAHpYAS.js → ColorPicker-D6HKO2k4.js}

@@ -1,6 +1,6 @@
 import { ref as l, computed as k, watch as I, withDirectives as P, createElementBlock as r, openBlock as n, withKeys as S, createElementVNode as u, createCommentVNode as z, normalizeStyle as a, createVNode as F, Fragment as E, renderList as N, unref as O } from "vue";
-import C from "./BaseIcon-C_4Rt67h.js";
-import { F as V } from "./index-CVxAE1Qc.js";
+import C from "./BaseIcon-2AuS2xrH.js";
+import { F as V } from "./index-BmToae5Y.js";
 import { v as D } from "./vClickOutside-C6WiFswA.js";
 import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const $ = ["onClick"], L = { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -46%)" } }, T = ["value"], j = {

package/dist/{DataTable-DH1qIr9V.js → DataTable-BTMcFTt-.js}

@@ -1,6 +1,6 @@
 import { useCssVars as A, unref as e, computed as D, ref as w, onMounted as E, createElementBlock as n, openBlock as a, normalizeClass as k, createElementVNode as t, withKeys as R, normalizeStyle as i, createVNode as C, toDisplayString as I, Fragment as f, renderList as m, renderSlot as N, createCommentVNode as $ } from "vue";
-import { _ as K } from "./Shape-BoeIXAWe.js";
-import O from "./BaseIcon-C_4Rt67h.js";
+import { _ as K } from "./Shape-DaS8m57N.js";
+import O from "./BaseIcon-2AuS2xrH.js";
 import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const j = { class: "vue-ui-data-table" }, F = { style: { display: "flex", "align-items": "center", "justify-content": "flex-end", "padding-right": "3px", gap: "3px" } }, L = { style: { width: "12px", height: "12px" } }, M = {
   key: 0,

package/dist/{Legend-DRRDpFh2.js → Legend-DPfiRB9k.js}

@@ -1,6 +1,6 @@
 import { createElementBlock as n, openBlock as o, normalizeStyle as d, renderSlot as l, Fragment as u, renderList as g, normalizeClass as m, createCommentVNode as h, createVNode as k, mergeProps as y, unref as $ } from "vue";
-import { a0 as p } from "./index-CVxAE1Qc.js";
-import { _ as v } from "./Shape-BoeIXAWe.js";
+import { a0 as p } from "./index-BmToae5Y.js";
+import { _ as v } from "./Shape-DaS8m57N.js";
 import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const S = ["id"], x = ["onClick", "height", "width"], z = {
   __name: "Legend",

package/dist/{NonSvgPenAndPaper-BOLmbvp3.js → NonSvgPenAndPaper-V9DQ1K2C.js}

@@ -1,7 +1,7 @@
 import { ref as i, computed as we, onMounted as ke, nextTick as be, onBeforeUnmount as Ce, watch as oe, createElementBlock as x, openBlock as y, Fragment as q, createCommentVNode as Y, normalizeStyle as b, normalizeClass as D, createElementVNode as C, withDirectives as ae, createVNode as M, toDisplayString as re, unref as se, vModelText as ue, withModifiers as ie, renderList as ce } from "vue";
-import { l as $e, f as Se, X as Ae } from "./index-CVxAE1Qc.js";
-import R from "./BaseIcon-C_4Rt67h.js";
-import { C as Ee } from "./ColorPicker-RSAHpYAS.js";
+import { l as $e, f as Se, X as Ae } from "./index-BmToae5Y.js";
+import R from "./BaseIcon-2AuS2xrH.js";
+import { C as Ee } from "./ColorPicker-D6HKO2k4.js";
 import { _ as Be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Te = {
   class: /* @__PURE__ */ D({

package/dist/{PackageVersion-DdKhk9BJ.js → PackageVersion-BcMsNWmF.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as t, toDisplayString as o, unref as r } from "vue";
-const n = "2.16.0", a = { "aria-hidden": "true" }, p = {
+const n = "2.16.1", a = { "aria-hidden": "true" }, p = {
   __name: "PackageVersion",
   setup(s) {
     return (c, i) => (t(), e("desc", a, "Composed with Vue Data UI " + o(r(n)), 1));

package/dist/{PenAndPaper-CRZSYHVX.js → PenAndPaper-BzwWPvY0.js}

@@ -1,7 +1,7 @@
 import { ref as c, computed as ge, watch as X, nextTick as le, onMounted as pe, onBeforeUnmount as me, createElementBlock as Y, createCommentVNode as q, openBlock as z, normalizeStyle as x, createElementVNode as k, withDirectives as ae, createVNode as R, normalizeClass as G, toDisplayString as Ae, unref as he, vModelText as oe } from "vue";
-import T from "./BaseIcon-C_4Rt67h.js";
-import { C as we } from "./ColorPicker-RSAHpYAS.js";
-import { l as be, f as xe } from "./index-CVxAE1Qc.js";
+import T from "./BaseIcon-2AuS2xrH.js";
+import { C as we } from "./ColorPicker-D6HKO2k4.js";
+import { l as be, f as xe } from "./index-BmToae5Y.js";
 const ye = {
   class: "vue-ui-pen-and-paper-action",
   style: { padding: "0 !important" }

package/dist/{Shape-BoeIXAWe.js → Shape-DaS8m57N.js}

@@ -1,5 +1,5 @@
 import { computed as u, createElementBlock as r, openBlock as l, createCommentVNode as a } from "vue";
-import { _ as c, R as f } from "./index-CVxAE1Qc.js";
+import { _ as c, R as f } from "./index-BmToae5Y.js";
 const y = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], g = ["d", "fill", "stroke", "stroke-width"], x = ["points", "fill", "stroke", "stroke-width"], h = {
   __name: "Shape",
   props: {

package/dist/{Slicer-CSRvxGa5.js → Slicer-B1l-hAKo.js}

@@ -1,7 +1,7 @@
 import { useCssVars as ze, computed as d, ref as i, watch as D, onMounted as Ae, onBeforeUnmount as Fe, watchEffect as He, nextTick as Y, onUpdated as Ve, createElementBlock as c, openBlock as m, createElementVNode as v, createCommentVNode as p, renderSlot as We, normalizeStyle as $, createVNode as Xe, withDirectives as me, unref as F, Fragment as he, renderList as fe, normalizeClass as L, vModelText as ge, toDisplayString as _ } from "vue";
-import Ue from "./BaseIcon-C_4Rt67h.js";
+import Ue from "./BaseIcon-2AuS2xrH.js";
 import { t as Oe, u as Ze } from "./useResponsive-DfdjqQps.js";
-import { c as je, V as be, U as xe, X as Ge, F as ee } from "./index-CVxAE1Qc.js";
+import { c as je, V as be, U as xe, X as Ge, F as ee } from "./index-BmToae5Y.js";
 import { _ as qe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Je = {
   class: "vue-data-ui-slicer-labels",

package/dist/{SparkTooltip-BSSLhdaq.js → SparkTooltip-o2T1w8GL.js}

@@ -1,5 +1,5 @@
 import { toRef as c, ref as a, computed as v, onMounted as m, watch as y, createElementBlock as b, openBlock as g, normalizeStyle as x, renderSlot as k, nextTick as S } from "vue";
-import { s as _, ao as i } from "./index-CVxAE1Qc.js";
+import { s as _, ao as i } from "./index-BmToae5Y.js";
 import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const R = {
   __name: "SparkTooltip",

package/dist/{Title-Dxc8Xaru.js → Title-SU7CQYnf.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as l, openBlock as n, Fragment as f, createElementVNode as p, createCommentVNode as o, normalizeStyle as d, unref as e, toDisplayString as g, renderSlot as r } from "vue";
-import { u as c } from "./useNestedProp-yHcl2Qv-.js";
+import { u as c } from "./useNestedProp-C9H_cfK6.js";
 const x = {
   __name: "Title",
   props: {

package/dist/{Tooltip-BC4_CO4g.js → Tooltip-C6OCDrst.js}

@@ -1,6 +1,6 @@
 import { ref as m, watch as p, nextTick as g, onUnmounted as S, computed as x, createBlock as k, openBlock as h, Teleport as $, createElementBlock as C, createCommentVNode as F, normalizeStyle as B, normalizeClass as N, renderSlot as v, createElementVNode as w } from "vue";
 import { u as z } from "./useMouse-AicQS8Vf.js";
-import { s as T } from "./index-CVxAE1Qc.js";
+import { s as T } from "./index-BmToae5Y.js";
 function Y({ tooltip: t, chart: n, clientPosition: l, positionPreference: s = "center", defaultOffsetY: d = 24, blockShiftY: u = !1 }) {
   const e = m(0), i = m(d);
   if (t && n) {

package/dist/{UserOptions-D5GkhjeU.js → UserOptions-hse40wiU.js}

@@ -1,7 +1,7 @@
 import { ref as m, computed as E, onMounted as J, onBeforeUnmount as Q, withDirectives as Y, createElementBlock as s, openBlock as t, normalizeStyle as v, createElementVNode as X, withKeys as Z, withModifiers as p, renderSlot as k, normalizeProps as S, guardReactiveProps as _, createVNode as ee, normalizeClass as d, createCommentVNode as a, Fragment as $, createBlock as f, toDisplayString as c, mergeProps as T, unref as te } from "vue";
 import { v as oe } from "./vClickOutside-C6WiFswA.js";
-import r from "./BaseIcon-C_4Rt67h.js";
-import ne from "./img-Bk3lHRQt.js";
+import r from "./BaseIcon-2AuS2xrH.js";
+import ne from "./img-BdgsV5lD.js";
 import { _ as le } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ie = ["title"], se = ["data-open"], ae = {
   __name: "UserOptions",

package/dist/{dom-to-png-3RI__D49.js → dom-to-png-BGKe--PB.js}

@@ -1,4 +1,4 @@
-import { X as x } from "./index-CVxAE1Qc.js";
+import { X as x } from "./index-BmToae5Y.js";
 async function F(n) {
   const i = n.querySelectorAll("img"), s = Array.from(i).map((t) => new Promise((o) => {
     if (!t.src || t.src.startsWith("data:")) return o();

package/dist/{img-Bk3lHRQt.js → img-BdgsV5lD.js}

@@ -1,4 +1,4 @@
-import { d as a } from "./dom-to-png-3RI__D49.js";
+import { d as a } from "./dom-to-png-BGKe--PB.js";
 async function g({ domElement: t, fileName: c, format: i = "png", scale: o = 2, base64: n = !1 }) {
   if (!t) return Promise.reject("No element provided");
   if (n)

package/dist/{index-CVxAE1Qc.js → index-BmToae5Y.js}

@@ -7303,7 +7303,7 @@ function al(o, e) {
   };
   return Fr(new Proxy(c, i));
 }
-const cl = C(() => import("./Arrow-DxJlDB9C.js")), nl = C(() => import("./vue-data-ui-Bc92n--W.js")), sl = C(() => import("./vue-ui-3d-bar-6A2PA5X3.js")), il = C(() => import("./vue-ui-accordion-OTQS2IW6.js")), ul = C(() => import("./vue-ui-age-pyramid-k9NdJIQs.js")), dl = C(() => import("./vue-ui-annotator-oBoCJwq7.js")), bl = C(() => import("./vue-ui-candlestick-DMEmIiUl.js")), fl = C(() => import("./vue-ui-chestnut-CbOmjyl9.js")), gl = C(() => import("./vue-ui-cursor-LsO6mxm2.js")), Al = C(() => import("./vue-ui-dashboard-uYvDgfup.js")), Cl = C(() => import("./vue-ui-digits-BEDQ4U3-.js")), hl = C(() => import("./vue-ui-donut-CNqFLCTB.js")), kl = C(() => import("./vue-ui-donut-evolution-D55rGHJV.js")), Fl = C(() => import("./vue-ui-dumbbell-CrbLRiu-.js")), El = C(() => import("./vue-ui-flow-C3DXSQoY.js")), pl = C(() => import("./vue-ui-galaxy-CqKIg-rc.js")), Dl = C(() => import("./vue-ui-gauge-Dtomr8t9.js")), Bl = C(() => import("./vue-ui-heatmap-BI8PLPtn.js")), yl = C(() => import("./BaseIcon-C_4Rt67h.js")), ml = C(() => import("./vue-ui-kpi-DLh1H9Tx.js")), xl = C(() => import("./vue-ui-mini-loader-d5fyINYa.js")), wl = C(() => import("./vue-ui-molecule-Bb-t7Jvr.js")), Ll = C(() => import("./vue-ui-mood-radar-CItSFvA-.js")), vl = C(() => import("./vue-ui-nested-donuts-hc8hNcKU.js")), Sl = C(() => import("./vue-ui-onion-B3n29xo3.js")), _l = C(() => import("./vue-ui-parallel-coordinate-plot-Bw5e6CMy.js")), zl = C(() => import("./vue-ui-quadrant-DYgN6P0V.js")), Ol = C(() => import("./vue-ui-quick-chart-Dw2-YckC.js")), Rl = C(() => import("./vue-ui-radar-BVaP7LwG.js")), Pl = C(() => import("./vue-ui-rating-CQQimLsh.js")), Tl = C(() => import("./vue-ui-relation-circle-DSOzKaPS.js")), Nl = C(() => import("./vue-ui-rings-4HpaWVvw.js")), Ml = C(() => import("./vue-ui-scatter-Ck-XaEUb.js")), Vl = C(() => import("./vue-ui-skeleton-CngL8NX6.js")), Il = C(() => import("./vue-ui-smiley-DXBpPiOD.js")), Wl = C(() => import("./vue-ui-sparkhistogram-B2VBewT2.js")), $l = C(() => import("./vue-ui-sparkstackbar-CYLHafTS.js")), Ul = C(() => import("./vue-ui-spark-trend-hfl74frB.js")), Yl = C(() => import("./vue-ui-sparkbar-CWl_FGtY.js")), Gl = C(() => import("./vue-ui-sparkgauge-DS-pJjbj.js")), Hl = C(() => import("./vue-ui-sparkline-Dnt5PMGA.js")), Xl = C(() => import("./vue-ui-strip-plot-B_RvzXNO.js")), jl = C(() => import("./vue-ui-table-lX2V9h7J.js")), Kl = C(() => import("./vue-ui-table-heatmap-Di5ymmvG.js")), ql = C(() => import("./vue-ui-table-sparkline-eYNRFxNH.js")), Ql = C(() => import("./vue-ui-thermometer-BYc5OpKO.js")), Zl = C(() => import("./vue-ui-timer-8y6KLjU2.js")), Jl = C(() => import("./vue-ui-tiremarks-CgBQYwuT.js")), oa = C(() => import("./vue-ui-treemap-BaPv0JXG.js")), ra = C(() => import("./vue-ui-vertical-bar-D-KieI-N.js")), ta = C(() => import("./vue-ui-waffle-DTXUhV-1.js")), ea = C(() => import("./vue-ui-wheel-CyLaYzIA.js")), la = C(() => import("./vue-ui-word-cloud-vwfccReT.js")), aa = C(() => import("./vue-ui-xy-CO-EfhIw.js")), ca = C(() => import("./vue-ui-xy-canvas-DqZ3KKxB.js")), na = C(() => import("./vue-ui-carousel-table-CerLckm9.js")), sa = C(() => import("./vue-ui-gizmo-CO3p3p_3.js")), ia = C(() => import("./vue-ui-stackbar-1N7NhmtT.js")), ua = C(() => import("./vue-ui-bullet-CKo1pjMc.js")), da = C(() => import("./vue-ui-funnel-DSBxYb6k.js")), ba = C(() => import("./vue-ui-history-plot-DQ8_78yX.js")), fa = C(() => import("./vue-ui-pattern-DsYgSZWn.js")), ga = C(() => import("./vue-ui-circle-pack-Du_EwmFM.js")), Aa = C(() => import("./vue-ui-world-Bm7I4XLt.js")), Ca = C(() => import("./vue-ui-ridgeline-CQe9ZeC1.js")), ha = C(() => import("./vue-ui-chord-wKA4GJin.js"));
+const cl = C(() => import("./Arrow-CdYLGu-R.js")), nl = C(() => import("./vue-data-ui-G-77mNtU.js")), sl = C(() => import("./vue-ui-3d-bar-DnbBLiP9.js")), il = C(() => import("./vue-ui-accordion-YrTS7w6l.js")), ul = C(() => import("./vue-ui-age-pyramid-CK4TcV8J.js")), dl = C(() => import("./vue-ui-annotator-CCK7MvTD.js")), bl = C(() => import("./vue-ui-candlestick-BhO1Pr7W.js")), fl = C(() => import("./vue-ui-chestnut-gcgyIPmy.js")), gl = C(() => import("./vue-ui-cursor-DlZbg99Y.js")), Al = C(() => import("./vue-ui-dashboard-Bibjr7zW.js")), Cl = C(() => import("./vue-ui-digits-BD392pWk.js")), hl = C(() => import("./vue-ui-donut-CaaEPEkQ.js")), kl = C(() => import("./vue-ui-donut-evolution-lCKnq0_k.js")), Fl = C(() => import("./vue-ui-dumbbell-DktVMHIA.js")), El = C(() => import("./vue-ui-flow-B9Dd1Xhc.js")), pl = C(() => import("./vue-ui-galaxy-CMYtUIFe.js")), Dl = C(() => import("./vue-ui-gauge-CnZNTknJ.js")), Bl = C(() => import("./vue-ui-heatmap-BCyT2BB1.js")), yl = C(() => import("./BaseIcon-2AuS2xrH.js")), ml = C(() => import("./vue-ui-kpi-Dg5ttUw2.js")), xl = C(() => import("./vue-ui-mini-loader-KFABEiiX.js")), wl = C(() => import("./vue-ui-molecule-DwEUPMNI.js")), Ll = C(() => import("./vue-ui-mood-radar-DMo26lm_.js")), vl = C(() => import("./vue-ui-nested-donuts-BzHXK2q5.js")), Sl = C(() => import("./vue-ui-onion-CZD8T-TN.js")), _l = C(() => import("./vue-ui-parallel-coordinate-plot-Bq8WG416.js")), zl = C(() => import("./vue-ui-quadrant-DnZAnr2B.js")), Ol = C(() => import("./vue-ui-quick-chart-CD65jyUF.js")), Rl = C(() => import("./vue-ui-radar-CnoKetuv.js")), Pl = C(() => import("./vue-ui-rating-DSo-wq4O.js")), Tl = C(() => import("./vue-ui-relation-circle-CsL0FhOw.js")), Nl = C(() => import("./vue-ui-rings-DkOXu1zS.js")), Ml = C(() => import("./vue-ui-scatter-Dh589Gh9.js")), Vl = C(() => import("./vue-ui-skeleton-B2qHPqH4.js")), Il = C(() => import("./vue-ui-smiley-C1eeioL_.js")), Wl = C(() => import("./vue-ui-sparkhistogram-D7eWFS-3.js")), $l = C(() => import("./vue-ui-sparkstackbar-CEVRpIee.js")), Ul = C(() => import("./vue-ui-spark-trend-DqlLI8KJ.js")), Yl = C(() => import("./vue-ui-sparkbar-DS69Q2mJ.js")), Gl = C(() => import("./vue-ui-sparkgauge-ujpopbjP.js")), Hl = C(() => import("./vue-ui-sparkline-wNjAef_t.js")), Xl = C(() => import("./vue-ui-strip-plot-BA-xiJo3.js")), jl = C(() => import("./vue-ui-table-DZmHeR2H.js")), Kl = C(() => import("./vue-ui-table-heatmap-ZTs8XMvz.js")), ql = C(() => import("./vue-ui-table-sparkline-BFC-Uvtb.js")), Ql = C(() => import("./vue-ui-thermometer-BHZKlINI.js")), Zl = C(() => import("./vue-ui-timer-EN9iwGUt.js")), Jl = C(() => import("./vue-ui-tiremarks-DWKu1WEv.js")), oa = C(() => import("./vue-ui-treemap-CKAc2_-5.js")), ra = C(() => import("./vue-ui-vertical-bar-BgCKuRXv.js")), ta = C(() => import("./vue-ui-waffle-B5QBZfDo.js")), ea = C(() => import("./vue-ui-wheel-CE6sQIyF.js")), la = C(() => import("./vue-ui-word-cloud-DwJdaPQ6.js")), aa = C(() => import("./vue-ui-xy-CsZMQl6x.js")), ca = C(() => import("./vue-ui-xy-canvas-u0mizRSW.js")), na = C(() => import("./vue-ui-carousel-table-Boexi2oc.js")), sa = C(() => import("./vue-ui-gizmo-VCWCehBt.js")), ia = C(() => import("./vue-ui-stackbar-rYzOf9u2.js")), ua = C(() => import("./vue-ui-bullet-Bi8hZ11Y.js")), da = C(() => import("./vue-ui-funnel-BfDfdcdt.js")), ba = C(() => import("./vue-ui-history-plot-Bm45XY6j.js")), fa = C(() => import("./vue-ui-pattern-DsYgSZWn.js")), ga = C(() => import("./vue-ui-circle-pack-BY2AVXMM.js")), Aa = C(() => import("./vue-ui-world-U9zVcxU9.js")), Ca = C(() => import("./vue-ui-ridgeline-B1rbGt-g.js")), ha = C(() => import("./vue-ui-chord-DwzC0tif.js"));
 export {
   Me as $,
   no as A,

package/dist/{pdf-CaadJrGW.js → pdf-B2VzlFHc.js}

@@ -1,4 +1,4 @@
-import { d as u } from "./dom-to-png-3RI__D49.js";
+import { d as u } from "./dom-to-png-BGKe--PB.js";
 async function H({ domElement: d, fileName: f, scale: p = 2, options: P = {} }) {
   if (!d) return Promise.reject("No domElement provided");
   let r;

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

@@ -1,5 +1,5 @@
 declare module "vue-data-ui" {
-    import { Ref, ComputedRef, DefineComponent } from "vue";
+    import { Ref, WritableComputedRef, DefineComponent } from "vue";
 
     export type VueUiUnknownObj = {
         [key: string]: unknown;
@@ -7690,7 +7690,7 @@ declare module "vue-data-ui" {
      * `ComputedRef` of the exact `PathValue<T,P>`.
      */
     export type TypedBindings<T extends object> = {
-        [P in Paths<T>]: ComputedRef<PathValue<T, P>>;
+        [P in Paths<T>]: WritableComputedRef<PathValue<T, P>>;
     };
 
     /**
@@ -7702,14 +7702,13 @@ declare module "vue-data-ui" {
      * @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.
+     *                  and whose values are `WritableComputedRef` 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"],

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

@@ -1,5 +1,5 @@
 declare module "vue-data-ui" {
-    import { Ref, ComputedRef, DefineComponent } from "vue";
+    import { Ref, WritableComputedRef, DefineComponent } from "vue";
 
     export type VueUiUnknownObj = {
         [key: string]: unknown;
@@ -7690,7 +7690,7 @@ declare module "vue-data-ui" {
      * `ComputedRef` of the exact `PathValue<T,P>`.
      */
     export type TypedBindings<T extends object> = {
-        [P in Paths<T>]: ComputedRef<PathValue<T, P>>;
+        [P in Paths<T>]: WritableComputedRef<PathValue<T, P>>;
     };
 
     /**
@@ -7702,14 +7702,13 @@ declare module "vue-data-ui" {
      * @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.
+     *                  and whose values are `WritableComputedRef` 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"],

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

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

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

package/dist/{vue-data-ui-Bc92n--W.js → vue-data-ui-G-77mNtU.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-C_4Rt67h.js";
+import Q from "./BaseIcon-2AuS2xrH.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-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"))
+      VueUi3dBar: e(() => import("./vue-ui-3d-bar-DnbBLiP9.js")),
+      VueUiAgePyramid: e(() => import("./vue-ui-age-pyramid-CK4TcV8J.js")),
+      VueUiAnnotator: e(() => import("./vue-ui-annotator-CCK7MvTD.js")),
+      VueUiCandlestick: e(() => import("./vue-ui-candlestick-BhO1Pr7W.js")),
+      VueUiChestnut: e(() => import("./vue-ui-chestnut-gcgyIPmy.js")),
+      VueUiDashboard: e(() => import("./vue-ui-dashboard-Bibjr7zW.js")),
+      VueUiDigits: e(() => import("./vue-ui-digits-BD392pWk.js")),
+      VueUiDonut: e(() => import("./vue-ui-donut-CaaEPEkQ.js")),
+      VueUiDonutEvolution: e(() => import("./vue-ui-donut-evolution-lCKnq0_k.js")),
+      VueUiGalaxy: e(() => import("./vue-ui-galaxy-CMYtUIFe.js")),
+      VueUiGauge: e(() => import("./vue-ui-gauge-CnZNTknJ.js")),
+      VueUiHeatmap: e(() => import("./vue-ui-heatmap-BCyT2BB1.js")),
+      VueUiKpi: e(() => import("./vue-ui-kpi-Dg5ttUw2.js")),
+      VueUiMiniLoader: e(() => import("./vue-ui-mini-loader-KFABEiiX.js")),
+      VueUiMolecule: e(() => import("./vue-ui-molecule-DwEUPMNI.js")),
+      VueUiMoodRadar: e(() => import("./vue-ui-mood-radar-DMo26lm_.js")),
+      VueUiNestedDonuts: e(() => import("./vue-ui-nested-donuts-BzHXK2q5.js")),
+      VueUiOnion: e(() => import("./vue-ui-onion-CZD8T-TN.js")),
+      VueUiQuadrant: e(() => import("./vue-ui-quadrant-DnZAnr2B.js")),
+      VueUiRadar: e(() => import("./vue-ui-radar-CnoKetuv.js")),
+      VueUiRating: e(() => import("./vue-ui-rating-DSo-wq4O.js")),
+      VueUiRelationCircle: e(() => import("./vue-ui-relation-circle-CsL0FhOw.js")),
+      VueUiRings: e(() => import("./vue-ui-rings-DkOXu1zS.js")),
+      VueUiScatter: e(() => import("./vue-ui-scatter-Dh589Gh9.js")),
+      VueUiSkeleton: e(() => import("./vue-ui-skeleton-B2qHPqH4.js")),
+      VueUiSmiley: e(() => import("./vue-ui-smiley-C1eeioL_.js")),
+      VueUiSparkbar: e(() => import("./vue-ui-sparkbar-DS69Q2mJ.js")),
+      VueUiSparkgauge: e(() => import("./vue-ui-sparkgauge-ujpopbjP.js")),
+      VueUiSparkHistogram: e(() => import("./vue-ui-sparkhistogram-D7eWFS-3.js")),
+      VueUiSparkline: e(() => import("./vue-ui-sparkline-wNjAef_t.js")),
+      VueUiSparkStackbar: e(() => import("./vue-ui-sparkstackbar-CEVRpIee.js")),
+      VueUiTable: e(() => import("./vue-ui-table-DZmHeR2H.js")),
+      VueUiTableSparkline: e(() => import("./vue-ui-table-sparkline-BFC-Uvtb.js")),
+      VueUiThermometer: e(() => import("./vue-ui-thermometer-BHZKlINI.js")),
+      VueUiTiremarks: e(() => import("./vue-ui-tiremarks-DWKu1WEv.js")),
+      VueUiTreemap: e(() => import("./vue-ui-treemap-CKAc2_-5.js")),
+      VueUiVerticalBar: e(() => import("./vue-ui-vertical-bar-BgCKuRXv.js")),
+      VueUiWaffle: e(() => import("./vue-ui-waffle-B5QBZfDo.js")),
+      VueUiWheel: e(() => import("./vue-ui-wheel-CE6sQIyF.js")),
+      VueUiXy: e(() => import("./vue-ui-xy-CsZMQl6x.js")),
+      VueUiTableHeatmap: e(() => import("./vue-ui-table-heatmap-ZTs8XMvz.js")),
+      VueUiAccordion: e(() => import("./vue-ui-accordion-YrTS7w6l.js")),
+      VueUiQuickChart: e(() => import("./vue-ui-quick-chart-CD65jyUF.js")),
+      VueUiCursor: e(() => import("./vue-ui-cursor-DlZbg99Y.js")),
+      VueUiSparkTrend: e(() => import("./vue-ui-spark-trend-DqlLI8KJ.js")),
+      VueUiStripPlot: e(() => import("./vue-ui-strip-plot-BA-xiJo3.js")),
+      VueUiDumbbell: e(() => import("./vue-ui-dumbbell-DktVMHIA.js")),
+      VueUiWordCloud: e(() => import("./vue-ui-word-cloud-DwJdaPQ6.js")),
+      VueUiXyCanvas: e(() => import("./vue-ui-xy-canvas-u0mizRSW.js")),
+      VueUiFlow: e(() => import("./vue-ui-flow-B9Dd1Xhc.js")),
+      VueUiParallelCoordinatePlot: e(() => import("./vue-ui-parallel-coordinate-plot-Bq8WG416.js")),
+      VueUiTimer: e(() => import("./vue-ui-timer-EN9iwGUt.js")),
+      VueUiCarouselTable: e(() => import("./vue-ui-carousel-table-Boexi2oc.js")),
+      VueUiGizmo: e(() => import("./vue-ui-gizmo-VCWCehBt.js")),
+      VueUiStackbar: e(() => import("./vue-ui-stackbar-rYzOf9u2.js")),
+      VueUiBullet: e(() => import("./vue-ui-bullet-Bi8hZ11Y.js")),
+      VueUiFunnel: e(() => import("./vue-ui-funnel-BfDfdcdt.js")),
+      VueUiHistoryPlot: e(() => import("./vue-ui-history-plot-Bm45XY6j.js")),
+      VueUiCirclePack: e(() => import("./vue-ui-circle-pack-BY2AVXMM.js")),
+      VueUiWorld: e(() => import("./vue-ui-world-U9zVcxU9.js")),
+      VueUiRidgeline: e(() => import("./vue-ui-ridgeline-B1rbGt-g.js")),
+      VueUiChord: e(() => import("./vue-ui-chord-DwzC0tif.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-CVxAE1Qc.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-BmToae5Y.js";
 export {
   s as Arrow,
   u as VueDataUi,

package/dist/{vue-ui-3d-bar-6A2PA5X3.js → vue-ui-3d-bar-DnbBLiP9.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-CVxAE1Qc.js";
-import { u as Oe } from "./useNestedProp-yHcl2Qv-.js";
-import { u as vt } from "./usePrinter-D-4Ffa-i.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-BmToae5Y.js";
+import { u as Oe } from "./useNestedProp-C9H_cfK6.js";
+import { u as vt } from "./usePrinter-7HFTqRRy.js";
 import { u as ft } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as pt } from "./useChartAccessibility-9icAAmYg.js";
-import yt from "./Title-Dxc8Xaru.js";
+import yt from "./Title-SU7CQYnf.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-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({
+    const Ae = G(() => import("./vue-ui-accordion-YrTS7w6l.js")), Ie = G(() => import("./DataTable-BTMcFTt-.js")), Le = G(() => import("./PackageVersion-BcMsNWmF.js")), Ve = G(() => import("./PenAndPaper-BzwWPvY0.js")), We = G(() => import("./vue-ui-skeleton-B2qHPqH4.js")), Ge = G(() => import("./UserOptions-hse40wiU.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-OTQS2IW6.js → vue-ui-accordion-YrTS7w6l.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-C_4Rt67h.js";
-import { u as x } from "./useNestedProp-yHcl2Qv-.js";
-import { u as B, c as I } from "./index-CVxAE1Qc.js";
+import w from "./BaseIcon-2AuS2xrH.js";
+import { u as x } from "./useNestedProp-C9H_cfK6.js";
+import { u as B, c as I } from "./index-BmToae5Y.js";
 import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const F = ["id"], P = {
   key: 0,

package/dist/{vue-ui-age-pyramid-k9NdJIQs.js → vue-ui-age-pyramid-CK4TcV8J.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-CVxAE1Qc.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-BmToae5Y.js";
 import { t as Qe, u as Ze } from "./useResponsive-DfdjqQps.js";
-import { u as me } from "./useNestedProp-yHcl2Qv-.js";
-import { u as et } from "./usePrinter-D-4Ffa-i.js";
+import { u as me } from "./useNestedProp-C9H_cfK6.js";
+import { u as et } from "./usePrinter-7HFTqRRy.js";
 import { u as tt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as lt } from "./useChartAccessibility-9icAAmYg.js";
-import at from "./Title-Dxc8Xaru.js";
+import at from "./Title-SU7CQYnf.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-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({
+    const ke = C(() => import("./vue-ui-accordion-YrTS7w6l.js")), _e = C(() => import("./DataTable-BTMcFTt-.js")), Ce = C(() => import("./PackageVersion-BcMsNWmF.js")), $e = C(() => import("./PenAndPaper-BzwWPvY0.js")), Te = C(() => import("./vue-ui-skeleton-B2qHPqH4.js")), Ae = C(() => import("./Tooltip-C6OCDrst.js")), Le = C(() => import("./UserOptions-hse40wiU.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-oBoCJwq7.js → vue-ui-annotator-CCK7MvTD.js}

@@ -1,5 +1,5 @@
-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 { z as p, A as v, u as w, B as A } from "./index-BmToae5Y.js";
+import { d as M } from "./dom-to-png-BGKe--PB.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-CKo1pjMc.js → vue-ui-bullet-Bi8hZ11Y.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-CVxAE1Qc.js";
-import { u as te } from "./useNestedProp-yHcl2Qv-.js";
-import { u as Ie } from "./usePrinter-D-4Ffa-i.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-BmToae5Y.js";
+import { u as te } from "./useNestedProp-C9H_cfK6.js";
+import { u as Ie } from "./usePrinter-7HFTqRRy.js";
 import { u as Se } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as He } from "./useChartAccessibility-9icAAmYg.js";
-import Me from "./Legend-DRRDpFh2.js";
-import Te from "./Title-Dxc8Xaru.js";
+import Me from "./Legend-DPfiRB9k.js";
+import Te from "./Title-SU7CQYnf.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-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({
+    const se = L(() => import("./PackageVersion-BcMsNWmF.js")), re = L(() => import("./PenAndPaper-BzwWPvY0.js")), oe = L(() => import("./vue-ui-skeleton-B2qHPqH4.js")), ne = L(() => import("./UserOptions-hse40wiU.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: