vue-data-ui 3.1.13 → 3.1.15

package/dist/{vue-ui-quick-chart-Du7852v9.js → vue-ui-quick-chart-BpHyBn7x.js}

@@ -1,13 +1,13 @@
-import { defineAsyncComponent as Ce, ref as A, computed as N, toRefs as la, watch as $e, shallowRef as It, onMounted as oa, onBeforeUnmount as Et, nextTick as Tt, watchEffect as na, createElementBlock as o, openBlock as l, normalizeStyle as M, normalizeClass as ce, createBlock as Ie, createCommentVNode as m, createElementVNode as _, createVNode as ke, unref as r, createSlots as ia, withCtx as te, renderSlot as U, normalizeProps as he, guardReactiveProps as fe, toDisplayString as F, Fragment as p, renderList as I, Teleport as ua, mergeProps as et } from "vue";
-import { u as ra, c as sa, t as va, a as da, p as G, b as ca, C as He, d as ha, G as fa, f as ma, o as ga, e as tt, m as pa, D as Pt, X as xa, n as ya, q as at, r as Ee, k as ae, i as W, I as Mt, V as Ot, h as le, y as qe, z as lt } from "./index-CdN9MkL7.js";
-import { t as Rt, u as ka } from "./useResponsive-DfdjqQps.js";
-import { u as ba } from "./usePrinter-CLVErK_G.js";
-import { u as Ft } from "./useNestedProp-oNhYagej.js";
+import { defineAsyncComponent as Ce, ref as A, computed as N, toRefs as la, watch as $e, shallowRef as It, onMounted as oa, onBeforeUnmount as Et, nextTick as Tt, watchEffect as na, createElementBlock as o, openBlock as l, normalizeStyle as R, normalizeClass as ce, createBlock as Ie, createCommentVNode as m, createElementVNode as _, createVNode as ke, unref as r, createSlots as ia, withCtx as te, renderSlot as U, normalizeProps as he, guardReactiveProps as fe, toDisplayString as F, Fragment as p, renderList as I, Teleport as ua, mergeProps as et } from "vue";
+import { u as ra, c as sa, t as va, a as da, p as G, b as ca, C as He, d as ha, G as fa, f as ma, o as ga, e as tt, m as pa, D as Pt, X as xa, n as ya, q as at, r as Ee, k as ae, i as W, I as Rt, V as Mt, h as le, y as qe, z as lt } from "./index-BS0jZusk.js";
+import { t as Ot, u as ka } from "./useResponsive-DfdjqQps.js";
+import { u as ba } from "./usePrinter-CsKq2kgt.js";
+import { u as Ft } from "./useNestedProp-BMfS1Wmb.js";
 import { u as Sa } from "./useTimeLabels-BGFjWgrv.js";
 import { u as wa } from "./useChartAccessibility-9icAAmYg.js";
 import { u as Aa } from "./useTimeLabelCollider-CIsgDrl9.js";
-import La from "./img-CVbbqgGH.js";
-import { S as _a } from "./Slicer-C7BMIgYA.js";
+import La from "./img-CRdZ0dzP.js";
+import { S as _a } from "./Slicer-BMgEyKMg.js";
 import { u as za, B as Ca } from "./BaseScanner-BgWxam9d.js";
 import { _ as $a } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const L = {
@@ -16,21 +16,21 @@ const L = {
   DONUT: "DONUT"
 }, Ia = ["SERIE", "SERIES", "DATA", "VALUE", "VALUES", "NUM"];
 function Ea({ dataset: h, barLineSwitch: P = 6, debug: S = !0 }) {
-  let B = null, H = null, ne = 0;
-  if ((typeof h == "number" || typeof h == "string") && S && console.warn(`The provided dataset (${h}) is not sufficient to build a chart`), Xe(h) && (oe(h) && (h.length < P ? B = L.BAR : B = L.LINE, H = h, ne = h.length), We(h))) {
+  let D = null, H = null, ne = 0;
+  if ((typeof h == "number" || typeof h == "string") && S && console.warn(`The provided dataset (${h}) is not sufficient to build a chart`), Xe(h) && (oe(h) && (h.length < P ? D = L.BAR : D = L.LINE, H = h, ne = h.length), We(h))) {
     if (!Pa(h))
       return S && console.warn("The objects in the dataset array have a different data structure. Either keys or value types are different."), !1;
-    const je = Object.keys(h[0]), R = Object.values(h[0]);
-    if (!je.some((O) => Ma(O)))
+    const je = Object.keys(h[0]), O = Object.values(h[0]);
+    if (!je.some((M) => Ra(M)))
       return S && console.warn("The data type of the dataset objects in the array must contain one of the following keys: DATA, SERIES, VALUE, VALUES, NUM. Casing is not important."), !1;
-    Nt(R, (O) => typeof O == "number") && (B = L.DONUT, H = h), Nt(R, (O) => Array.isArray(O) && oe(O)) && (Bt(h) > P ? B = L.LINE : B = L.BAR, ne = Bt(h), H = h.map((O) => ({
-      ...O,
-      data: Oa(O, (Te) => oe(Te))
-    }))), h = h.map((O) => Dt(O)), H = H.map((O) => Dt(O));
+    Nt(O, (M) => typeof M == "number") && (D = L.DONUT, H = h), Nt(O, (M) => Array.isArray(M) && oe(M)) && (Dt(h) > P ? D = L.LINE : D = L.BAR, ne = Dt(h), H = h.map((M) => ({
+      ...M,
+      data: Ma(M, (Te) => oe(Te))
+    }))), h = h.map((M) => Bt(M)), H = H.map((M) => Bt(M));
   }
   return {
     dataset: h,
-    type: B,
+    type: D,
     usableDataset: H,
     maxSeriesLength: ne
   };
@@ -50,11 +50,11 @@ function We(h) {
   return !Xe(h) || Ut(h) || !![...new Set(h.flatMap((S) => typeof S == "object" && !Array.isArray(S)))].includes(!1) ? !1 : !h.map((S) => Object.keys(S).length > 0).includes(!1);
 }
 function Ta(h, P) {
-  const S = Object.keys(h).sort(), B = Object.keys(P).sort();
-  if (S.length !== B.length)
+  const S = Object.keys(h).sort(), D = Object.keys(P).sort();
+  if (S.length !== D.length)
     return !1;
   for (let H = 0; H < S.length; H += 1) {
-    const ne = S[H], be = B[H];
+    const ne = S[H], be = D[H];
     if (ne !== be || typeof h[ne] != typeof P[be])
       return !1;
   }
@@ -68,28 +68,28 @@ function Pa(h) {
         return !1;
   return !0;
 }
-function Ma(h) {
+function Ra(h) {
   return Ia.includes(h.toUpperCase());
 }
 function Nt(h, P) {
   let S = [];
-  for (let B = 0; B < h.length; B += 1)
-    S.push(P(h[B]));
+  for (let D = 0; D < h.length; D += 1)
+    S.push(P(h[D]));
   return S.includes(!0);
 }
-function Bt(h) {
+function Dt(h) {
   return Math.max(...[...h].flatMap((P) => Object.values(P).filter((S) => oe(S)).map((S) => S.length)));
 }
-function Oa(h, P) {
+function Ma(h, P) {
   return Object.values(h).filter((S) => P(S))[0];
 }
-function Dt(h) {
+function Bt(h) {
   const P = {};
   for (let S in h)
     h.hasOwnProperty(S) && (P[S.toUpperCase()] = h[S]);
   return P;
 }
-const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "width", "height"], Da = ["x", "y", "width", "height"], Ua = ["width", "height"], Va = ["id"], Ha = ["id"], qa = ["id"], Wa = ["flood-color"], Xa = {
+const Oa = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Da = ["x", "y", "width", "height"], Ba = ["x", "y", "width", "height"], Ua = ["width", "height"], Va = ["id"], Ha = ["id"], qa = ["id"], Wa = ["flood-color"], Xa = {
   key: 0,
   class: "donut-label-connectors"
 }, ja = ["d", "stroke", "stroke-width", "filter"], Ga = ["cx", "cy", "r", "fill", "filter"], Ya = { class: "donut" }, Za = ["d", "fill", "stroke", "stroke-width", "filter"], Ja = ["d", "onMouseenter", "onMouseout", "onClick"], Qa = {
@@ -119,10 +119,10 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
 }, Il = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], El = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Tl = {
   key: 1,
   class: "line-axis"
-}, Pl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ml = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ol = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Rl = ["x", "y", "font-size", "fill"], Fl = {
+}, Pl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Rl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ml = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ol = ["x", "y", "font-size", "fill"], Fl = {
   key: 3,
   class: "periodLabels"
-}, Nl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Bl = { key: 0 }, Dl = ["font-size", "text-anchor", "fill", "transform"], Ul = ["font-size", "text-anchor", "fill", "transform", "innerHTML"], Vl = { class: "plots" }, Hl = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], ql = ["to"], Wl = ["from", "to"], Xl = {
+}, Nl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Dl = { key: 0 }, Bl = ["font-size", "text-anchor", "fill", "transform"], Ul = ["font-size", "text-anchor", "fill", "transform", "innerHTML"], Vl = { class: "plots" }, Hl = ["x", "width", "height", "y", "fill", "stroke", "stroke-width"], ql = ["to"], Wl = ["from", "to"], Xl = {
   key: 4,
   class: "dataLabels"
 }, jl = ["x", "y", "font-size", "fill"], Gl = {
@@ -155,8 +155,8 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
   },
   emits: ["selectDatapoint", "selectLegend"],
   setup(h, { expose: P, emit: S }) {
-    const B = Ce(() => import("./BaseIcon-CBGEVS_a.js")), H = Ce(() => import("./PackageVersion-bFI66Iee.js")), ne = Ce(() => import("./PenAndPaper-CHT5QaP8.js")), be = Ce(() => import("./Tooltip-BA5KTZ2e.js")), ot = Ce(() => import("./UserOptions-usqWO4wC.js")), { vue_ui_quick_chart: je } = ra(), R = h, O = A(null), Te = A(null), nt = A(null), it = A(null), X = A(sa()), re = A(!1), Se = A(null), se = A(""), Z = A(null), ut = A(null), rt = A(null), w = A([]), st = A(0), Pe = A(0), vt = A(!1), J = A(null), Me = A(null), dt = A(null), ct = A(null), Oe = A("#FFFFFF"), e = A(Ze()), Ge = N(() => !!e.value.debug), { loading: D, FINAL_DATASET: Vt, manualLoading: ht } = za({
-      ...la(R),
+    const D = Ce(() => import("./BaseIcon-Dj9csjZa.js")), H = Ce(() => import("./PackageVersion-DL0EOwRR.js")), ne = Ce(() => import("./PenAndPaper-CcoAkH79.js")), be = Ce(() => import("./Tooltip-B46L8jx5.js")), ot = Ce(() => import("./UserOptions-CmhyvH7T.js")), { vue_ui_quick_chart: je } = ra(), O = h, M = A(null), Te = A(null), nt = A(null), it = A(null), X = A(sa()), re = A(!1), Se = A(null), se = A(""), Z = A(null), ut = A(null), rt = A(null), w = A([]), st = A(0), Pe = A(0), vt = A(!1), J = A(null), Re = A(null), dt = A(null), ct = A(null), Me = A("#FFFFFF"), e = A(Ze()), Ge = N(() => !!e.value.debug), { loading: B, FINAL_DATASET: Vt, manualLoading: ht } = za({
+      ...la(O),
       FINAL_CONFIG: e,
       prepareConfig: Ze,
       skeletonDataset: [1, 2, 3, 5, 8, 13, 21, 34, 55, 89],
@@ -182,29 +182,29 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
           zoomEndIndex: null
         }
       })
-    }), { svgRef: ft } = wa({ config: { text: e.value.title } }), Ht = N(() => e.value.showUserOptionsOnChartHover), mt = N(() => e.value.keepUserOptionsStateOnChartLeave), Re = A(!e.value.showUserOptionsOnChartHover), Ye = A(!1);
+    }), { svgRef: ft } = wa({ config: { text: e.value.title } }), Ht = N(() => e.value.showUserOptionsOnChartHover), mt = N(() => e.value.keepUserOptionsStateOnChartLeave), Oe = A(!e.value.showUserOptionsOnChartHover), Ye = A(!1);
     function gt(a = !1) {
-      Ye.value = a, Ht.value && (Re.value = a);
+      Ye.value = a, Ht.value && (Oe.value = a);
     }
     function Ze() {
       const a = Ft({
-        userConfig: R.config,
+        userConfig: O.config,
         defaultConfig: je
       });
       let c = {};
       return a.theme ? c = {
         ...Ft({
-          userConfig: ca.vue_ui_quick_chart[a.theme] || R.config,
+          userConfig: ca.vue_ui_quick_chart[a.theme] || O.config,
           defaultConfig: a
         }),
         customPalette: da[a.theme] || G
-      } : c = a, R.config && He(R.config, "zoomStartIndex") ? c.zoomStartIndex = R.config.zoomStartIndex : c.zoomStartIndex = null, R.config && He(R.config, "zoomEndIndex") ? c.zoomEndIndex = R.config.zoomEndIndex : c.zoomEndIndex = null, R.config && !He(R.config, "donutStroke") ? He(R.config, "backgroundColor") ? Oe.value = R.config.backgroundColor : Oe.value = "#FFFFFF" : Oe.value = R.config.donutStroke, c;
+      } : c = a, O.config && He(O.config, "zoomStartIndex") ? c.zoomStartIndex = O.config.zoomStartIndex : c.zoomStartIndex = null, O.config && He(O.config, "zoomEndIndex") ? c.zoomEndIndex = O.config.zoomEndIndex : c.zoomEndIndex = null, O.config && !He(O.config, "donutStroke") ? He(O.config, "backgroundColor") ? Me.value = O.config.backgroundColor : Me.value = "#FFFFFF" : Me.value = O.config.donutStroke, c;
     }
-    $e(() => R.config, (a) => {
-      D.value || (e.value = Ze()), b.value.width = e.value.width, b.value.height = e.value.height, Re.value = !e.value.showUserOptionsOnChartHover, yt(), ge.value.showTooltip = e.value.showTooltip;
-    }, { deep: !0 }), $e(() => R.dataset, (a) => {
+    $e(() => O.config, (a) => {
+      B.value || (e.value = Ze()), b.value.width = e.value.width, b.value.height = e.value.height, Oe.value = !e.value.showUserOptionsOnChartHover, yt(), ge.value.showTooltip = e.value.showTooltip;
+    }, { deep: !0 }), $e(() => O.dataset, (a) => {
       k.value = Ae.value, g.value.start = 0, g.value.end = k.value.maxSeriesLength, Pe.value += 1;
-    }, { deep: !0 }), $e(() => R.dataset, (a) => {
+    }, { deep: !0 }), $e(() => O.dataset, (a) => {
       Array.isArray(a) && a.length > 0 && (ht.value = !1);
     }, { immediate: !0 });
     const we = N(() => ha(e.value.customPalette)), me = S, Ae = N(() => {
@@ -245,10 +245,10 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
       vt.value = !0, yt();
     });
     function yt() {
-      if (ga(R.dataset) || (ht.value = e.value.loading), e.value.responsive) {
-        const a = Rt(() => {
+      if (ga(O.dataset) || (ht.value = e.value.loading), e.value.responsive) {
+        const a = Ot(() => {
           const { width: c, height: t } = ka({
-            chart: O.value,
+            chart: M.value,
             title: e.value.title ? Te.value : null,
             legend: e.value.showLegend ? nt.value : null,
             slicer: [L.BAR, L.LINE].includes(C.value) && e.value.zoomXy && k.value.maxSeriesLength > 1 ? it.value : null,
@@ -259,7 +259,7 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
             b.value.width = c, b.value.height = t;
           });
         });
-        ie.value && (pe.value && ie.value.unobserve(pe.value), ie.value.disconnect()), ie.value = new ResizeObserver(a), pe.value = O.value.parentNode, ie.value.observe(pe.value);
+        ie.value && (pe.value && ie.value.unobserve(pe.value), ie.value.disconnect()), ie.value = new ResizeObserver(a), pe.value = M.value.parentNode, ie.value.observe(pe.value);
       }
       _t();
     }
@@ -287,14 +287,14 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
     function bt(a, c) {
       w.value.includes(a) ? w.value = w.value.filter((t) => t !== a) : w.value.length < c && w.value.push(a);
     }
-    const St = A(null), wt = A(null), Be = A(!1);
+    const St = A(null), wt = A(null), De = A(!1);
     function jt(a, c) {
-      Be.value = !0;
+      De.value = !0;
       let t = a.value;
       const i = Ae.value.dataset.find((u, x) => a.id === `donut_${x}`).VALUE;
       if (w.value.includes(a.id)) {
         let u = function() {
-          t > i ? (Be.value = !1, cancelAnimationFrame(wt.value), k.value = {
+          t > i ? (De.value = !1, cancelAnimationFrame(wt.value), k.value = {
             ...k.value,
             dataset: k.value.dataset.map((x, z) => a.id === `donut_${z}` ? {
               ...x,
@@ -313,7 +313,7 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
         w.value = w.value.filter((x) => x !== a.id), u();
       } else if (c.length > 1) {
         let u = function() {
-          t < i / 100 ? (Be.value = !1, cancelAnimationFrame(St.value), w.value.push(a.id), k.value = {
+          t < i / 100 ? (De.value = !1, cancelAnimationFrame(St.value), w.value.push(a.id), k.value = {
             ...k.value,
             dataset: k.value.dataset.map((x, z) => a.id === `donut_${z}` ? {
               ...x,
@@ -475,12 +475,12 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
     });
     function zt() {
       let a = 0;
-      return Me.value && (a = Array.from(Me.value.querySelectorAll("text")).reduce((i, u) => {
+      return Re.value && (a = Array.from(Re.value.querySelectorAll("text")).reduce((i, u) => {
         const x = u.getComputedTextLength();
         return x > i ? x : i;
       }, 0)), a + 4;
     }
-    const Je = A(0), Qt = Rt((a) => {
+    const Je = A(0), Qt = Ot((a) => {
       Je.value = a;
     }, 100);
     na((a) => {
@@ -493,7 +493,7 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
     }), Et(() => {
       Je.value = 0;
     });
-    const De = N(() => {
+    const Be = N(() => {
       let a = 0, c = 0;
       return J.value && (c = Je.value), a + c;
     }), d = N(() => {
@@ -511,9 +511,9 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
         left: c + e.value.xyPaddingLeft,
         top: e.value.xyPaddingTop,
         right: a.width - e.value.xyPaddingRight,
-        bottom: a.height - e.value.xyPaddingBottom - De.value,
+        bottom: a.height - e.value.xyPaddingBottom - Be.value,
         width: Math.max(10, a.width - e.value.xyPaddingLeft - e.value.xyPaddingRight - c),
-        height: Math.max(10, a.height - e.value.xyPaddingTop - e.value.xyPaddingBottom - De.value)
+        height: Math.max(10, a.height - e.value.xyPaddingTop - e.value.xyPaddingBottom - Be.value)
       };
       let i = [];
       oe(k.value.dataset) && (i = [
@@ -645,9 +645,9 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
         left: c + e.value.xyPaddingLeft,
         top: e.value.xyPaddingTop,
         right: a.width - e.value.xyPaddingRight,
-        bottom: a.height - e.value.xyPaddingBottom - De.value,
+        bottom: a.height - e.value.xyPaddingBottom - Be.value,
         width: Math.max(10, a.width - e.value.xyPaddingLeft - e.value.xyPaddingRight - c),
-        height: Math.max(10, a.height - e.value.xyPaddingTop - e.value.xyPaddingBottom - De.value)
+        height: Math.max(10, a.height - e.value.xyPaddingTop - e.value.xyPaddingBottom - Be.value)
       };
       let i = [];
       oe(k.value.dataset) && (i = [
@@ -810,8 +810,8 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
       Ve.value = !Ve.value;
     }
     async function ea({ scale: a = 2 } = {}) {
-      if (!O.value) return;
-      const { width: c, height: t } = O.value.getBoundingClientRect(), i = c / t, { imageUri: u, base64: x } = await La({ domElement: O.value, base64: !0, img: !0, scale: a });
+      if (!M.value) return;
+      const { width: c, height: t } = M.value.getBoundingClientRect(), i = c / t, { imageUri: u, base64: x } = await La({ domElement: M.value, base64: !0, img: !0, scale: a });
       return {
         imageUri: u,
         base64: x,
@@ -844,9 +844,9 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
       key: 0,
       id: `${C.value}_${X.value}`,
       ref_key: "quickChart",
-      ref: O,
+      ref: M,
       class: ce({ "vue-ui-quick-chart": !0, "vue-data-ui-wrapper-fullscreen": Ue.value }),
-      style: M(`background:${e.value.backgroundColor};color:${e.value.color};font-family:${e.value.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`),
+      style: R(`background:${e.value.backgroundColor};color:${e.value.color};font-family:${e.value.fontFamily}; position: relative; ${e.value.responsive ? "height: 100%" : ""}`),
       onMouseenter: c[2] || (c[2] = () => gt(!0)),
       onMouseleave: c[3] || (c[3] = () => gt(!1))
     }, [
@@ -865,7 +865,7 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : m("", !0),
-      e.value.showUserOptions && (mt.value || Re.value) ? (l(), Ie(r(ot), {
+      e.value.showUserOptions && (mt.value || Oe.value) ? (l(), Ie(r(ot), {
         ref: "details",
         key: `user_option_${st.value}`,
         backgroundColor: e.value.backgroundColor,
@@ -881,7 +881,7 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
         isTooltip: ge.value.showTooltip,
         isFullscreen: Ue.value,
         titles: { ...e.value.userOptionsButtonTitles },
-        chartElement: O.value,
+        chartElement: M.value,
         position: e.value.userOptionsPosition,
         hasAnnotator: e.value.userOptionsButtons.annotator,
         isAnnotation: Ve.value,
@@ -892,8 +892,8 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
         onGenerateImage: r(xt),
         onToggleTooltip: $t,
         onToggleAnnotator: Qe,
-        style: M({
-          visibility: mt.value ? Re.value ? "visible" : "hidden" : "visible"
+        style: R({
+          visibility: mt.value ? Oe.value ? "visible" : "hidden" : "visible"
         })
       }, ia({ _: 2 }, [
         a.$slots.menuIcon ? {
@@ -944,7 +944,7 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
         ref_key: "quickChartTitle",
         ref: Te,
         class: "vue-ui-quick-chart-title",
-        style: M(`background:transparent;color:${e.value.color};font-size:${e.value.titleFontSize}px;font-weight:${e.value.titleBold ? "bold" : "normal"};text-align:${e.value.titleTextAlign}`)
+        style: R(`background:transparent;color:${e.value.color};font-size:${e.value.titleFontSize}px;font-weight:${e.value.titleBold ? "bold" : "normal"};text-align:${e.value.titleTextAlign}`)
       }, F(e.value.title), 5)) : m("", !0),
       _("div", {
         id: `legend-top-${X.value}`
@@ -955,7 +955,7 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
         ref: ft,
         xmlns: r(xa),
         viewBox: Xt.value,
-        style: M(`max-width:100%;overflow:visible;background:transparent;color:${e.value.color}`)
+        style: R(`max-width:100%;overflow:visible;background:transparent;color:${e.value.color}`)
       }, [
         ke(r(H)),
         a.$slots["chart-background"] && C.value === L.BAR ? (l(), o("foreignObject", {
@@ -969,7 +969,7 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
           }
         }, [
           U(a.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Ba)) : m("", !0),
+        ], 8, Da)) : m("", !0),
         a.$slots["chart-background"] && C.value === L.LINE ? (l(), o("foreignObject", {
           key: 1,
           x: d.value.drawingArea.left,
@@ -981,7 +981,7 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
           }
         }, [
           U(a.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Da)) : m("", !0),
+        ], 8, Ba)) : m("", !0),
         a.$slots["chart-background"] && C.value === L.DONUT ? (l(), o("foreignObject", {
           key: 2,
           x: 0,
@@ -1051,7 +1051,7 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
             (l(!0), o(p, null, I(T.value.chart, (t, i) => (l(), o("path", {
               d: t.arcSlice,
               fill: t.color,
-              stroke: Oe.value,
+              stroke: Me.value,
               "stroke-width": e.value.donutStrokeWidth,
               filter: Le(t.id)
             }, null, 8, Za))), 256)),
@@ -1175,7 +1175,7 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
             key: 2,
             class: "yLabels",
             ref_key: "scaleLabels",
-            ref: Me
+            ref: Re
           }, [
             (l(!0), o(p, null, I(d.value.yLabels, (t, i) => (l(), o(p, null, [
               t.y <= d.value.drawingArea.bottom ? (l(), o("line", {
@@ -1235,7 +1235,7 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
                     "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
                     fill: e.value.color,
                     transform: `translate(${d.value.drawingArea.left + d.value.slotSize * (i + 1) - d.value.slotSize / 2}, ${d.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`,
-                    innerHTML: r(Mt)({
+                    innerHTML: r(Rt)({
                       content: String(t),
                       fontSize: e.value.xyLabelsXFontSize,
                       fill: e.value.color,
@@ -1258,22 +1258,22 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
             (l(!0), o(p, null, I(d.value.dataset, (t, i) => (l(), o("g", yl, [
               e.value.lineSmooth ? (l(), o(p, { key: 0 }, [
                 _("path", {
-                  d: `M ${r(Ot)(t.coordinates)}`,
+                  d: `M ${r(Mt)(t.coordinates)}`,
                   stroke: e.value.backgroundColor,
                   "stroke-width": e.value.lineStrokeWidth + 1,
                   "stroke-linecap": "round",
                   fill: "none",
-                  class: ce({ "quick-animation": !r(D), "vue-data-ui-line-animated": e.value.lineAnimated && !r(D) }),
-                  style: M({ transition: r(D) ? void 0 : "all 0.3s ease-in-out" })
+                  class: ce({ "quick-animation": !r(B), "vue-data-ui-line-animated": e.value.lineAnimated && !r(B) }),
+                  style: R({ transition: r(B) ? void 0 : "all 0.3s ease-in-out" })
                 }, null, 14, kl),
                 _("path", {
-                  d: `M ${r(Ot)(t.coordinates)}`,
+                  d: `M ${r(Mt)(t.coordinates)}`,
                   stroke: t.color,
                   "stroke-width": e.value.lineStrokeWidth,
                   "stroke-linecap": "round",
                   fill: "none",
-                  class: ce({ "quick-animation": !r(D), "vue-data-ui-line-animated": e.value.lineAnimated && !r(D) }),
-                  style: M({ transition: r(D) ? void 0 : "all 0.3s ease-in-out" })
+                  class: ce({ "quick-animation": !r(B), "vue-data-ui-line-animated": e.value.lineAnimated && !r(B) }),
+                  style: R({ transition: r(B) ? void 0 : "all 0.3s ease-in-out" })
                 }, null, 14, bl)
               ], 64)) : (l(), o(p, { key: 1 }, [
                 _("path", {
@@ -1282,8 +1282,8 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
                   "stroke-width": e.value.lineStrokeWidth + 1,
                   "stroke-linecap": "round",
                   fill: "none",
-                  class: ce({ "quick-animation": !r(D), "vue-data-ui-line-animated": e.value.lineAnimated && !r(D) }),
-                  style: M({ transition: r(D) ? void 0 : "all 0.3s ease-in-out" })
+                  class: ce({ "quick-animation": !r(B), "vue-data-ui-line-animated": e.value.lineAnimated && !r(B) }),
+                  style: R({ transition: r(B) ? void 0 : "all 0.3s ease-in-out" })
                 }, null, 14, Sl),
                 _("path", {
                   d: `M ${t.linePath}`,
@@ -1291,8 +1291,8 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
                   "stroke-width": e.value.lineStrokeWidth,
                   "stroke-linecap": "round",
                   fill: "none",
-                  class: ce({ "quick-animation": !r(D), "vue-data-ui-line-animated": e.value.lineAnimated && !r(D) }),
-                  style: M({ transition: r(D) ? void 0 : "all 0.3s ease-in-out" })
+                  class: ce({ "quick-animation": !r(B), "vue-data-ui-line-animated": e.value.lineAnimated && !r(B) }),
+                  style: R({ transition: r(B) ? void 0 : "all 0.3s ease-in-out" })
                 }, null, 14, wl)
               ], 64)),
               (l(!0), o(p, null, I(t.coordinates, (u, x) => (l(), o("circle", {
@@ -1302,8 +1302,8 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
                 fill: t.color,
                 stroke: e.value.backgroundColor,
                 "stroke-width": "0.5",
-                class: ce({ "quick-animation": !r(D) }),
-                style: M({ transition: r(D) ? void 0 : "all 0.3s ease-in-out" })
+                class: ce({ "quick-animation": !r(B) }),
+                style: R({ transition: r(B) ? void 0 : "all 0.3s ease-in-out" })
               }, null, 14, Al))), 256))
             ]))), 256))
           ]),
@@ -1316,7 +1316,7 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
                 x: u.x,
                 y: r(le)(u.y) - e.value.dataLabelFontSize / 2,
                 class: "quick-animation",
-                style: M({ transition: r(D) ? void 0 : "all 0.3s ease-in-out" })
+                style: R({ transition: r(B) ? void 0 : "all 0.3s ease-in-out" })
               }, F(r(ae)(
                 e.value.formatter,
                 r(le)(u.value),
@@ -1337,7 +1337,7 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
               height: d.value.drawingArea.height <= 0 ? 1e-5 : d.value.drawingArea.height,
               width: d.value.slotSize <= 0 ? 1e-5 : d.value.slotSize,
               fill: [Z.value, Q.value].includes(i) ? e.value.xyHighlighterColor : "transparent",
-              style: M(`opacity:${e.value.xyHighlighterOpacity}`),
+              style: R(`opacity:${e.value.xyHighlighterOpacity}`),
               onMouseenter: (u) => d.value.useTooltip(i),
               onMouseleave: (u) => d.value.killTooltip(i),
               onClick: (u) => d.value.selectDatapoint(i)
@@ -1386,13 +1386,13 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
               stroke: e.value.xyAxisStroke,
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
-            }, null, 8, Ml)
+            }, null, 8, Rl)
           ])) : m("", !0),
           e.value.xyShowScale ? (l(), o("g", {
             key: 2,
             class: "yLabels",
             ref_key: "scaleLabels",
-            ref: Me
+            ref: Re
           }, [
             (l(!0), o(p, null, I(s.value.yLabels, (t, i) => (l(), o(p, null, [
               t.y <= s.value.drawingArea.bottom ? (l(), o("line", {
@@ -1404,7 +1404,7 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
                 stroke: e.value.xyAxisStroke,
                 "stroke-width": e.value.xyAxisStrokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, Ol)) : m("", !0),
+              }, null, 8, Ml)) : m("", !0),
               t.y <= s.value.drawingArea.bottom ? (l(), o("text", {
                 key: 1,
                 x: t.x,
@@ -1422,7 +1422,7 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: t, seriesIndex: i }
-              )), 9, Rl)) : m("", !0)
+              )), 9, Ol)) : m("", !0)
             ], 64))), 256))
           ], 512)) : m("", !0),
           e.value.xyShowScale && e.value.xyPeriods.length ? (l(), o("g", Fl, [
@@ -1440,7 +1440,7 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
               ref: J
             }, [
               (l(!0), o(p, null, I(Y.value.map((t) => t.text), (t, i) => (l(), o(p, null, [
-                !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && i % Math.floor((g.value.end - g.value.start) / xe.value) === 0 || g.value.end - g.value.start <= xe.value ? (l(), o("g", Bl, [
+                !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && i % Math.floor((g.value.end - g.value.start) / xe.value) === 0 || g.value.end - g.value.start <= xe.value ? (l(), o("g", Dl, [
                   String(t).includes(`
 `) ? (l(), o("text", {
                     key: 1,
@@ -1449,7 +1449,7 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
                     "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
                     fill: e.value.color,
                     transform: `translate(${s.value.drawingArea.left + s.value.slotSize * (i + 1) - s.value.slotSize / 2}, ${s.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`,
-                    innerHTML: r(Mt)({
+                    innerHTML: r(Rt)({
                       content: String(t),
                       fontSize: e.value.xyLabelsXFontSize,
                       fill: e.value.color,
@@ -1463,7 +1463,7 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
                     "text-anchor": e.value.xyPeriodLabelsRotation > 0 ? "start" : e.value.xyPeriodLabelsRotation < 0 ? "end" : "middle",
                     fill: e.value.color,
                     transform: `translate(${s.value.drawingArea.left + s.value.slotSize * (i + 1) - s.value.slotSize / 2}, ${s.value.drawingArea.bottom + e.value.xyLabelsXFontSize + 6}), rotate(${e.value.xyPeriodLabelsRotation})`
-                  }, F(t), 9, Dl))
+                  }, F(t), 9, Bl))
                 ])) : m("", !0)
               ], 64))), 256))
             ], 512)
@@ -1479,7 +1479,7 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
                 stroke: e.value.backgroundColor,
                 "stroke-width": e.value.barStrokeWidth,
                 "stroke-linecap": "round",
-                class: ce({ "vue-data-ui-bar-animated": e.value.barAnimated && u.value < 0 && !r(D) })
+                class: ce({ "vue-data-ui-bar-animated": e.value.barAnimated && u.value < 0 && !r(B) })
               }, [
                 e.value.barAnimated && u.value > 0 && !r(Fe) && !r(Ne) ? (l(), o("animate", {
                   key: 0,
@@ -1527,7 +1527,7 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
               height: s.value.drawingArea.height <= 0 ? 1e-5 : s.value.drawingArea.height,
               width: s.value.slotSize <= 0 ? 1e-5 : s.value.slotSize,
               fill: [Z.value, Q.value].includes(i) ? e.value.xyHighlighterColor : "transparent",
-              style: M(`opacity:${e.value.xyHighlighterOpacity}`),
+              style: R(`opacity:${e.value.xyHighlighterOpacity}`),
               onMouseenter: (u) => s.value.useTooltip(i),
               onMouseleave: (u) => s.value.killTooltip(i),
               onClick: (u) => s.value.selectDatapoint(i)
@@ -1633,6 +1633,8 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
           minimapMerged: e.value.zoomMinimap.merged,
           allMinimaps: Kt.value,
           minimapFrameColor: e.value.zoomMinimap.frameColor,
+          focusOnDrag: e.value.zoomFocusOnDrag,
+          focusRangeRatio: e.value.zoomFocusRangeRatio,
           onReset: Yt,
           onTrapMouse: Gt
         }, {
@@ -1640,7 +1642,7 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
             U(a.$slots, "reset-action", he(fe({ reset: t })), void 0, !0)
           ]),
           _: 3
-        }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "smoothMinimap", "minimapSelectedColor", "minimapSelectedColorOpacity", "minimapSelectionRadius", "minimapLineColor", "minimap", "minimapIndicatorColor", "verticalHandles", "minimapSelectedIndex", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag", "minimapCompact", "minimapMerged", "allMinimaps", "minimapFrameColor"]))
+        }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "smoothMinimap", "minimapSelectedColor", "minimapSelectedColorOpacity", "minimapSelectionRadius", "minimapLineColor", "minimap", "minimapIndicatorColor", "verticalHandles", "minimapSelectedIndex", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag", "minimapCompact", "minimapMerged", "allMinimaps", "minimapFrameColor", "focusOnDrag", "focusRangeRatio"]))
       ])) : m("", !0),
       _("div", {
         id: `legend-bottom-${X.value}`
@@ -1654,29 +1656,29 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
           ref_key: "quickChartLegend",
           ref: nt,
           class: "vue-ui-quick-chart-legend",
-          style: M(`background:transparent;color:${e.value.color}`)
+          style: R(`background:transparent;color:${e.value.color}`)
         }, [
           C.value === L.DONUT ? (l(!0), o(p, { key: 0 }, I(T.value.legend, (t, i) => (l(), o("div", {
             class: "vue-ui-quick-chart-legend-item",
             onClick: (u) => {
               jt(t, T.value.dataset), me("selectLegend", t);
             },
-            style: M(`cursor: ${T.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
+            style: R(`cursor: ${T.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
           }, [
             e.value.useCustomLegend ? U(a.$slots, "legend", et({
               key: 0,
               ref_for: !0
             }, { legend: t }), void 0, !0) : (l(), o(p, { key: 1 }, [
-              ke(r(B), {
+              ke(r(D), {
                 name: e.value.legendIcon,
                 stroke: t.color,
                 size: e.value.legendIconSize
               }, null, 8, ["name", "stroke", "size"]),
               _("span", {
-                style: M(`font-size:${e.value.legendFontSize}px`)
+                style: R(`font-size:${e.value.legendFontSize}px`)
               }, F(t.name), 5),
               _("span", {
-                style: M(`font-size:${e.value.legendFontSize}px;font-variant-numeric:tabular-nums`)
+                style: R(`font-size:${e.value.legendFontSize}px;font-variant-numeric:tabular-nums`)
               }, F(w.value.includes(t.id) ? "-" : r(ae)(
                 e.value.formatter,
                 t.absoluteValue,
@@ -1690,13 +1692,13 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
               )), 5),
               w.value.includes(t.id) ? (l(), o("span", {
                 key: 0,
-                style: M(`font-size:${e.value.legendFontSize}px`)
-              }, " ( - % ) ", 4)) : Be.value ? (l(), o("span", {
+                style: R(`font-size:${e.value.legendFontSize}px`)
+              }, " ( - % ) ", 4)) : De.value ? (l(), o("span", {
                 key: 1,
-                style: M(`font-size:${e.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
+                style: R(`font-size:${e.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
               }, " ( - % ) ", 4)) : (l(), o("span", {
                 key: 2,
-                style: M(`font-size:${e.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
+                style: R(`font-size:${e.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
               }, " (" + F(r(W)({
                 v: t.value / T.value.total * 100,
                 s: "%",
@@ -1709,19 +1711,19 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
             onClick: (u) => {
               bt(t.id, d.value.legend.length - 1), me("selectLegend", t);
             },
-            style: M(`cursor: ${d.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
+            style: R(`cursor: ${d.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
           }, [
             e.value.useCustomLegend ? U(a.$slots, "legend", et({
               key: 0,
               ref_for: !0
             }, { legend: t }), void 0, !0) : (l(), o(p, { key: 1 }, [
-              ke(r(B), {
+              ke(r(D), {
                 name: e.value.legendIcon,
                 stroke: t.color,
                 size: e.value.legendIconSize
               }, null, 8, ["name", "stroke", "size"]),
               _("span", {
-                style: M(`font-size:${e.value.legendFontSize}px`)
+                style: R(`font-size:${e.value.legendFontSize}px`)
               }, F(t.name), 5)
             ], 64))
           ], 12, oo))), 256)) : m("", !0),
@@ -1730,19 +1732,19 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
             onClick: (u) => {
               bt(t.id, s.value.legend.length - 1), me("selectLegend", t);
             },
-            style: M(`cursor: ${s.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
+            style: R(`cursor: ${s.value.legend.length > 1 ? "pointer" : "default"}; opacity:${w.value.includes(t.id) ? "0.5" : "1"}`)
           }, [
             e.value.useCustomLegend ? U(a.$slots, "legend", et({
               key: 0,
               ref_for: !0
             }, { legend: t }), void 0, !0) : (l(), o(p, { key: 1 }, [
-              ke(r(B), {
+              ke(r(D), {
                 name: e.value.legendIcon,
                 stroke: t.color,
                 size: e.value.legendIconSize
               }, null, 8, ["name", "stroke", "size"]),
               _("span", {
-                style: M(`font-size:${e.value.legendFontSize}px`)
+                style: R(`font-size:${e.value.legendFontSize}px`)
               }, F(t.name), 5)
             ], 64))
           ], 12, no))), 256)) : m("", !0)
@@ -1767,7 +1769,7 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
         backgroundOpacity: e.value.tooltipBackgroundOpacity,
         position: e.value.tooltipPosition,
         offsetY: e.value.tooltipOffsetY,
-        parent: O.value,
+        parent: M.value,
         content: se.value,
         isFullscreen: Ue.value,
         isCustom: r(qe)(e.value.tooltipCustomFormat),
@@ -1784,16 +1786,16 @@ const Ra = ["id"], Fa = ["id"], Na = ["xmlns", "viewBox"], Ba = ["x", "y", "widt
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "smoothForce", "smoothSnapThreshold", "backdropFilter"]),
-      r(D) ? (l(), Ie(Ca, { key: 9 })) : m("", !0)
-    ], 46, Ra)) : (l(), o("div", io, [
-      ke(r(B), {
+      r(B) ? (l(), Ie(Ca, { key: 9 })) : m("", !0)
+    ], 46, Oa)) : (l(), o("div", io, [
+      ke(r(D), {
         name: "circleCancel",
         stroke: "red"
       }),
       c[5] || (c[5] = _("span", null, "Dataset is not processable", -1))
     ]));
   }
-}, bo = /* @__PURE__ */ $a(uo, [["__scopeId", "data-v-b274f242"]]);
+}, bo = /* @__PURE__ */ $a(uo, [["__scopeId", "data-v-13414fa9"]]);
 export {
   bo as default
 };