vue-data-ui 3.9.12 → 3.9.13

package/dist/{vue-ui-age-pyramid-C6NjJlg4.js → vue-ui-age-pyramid-DxTHqM7w.js}

@@ -1,16 +1,16 @@
 import { defineAsyncComponent as $, computed as h, ref as d, toRefs as Ct, watch as j, shallowRef as De, onMounted as kt, onBeforeUnmount as Oe, watchEffect as At, createElementBlock as u, openBlock as i, unref as r, normalizeStyle as se, normalizeClass as ze, createBlock as R, createCommentVNode as f, renderSlot as v, createVNode as ie, withCtx as c, normalizeProps as C, guardReactiveProps as k, createSlots as Be, createElementVNode as y, Fragment as F, renderList as O, toDisplayString as T, resolveDynamicComponent as wt, mergeProps as Tt, createTextVNode as re, nextTick as _t } from "vue";
-import { c as Lt, t as $t, o as Ie, g as Ft, T as b, X as St, s as ue, h as Ee, a as z, d as B, u as Dt, q as Ot, x as zt, Z as Bt } from "./lib-W9waxHL3.js";
+import { c as Lt, t as $t, o as Ie, g as Ft, U as b, X as St, s as ue, h as Ee, a as z, d as B, v as Dt, r as Ot, y as zt, _ as Bt } from "./lib-BwysEpWI.js";
 import { t as Re, u as It } from "./useResponsive-DfdjqQps.js";
-import { u as Et, a as ne } from "./useNestedProp-D-jUHecl.js";
+import { u as Et, a as ne } from "./useNestedProp--5lL-kf1.js";
 import { u as Rt, B as Pt } from "./BaseScanner-BMpwQAfz.js";
-import { u as Mt } from "./usePrinter-DhoMn87n.js";
+import { u as Mt } from "./usePrinter-BJzHDpYF.js";
 import { u as Nt } from "./useSvgExport-ByUukOZt.js";
 import { u as Ut } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Gt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Ht } from "./useChartAccessibility-9icAAmYg.js";
 import { u as Vt } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Wt from "./img-BJzUSmkm.js";
-import jt from "./Title-DFtCaCah.js";
+import Wt from "./img-DKigoPDs.js";
+import jt from "./Title-BhURirpm.js";
 import { _ as Xt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Pe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { grid: { stroke: "#5A5A5A" }, dataLabels: { sideTitles: { color: "#CCCCCC" }, xAxis: { color: "#CCCCCC" }, yAxis: { color: "#CCCCCC" } } }, highlighter: { color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Me = { style: { backgroundColor: "#FFF8E1", color: "#424242", layout: { grid: { stroke: "#5D4037" }, dataLabels: { sideTitles: { color: "#424242" }, xAxis: { color: "#424242" }, yAxis: { color: "#424242" } }, bars: { borderRadius: 0, gap: 1, left: { color: "#F57C00" }, right: { color: "#D32F2F" }, gradient: { show: !1 } } }, highlighter: { color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Ne = { style: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { grid: { stroke: "#5D4037" }, dataLabels: { sideTitles: { color: "#BDBDBD" }, xAxis: { color: "#BDBDBD" }, yAxis: { color: "#BDBDBD" } }, bars: { borderRadius: 0, gap: 1, left: { color: "#F57C00" }, right: { color: "#D32F2F" }, gradient: { show: !1 } } }, highlighter: { color: "#FFF8E1" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Ue = { style: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { grid: { stroke: "#5F6A5F" }, dataLabels: { sideTitles: { color: "#AACCAA" }, xAxis: { color: "#5F6A5F" }, yAxis: { color: "#5F6A5F" } }, bars: { borderRadius: 0, gap: 1, left: { color: "#668066" }, right: { color: "#66CC66" }, gradient: { show: !1 } } }, highlighter: { color: "#66CC66" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Ge = { style: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { grid: { stroke: "#5F6A5F" }, dataLabels: { sideTitles: { color: "#8A9892" }, xAxis: { show: !1 }, yAxis: { show: !1 } }, bars: { borderRadius: 6, gap: 1, left: { color: "#DCB482" }, right: { color: "#B9B99D" }, gradient: { show: !0 } } }, highlighter: { color: "#8F837A" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, He = { style: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { grid: { stroke: "#5F6A5F" }, dataLabels: { sideTitles: { color: "#61747E" }, xAxis: { color: "#61747E" }, yAxis: { color: "#61747E" } }, bars: { borderRadius: 0, gap: 1, left: { color: "#A1B5A3" }, right: { color: "#7DA9B5" }, gradient: { show: !0, intensity: 10 } } }, highlighter: { color: "#7DA9B5" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Ve = {
   default: {},
@@ -29,7 +29,7 @@ const Pe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { gr
   default: Ve,
   hack: Ue,
   zen: Ge
-}, Symbol.toStringTag, { value: "Module" })), Yt = ["id"], qt = ["xmlns", "viewBox"], Zt = ["x", "y", "width", "height"], Jt = ["id"], Kt = ["stop-color"], Qt = ["stop-color"], el = ["id"], tl = ["stop-color"], ll = ["stop-color"], ol = ["x", "y", "width", "height", "fill", "rx"], al = ["x", "y", "width", "height", "fill", "rx"], sl = ["x", "y", "width", "height", "fill", "rx"], il = ["x", "y", "width", "height", "fill", "rx"], rl = { key: 0 }, ul = ["x", "y", "fill", "font-size", "font-weight"], nl = ["x", "y", "fill", "font-size", "font-weight"], dl = { key: 1 }, vl = ["x", "y", "font-size", "fill", "font-weight"], cl = { key: 2 }, yl = { key: 0 }, hl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], fl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], gl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], bl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], pl = ["font-size", "fill", "text-anchor", "font-weight", "transform"], xl = ["font-size", "fill", "text-anchor", "font-weight", "transform"], ml = ["x", "y", "font-size", "fill", "font-weight"], Cl = ["x", "y", "width", "height", "fill", "onMouseover", "onMouseleave", "onClick"], kl = {
+}, Symbol.toStringTag, { value: "Module" })), Yt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["x", "y", "width", "height"], Kt = ["id"], Qt = ["stop-color"], Zt = ["stop-color"], el = ["id"], tl = ["stop-color"], ll = ["stop-color"], ol = ["x", "y", "width", "height", "fill", "rx"], al = ["x", "y", "width", "height", "fill", "rx"], sl = ["x", "y", "width", "height", "fill", "rx"], il = ["x", "y", "width", "height", "fill", "rx"], rl = { key: 0 }, ul = ["x", "y", "fill", "font-size", "font-weight"], nl = ["x", "y", "fill", "font-size", "font-weight"], dl = { key: 1 }, vl = ["x", "y", "font-size", "fill", "font-weight"], cl = { key: 2 }, yl = { key: 0 }, hl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], fl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], gl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], bl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], pl = ["font-size", "fill", "text-anchor", "font-weight", "transform"], xl = ["font-size", "fill", "text-anchor", "font-weight", "transform"], ml = ["x", "y", "font-size", "fill", "font-weight"], Cl = ["x", "y", "width", "height", "fill", "onMouseover", "onMouseleave", "onClick"], kl = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Al = {
@@ -49,7 +49,7 @@ const Pe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { gr
     }
   },
   setup(de, { expose: We }) {
-    const je = $(() => import("./Tooltip-B79qvriT.js")), Xe = $(() => import("./BaseIcon-r3_sTK1A.js")), Ye = $(() => import("./vue-ui-accordion-B6BX2vhq.js")), qe = $(() => import("./DataTable-DNeCys3I.js")), Ze = $(() => import("./PenAndPaper-CsqBamFZ.js")), Je = $(() => import("./UserOptions-B-2A_KRb.js")), Ke = $(() => import("./PackageVersion-BpArR90N.js")), Qe = $(() => import("./BaseDraggableDialog-C167SnU0.js")), { vue_ui_age_pyramid: et } = Et(), { isThemeValid: tt, warnInvalidTheme: lt } = Ut(), p = de, ve = h(() => !!p.dataset && p.dataset.length), A = d(Lt()), X = d(!1), Y = d(""), U = d(null), ce = d(0), w = d(null), ye = d(null), he = d(null), fe = d(null), ge = d(0), be = d(0), q = d(null), P = d(null), Z = d(null), e = d(ee()), { loading: pe, FINAL_DATASET: G, manualLoading: J } = Rt({
+    const je = $(() => import("./Tooltip-TDyKgLB6.js")), Xe = $(() => import("./BaseIcon-4i3dd7Ty.js")), Ye = $(() => import("./vue-ui-accordion-tQNKwbVi.js")), qe = $(() => import("./DataTable-WrXCJkfE.js")), Je = $(() => import("./PenAndPaper-DxIUvoQ8.js")), Ke = $(() => import("./UserOptions-CzJWRC4s.js")), Qe = $(() => import("./PackageVersion-D3cMhAlf.js")), Ze = $(() => import("./BaseDraggableDialog-CAJxIF6g.js")), { vue_ui_age_pyramid: et } = Et(), { isThemeValid: tt, warnInvalidTheme: lt } = Ut(), p = de, ve = h(() => !!p.dataset && p.dataset.length), A = d(Lt()), X = d(!1), Y = d(""), U = d(null), ce = d(0), w = d(null), ye = d(null), he = d(null), fe = d(null), ge = d(0), be = d(0), q = d(null), P = d(null), J = d(null), e = d(ee()), { loading: pe, FINAL_DATASET: G, manualLoading: K } = Rt({
       ...Ct(p),
       FINAL_CONFIG: e,
       prepareConfig: ee,
@@ -98,7 +98,7 @@ const Pe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { gr
           }
         }
       })
-    }), { userOptionsVisible: K, setUserOptionsVisibility: xe, keepUserOptionState: me } = Gt({ config: e.value }), { svgRef: Q } = Ht({ config: e.value.style.title });
+    }), { userOptionsVisible: Q, setUserOptionsVisibility: xe, keepUserOptionState: me } = Gt({ config: e.value }), { svgRef: Z } = Ht({ config: e.value.style.title });
     function ee() {
       const t = ne({
         userConfig: p.config,
@@ -117,9 +117,9 @@ const Pe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { gr
       });
     }
     j(() => p.config, (t) => {
-      pe.value || (e.value = ee()), K.value = !e.value.userOptions.showOnChartHover, Ce(), ge.value += 1, be.value += 1, x.value.showTable = e.value.table.show, x.value.showTooltip = e.value.style.tooltip.show;
+      pe.value || (e.value = ee()), Q.value = !e.value.userOptions.showOnChartHover, Ce(), ge.value += 1, be.value += 1, x.value.showTable = e.value.table.show, x.value.showTooltip = e.value.style.tooltip.show;
     }, { deep: !0 }), j(() => p.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (J.value = !1);
+      Array.isArray(t) && t.length > 0 && (K.value = !1);
     }, { deep: !0 });
     const _ = De(null), I = De(null);
     kt(() => {
@@ -131,7 +131,7 @@ const Pe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { gr
         componentName: "VueUiAgePyramid",
         type: "dataset",
         debug: ot.value
-      }), J.value = !0), Ie(p.dataset) || (J.value = e.value.loading), e.value.responsive) {
+      }), K.value = !0), Ie(p.dataset) || (K.value = e.value.loading), e.value.responsive) {
         const t = Re(() => {
           const { width: a, height: l } = It({
             chart: w.value,
@@ -404,7 +404,7 @@ const Pe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { gr
     const N = h(() => {
       const t = e.value.table.useDialog && !e.value.table.show, a = x.value.showTable;
       return {
-        component: t ? Qe : Ye,
+        component: t ? Ze : Ye,
         title: `${e.value.style.title.text}${e.value.style.title.subtitle.text ? `: ${e.value.style.title.subtitle.text}` : ""}`,
         props: t ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -435,10 +435,10 @@ const Pe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { gr
       e.value.table.show || (t && e.value.table.useDialog && P.value ? P.value.open() : "close" in P.value && P.value.close());
     });
     function Fe() {
-      x.value.showTable = !1, Z.value && Z.value.setTableIconState(!1);
+      x.value.showTable = !1, J.value && J.value.setTableIconState(!1);
     }
     const bt = h(() => e.value.style.backgroundColor), pt = h(() => e.value.style.title), { exportSvg: xt, getSvg: mt } = Nt({
-      svg: Q,
+      svg: Z,
       title: pt,
       backgroundColor: bt
     });
@@ -468,9 +468,9 @@ const Pe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { gr
       onMouseenter: a[1] || (a[1] = () => r(xe)(!0)),
       onMouseleave: a[2] || (a[2] = () => r(xe)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (i(), R(r(Ze), {
+      e.value.userOptions.buttons.annotator ? (i(), R(r(Je), {
         key: 0,
-        svgRef: r(Q),
+        svgRef: r(Z),
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
         active: W.value,
@@ -523,9 +523,9 @@ const Pe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { gr
           }
         }, null, 8, ["config"]))
       ], 512)) : f("", !0),
-      e.value.userOptions.show && ve.value && (r(me) || r(K)) ? (i(), R(r(Je), {
+      e.value.userOptions.show && ve.value && (r(me) || r(Q)) ? (i(), R(r(Ke), {
         ref_key: "userOptionsRef",
-        ref: Z,
+        ref: J,
         key: `user_options_${ce.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
@@ -558,7 +558,7 @@ const Pe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { gr
         onToggleTooltip: $e,
         onToggleAnnotator: ae,
         style: se({
-          visibility: r(me) ? r(K) ? "visible" : "hidden" : "visible"
+          visibility: r(me) ? r(Q) ? "visible" : "hidden" : "visible"
         })
       }, Be({ _: 2 }, [
         t.$slots.menuIcon ? {
@@ -627,13 +627,13 @@ const Pe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { gr
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : f("", !0),
       (i(), u("svg", {
         ref_key: "svgRef",
-        ref: Q,
+        ref: Z,
         xmlns: r(St),
         class: ze({ "vue-data-ui-fullscreen--on": D.value, "vue-data-ui-fulscreen--off": !D.value }),
         viewBox: `0 0 ${g.value.width <= 0 ? 10 : g.value.width} ${g.value.height <= 0 ? 10 : g.value.height}`,
         style: se(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`)
       }, [
-        ie(r(Ke)),
+        ie(r(Qe)),
         t.$slots["chart-background"] ? (i(), u("foreignObject", {
           key: 0,
           x: s.value.left,
@@ -645,7 +645,7 @@ const Pe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { gr
           }
         }, [
           v(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Zt)) : f("", !0),
+        ], 8, Jt)) : f("", !0),
         y("defs", null, [
           y("linearGradient", {
             id: `age_pyramid_left_${A.value}`,
@@ -657,12 +657,12 @@ const Pe = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { gr
             y("stop", {
               offset: "0%",
               "stop-color": e.value.style.layout.bars.left.color
-            }, null, 8, Kt),
+            }, null, 8, Qt),
             y("stop", {
               offset: "100%",
               "stop-color": r(ue)(r(Ee)(e.value.style.layout.bars.left.color, e.value.style.layout.bars.gradient.shiftHue), 100 - e.value.style.layout.bars.gradient.intensity)
-            }, null, 8, Qt)
-          ], 8, Jt),
+            }, null, 8, Zt)
+          ], 8, Kt),
           y("linearGradient", {
             id: `age_pyramid_right_${A.value}`,
             x1: "0%",

package/dist/{vue-ui-annotator-DB6dpuUU.js → vue-ui-annotator-Da5aL57a.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 { v as V, t as q, c as J, ay as Z } from "./lib-W9waxHL3.js";
-import { u as Q } from "./useNestedProp-D-jUHecl.js";
-import { d as $ } from "./dom-to-png-Cm7R2Zu2.js";
-import { u as ee } from "./usePrinter-DhoMn87n.js";
-import te from "./BaseIcon-r3_sTK1A.js";
-import oe from "./vue-ui-accordion-B6BX2vhq.js";
+import { w as V, t as q, c as J, az as Z } from "./lib-BwysEpWI.js";
+import { u as Q } from "./useNestedProp--5lL-kf1.js";
+import { d as $ } from "./dom-to-png-C2K57N1M.js";
+import { u as ee } from "./usePrinter-BJzHDpYF.js";
+import te from "./BaseIcon-4i3dd7Ty.js";
+import oe from "./vue-ui-accordion-tQNKwbVi.js";
 import { _ as j } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { C as se } from "./ColorPicker-Bq2C5Dll.js";
+import { C as se } from "./ColorPicker-B9oF4-O6.js";
 function ie(e) {
   const o = (y) => e.isMacLike ? y.metaKey : y.ctrlKey, l = (y) => {
     const S = y;

package/dist/{vue-ui-bullet-BLGvme53.js → vue-ui-bullet-DhpTML7L.js}

@@ -1,16 +1,16 @@
 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-D-jUHecl.js";
-import { c as tt, t as at, n as lt, M as ot, l as st, a as P, d as M, X as rt, o as ge, g as fe, k as nt } from "./lib-W9waxHL3.js";
+import { u as et, a as X } from "./useNestedProp--5lL-kf1.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-BwysEpWI.js";
 import { t as ut, u as it } from "./useResponsive-DfdjqQps.js";
-import { u as ct } from "./usePrinter-DhoMn87n.js";
+import { u as ct } from "./usePrinter-BJzHDpYF.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-Dxz13z4E.js";
-import bt from "./Title-DFtCaCah.js";
-import pt from "./img-BJzUSmkm.js";
+import yt from "./Legend-D6z73edh.js";
+import bt from "./Title-BhURirpm.js";
+import pt from "./img-DKigoPDs.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 = {
   default: {},
@@ -41,7 +41,7 @@ const me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
   key: 0,
   class: "vue-ui-bullet-legend-item",
   dir: "auto"
-}, Ht = { style: { "margin-right": "2px" } }, Rt = {
+}, Ht = { style: { "margin-right": "2px" } }, Nt = {
   __name: "vue-ui-bullet",
   props: {
     config: {
@@ -58,7 +58,7 @@ const me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
     }
   },
   setup(we, { expose: Be }) {
-    const xe = j(() => import("./PackageVersion-BpArR90N.js")), _e = j(() => import("./PenAndPaper-CsqBamFZ.js")), $e = j(() => import("./UserOptions-B-2A_KRb.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({
+    const xe = j(() => import("./PackageVersion-D3cMhAlf.js")), _e = j(() => import("./PenAndPaper-DxIUvoQ8.js")), $e = j(() => import("./UserOptions-CzJWRC4s.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({
       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:
@@ -207,7 +207,7 @@ segments: [
           }
         }
       })
-    }), { userOptionsVisible: H, setUserOptionsVisibility: ae, keepUserOptionState: le } = ft({ config: e.value }), { svgRef: R } = mt({ config: e.value.style.chart.title }), x = d({
+    }), { userOptionsVisible: H, setUserOptionsVisibility: ae, keepUserOptionState: le } = ft({ config: e.value }), { svgRef: N } = mt({ 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);
@@ -232,7 +232,7 @@ segments: [
       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));
       return t;
-    }), N = i(() => O.value ? {
+    }), 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());
@@ -240,7 +240,7 @@ segments: [
       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() {
-      return e.value.style.chart.animation.show && !B.value ? N.value.min : h.value.value || 0;
+      return e.value.style.chart.animation.show && !B.value ? R.value.min : h.value.value || 0;
     }
     const oe = d(null);
     function se(t) {
@@ -256,7 +256,7 @@ segments: [
     const y = i(() => {
       if (!O.value)
         return [];
-      const t = ot(N.value.min, N.value.max, e.value.style.chart.segments.ticks.divisions), l = t.min >= 0 ? 0 : Math.abs(t.min), a = {
+      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 = {
         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
@@ -327,7 +327,7 @@ segments: [
     function W() {
       I.value = !I.value;
     }
-    async function Re({ scale: t = 2 } = {}) {
+    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 });
       return {
@@ -339,14 +339,14 @@ segments: [
         aspectRatio: u
       };
     }
-    const Ne = i(() => U.value.map((t) => ({
+    const Re = 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({
-      svg: R,
+      svg: N,
       title: je,
       legend: We,
-      legendItems: Ne,
+      legendItems: Re,
       backgroundColor: Ue
     });
     function ve({ isCb: t }) {
@@ -354,7 +354,7 @@ segments: [
     }
     return Be({
       getData: He,
-      getImage: Re,
+      getImage: Ne,
       generatePdf: ue,
       generateImage: ie,
       generateSvg: ve,
@@ -371,7 +371,7 @@ segments: [
     }, [
       e.value.userOptions.buttons.annotator ? (s(), _(r(_e), {
         key: 0,
-        svgRef: r(R),
+        svgRef: r(N),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         active: I.value,
@@ -500,7 +500,7 @@ segments: [
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasSvg", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
       (s(), n("svg", {
         ref_key: "svgRef",
-        ref: R,
+        ref: N,
         xmlns: r(rt),
         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}`,
@@ -655,12 +655,12 @@ segments: [
       r(B) ? (s(), _(ht, { key: 7 })) : c("", !0)
     ], 46, Ct));
   }
-}, Nt = /* @__PURE__ */ kt(Rt, [["__scopeId", "data-v-7902e6f9"]]), la = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Rt = /* @__PURE__ */ kt(Nt, [["__scopeId", "data-v-7902e6f9"]]), la = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Nt
+  default: Rt
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   aa as a,
   la as b,
-  Nt as v
+  Rt as v
 };