vue-data-ui 3.9.2 → 3.9.4

package/dist/{vue-ui-bullet-CMMAxcpy.js → vue-ui-bullet-BslnCc4b.js}

@@ -1,4 +1,4 @@
-import { defineAsyncComponent as j, ref as h, computed as d, onMounted as qe, toRefs as Xe, watch as he, onBeforeUnmount as Ye, createElementBlock as n, openBlock as s, unref as r, normalizeStyle as V, normalizeClass as de, createBlock as x, createCommentVNode as u, createElementVNode as _, withCtx as f, renderSlot as i, normalizeProps as b, guardReactiveProps as p, createSlots as Je, createVNode as Ke, Fragment as G, renderList as q, toDisplayString as T, Teleport as Qe } from "vue";
+import { defineAsyncComponent as j, ref as h, computed as d, onMounted as qe, toRefs as Xe, watch as he, onBeforeUnmount as Ye, createElementBlock as n, openBlock as s, unref as r, normalizeStyle as V, normalizeClass as de, createBlock as _, createCommentVNode as i, createElementVNode as $, withCtx as f, renderSlot as c, normalizeProps as b, guardReactiveProps as p, createSlots as Je, createVNode as Ke, Fragment as G, renderList as q, toDisplayString as T, Teleport as Qe } from "vue";
 import { u as Ze, a as X } from "./useNestedProp-DjZhR3_5.js";
 import { c as et, t as tt, n as at, M as lt, l as ot, a as P, d as M, X as st, o as ge, g as fe, k as rt } from "./lib-_nVZfi2t.js";
 import { t as nt, u as ut } from "./useResponsive-DfdjqQps.js";
@@ -34,7 +34,7 @@ const me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%;background:transparent"
-}, At = ["id"], wt = ["xmlns", "viewBox"], Bt = ["width", "height"], xt = { key: 1 }, _t = ["x", "y", "height", "width", "fill", "stroke"], Lt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], $t = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Ft = ["x", "y", "font-size", "font-weight", "fill"], St = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Ot = { key: 3 }, Dt = ["x", "y", "fill", "font-size", "font-weight"], Et = { key: 4 }, It = ["x1", "x2", "y1", "y2", "stroke"], Tt = {
+}, At = ["id"], wt = ["xmlns", "viewBox"], Bt = ["width", "height"], xt = { key: 1 }, _t = ["x", "y", "height", "width", "fill", "stroke"], $t = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Lt = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Ft = ["x", "y", "font-size", "font-weight", "fill"], Ot = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], St = { key: 3 }, Dt = ["x", "y", "fill", "font-size", "font-weight"], Et = { key: 4 }, It = ["x1", "x2", "y1", "y2", "stroke"], Tt = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Pt = ["id"], Mt = {
@@ -58,10 +58,10 @@ const me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
     }
   },
   setup(we, { expose: Be }) {
-    const xe = j(() => import("./PackageVersion-Cqd_jnJh.js")), _e = j(() => import("./PenAndPaper-Cjiyv0O9.js")), Le = j(() => import("./UserOptions-DKK-Opvk.js")), { vue_ui_bullet: $e } = Ze(), { isThemeValid: Fe, warnInvalidTheme: Se } = dt(), L = we, k = h(null), Y = h(null), J = h(0), K = h(null), Q = h(null), Oe = h(0), $ = h(null), O = h(null), Z = h(!1), A = d({
-      get: () => c.value.hasOwnProperty("value"),
+    const xe = j(() => import("./PackageVersion-CcRSQPqx.js")), _e = j(() => import("./PenAndPaper-Cjiyv0O9.js")), $e = j(() => import("./UserOptions-DKK-Opvk.js")), { vue_ui_bullet: Le } = Ze(), { isThemeValid: Fe, warnInvalidTheme: Oe } = dt(), L = we, C = h(null), Y = h(null), J = h(0), K = h(null), Q = h(null), Se = h(0), F = h(null), D = h(null), Z = h(!1), w = d({
+      get: () => v.value.hasOwnProperty("value"),
       set: (t) => t
-    }), F = d(() => c.value.segments ? Array.isArray(c.value.segments) ? c.value.segments.length ? !0 : (console.warn(`VueUiBullet: dataset segments is empty. Provide segments with this datastructure:
+    }), O = d(() => v.value.segments ? Array.isArray(v.value.segments) ? v.value.segments.length ? !0 : (console.warn(`VueUiBullet: dataset segments is empty. Provide segments with this datastructure:
 
 segments: [
     {
@@ -72,7 +72,7 @@ segments: [
     },
     {...}
 ]
-        `), A.value = !1, !1) : (console.warn(`VueUiBullet: dataset segments must be an array of objects with this datastructure:
+        `), w.value = !1, !1) : (console.warn(`VueUiBullet: dataset segments must be an array of objects with this datastructure:
 
 segments: [
     {
@@ -83,7 +83,7 @@ segments: [
     },
     {...}
 ] 
-        `), A.value = !1, !1) : (console.warn(`VueUiBullet: dataset segments is empty. Provide segments with this datastructure:
+        `), w.value = !1, !1) : (console.warn(`VueUiBullet: dataset segments is empty. Provide segments with this datastructure:
 
 segments: [
     {
@@ -94,18 +94,18 @@ segments: [
     },
     {...}
 ]
-        `), A.value = !1, !1)), ee = d(() => !!e.value.debug);
+        `), w.value = !1, !1)), ee = d(() => !!e.value.debug);
     function te() {
-      if (ge(c.value) ? (fe({
+      if (ge(v.value) ? (fe({
         componentName: "VueUiBullet",
         type: "dataset",
         debug: ee.value
-      }), D.value = !0) : F.value ? c.value.segments.forEach((t, l) => {
+      }), E.value = !0) : O.value ? v.value.segments.forEach((t, l) => {
         rt({
           datasetObject: t,
           requiredAttributes: ["name", "from", "to"]
         }).forEach((a) => {
-          A.value = !1, fe({
+          w.value = !1, fe({
             componentName: "VueUiBullet segment",
             type: "datasetSerieAttribute",
             property: a,
@@ -113,34 +113,34 @@ segments: [
             debug: ee.value
           });
         });
-      }) : (A.value = !1, D.value = !0), ge(c.value) || (D.value = e.value.loading), e.value.responsive) {
+      }) : (w.value = !1, E.value = !0), ge(v.value) || (E.value = e.value.loading), e.value.responsive) {
         const t = nt(() => {
           const { width: l, height: a } = ut({
-            chart: k.value,
+            chart: C.value,
             title: e.value.style.chart.title.text ? Y.value : null,
             legend: e.value.style.chart.legend.show ? K.value : null,
             source: Q.value
-          });
+          }), k = (e.value.style.chart.legend.show ? 24 : 0) || 12;
           requestAnimationFrame(() => {
-            E.value.width = l, E.value.height = a - 12;
+            x.value.width = l, x.value.height = a - k;
           });
         });
-        $.value && (O.value && $.value.unobserve(O.value), $.value.disconnect()), $.value = new ResizeObserver(t), O.value = k.value.parentNode, $.value.observe(O.value);
+        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);
       }
-      e.value.style.chart.animation.show && !w.value && se(c.value.value || 0);
+      e.value.style.chart.animation.show && !B.value && se(v.value.value || 0);
     }
     qe(() => {
       Z.value = !0, te();
     });
-    const C = h(et());
+    const A = h(et());
     function z() {
       const t = X({
         userConfig: L.config,
-        defaultConfig: $e
+        defaultConfig: Le
       }), l = t.theme;
       if (!l) return t;
       if (!Fe.value(t))
-        return Se(t), t;
+        return Oe(t), t;
       const a = X({
         userConfig: Ae[l] || L.config,
         defaultConfig: t
@@ -150,7 +150,7 @@ segments: [
         defaultConfig: a
       });
     }
-    const e = h(z()), { loading: w, FINAL_DATASET: c, manualLoading: D } = ct({
+    const e = h(z()), { loading: B, FINAL_DATASET: v, manualLoading: E } = ct({
       ...Xe(L),
       FINAL_CONFIG: e,
       prepareConfig: z,
@@ -198,40 +198,40 @@ segments: [
           }
         }
       })
-    }), { userOptionsVisible: H, setUserOptionsVisibility: ae, keepUserOptionState: le } = gt({ config: e.value }), { svgRef: R } = ft({ config: e.value.style.chart.title });
-    he(() => L.config, (t) => {
-      w.value || (e.value = z()), H.value = !e.value.userOptions.showOnChartHover, te(), J.value += 1;
-    }, { deep: !0 });
-    const E = h({
+    }), { userOptionsVisible: H, setUserOptionsVisibility: ae, keepUserOptionState: le } = gt({ config: e.value }), { svgRef: R } = ft({ config: e.value.style.chart.title }), x = h({
       width: e.value.style.chart.width,
       height: e.value.style.chart.height
-    }), De = d(() => E.value.width), Ee = d(() => E.value.height), o = d(() => {
-      const t = Ee.value, l = De.value, a = e.value.style.chart.padding.left, v = l - e.value.style.chart.padding.right, B = e.value.style.chart.padding.top, g = t - e.value.style.chart.padding.bottom;
+    }), De = d(() => x.value.width), Ee = d(() => x.value.height);
+    he(() => L.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 = d(() => {
+      const t = Ee.value, l = De.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;
       return {
         height: Math.max(1e-3, t),
         width: Math.max(1e-3, l),
         left: a,
-        right: v,
-        top: B,
+        right: u,
+        top: k,
         bottom: g,
-        chartWidth: Math.max(1e-3, v - a),
-        chartHeight: Math.max(1e-3, g - B)
+        chartWidth: Math.max(1e-3, u - a),
+        chartHeight: Math.max(1e-3, g - k)
       };
     }), Ie = d(() => {
-      if (!F.value) return [];
+      if (!O.value) return [];
       const t = [];
-      for (let l = 0; l < c.value.segments.length; l += 1)
-        t.push(at(e.value.style.chart.segments.baseColor, l / c.value.segments.length));
+      for (let l = 0; l < v.value.segments.length; l += 1)
+        t.push(at(e.value.style.chart.segments.baseColor, l / v.value.segments.length));
       return t;
-    }), N = d(() => F.value ? {
-      min: Math.min(...c.value.segments.map((t) => t.from)),
-      max: Math.max(...c.value.segments.map((t) => t.to))
+    }), N = d(() => O.value ? {
+      min: Math.min(...v.value.segments.map((t) => t.from)),
+      max: Math.max(...v.value.segments.map((t) => t.to))
     } : { min: 0, max: 1 }), m = h(Te());
-    he(() => c.value, (t) => {
-      t.hasOwnProperty("value") && (D.value = !1), e.value.style.chart.animation.show && !w.value ? se(t.value || 0) : m.value = t.value || 0;
+    he(() => v.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 Te() {
-      return e.value.style.chart.animation.show && !w.value ? N.value.min : c.value.value || 0;
+      return e.value.style.chart.animation.show && !B.value ? N.value.min : v.value.value || 0;
     }
     const oe = h(null);
     function se(t) {
@@ -245,13 +245,13 @@ segments: [
       cancelAnimationFrame(oe.value);
     });
     const y = d(() => {
-      if (!F.value)
+      if (!O.value)
         return [];
       const t = lt(N.value.min, N.value.max, e.value.style.chart.segments.ticks.divisions), l = t.min >= 0 ? 0 : Math.abs(t.min), a = {
-        x: o.value.left + (c.value.target + l) / (t.max + l) * o.value.chartWidth - e.value.style.chart.target.width / 2
-      }, v = {
+        x: o.value.left + (v.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
-      }, B = t.ticks.map((g) => ({
+      }, k = 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
@@ -259,9 +259,9 @@ segments: [
       return {
         scale: t,
         target: a,
-        value: v,
-        ticks: B,
-        chunks: c.value.segments.map((g, Ge) => ({
+        value: u,
+        ticks: k,
+        chunks: v.value.segments.map((g, Ge) => ({
           ...g,
           color: g.color ? ot(g.color) : Ie.value[Ge],
           x: o.value.left + o.value.chartWidth * ((g.from + l) / (t.max + l)),
@@ -289,12 +289,12 @@ segments: [
           s: e.value.style.chart.segments.dataLabels.suffix,
           r: e.value.style.chart.segments.dataLabels.rounding
         })
-      ), v = `${l} — ${a}`;
+      ), u = `${l} — ${a}`;
       return {
         ...t,
         shape: "square",
-        value: v,
-        display: `${t.name}: ${v}`
+        value: u,
+        display: `${t.name}: ${u}`
       };
     })), Pe = d(() => ({
       cy: "bullet-div-legend",
@@ -304,12 +304,12 @@ segments: [
       paddingBottom: 6,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     })), { isPrinting: re, isImaging: ne, generatePdf: ue, generateImage: ie } = it({
-      elementId: `bullet_${C.value}`,
+      elementId: `bullet_${A.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-bullet",
       options: e.value.userOptions.print
     }), Me = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), S = h(!1);
     function ce(t) {
-      S.value = t, Oe.value += 1;
+      S.value = t, Se.value += 1;
     }
     function ze() {
       return y.value;
@@ -319,15 +319,15 @@ segments: [
       I.value = !I.value;
     }
     async function He({ scale: t = 2 } = {}) {
-      if (!k.value) return;
-      const { width: l, height: a } = k.value.getBoundingClientRect(), v = l / a, { imageUri: B, base64: g } = await bt({ domElement: k.value, base64: !0, img: !0, scale: t });
+      if (!C.value) return;
+      const { width: l, height: a } = C.value.getBoundingClientRect(), u = l / a, { imageUri: k, base64: g } = await bt({ domElement: C.value, base64: !0, img: !0, scale: t });
       return {
-        imageUri: B,
+        imageUri: k,
         base64: g,
         title: e.value.style.chart.title.text,
         width: l,
         height: a,
-        aspectRatio: v
+        aspectRatio: u
       };
     }
     const Re = d(() => U.value.map((t) => ({
@@ -353,14 +353,14 @@ segments: [
       toggleFullscreen: ce
     }), (t, l) => (s(), n("div", {
       ref_key: "bulletChart",
-      ref: k,
+      ref: C,
       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}`),
-      id: `bullet_${C.value}`,
+      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(), x(r(_e), {
+      e.value.userOptions.buttons.annotator ? (s(), _(r(_e), {
         key: 0,
         svgRef: r(R),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -369,33 +369,33 @@ segments: [
         onClose: W
       }, {
         "annotator-action-close": f(() => [
-          i(t.$slots, "annotator-action-close", {}, void 0, !0)
+          c(t.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
         "annotator-action-color": f(({ color: a }) => [
-          i(t.$slots, "annotator-action-color", b(p({ color: a })), void 0, !0)
+          c(t.$slots, "annotator-action-color", b(p({ color: a })), void 0, !0)
         ]),
         "annotator-action-draw": f(({ mode: a }) => [
-          i(t.$slots, "annotator-action-draw", b(p({ mode: a })), void 0, !0)
+          c(t.$slots, "annotator-action-draw", b(p({ mode: a })), void 0, !0)
         ]),
         "annotator-action-undo": f(({ disabled: a }) => [
-          i(t.$slots, "annotator-action-undo", b(p({ disabled: a })), void 0, !0)
+          c(t.$slots, "annotator-action-undo", b(p({ disabled: a })), void 0, !0)
         ]),
         "annotator-action-redo": f(({ disabled: a }) => [
-          i(t.$slots, "annotator-action-redo", b(p({ disabled: a })), void 0, !0)
+          c(t.$slots, "annotator-action-redo", b(p({ disabled: a })), void 0, !0)
         ]),
         "annotator-action-delete": f(({ disabled: a }) => [
-          i(t.$slots, "annotator-action-delete", b(p({ disabled: a })), void 0, !0)
+          c(t.$slots, "annotator-action-delete", b(p({ disabled: a })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : u("", !0),
-      Me.value ? (s(), n("div", Ct, null, 512)) : u("", !0),
+      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : i("", !0),
+      Me.value ? (s(), n("div", Ct, null, 512)) : i("", !0),
       e.value.style.chart.title.text ? (s(), n("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: Y,
         style: "width:100%;background:transparent;"
       }, [
-        (s(), x(yt, {
+        (s(), _(yt, {
           lineHeight: "1.3rem",
           key: `title_${J.value}`,
           config: {
@@ -409,18 +409,18 @@ segments: [
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : u("", !0),
-      _("div", {
-        id: `legend-top-${C.value}`
+      ], 512)) : i("", !0),
+      $("div", {
+        id: `legend-top-${A.value}`
       }, null, 8, At),
-      e.value.userOptions.show && A.value && (r(le) || r(H)) ? (s(), x(r(Le), {
+      e.value.userOptions.show && w.value && (r(le) || r(H)) ? (s(), _(r($e), {
         key: 3,
         ref: "details",
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: r(re),
         isImaging: r(ne),
-        uid: C.value,
+        uid: A.value,
         hasTooltip: !1,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -430,7 +430,7 @@ segments: [
         hasLabel: !1,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: S.value,
-        chartElement: k.value,
+        chartElement: C.value,
         position: e.value.userOptions.position,
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
@@ -448,47 +448,47 @@ segments: [
       }, Je({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: f(({ isOpen: a, color: v }) => [
-            i(t.$slots, "menuIcon", b(p({ isOpen: a, color: v })), void 0, !0)
+          fn: f(({ isOpen: a, color: u }) => [
+            c(t.$slots, "menuIcon", b(p({ isOpen: a, color: u })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
           fn: f(() => [
-            i(t.$slots, "optionPdf", {}, void 0, !0)
+            c(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
           fn: f(() => [
-            i(t.$slots, "optionImg", {}, void 0, !0)
+            c(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionSvg ? {
           name: "optionSvg",
           fn: f(() => [
-            i(t.$slots, "optionSvg", {}, void 0, !0)
+            c(t.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: f(({ toggleFullscreen: a, isFullscreen: v }) => [
-            i(t.$slots, "optionFullscreen", b(p({ toggleFullscreen: a, isFullscreen: v })), void 0, !0)
+          fn: f(({ toggleFullscreen: a, isFullscreen: u }) => [
+            c(t.$slots, "optionFullscreen", b(p({ toggleFullscreen: a, isFullscreen: u })), void 0, !0)
           ]),
           key: "4"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: f(({ toggleAnnotator: a, isAnnotator: v }) => [
-            i(t.$slots, "optionAnnotator", b(p({ toggleAnnotator: a, isAnnotator: v })), void 0, !0)
+          fn: f(({ toggleAnnotator: a, isAnnotator: u }) => [
+            c(t.$slots, "optionAnnotator", b(p({ toggleAnnotator: a, isAnnotator: u })), void 0, !0)
           ]),
           key: "5"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasSvg", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : u("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasSvg", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : i("", !0),
       (s(), n("svg", {
         ref_key: "svgRef",
         ref: R,
@@ -508,9 +508,9 @@ segments: [
             pointerEvents: "none"
           }
         }, [
-          i(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Bt)) : u("", !0),
-        F.value ? (s(), n("g", xt, [
+          c(t.$slots, "chart-background", {}, void 0, !0)
+        ], 8, Bt)) : i("", !0),
+        O.value ? (s(), n("g", xt, [
           (s(!0), n(G, null, q(y.value.chunks, (a) => (s(), n("rect", {
             x: a.x,
             y: a.y,
@@ -531,8 +531,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)) : u("", !0),
-          _("rect", {
+          }, null, 8, $t)) : i("", !0),
+          $("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,
@@ -540,7 +540,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, $t),
+          }, null, 8, Lt),
           e.value.style.chart.valueBar.label.show ? (s(), n("text", {
             key: 1,
             x: o.value.left + y.value.value.width,
@@ -558,7 +558,7 @@ segments: [
               s: e.value.style.chart.segments.dataLabels.suffix,
               r: e.value.style.chart.segments.dataLabels.rounding
             })
-          )), 9, Ft)) : u("", !0),
+          )), 9, Ft)) : i("", !0),
           e.value.style.chart.target.onTop && e.value.style.chart.target.show ? (s(), n("rect", {
             key: 2,
             x: y.value.target.x,
@@ -570,8 +570,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)) : u("", !0),
-          e.value.style.chart.segments.dataLabels.show ? (s(), n("g", Ot, [
+          }, null, 8, Ot)) : i("", !0),
+          e.value.style.chart.segments.dataLabels.show ? (s(), n("g", St, [
             (s(!0), n(G, null, q(y.value.ticks, (a) => (s(), n("text", {
               x: a.x,
               y: a.y,
@@ -589,7 +589,7 @@ segments: [
                 r: e.value.style.chart.segments.dataLabels.rounding
               })
             )), 9, Dt))), 256))
-          ])) : u("", !0),
+          ])) : i("", !0),
           e.value.style.chart.segments.dataLabels.show && e.value.style.chart.segments.ticks.show ? (s(), n("g", Et, [
             (s(!0), n(G, null, q(y.value.ticks, (a) => (s(), n("line", {
               x1: a.x,
@@ -600,53 +600,53 @@ segments: [
               "stroke-width": 1,
               "stroke-linecap": "round"
             }, null, 8, It))), 256))
-          ])) : u("", !0)
-        ])) : u("", !0),
-        i(t.$slots, "svg", { svg: o.value }, void 0, !0)
+          ])) : i("", !0)
+        ])) : i("", !0),
+        c(t.$slots, "svg", { svg: o.value }, void 0, !0)
       ], 14, wt)),
       t.$slots.watermark ? (s(), n("div", Tt, [
-        i(t.$slots, "watermark", b(p({ isPrinting: r(re) || r(ne) })), void 0, !0)
-      ])) : u("", !0),
-      _("div", {
-        id: `legend-bottom-${C.value}`
+        c(t.$slots, "watermark", b(p({ isPrinting: r(re) || r(ne) })), void 0, !0)
+      ])) : i("", !0),
+      $("div", {
+        id: `legend-bottom-${A.value}`
       }, null, 8, Pt),
-      Z.value ? (s(), x(Qe, {
+      Z.value ? (s(), _(Qe, {
         key: 5,
-        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${C.value}` : `#legend-bottom-${C.value}`
+        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${A.value}` : `#legend-bottom-${A.value}`
       }, [
-        _("div", {
+        $("div", {
           ref_key: "chartLegend",
           ref: K
         }, [
-          e.value.style.chart.legend.show ? (s(), x(mt, {
+          e.value.style.chart.legend.show ? (s(), _(mt, {
             key: 0,
             clickable: !1,
             legendSet: U.value,
             config: Pe.value
           }, {
             item: f(({ legend: a }) => [
-              r(w) ? u("", !0) : (s(), n("div", Mt, [
-                _("span", zt, T(a.name) + ":", 1),
-                _("span", null, T(a.value), 1)
+              r(B) ? i("", !0) : (s(), n("div", Mt, [
+                $("span", zt, T(a.name) + ":", 1),
+                $("span", null, T(a.value), 1)
               ]))
             ]),
             _: 1
-          }, 8, ["legendSet", "config"])) : u("", !0),
-          i(t.$slots, "legend", { legend: U.value }, void 0, !0)
+          }, 8, ["legendSet", "config"])) : i("", !0),
+          c(t.$slots, "legend", { legend: U.value }, void 0, !0)
         ], 512)
-      ], 8, ["to"])) : u("", !0),
+      ], 8, ["to"])) : i("", !0),
       t.$slots.source ? (s(), n("div", {
         key: 6,
         ref_key: "source",
         ref: Q,
         dir: "auto"
       }, [
-        i(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : u("", !0),
-      r(w) ? (s(), x(vt, { key: 7 })) : u("", !0)
+        c(t.$slots, "source", {}, void 0, !0)
+      ], 512)) : i("", !0),
+      r(B) ? (s(), _(vt, { key: 7 })) : i("", !0)
     ], 46, kt));
   }
-}, Rt = /* @__PURE__ */ pt(Ht, [["__scopeId", "data-v-1be1eac4"]]), aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Rt = /* @__PURE__ */ pt(Ht, [["__scopeId", "data-v-f9c44926"]]), aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Rt
 }, Symbol.toStringTag, { value: "Module" }));

package/dist/{vue-ui-candlestick-DD3HBSWY.js → vue-ui-candlestick-ACEUsHlP.js}

@@ -56,7 +56,7 @@ const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { se
   },
   emits: ["selectX"],
   setup(Rt, { expose: Ot, emit: Pt }) {
-    const Nt = j(() => import("./BaseIcon-Bcm8I1fZ.js")), Vt = j(() => import("./Tooltip-l2pmtXwi.js")), Ut = j(() => import("./vue-ui-accordion-BbkkniuF.js")), Wt = j(() => import("./DataTable-DFcqksx2.js")), Xt = j(() => import("./PenAndPaper-Cjiyv0O9.js")), jt = j(() => import("./UserOptions-DKK-Opvk.js")), Ht = j(() => import("./PackageVersion-Cqd_jnJh.js")), Gt = j(() => import("./BaseDraggableDialog-n3raFtf2.js")), { vue_ui_candlestick: qt } = Gl(), { isThemeValid: Yt, warnInvalidTheme: Zt } = eo(), f = Rt, Pe = Pt, pe = d(() => !!f.dataset && f.dataset.length), E = y(!1), be = y(null), I = y(El()), xe = y(!1), ke = y(""), R = y(void 0), Ne = y(0), O = y(null), Ve = y(null), Ue = y(null), Q = y(null), We = y(null), Xe = y(null), Jt = y(0), je = y(0), He = y(0), we = y(null), ee = y(null), te = y(null), Ce = y(null), Ge = y(null), e = y(_e()), { loading: P, FINAL_DATASET: k, manualLoading: Ae } = Yl({
+    const Nt = j(() => import("./BaseIcon-Bcm8I1fZ.js")), Vt = j(() => import("./Tooltip-l2pmtXwi.js")), Ut = j(() => import("./vue-ui-accordion-BbkkniuF.js")), Wt = j(() => import("./DataTable-DFcqksx2.js")), Xt = j(() => import("./PenAndPaper-Cjiyv0O9.js")), jt = j(() => import("./UserOptions-DKK-Opvk.js")), Ht = j(() => import("./PackageVersion-CcRSQPqx.js")), Gt = j(() => import("./BaseDraggableDialog-n3raFtf2.js")), { vue_ui_candlestick: qt } = Gl(), { isThemeValid: Yt, warnInvalidTheme: Zt } = eo(), f = Rt, Pe = Pt, pe = d(() => !!f.dataset && f.dataset.length), E = y(!1), be = y(null), I = y(El()), xe = y(!1), ke = y(""), R = y(void 0), Ne = y(0), O = y(null), Ve = y(null), Ue = y(null), Q = y(null), We = y(null), Xe = y(null), Jt = y(0), je = y(0), He = y(0), we = y(null), ee = y(null), te = y(null), Ce = y(null), Ge = y(null), e = y(_e()), { loading: P, FINAL_DATASET: k, manualLoading: Ae } = Yl({
       ...Dl(f),
       FINAL_CONFIG: e,
       prepareConfig: _e,

package/dist/{vue-ui-carousel-table-DYxQqLVw.js → vue-ui-carousel-table-CoGE1vEs.js}

@@ -25,7 +25,7 @@ const je = ["id"], Je = ["height"], Ke = ["data-cell", "height"], Qe = {
     }
   },
   setup(k, { expose: ye }) {
-    const Ce = ce(() => import("./vue-ui-skeleton-C4H_THKQ.js")), $e = ce(() => import("./UserOptions-DKK-Opvk.js")), { vue_ui_carousel_table: Te } = Ne(), i = k, V = n(Ve()), W = n(!1), O = n(!!i.dataset), ke = Re();
+    const Ce = ce(() => import("./vue-ui-skeleton-1k0fDsh4.js")), $e = ce(() => import("./UserOptions-DKK-Opvk.js")), { vue_ui_carousel_table: Te } = Ne(), i = k, V = n(Ve()), W = n(!1), O = n(!!i.dataset), ke = Re();
     w(() => {
       Y();
     }), w(() => {

package/dist/{vue-ui-chestnut-Bb391A-w.js → vue-ui-chestnut-Bl1kvUYI.js}

@@ -68,7 +68,7 @@ const Xe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     zt((l) => ({
       v2e18205a: l.tdo
     }));
-    const ke = Z(() => import("./BaseIcon-Bcm8I1fZ.js")), Qe = Z(() => import("./vue-ui-accordion-BbkkniuF.js")), et = Z(() => import("./PenAndPaper-Cjiyv0O9.js")), tt = Z(() => import("./UserOptions-DKK-Opvk.js")), lt = Z(() => import("./PackageVersion-Cqd_jnJh.js")), at = Z(() => import("./BaseDraggableDialog-n3raFtf2.js")), { vue_ui_chestnut: ot } = Xt(), { isThemeValid: st, warnInvalidTheme: nt } = qt(), V = Ke, Ce = g(() => !!V.dataset && V.dataset.length), $ = S(Lt()), Y = S(null), we = S(0), J = S(null), ne = S(null), e = S(ce()), { loading: Ae, FINAL_DATASET: ue } = Gt({
+    const ke = Z(() => import("./BaseIcon-Bcm8I1fZ.js")), Qe = Z(() => import("./vue-ui-accordion-BbkkniuF.js")), et = Z(() => import("./PenAndPaper-Cjiyv0O9.js")), tt = Z(() => import("./UserOptions-DKK-Opvk.js")), lt = Z(() => import("./PackageVersion-CcRSQPqx.js")), at = Z(() => import("./BaseDraggableDialog-n3raFtf2.js")), { vue_ui_chestnut: ot } = Xt(), { isThemeValid: st, warnInvalidTheme: nt } = qt(), V = Ke, Ce = g(() => !!V.dataset && V.dataset.length), $ = S(Lt()), Y = S(null), we = S(0), J = S(null), ne = S(null), e = S(ce()), { loading: Ae, FINAL_DATASET: ue } = Gt({
       ...St(V),
       FINAL_CONFIG: e,
       prepareConfig: ce,

package/dist/{vue-ui-chord-BMJz7gTO.js → vue-ui-chord-B4Y_mO74.js}

@@ -58,7 +58,7 @@ const pt = { table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td:
     io((e) => ({
       v0e648af8: e.slicerColor
     }));
-    const It = H(() => import("./vue-ui-accordion-BbkkniuF.js")), Se = H(() => import("./BaseIcon-Bcm8I1fZ.js")), _t = H(() => import("./DataTable-DFcqksx2.js")), Pt = H(() => import("./PackageVersion-Cqd_jnJh.js")), Bt = H(() => import("./PenAndPaper-Cjiyv0O9.js")), St = H(() => import("./UserOptions-DKK-Opvk.js")), Tt = H(() => import("./BaseDraggableDialog-n3raFtf2.js")), { vue_ui_chord: Et } = Po(), { isThemeValid: Dt, warnInvalidTheme: Ft } = Do(), T = wt, se = xt, O = d(!!T.dataset && Object.hasOwn(T.dataset, "matrix")), $ = d(_e()), w = d(null), k = d(null), g = d(null), Te = d(0), E = d(null), Ee = d(null), De = d(null), Fe = d(null), Oe = d(null), ge = d(0), pe = d(0), me = d(0), J = d(!1), X = it(null), K = it(null), Le = d(!1), te = d(null), ye = d(null), t = d(Ce()), { loading: Ne, FINAL_DATASET: M, manualLoading: oe } = Bo({
+    const It = H(() => import("./vue-ui-accordion-BbkkniuF.js")), Se = H(() => import("./BaseIcon-Bcm8I1fZ.js")), _t = H(() => import("./DataTable-DFcqksx2.js")), Pt = H(() => import("./PackageVersion-CcRSQPqx.js")), Bt = H(() => import("./PenAndPaper-Cjiyv0O9.js")), St = H(() => import("./UserOptions-DKK-Opvk.js")), Tt = H(() => import("./BaseDraggableDialog-n3raFtf2.js")), { vue_ui_chord: Et } = Po(), { isThemeValid: Dt, warnInvalidTheme: Ft } = Do(), T = wt, se = xt, O = d(!!T.dataset && Object.hasOwn(T.dataset, "matrix")), $ = d(_e()), w = d(null), k = d(null), g = d(null), Te = d(0), E = d(null), Ee = d(null), De = d(null), Fe = d(null), Oe = d(null), ge = d(0), pe = d(0), me = d(0), J = d(!1), X = it(null), K = it(null), Le = d(!1), te = d(null), ye = d(null), t = d(Ce()), { loading: Ne, FINAL_DATASET: M, manualLoading: oe } = Bo({
       ...co(T),
       FINAL_CONFIG: t,
       prepareConfig: Ce,

package/dist/{vue-ui-circle-pack-BNvebVc_.js → vue-ui-circle-pack-DmRycIN5.js}

@@ -112,7 +112,7 @@ const ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", cir
   },
   emits: ["selectDatapoint"],
   setup(u, { expose: c, emit: p }) {
-    const y = E(() => import("./Tooltip-l2pmtXwi.js")), v = E(() => import("./BaseIcon-Bcm8I1fZ.js")), n = E(() => import("./vue-ui-accordion-BbkkniuF.js")), a = E(() => import("./DataTable-DFcqksx2.js")), s = E(() => import("./UserOptions-DKK-Opvk.js")), d = E(() => import("./PenAndPaper-Cjiyv0O9.js")), k = E(() => import("./PackageVersion-Cqd_jnJh.js")), D = E(() => import("./BaseDraggableDialog-n3raFtf2.js")), $ = u, J = p, { vue_ui_circle_pack: K } = Et(), { isThemeValid: Q, warnInvalidTheme: it } = Kt(), Te = w(() => !!$.dataset && $.dataset.length), G = f(Ke()), A = f(null), _e = f(null), Fe = f(null), Se = f(0), Oe = f(0), De = f(0), Pe = f(null), z = f(null), ue = f(null), ie = f(!1), ce = f(""), B = f(null), e = f(de()), { loading: Ie, FINAL_DATASET: Ee } = Wt({
+    const y = E(() => import("./Tooltip-l2pmtXwi.js")), v = E(() => import("./BaseIcon-Bcm8I1fZ.js")), n = E(() => import("./vue-ui-accordion-BbkkniuF.js")), a = E(() => import("./DataTable-DFcqksx2.js")), s = E(() => import("./UserOptions-DKK-Opvk.js")), d = E(() => import("./PenAndPaper-Cjiyv0O9.js")), k = E(() => import("./PackageVersion-CcRSQPqx.js")), D = E(() => import("./BaseDraggableDialog-n3raFtf2.js")), $ = u, J = p, { vue_ui_circle_pack: K } = Et(), { isThemeValid: Q, warnInvalidTheme: it } = Kt(), Te = w(() => !!$.dataset && $.dataset.length), G = f(Ke()), A = f(null), _e = f(null), Fe = f(null), Se = f(0), Oe = f(0), De = f(0), Pe = f(null), z = f(null), ue = f(null), ie = f(!1), ce = f(""), B = f(null), e = f(de()), { loading: Ie, FINAL_DATASET: Ee } = Wt({
       ...St($),
       FINAL_CONFIG: e,
       prepareConfig: de,

package/dist/{vue-ui-cursor-Dxi464Ps.js → vue-ui-cursor-DxOySGsA.js}

@@ -1,7 +1,7 @@
 import { ref as u, computed as m, onMounted as I, onBeforeUnmount as N, createBlock as B, openBlock as l, Teleport as T, createElementBlock as i, createCommentVNode as n, normalizeStyle as $, unref as E, createVNode as R, createElementVNode as r, normalizeClass as S, toDisplayString as F, nextTick as M } from "vue";
 import { u as W, a as G } from "./useNestedProp-DjZhR3_5.js";
 import { c as V, X as A, s as U } from "./lib-_nVZfi2t.js";
-import P from "./PackageVersion-Cqd_jnJh.js";
+import P from "./PackageVersion-CcRSQPqx.js";
 import { _ as X } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const j = ["xmlns", "height", "width"], Y = {
   id: "follower",

package/dist/{vue-ui-dag-D3Y0ss0q.js → vue-ui-dag-BJq_p371.js}

@@ -1936,7 +1936,7 @@ const wo = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
   },
   emits: ["onNodeClick", "onMidpointEnter", "onMidpointLeave"],
   setup(e, { expose: t, emit: o }) {
-    const n = Ue(() => import("./PenAndPaper-Cjiyv0O9.js")), s = Ue(() => import("./UserOptions-DKK-Opvk.js")), i = Ue(() => import("./PackageVersion-Cqd_jnJh.js")), { vue_ui_dag: r } = dn(), { isThemeValid: l, warnInvalidTheme: a } = vn(), c = e, d = o, f = y(null), g = y(st()), p = y(null), x = y(null), _ = y(null), T = y(0), W = y(0), de = y(!1), oe = y(!1), R = y(null), P = y(null), u = y(Ge()), I = y(u.value.style.chart.width), Y = y(u.value.style.chart.height), Ne = y({ x: 0, y: 0 }), B = y(null), Ae = y(null), Se = y({ left: "0px", top: "0px" }), fe = y("top"), q = y(!1), ct = y({ x: 0, y: 0 }), ut = y({ x: 0, y: 0 }), he = y(null), ze = y(null), Ve = y({ left: "0px", top: "0px" }), dt = y("top"), Le = y(!1), me = y(!1), { svgRef: K } = bn({ config: u.value.style.chart.title }), { userOptionsVisible: Ie, setUserOptionsVisibility: ft, keepUserOptionState: ht } = pn({ config: u.value }), H = y(u.value.style.chart.layout.rankDirection), { loading: ge, FINAL_DATASET: mt, manualLoading: gt } = fn({
+    const n = Ue(() => import("./PenAndPaper-Cjiyv0O9.js")), s = Ue(() => import("./UserOptions-DKK-Opvk.js")), i = Ue(() => import("./PackageVersion-CcRSQPqx.js")), { vue_ui_dag: r } = dn(), { isThemeValid: l, warnInvalidTheme: a } = vn(), c = e, d = o, f = y(null), g = y(st()), p = y(null), x = y(null), _ = y(null), T = y(0), W = y(0), de = y(!1), oe = y(!1), R = y(null), P = y(null), u = y(Ge()), I = y(u.value.style.chart.width), Y = y(u.value.style.chart.height), Ne = y({ x: 0, y: 0 }), B = y(null), Ae = y(null), Se = y({ left: "0px", top: "0px" }), fe = y("top"), q = y(!1), ct = y({ x: 0, y: 0 }), ut = y({ x: 0, y: 0 }), he = y(null), ze = y(null), Ve = y({ left: "0px", top: "0px" }), dt = y("top"), Le = y(!1), me = y(!1), { svgRef: K } = bn({ config: u.value.style.chart.title }), { userOptionsVisible: Ie, setUserOptionsVisibility: ft, keepUserOptionState: ht } = pn({ config: u.value }), H = y(u.value.style.chart.layout.rankDirection), { loading: ge, FINAL_DATASET: mt, manualLoading: gt } = fn({
       ...Ko(c),
       FINAL_CONFIG: u,
       prepareConfig: Ge,