vue-data-ui 3.10.0 → 3.10.2

package/dist/{vue-ui-annotator-D-x-F49X.js → vue-ui-annotator-CNkhGqqn.js}

@@ -1,12 +1,12 @@
 import { computed as L, ref as R, watch as E, onMounted as H, onBeforeUnmount as U, createBlock as x, openBlock as c, Teleport as K, createElementBlock as p, createCommentVNode as a, normalizeStyle as b, normalizeClass as g, createElementVNode as n, renderSlot as B, resolveComponent as v, createVNode as T, withCtx as N, createTextVNode as F, toDisplayString as f, withDirectives as M, vModelCheckbox as G, vModelText as D, withModifiers as A, Fragment as X, renderList as Y } from "vue";
-import { w as V, t as q, c as J, aA as Z } from "./lib-2iaAPQ_c.js";
-import { u as Q } from "./useNestedProp-BCt4DMkT.js";
-import { d as $ } from "./dom-to-png-WXGPkYro.js";
-import { u as ee } from "./usePrinter-ChVMpU2f.js";
-import te from "./BaseIcon-B9bGT7HU.js";
-import oe from "./vue-ui-accordion-CAXPDm31.js";
+import { w as V, t as q, c as J, aA as Z } from "./lib-CVHM9FhP.js";
+import { u as Q } from "./useNestedProp-Ckf_2P_V.js";
+import { d as $ } from "./dom-to-png-CzjUUVZt.js";
+import { u as ee } from "./usePrinter-1NmjuP-i.js";
+import te from "./BaseIcon-4uOct8re.js";
+import oe from "./vue-ui-accordion-DFKaB_05.js";
 import { _ as j } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { C as se } from "./ColorPicker-VKEPgk58.js";
+import { C as se } from "./ColorPicker-Culsjrcr.js";
 function ie(e) {
   const o = (y) => e.isMacLike ? y.metaKey : y.ctrlKey, l = (y) => {
     const S = y;

package/dist/{vue-ui-bullet-D3ZOexko.js → vue-ui-bullet-C4FXVy8_.js}

@@ -1,47 +1,51 @@
-import { defineAsyncComponent as j, ref as d, computed as i, onMounted as Xe, toRefs as Ye, watch as he, onBeforeUnmount as Je, createElementBlock as n, openBlock as s, unref as r, normalizeStyle as V, normalizeClass as de, createBlock as _, createCommentVNode as c, createElementVNode as $, withCtx as f, renderSlot as v, normalizeProps as b, guardReactiveProps as p, createSlots as Ke, createVNode as Qe, Fragment as G, renderList as q, toDisplayString as T, Teleport as Ze } from "vue";
-import { u as et, a as X } from "./useNestedProp-BCt4DMkT.js";
-import { c as tt, t as at, q as lt, N as ot, m as st, a as P, d as M, X as rt, o as ge, g as fe, l as nt } from "./lib-2iaAPQ_c.js";
-import { t as ut, u as it } from "./useResponsive-DfdjqQps.js";
-import { u as ct } from "./usePrinter-ChVMpU2f.js";
-import { u as vt, B as ht } from "./BaseScanner-BMpwQAfz.js";
-import { u as dt } from "./useSvgExport-ByUukOZt.js";
-import { u as gt } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as ft } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as mt } from "./useChartAccessibility-9icAAmYg.js";
-import yt from "./Legend-D2xmnFPH.js";
-import bt from "./Title-B5L2jweB.js";
-import pt from "./img-CqYIrJ8I.js";
-import { _ as kt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, segments: { baseColor: "#5A5A5A", dataLabels: { color: "#CCCCCC" }, ticks: { stroke: "#5A5A5A" } }, target: { color: "#1A1A1A" }, valueBar: { color: "#CCCCCC", stroke: "#5A5A5A", label: { color: "#CCCCCC" } } } } }, ye = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, segments: { baseColor: "#D32F2F", dataLabels: { color: "#424242" }, ticks: { stroke: "#424242" } }, target: { color: "#3A3A3A" }, valueBar: { color: "#3A3A3A", stroke: "#FFF8E1", label: { color: "#424242" } } } } }, be = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, segments: { baseColor: "#D32F2F", dataLabels: { color: "#BDBDBD" }, ticks: { stroke: "#BDBDBD" } }, target: { color: "#3A3A3A" }, valueBar: { color: "#3A3A3A", stroke: "#1E1E1E", label: { color: "#BDBDBD" } } } } }, pe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, segments: { baseColor: "#00AA00", dataLabels: { color: "#66CC66" }, ticks: { stroke: "#00AA00" } }, target: { color: "#023602" }, valueBar: { color: "#1b291b", stroke: "#1A1A1A", label: { color: "#66CC66" } } } } }, ke = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, segments: { baseColor: "#8F837A", dataLabels: { color: "#8A9892" }, ticks: { stroke: "#8F837A" } }, target: { color: "#40403a" }, valueBar: { color: "#8F837A", stroke: "#fbfafa", label: { color: "#8A9892" } } } } }, Ce = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", legend: { backgroundColor: "#fbfafa", color: "#50606C" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, segments: { baseColor: "#718890", dataLabels: { color: "#50606C" }, ticks: { stroke: "#50606C" } }, target: { color: "#50606C" }, valueBar: { color: "#50606C", stroke: "#fbfafa", label: { color: "#50606C" } } } } }, Ae = {
+import { defineAsyncComponent as j, ref as d, computed as i, onMounted as Je, toRefs as Ke, watch as he, onBeforeUnmount as Qe, createElementBlock as n, openBlock as s, unref as r, normalizeStyle as V, normalizeClass as de, createBlock as _, createCommentVNode as c, createElementVNode as L, withCtx as f, renderSlot as v, normalizeProps as b, guardReactiveProps as p, createSlots as Ze, createVNode as et, Fragment as G, renderList as q, toDisplayString as T, Teleport as tt } from "vue";
+import { u as at, a as X } from "./useNestedProp-Ckf_2P_V.js";
+import { c as lt, t as ot, q as st, N as rt, m as nt, a as P, d as M, X as ut, o as ge, g as fe, l as it } from "./lib-CVHM9FhP.js";
+import { t as ct, u as vt } from "./useResponsive-DfdjqQps.js";
+import { u as ht } from "./usePrinter-1NmjuP-i.js";
+import { u as dt, B as gt } from "./BaseScanner-BMpwQAfz.js";
+import { u as ft } from "./useSvgExport-ByUukOZt.js";
+import { u as mt } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as yt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as bt } from "./useChartAccessibility-9icAAmYg.js";
+import pt from "./Legend-DN5UJOBH.js";
+import Ct from "./Title-NgeRXqRA.js";
+import kt from "./img-6fNF_rG0.js";
+import { _ as At } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const me = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 }, segments: { baseColor: "#2A2929" }, valueBar: { color: "#CCCCCC" } } } }, ye = { userOptions: { show: !1 }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", legend: { show: !1 }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, segments: { baseColor: "#424040", dataLabels: { color: "#CCCCCC" }, ticks: { stroke: "#5A5A5A" } }, target: { color: "#1A1A1A" }, valueBar: { color: "#FAFAFA", stroke: "#5A5A5A", label: { color: "#CCCCCC" } } } } }, be = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, segments: { baseColor: "#5A5A5A", dataLabels: { color: "#CCCCCC" }, ticks: { stroke: "#5A5A5A" } }, target: { color: "#1A1A1A" }, valueBar: { color: "#CCCCCC", stroke: "#5A5A5A", label: { color: "#CCCCCC" } } } } }, pe = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, segments: { baseColor: "#D32F2F", dataLabels: { color: "#424242" }, ticks: { stroke: "#424242" } }, target: { color: "#3A3A3A" }, valueBar: { color: "#3A3A3A", stroke: "#FFF8E1", label: { color: "#424242" } } } } }, Ce = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, segments: { baseColor: "#D32F2F", dataLabels: { color: "#BDBDBD" }, ticks: { stroke: "#BDBDBD" } }, target: { color: "#3A3A3A" }, valueBar: { color: "#3A3A3A", stroke: "#1E1E1E", label: { color: "#BDBDBD" } } } } }, ke = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, segments: { baseColor: "#00AA00", dataLabels: { color: "#66CC66" }, ticks: { stroke: "#00AA00" } }, target: { color: "#023602" }, valueBar: { color: "#1b291b", stroke: "#1A1A1A", label: { color: "#66CC66" } } } } }, Ae = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, segments: { baseColor: "#8F837A", dataLabels: { color: "#8A9892" }, ticks: { stroke: "#8F837A" } }, target: { color: "#40403a" }, valueBar: { color: "#8F837A", stroke: "#fbfafa", label: { color: "#8A9892" } } } } }, we = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", legend: { backgroundColor: "#fbfafa", color: "#50606C" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, segments: { baseColor: "#718890", dataLabels: { color: "#50606C" }, ticks: { stroke: "#50606C" } }, target: { color: "#50606C" }, valueBar: { color: "#50606C", stroke: "#fbfafa", label: { color: "#50606C" } } } } }, Be = {
   default: {},
-  dark: me,
-  celebration: ye,
-  celebrationNight: be,
-  hack: pe,
-  zen: ke,
-  concrete: Ce
-}, aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: me,
+  minimalDark: ye,
+  dark: be,
+  celebration: pe,
+  celebrationNight: Ce,
+  hack: ke,
+  zen: Ae,
+  concrete: we
+}, oa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: ye,
-  celebrationNight: be,
-  concrete: Ce,
-  dark: me,
-  default: Ae,
-  hack: pe,
-  zen: ke
-}, Symbol.toStringTag, { value: "Module" })), Ct = ["id"], At = {
+  celebration: pe,
+  celebrationNight: Ce,
+  concrete: we,
+  dark: be,
+  default: Be,
+  hack: ke,
+  minimal: me,
+  minimalDark: ye,
+  zen: Ae
+}, Symbol.toStringTag, { value: "Module" })), wt = ["id"], Bt = {
   key: 1,
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%;background:transparent"
-}, wt = ["id"], Bt = ["xmlns", "viewBox"], xt = ["width", "height"], _t = { key: 1 }, $t = ["x", "y", "height", "width", "fill", "stroke"], Lt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Ft = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Ot = ["x", "y", "font-size", "font-weight", "fill"], St = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Dt = { key: 3 }, Et = ["x", "y", "fill", "font-size", "font-weight"], It = { key: 4 }, Tt = ["x1", "x2", "y1", "y2", "stroke"], Pt = {
+}, xt = ["id"], _t = ["xmlns", "viewBox"], Lt = ["width", "height"], $t = { key: 1 }, Ft = ["x", "y", "height", "width", "fill", "stroke"], Ot = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], St = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Dt = ["x", "y", "font-size", "font-weight", "fill"], Et = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], It = { key: 3 }, Tt = ["x", "y", "fill", "font-size", "font-weight"], Pt = { key: 4 }, Mt = ["x1", "x2", "y1", "y2", "stroke"], zt = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Mt = ["id"], zt = {
+}, Ht = ["id"], Nt = {
   key: 0,
   class: "vue-ui-bullet-legend-item",
   dir: "auto"
-}, Ht = { style: { "margin-right": "2px" } }, Nt = {
+}, Rt = { style: { "margin-right": "2px" } }, Ut = {
   __name: "vue-ui-bullet",
   props: {
     config: {
@@ -57,8 +61,8 @@ const me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
       }
     }
   },
-  setup(we, { expose: Be }) {
-    const xe = j(() => import("./PackageVersion-C-JOGZBL.js")), _e = j(() => import("./PenAndPaper-CulSakut.js")), $e = j(() => import("./UserOptions-5pXc4J-c.js")), { vue_ui_bullet: Le } = et(), { isThemeValid: Fe, warnInvalidTheme: Oe } = gt(), L = we, C = d(null), Y = d(null), J = d(0), K = d(null), Q = d(null), Se = d(0), F = d(null), D = d(null), Z = d(!1), w = i({
+  setup(xe, { expose: _e }) {
+    const Le = j(() => import("./PackageVersion-CQxJyGQr.js")), $e = j(() => import("./PenAndPaper-LTuSTmWE.js")), Fe = j(() => import("./UserOptions-CX7Xsusk.js")), { vue_ui_bullet: Oe } = at(), { isThemeValid: Se, warnInvalidTheme: De } = mt(), $ = xe, k = d(null), Y = d(null), J = d(0), K = d(null), Q = d(null), Ee = d(0), F = d(null), D = d(null), Z = d(!1), w = i({
       get: () => h.value.hasOwnProperty("value"),
       set: (t) => t
     }), O = i(() => h.value.segments ? Array.isArray(h.value.segments) ? h.value.segments.length ? !0 : (console.warn(`VueUiBullet: dataset segments is empty. Provide segments with this datastructure:
@@ -94,7 +98,7 @@ segments: [
     },
     {...}
 ]
-        `), w.value = !1, !1)), ee = i(() => !!e.value.debug), De = i(() => {
+        `), w.value = !1, !1)), ee = i(() => !!e.value.debug), Ie = i(() => {
       const { top: t, right: l, bottom: a, left: u } = e.value.style.chart.padding;
       return {
         top: t,
@@ -109,7 +113,7 @@ segments: [
         type: "dataset",
         debug: ee.value
       }), E.value = !0) : O.value ? h.value.segments.forEach((t, l) => {
-        nt({
+        it({
           datasetObject: t,
           requiredAttributes: ["name", "from", "to"]
         }).forEach((a) => {
@@ -122,45 +126,45 @@ segments: [
           });
         });
       }) : (w.value = !1, E.value = !0), ge(h.value) || (E.value = e.value.loading), e.value.responsive) {
-        const t = ut(() => {
-          const { width: l, height: a } = it({
-            chart: C.value,
+        const t = ct(() => {
+          const { width: l, height: a } = vt({
+            chart: k.value,
             title: e.value.style.chart.title.text ? Y.value : null,
             legend: e.value.style.chart.legend.show ? K.value : null,
             source: Q.value,
-            padding: De.value
-          }), k = (e.value.style.chart.legend.show ? 24 : 0) || 12;
+            padding: Ie.value
+          }), C = (e.value.style.chart.legend.show ? 24 : 0) || 12;
           requestAnimationFrame(() => {
-            x.value.width = l, x.value.height = a - k;
+            x.value.width = l, x.value.height = a - C;
           });
         });
-        F.value && (D.value && F.value.unobserve(D.value), F.value.disconnect()), F.value = new ResizeObserver(t), D.value = C.value.parentNode, F.value.observe(D.value);
+        F.value && (D.value && F.value.unobserve(D.value), F.value.disconnect()), F.value = new ResizeObserver(t), D.value = k.value.parentNode, F.value.observe(D.value);
       }
       e.value.style.chart.animation.show && !B.value && se(h.value.value || 0);
     }
-    Xe(() => {
+    Je(() => {
       Z.value = !0, te();
     });
-    const A = d(tt());
+    const A = d(lt());
     function z() {
       const t = X({
-        userConfig: L.config,
-        defaultConfig: Le
+        userConfig: $.config,
+        defaultConfig: Oe
       }), l = t.theme;
       if (!l) return t;
-      if (!Fe.value(t))
-        return Oe(t), t;
+      if (!Se.value(t))
+        return De(t), t;
       const a = X({
-        userConfig: Ae[l] || L.config,
+        userConfig: Be[l] || $.config,
         defaultConfig: t
       });
       return X({
-        userConfig: L.config,
+        userConfig: $.config,
         defaultConfig: a
       });
     }
-    const e = d(z()), { loading: B, FINAL_DATASET: h, manualLoading: E } = vt({
-      ...Ye(L),
+    const e = d(z()), { loading: B, FINAL_DATASET: h, manualLoading: E } = dt({
+      ...Ke($),
       FINAL_CONFIG: e,
       prepareConfig: z,
       skeletonDataset: {
@@ -187,7 +191,7 @@ segments: [
           }
         ]
       },
-      skeletonConfig: at({
+      skeletonConfig: ot({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -207,39 +211,39 @@ segments: [
           }
         }
       })
-    }), { userOptionsVisible: H, setUserOptionsVisibility: ae, keepUserOptionState: le } = ft({ config: e.value }), { svgRef: N } = mt({ config: e.value.style.chart.title }), x = d({
+    }), { userOptionsVisible: H, setUserOptionsVisibility: ae, keepUserOptionState: le } = yt({ config: e.value }), { svgRef: N } = bt({ config: e.value.style.chart.title }), x = d({
       width: e.value.style.chart.width,
       height: e.value.style.chart.height
-    }), Ee = i(() => x.value.width), Ie = i(() => x.value.height);
-    he(() => L.config, (t) => {
+    }), Te = i(() => x.value.width), Pe = i(() => x.value.height);
+    he(() => $.config, (t) => {
       B.value || (e.value = z()), H.value = !e.value.userOptions.showOnChartHover, x.value.width = e.value.style.chart.width, x.value.height = e.value.style.chart.height, te(), J.value += 1;
     }, { deep: !0 });
     const o = i(() => {
-      const t = Ie.value, l = Ee.value, a = e.value.style.chart.padding.left, u = l - e.value.style.chart.padding.right, k = e.value.style.chart.padding.top, g = t - e.value.style.chart.padding.bottom;
+      const t = Pe.value, l = Te.value, a = e.value.style.chart.padding.left, u = l - e.value.style.chart.padding.right, C = e.value.style.chart.padding.top, g = t - e.value.style.chart.padding.bottom;
       return {
         height: Math.max(1e-3, t),
         width: Math.max(1e-3, l),
         left: a,
         right: u,
-        top: k,
+        top: C,
         bottom: g,
         chartWidth: Math.max(1e-3, u - a),
-        chartHeight: Math.max(1e-3, g - k)
+        chartHeight: Math.max(1e-3, g - C)
       };
-    }), Te = i(() => {
+    }), Me = i(() => {
       if (!O.value) return [];
       const t = [];
       for (let l = 0; l < h.value.segments.length; l += 1)
-        t.push(lt(e.value.style.chart.segments.baseColor, l / h.value.segments.length));
+        t.push(st(e.value.style.chart.segments.baseColor, l / h.value.segments.length));
       return t;
     }), R = i(() => O.value ? {
       min: Math.min(...h.value.segments.map((t) => t.from)),
       max: Math.max(...h.value.segments.map((t) => t.to))
-    } : { min: 0, max: 1 }), m = d(Pe());
+    } : { min: 0, max: 1 }), m = d(ze());
     he(() => h.value, (t) => {
       t.hasOwnProperty("value") && (E.value = !1), e.value.style.chart.animation.show && !B.value ? se(t.value || 0) : m.value = t.value || 0;
     }, { deep: !0 });
-    function Pe() {
+    function ze() {
       return e.value.style.chart.animation.show && !B.value ? R.value.min : h.value.value || 0;
     }
     const oe = d(null);
@@ -250,17 +254,17 @@ segments: [
       }
       a();
     }
-    Je(() => {
+    Qe(() => {
       cancelAnimationFrame(oe.value);
     });
     const y = i(() => {
       if (!O.value)
         return [];
-      const t = ot(R.value.min, R.value.max, e.value.style.chart.segments.ticks.divisions), l = t.min >= 0 ? 0 : Math.abs(t.min), a = {
+      const t = rt(R.value.min, R.value.max, e.value.style.chart.segments.ticks.divisions), l = t.min >= 0 ? 0 : Math.abs(t.min), a = {
         x: o.value.left + (h.value.target + l) / (t.max + l) * o.value.chartWidth - e.value.style.chart.target.width / 2
       }, u = {
         width: (m.value + l) / (t.max + l) * o.value.chartWidth
-      }, k = t.ticks.map((g) => ({
+      }, C = t.ticks.map((g) => ({
         value: g,
         y: o.value.bottom + e.value.style.chart.segments.dataLabels.fontSize + 3 + e.value.style.chart.segments.dataLabels.offsetY,
         x: o.value.left + (g + l) / (t.max + l) * o.value.chartWidth
@@ -269,10 +273,10 @@ segments: [
         scale: t,
         target: a,
         value: u,
-        ticks: k,
-        chunks: h.value.segments.map((g, qe) => ({
+        ticks: C,
+        chunks: h.value.segments.map((g, Ye) => ({
           ...g,
-          color: g.color ? st(g.color) : Te.value[qe],
+          color: g.color ? nt(g.color) : Me.value[Ye],
           x: o.value.left + o.value.chartWidth * ((g.from + l) / (t.max + l)),
           y: o.value.top,
           height: o.value.chartHeight,
@@ -305,33 +309,33 @@ segments: [
         value: u,
         display: `${t.name}: ${u}`
       };
-    })), Me = i(() => ({
+    })), He = i(() => ({
       cy: "bullet-div-legend",
       backgroundColor: "transparent",
       color: e.value.style.chart.legend.color,
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 6,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), { isPrinting: re, isImaging: ne, generatePdf: ue, generateImage: ie } = ct({
+    })), { isPrinting: re, isImaging: ne, generatePdf: ue, generateImage: ie } = ht({
       elementId: `bullet_${A.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-bullet",
       options: e.value.userOptions.print
-    }), ze = i(() => e.value.userOptions.show && !e.value.style.chart.title.text), S = d(!1);
+    }), Ne = i(() => e.value.userOptions.show && !e.value.style.chart.title.text), S = d(!1);
     function ce(t) {
-      S.value = t, Se.value += 1;
+      S.value = t, Ee.value += 1;
     }
-    function He() {
+    function Re() {
       return y.value;
     }
     const I = d(!1);
     function W() {
       I.value = !I.value;
     }
-    async function Ne({ scale: t = 2 } = {}) {
-      if (!C.value) return;
-      const { width: l, height: a } = C.value.getBoundingClientRect(), u = l / a, { imageUri: k, base64: g } = await pt({ domElement: C.value, base64: !0, img: !0, scale: t });
+    async function Ue({ scale: t = 2 } = {}) {
+      if (!k.value) return;
+      const { width: l, height: a } = k.value.getBoundingClientRect(), u = l / a, { imageUri: C, base64: g } = await kt({ domElement: k.value, base64: !0, img: !0, scale: t });
       return {
-        imageUri: k,
+        imageUri: C,
         base64: g,
         title: e.value.style.chart.title.text,
         width: l,
@@ -339,22 +343,22 @@ segments: [
         aspectRatio: u
       };
     }
-    const Re = i(() => U.value.map((t) => ({
+    const We = i(() => U.value.map((t) => ({
       ...t,
       name: t.display
-    }))), Ue = i(() => e.value.style.chart.backgroundColor), We = i(() => e.value.style.chart.legend), je = i(() => e.value.style.chart.title), { exportSvg: Ve, getSvg: Ge } = dt({
+    }))), je = i(() => e.value.style.chart.backgroundColor), Ve = i(() => e.value.style.chart.legend), Ge = i(() => e.value.style.chart.title), { exportSvg: qe, getSvg: Xe } = ft({
       svg: N,
-      title: je,
-      legend: We,
-      legendItems: Re,
-      backgroundColor: Ue
+      title: Ge,
+      legend: Ve,
+      legendItems: We,
+      backgroundColor: je
     });
     function ve({ isCb: t }) {
-      t ? e.value.userOptions.callbacks.svg(Ge()) : Ve();
+      t ? e.value.userOptions.callbacks.svg(Xe()) : qe();
     }
-    return Be({
-      getData: He,
-      getImage: Ne,
+    return _e({
+      getData: Re,
+      getImage: Ue,
       generatePdf: ue,
       generateImage: ie,
       generateSvg: ve,
@@ -362,14 +366,14 @@ segments: [
       toggleFullscreen: ce
     }), (t, l) => (s(), n("div", {
       ref_key: "bulletChart",
-      ref: C,
+      ref: k,
       class: de(`vue-data-ui-component vue-ui-bullet ${S.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       style: V(`font-family:${e.value.style.fontFamily};width:100%;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
       id: `bullet_${A.value}`,
       onMouseenter: l[0] || (l[0] = () => r(ae)(!0)),
       onMouseleave: l[1] || (l[1] = () => r(ae)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (s(), _(r(_e), {
+      e.value.userOptions.buttons.annotator ? (s(), _(r($e), {
         key: 0,
         svgRef: r(N),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -397,14 +401,14 @@ segments: [
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : c("", !0),
-      ze.value ? (s(), n("div", At, null, 512)) : c("", !0),
+      Ne.value ? (s(), n("div", Bt, null, 512)) : c("", !0),
       e.value.style.chart.title.text ? (s(), n("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: Y,
         style: "width:100%;background:transparent;"
       }, [
-        (s(), _(bt, {
+        (s(), _(Ct, {
           lineHeight: "1.3rem",
           key: `title_${J.value}`,
           config: {
@@ -419,10 +423,10 @@ segments: [
           }
         }, null, 8, ["config"]))
       ], 512)) : c("", !0),
-      $("div", {
+      L("div", {
         id: `legend-top-${A.value}`
-      }, null, 8, wt),
-      e.value.userOptions.show && w.value && (r(le) || r(H)) ? (s(), _(r($e), {
+      }, null, 8, xt),
+      e.value.userOptions.show && w.value && (r(le) || r(H)) ? (s(), _(r(Fe), {
         key: 3,
         ref: "details",
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -439,7 +443,7 @@ segments: [
         hasLabel: !1,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: S.value,
-        chartElement: C.value,
+        chartElement: k.value,
         position: e.value.userOptions.position,
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
@@ -454,7 +458,7 @@ segments: [
         style: V({
           visibility: r(le) ? r(H) ? "visible" : "hidden" : "visible"
         })
-      }, Ke({ _: 2 }, [
+      }, Ze({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
           fn: f(({ isOpen: a, color: u }) => [
@@ -501,12 +505,12 @@ segments: [
       (s(), n("svg", {
         ref_key: "svgRef",
         ref: N,
-        xmlns: r(rt),
+        xmlns: r(ut),
         class: de({ "vue-data-ui-fullscreen--on": S.value, "vue-data-ui-fulscreen--off": !S.value, "vue-ui-bullet-svg": !0 }),
         viewBox: `0 0 ${o.value.width} ${o.value.height}`,
         style: V(`width: 100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        Qe(r(xe)),
+        et(r(Le)),
         t.$slots["chart-background"] ? (s(), n("foreignObject", {
           key: 0,
           x: 0,
@@ -518,8 +522,8 @@ segments: [
           }
         }, [
           v(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, xt)) : c("", !0),
-        O.value ? (s(), n("g", _t, [
+        ], 8, Lt)) : c("", !0),
+        O.value ? (s(), n("g", $t, [
           (s(!0), n(G, null, q(y.value.chunks, (a) => (s(), n("rect", {
             x: a.x,
             y: a.y,
@@ -529,7 +533,7 @@ segments: [
             "stroke-width": 1,
             stroke: e.value.style.chart.backgroundColor,
             style: { transition: "x 0.3s ease-in-out, width 0.3s ease-in-out" }
-          }, null, 8, $t))), 256)),
+          }, null, 8, Ft))), 256)),
           !e.value.style.chart.target.onTop && e.value.style.chart.target.show ? (s(), n("rect", {
             key: 0,
             x: y.value.target.x,
@@ -540,8 +544,8 @@ segments: [
             fill: e.value.style.chart.target.color,
             stroke: e.value.style.chart.target.stroke,
             "stroke-width": e.value.style.chart.target.strokeWidth
-          }, null, 8, Lt)) : c("", !0),
-          $("rect", {
+          }, null, 8, Ot)) : c("", !0),
+          L("rect", {
             x: o.value.left,
             y: o.value.top + (o.value.chartHeight - o.value.chartHeight * e.value.style.chart.valueBar.heightRatio) / 2,
             height: o.value.chartHeight * e.value.style.chart.valueBar.heightRatio,
@@ -549,7 +553,7 @@ segments: [
             fill: e.value.style.chart.valueBar.color,
             stroke: e.value.style.chart.valueBar.stroke,
             "stroke-width": e.value.style.chart.valueBar.strokeWidth
-          }, null, 8, Ft),
+          }, null, 8, St),
           e.value.style.chart.valueBar.label.show ? (s(), n("text", {
             key: 1,
             x: o.value.left + y.value.value.width,
@@ -567,7 +571,7 @@ segments: [
               s: e.value.style.chart.segments.dataLabels.suffix,
               r: e.value.style.chart.segments.dataLabels.rounding
             })
-          )), 9, Ot)) : c("", !0),
+          )), 9, Dt)) : c("", !0),
           e.value.style.chart.target.onTop && e.value.style.chart.target.show ? (s(), n("rect", {
             key: 2,
             x: y.value.target.x,
@@ -579,8 +583,8 @@ segments: [
             stroke: e.value.style.chart.target.stroke,
             "stroke-width": e.value.style.chart.target.strokeWidth,
             style: { transition: "x 0.3s ease-in-out" }
-          }, null, 8, St)) : c("", !0),
-          e.value.style.chart.segments.dataLabels.show ? (s(), n("g", Dt, [
+          }, null, 8, Et)) : c("", !0),
+          e.value.style.chart.segments.dataLabels.show ? (s(), n("g", It, [
             (s(!0), n(G, null, q(y.value.ticks, (a) => (s(), n("text", {
               x: a.x,
               y: a.y,
@@ -597,9 +601,9 @@ segments: [
                 s: e.value.style.chart.segments.dataLabels.suffix,
                 r: e.value.style.chart.segments.dataLabels.rounding
               })
-            )), 9, Et))), 256))
+            )), 9, Tt))), 256))
           ])) : c("", !0),
-          e.value.style.chart.segments.dataLabels.show && e.value.style.chart.segments.ticks.show ? (s(), n("g", It, [
+          e.value.style.chart.segments.dataLabels.show && e.value.style.chart.segments.ticks.show ? (s(), n("g", Pt, [
             (s(!0), n(G, null, q(y.value.ticks, (a) => (s(), n("line", {
               x1: a.x,
               x2: a.x,
@@ -608,35 +612,35 @@ segments: [
               stroke: e.value.style.chart.segments.ticks.stroke,
               "stroke-width": 1,
               "stroke-linecap": "round"
-            }, null, 8, Tt))), 256))
+            }, null, 8, Mt))), 256))
           ])) : c("", !0)
         ])) : c("", !0),
         v(t.$slots, "svg", { svg: o.value }, void 0, !0)
-      ], 14, Bt)),
-      t.$slots.watermark ? (s(), n("div", Pt, [
+      ], 14, _t)),
+      t.$slots.watermark ? (s(), n("div", zt, [
         v(t.$slots, "watermark", b(p({ isPrinting: r(re) || r(ne) })), void 0, !0)
       ])) : c("", !0),
-      $("div", {
+      L("div", {
         id: `legend-bottom-${A.value}`
-      }, null, 8, Mt),
-      Z.value ? (s(), _(Ze, {
+      }, null, 8, Ht),
+      Z.value ? (s(), _(tt, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${A.value}` : `#legend-bottom-${A.value}`
       }, [
-        $("div", {
+        L("div", {
           ref_key: "chartLegend",
           ref: K
         }, [
-          e.value.style.chart.legend.show ? (s(), _(yt, {
+          e.value.style.chart.legend.show ? (s(), _(pt, {
             key: 0,
             clickable: !1,
             legendSet: U.value,
-            config: Me.value
+            config: He.value
           }, {
             item: f(({ legend: a }) => [
-              r(B) ? c("", !0) : (s(), n("div", zt, [
-                $("span", Ht, T(a.name) + ":", 1),
-                $("span", null, T(a.value), 1)
+              r(B) ? c("", !0) : (s(), n("div", Nt, [
+                L("span", Rt, T(a.name) + ":", 1),
+                L("span", null, T(a.value), 1)
               ]))
             ]),
             _: 1
@@ -652,15 +656,15 @@ segments: [
       }, [
         v(t.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0),
-      r(B) ? (s(), _(ht, { key: 7 })) : c("", !0)
-    ], 46, Ct));
+      r(B) ? (s(), _(gt, { key: 7 })) : c("", !0)
+    ], 46, wt));
   }
-}, Rt = /* @__PURE__ */ kt(Nt, [["__scopeId", "data-v-7902e6f9"]]), la = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Wt = /* @__PURE__ */ At(Ut, [["__scopeId", "data-v-7902e6f9"]]), sa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Rt
+  default: Wt
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  aa as a,
-  la as b,
-  Rt as v
+  oa as a,
+  sa as b,
+  Wt as v
 };