vue-data-ui 3.9.3 → 3.9.5

package/dist/{vue-ui-bullet-D6eDCcCM.js → vue-ui-bullet-C0kz8F_R.js}

@@ -1,5 +1,5 @@
-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 { u as Ze, a as X } from "./useNestedProp-DjZhR3_5.js";
+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-QQOzuoZs.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";
 import { u as it } from "./usePrinter-DXIMGR61.js";
@@ -9,7 +9,7 @@ import { u as dt } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as gt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ft } from "./useChartAccessibility-9icAAmYg.js";
 import mt from "./Legend-PhhPyrZ0.js";
-import yt from "./Title-Bf2WqM40.js";
+import yt from "./Title-BMp0dt6A.js";
 import bt from "./img-C5q4A7ke.js";
 import { _ as pt } 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 = {
@@ -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-Cx3U3jgV.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-BuFi5-eQ.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-DnDsrru6.js → vue-ui-candlestick-2CyhDt9g.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as j, computed as d, ref as y, toRefs as Dl, watch as se, shallowRef as kt, onMounted as Ml, onBeforeUnmount as Ee, watchEffect as Il, nextTick as wt, createElementBlock as i, openBlock as u, normalizeStyle as ue, normalizeClass as V, createBlock as Z, createCommentVNode as m, createElementVNode as g, createVNode as Re, unref as h, withCtx as b, renderSlot as x, normalizeProps as T, guardReactiveProps as D, createSlots as Ct, Fragment as z, renderList as M, toDisplayString as ie, mergeProps as At, resolveDynamicComponent as Bl, createTextVNode as $t } from "vue";
 import { c as El, t as Rl, a0 as ge, o as Ft, g as J, M as Ol, T as H, R as Pl, d as U, X as Nl, h as fe, s as Vl, a1 as _t, u as Ul, q as Wl, x as Xl, Z as jl } from "./lib-_nVZfi2t.js";
 import { t as zt, u as Hl } from "./useResponsive-DfdjqQps.js";
-import { u as Gl, a as Oe } from "./useNestedProp-DjZhR3_5.js";
+import { u as Gl, a as Oe } from "./useNestedProp-QQOzuoZs.js";
 import { u as ql } from "./usePrinter-DXIMGR61.js";
 import { u as Yl, B as Zl } from "./BaseScanner-BMpwQAfz.js";
 import { u as Lt, a as Jl, l as Kl } from "./useTimeLabels-C5qMhpbe.js";
@@ -11,7 +11,7 @@ import { u as to } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as lo } from "./useChartAccessibility-9icAAmYg.js";
 import { u as oo } from "./useTimeLabelCollider-CIsgDrl9.js";
 import ao from "./img-C5q4A7ke.js";
-import so from "./Title-Bf2WqM40.js";
+import so from "./Title-BMp0dt6A.js";
 import { S as uo } from "./SlicerPreview-Bhjrz2jx.js";
 import { _ as io } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const St = { style: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { selector: { color: "#CCCCCC" }, grid: { stroke: "#5A5A5A", xAxis: { dataLabels: { color: "#CCCCCC" } }, yAxis: { dataLabels: { color: "#CCCCCC" } } }, wick: { stroke: "#5A5A5A", extremity: { color: "#5A5A5A" } }, candle: { stroke: "#1A1A1A" } }, zoom: { color: "#4A4A4A", highlightColor: "#9A9A9A", minimap: { selectedColor: "#8A8A8A", lineColor: "#424242", indicatorColor: "#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" } } }, Tt = { style: { backgroundColor: "#FFF8E1", color: "#424242", layout: { selector: { color: "#424242" }, grid: { stroke: "#5D4037", xAxis: { dataLabels: { color: "#424242" } }, yAxis: { dataLabels: { color: "#424242" } } }, wick: { stroke: "#5D4037", extremity: { color: "#5D4037" } }, candle: { stroke: "#FFF8E1", colors: { bullish: "#D32F2F", bearish: "#F57C00" }, gradient: { show: !1 } } }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, 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" } } }, Dt = { style: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { selector: { color: "#FFF8E1" }, grid: { stroke: "#5D4037", xAxis: { dataLabels: { color: "#BDBDBD" } }, yAxis: { dataLabels: { color: "#BDBDBD" } } }, wick: { stroke: "#BDBDBD", extremity: { color: "#BDBDBD" } }, candle: { stroke: "#1E1E1E", colors: { bullish: "#D32F2F", bearish: "#F57C00" }, gradient: { show: !1 } } }, zoom: { color: "#5D4037", highlightColor: "#FF8A65" }, 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" } } }, Mt = { style: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { selector: { color: "#7DA9B5" }, grid: { stroke: "#334C33", xAxis: { dataLabels: { color: "#99CC99" } }, yAxis: { dataLabels: { color: "#99CC99" } } }, wick: { stroke: "#334C33", extremity: { color: "#334C33" } }, candle: { stroke: "#1A1A1A", colors: { bullish: "#00FF00", bearish: "#334C33" }, gradient: { show: !1 } } }, zoom: { color: "#5F6A5F", highlightColor: "#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" } } }, It = { style: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { selector: { color: "#8F837A" }, grid: { stroke: "transparent", xAxis: { dataLabels: { color: "#8A9892" } }, yAxis: { dataLabels: { color: "#8A9892" } } }, wick: { stroke: "#D7E0D2", extremity: { shape: "circle", size: 2, color: "#C5B8A7" } }, candle: { stroke: "#fbfafa", colors: { bullish: "#A0AC94", bearish: "#C09E85" }, gradient: { show: !0 } } }, zoom: { color: "#E0CFC3", highlightColor: "#8F837A" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Bt = { style: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { selector: { color: "#7DA9B5" }, grid: { stroke: "#334C33", xAxis: { dataLabels: { color: "#61747E" } }, yAxis: { dataLabels: { color: "#61747E" } } }, wick: { stroke: "#61747E", extremity: { color: "#61747E" } }, candle: { stroke: "#1A1A1A", colors: { bullish: "#92B0AB", bearish: "#EFECEC" }, gradient: { show: !1 } } }, zoom: { color: "#92B0AB", highlightColor: "#50606C" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Et = {
@@ -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-Cx3U3jgV.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-BoVGnqPH.js")), Wt = j(() => import("./DataTable-DFcqksx2.js")), Xt = j(() => import("./PenAndPaper-Cjiyv0O9.js")), jt = j(() => import("./UserOptions-DKK-Opvk.js")), Ht = j(() => import("./PackageVersion-BuFi5-eQ.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-CSnQrLGZ.js → vue-ui-carousel-table-CA3ANfSk.js}

@@ -1,5 +1,5 @@
 import { defineAsyncComponent as ce, ref as n, useSlots as Re, onMounted as w, computed as P, watch as N, onBeforeUnmount as G, shallowRef as ze, nextTick as fe, createElementBlock as p, openBlock as r, unref as u, createElementVNode as U, createBlock as he, createCommentVNode as R, normalizeClass as Ee, normalizeStyle as h, createTextVNode as D, renderSlot as d, toDisplayString as X, Fragment as j, renderList as J, mergeProps as ge, createSlots as He, withCtx as T, normalizeProps as me, guardReactiveProps as be } from "vue";
-import { u as Ne, a as Ue } from "./useNestedProp-DjZhR3_5.js";
+import { u as Ne, a as Ue } from "./useNestedProp-QQOzuoZs.js";
 import { c as Ve, o as K, g as Q, s as Me, u as qe, q as Le } from "./lib-_nVZfi2t.js";
 import { u as Ge } from "./usePrinter-DXIMGR61.js";
 import { u as De } from "./useUserOptionState-BIvW1Kz7.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-CC8Hpc0I.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-BscRFRSG.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(() => {