vue-data-ui 3.0.0-next.50 → 3.0.0-next.51

package/dist/{vue-ui-xy-D7Sx_bPF.js → vue-ui-xy-D5RVw5D0.js}

@@ -1,16 +1,16 @@
 import { useCssVars as Ja, computed as y, ref as p, onMounted as Lt, onBeforeUnmount as nt, watch as sl, nextTick as ql, onUpdated as Ka, createElementBlock as s, openBlock as u, createElementVNode as m, createCommentVNode as h, renderSlot as K, normalizeStyle as $, createVNode as Ul, withDirectives as Bt, unref as v, Fragment as f, renderList as L, normalizeClass as Re, vModelText as ba, toDisplayString as ae, defineAsyncComponent as yl, useSlots as Qa, getCurrentInstance as ja, toRefs as eo, watchEffect as lo, createBlock as Ke, createSlots as to, withCtx as pe, normalizeProps as vl, guardReactiveProps as kl, mergeProps as kt, vModelCheckbox as ao, createTextVNode as oo } from "vue";
-import { c as _t, W as Mt, V as At, X as uo, F as je, u as io, e as Vt, v as so, a5 as ul, b as no, D as st, ac as Nl, d as ro, p as co, ad as wt, aa as Y, ae as vo, w as V, af as pa, ag as ya, ah as ho, ai as ka, aj as wa, i as we, y as fo, z as go, $ as Sa, R as il, f as De, x as Rl, s as Qe, a8 as ee, L as mo, ak as St, I as xo, al as wl, C as Xe, t as bo, a as po, o as $a, q as yo, r as ko, E as Gl } from "./index-CJ_8wwwn.js";
+import { c as _t, W as Mt, V as At, X as uo, F as je, u as io, e as Vt, v as so, a5 as ul, b as no, D as st, ac as Nl, d as ro, p as co, ad as wt, aa as Y, ae as vo, w as V, af as pa, ag as ya, ah as ho, ai as ka, aj as wa, i as we, y as fo, z as go, $ as Sa, R as il, f as De, x as Rl, s as Qe, a8 as ee, L as mo, ak as St, I as xo, al as wl, C as Xe, t as bo, a as po, o as $a, q as yo, r as ko, E as Gl } from "./index-DJKz3EWJ.js";
 import { t as Ft, u as wo } from "./useResponsive-DfdjqQps.js";
-import { u as So } from "./usePrinter-Djgu-cC0.js";
+import { u as So } from "./usePrinter-Iy7FxhyL.js";
 import { u as $o, B as _o } from "./BaseScanner-DIK2NTdp.js";
-import { u as Et } from "./useNestedProp-Co3NIfJz.js";
+import { u as Et } from "./useNestedProp-DoTKbeYP.js";
 import { u as _a } from "./useTimeLabels-DkzmKfZn.js";
 import { u as Lo } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Mo from "./img-B7ogJ4e0.js";
-import Ao from "./Title-CxOYqn0J.js";
-import { S as Co } from "./Slicer-QbudvRet.js";
-import { _ as $t } from "./Shape-BLUp5WPA.js";
-import zo from "./BaseIcon-D3lVmh4q.js";
+import Mo from "./img-Ck7tqm17.js";
+import Ao from "./Title-3ACEciQv.js";
+import { S as Co } from "./Slicer-CU5E8-Ee.js";
+import { _ as $t } from "./Shape-DOpTDQGX.js";
+import zo from "./BaseIcon-DBAQZ9vX.js";
 import { _ as La } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const To = {
   class: "vue-data-ui-slicer-labels",
@@ -709,7 +709,7 @@ const To = {
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
   setup(C, { expose: Ct, emit: zt }) {
-    const d = C, Pe = yl(() => import("./DataTable-DBPMgoC3.js")), ie = yl(() => import("./Tooltip-CzRs24i2.js")), re = yl(() => import("./UserOptions-RZkXTOCa.js")), Sl = yl(() => import("./BaseIcon-D3lVmh4q.js")), Zl = yl(() => import("./vue-ui-table-sparkline-Dm9VtfGM.js")), Pl = yl(() => import("./vue-ui-accordion-3yBUN0ar.js")), $l = yl(() => import("./PackageVersion-_JpUHIQF.js")), _l = yl(() => import("./PenAndPaper-CiXy6ifX.js")), dl = zt, Jl = Qa(), Kl = ja(), { vue_ui_xy: Ql } = io(), fe = p(null), ye = p(null), ze = p(null), el = p(null), Ll = p(null), Ml = p(null), Tt = p(null), He = p(null), Hl = p(null), nl = p(null), Al = p(null), D = p(null), ll = p(null), ge = p(0), M = p(null), Ve = p(!0), se = p(600), ne = p(1e3), Vl = p("0 0 1000 600"), Cl = p({ x: 0, y: 0 }), Ge = p({ line: "line", bar: "bar", plot: "plot" }), hl = p(!1), rl = p(!1), El = p(!1), Te = p(null), oe = p([]), Q = p(_t()), rt = p(0), ct = p(0), jl = p(0), Me = p(!0), Ee = p(0), O = p(null), Ue = p(!1), Bl = p(!0), Fl = p(!0), Se = p(null), Be = p({}), Wl = p(null), S = p(null), vt = y(() => ({
+    const d = C, Pe = yl(() => import("./DataTable-CdD7tKpP.js")), ie = yl(() => import("./Tooltip-D4AvFVyr.js")), re = yl(() => import("./UserOptions-oB62jZT7.js")), Sl = yl(() => import("./BaseIcon-DBAQZ9vX.js")), Zl = yl(() => import("./vue-ui-table-sparkline-Du1BvydE.js")), Pl = yl(() => import("./vue-ui-accordion-C0GWT8Ql.js")), $l = yl(() => import("./PackageVersion-DQcP7Cwd.js")), _l = yl(() => import("./PenAndPaper-Bf9A4qL1.js")), dl = zt, Jl = Qa(), Kl = ja(), { vue_ui_xy: Ql } = io(), fe = p(null), ye = p(null), ze = p(null), el = p(null), Ll = p(null), Ml = p(null), Tt = p(null), He = p(null), Hl = p(null), nl = p(null), Al = p(null), D = p(null), ll = p(null), ge = p(0), M = p(null), Ve = p(!0), se = p(600), ne = p(1e3), Vl = p("0 0 1000 600"), Cl = p({ x: 0, y: 0 }), Ge = p({ line: "line", bar: "bar", plot: "plot" }), hl = p(!1), rl = p(!1), El = p(!1), Te = p(null), oe = p([]), Q = p(_t()), rt = p(0), ct = p(0), jl = p(0), Me = p(!0), Ee = p(0), O = p(null), Ue = p(!1), Bl = p(!0), Fl = p(!0), Se = p(null), Be = p({}), Wl = p(null), S = p(null), vt = y(() => ({
       height: se.value,
       width: ne.value
     })), fl = d.config.downsample && d.config.downsample.threshold ? d.config.downsample.threshold : 500, b = p({
@@ -1244,7 +1244,7 @@ const To = {
     }), Ua = y(() => {
       const t = cl.value.filter((c) => c.type === "bar").filter((c) => !oe.value.includes(c.id)).length;
       return r.value.width / _.value / t - xt.value * t;
-    }), xt = y(() => ue.value.line * e.value.bar.periodGap), bt = y(() => Math.max(1e-5, Dl() - (b.value.useIndividualScale && b.value.isStacked ? 0 : xt.value))), pt = y(() => bt.value * e.value.bar.innerGap), ua = y(() => {
+    }), xt = y(() => ue.value.line * e.value.bar.periodGap), bt = y(() => Math.max(1e-5, Dl() - (b.value.useIndividualScale && b.value.isStacked ? 0 : xt.value))), pt = y(() => bt.value * Math.min(Math.abs(e.value.bar.innerGap), 0.95)), ua = y(() => {
       if (!e.value.chart.zoom.minimap.show) return [];
       const t = Da.value.filter((a) => !oe.value.includes(a.id)), c = Math.max(...t.map((a) => a.series.length)), l = [];
       for (let a = 0; a < c; a += 1)
@@ -3754,7 +3754,7 @@ const To = {
       v(xe) ? (u(), Ke(_o, { key: 11 })) : h("", !0)
     ], 46, Qo));
   }
-}, Ds = /* @__PURE__ */ La(Cs, [["__scopeId", "data-v-95dc1cf2"]]);
+}, Ds = /* @__PURE__ */ La(Cs, [["__scopeId", "data-v-55fc9962"]]);
 export {
   Ds as default
 };

package/dist/{vue-ui-xy-canvas-sA_OEIMw.js → vue-ui-xy-canvas-DzDX5ysJ.js}

@@ -1,15 +1,15 @@
 import { defineAsyncComponent as K, ref as d, computed as L, useSlots as Va, onMounted as ua, watch as D, nextTick as sa, shallowRef as ze, onBeforeUnmount as Ga, createElementBlock as se, openBlock as S, unref as p, normalizeClass as Za, normalizeStyle as Q, createCommentVNode as X, createBlock as N, createElementVNode as ne, createSlots as ja, withCtx as x, renderSlot as k, normalizeProps as B, guardReactiveProps as _, createVNode as qa, toDisplayString as na, createTextVNode as Ja } from "vue";
-import { u as Ka, c as Qa, t as el, p as V, a as al, C as ge, b as ll, D as $e, i as ee, f as ae, d as ia, a5 as tl, G as ol, ae as rl, o as ul, e as sl, y as va, q as nl, r as il, z as vl, s as ie, l as cl } from "./index-CJ_8wwwn.js";
+import { u as Ka, c as Qa, t as el, p as V, a as al, C as ge, b as ll, D as $e, i as ee, f as ae, d as ia, a5 as tl, G as ol, ae as rl, o as ul, e as sl, y as va, q as nl, r as il, z as vl, s as ie, l as cl } from "./index-DJKz3EWJ.js";
 import { d as dl, t as hl, u as yl, c as fl, a as ca, l as C, r as Ie, b as R, p as da } from "./useResponsive-DfdjqQps.js";
-import { u as ha } from "./useNestedProp-Co3NIfJz.js";
-import { u as gl } from "./usePrinter-Djgu-cC0.js";
+import { u as ha } from "./useNestedProp-DoTKbeYP.js";
+import { u as gl } from "./usePrinter-Iy7FxhyL.js";
 import { u as pl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ml } from "./useChartAccessibility-9icAAmYg.js";
-import bl from "./Legend-Dj4hW4ih.js";
-import xl from "./Title-CxOYqn0J.js";
-import { S as Ll } from "./Slicer-QbudvRet.js";
+import bl from "./Legend-BwFrIr1T.js";
+import xl from "./Title-3ACEciQv.js";
+import { S as Ll } from "./Slicer-CU5E8-Ee.js";
 import { u as kl } from "./useTimeLabels-DkzmKfZn.js";
-import Cl from "./img-B7ogJ4e0.js";
+import Cl from "./img-Ck7tqm17.js";
 import { _ as wl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Sl = ["id"], zl = ["onClick"], $l = {
   key: 2,
@@ -32,7 +32,7 @@ const Sl = ["id"], zl = ["onClick"], $l = {
   },
   emits: ["selectLegend"],
   setup(Me, { expose: ya, emit: fa }) {
-    const ga = K(() => import("./vue-ui-accordion-3yBUN0ar.js")), pa = K(() => import("./DataTable-DBPMgoC3.js")), ma = K(() => import("./NonSvgPenAndPaper-JPMlKVW3.js")), ba = K(() => import("./vue-ui-skeleton-DVxUvega.js")), xa = K(() => import("./Tooltip-CzRs24i2.js")), La = K(() => import("./UserOptions-RZkXTOCa.js")), { vue_ui_xy_canvas: ka } = Ka(), g = Me, pe = d(Qa()), P = d(null), le = d(null), n = d(null), y = d(1), F = d(1), ve = d(!1), c = d(null), ce = d(""), Te = d(null), $ = d([]), G = d(1), H = d(!0), Z = d(!0), me = d(null), Oe = d(0), Re = d(0), de = d(!1), Pe = d(null), Fe = d(null), Ee = d(null), Ae = d(null), be = d(0), xe = d(0), Le = d(0), M = d(null), ke = L(() => !!g.dataset && g.dataset.length), Ca = fa, wa = Va();
+    const ga = K(() => import("./vue-ui-accordion-C0GWT8Ql.js")), pa = K(() => import("./DataTable-CdD7tKpP.js")), ma = K(() => import("./NonSvgPenAndPaper-7fQv8_3z.js")), ba = K(() => import("./vue-ui-skeleton-B-rmcfy0.js")), xa = K(() => import("./Tooltip-D4AvFVyr.js")), La = K(() => import("./UserOptions-oB62jZT7.js")), { vue_ui_xy_canvas: ka } = Ka(), g = Me, pe = d(Qa()), P = d(null), le = d(null), n = d(null), y = d(1), F = d(1), ve = d(!1), c = d(null), ce = d(""), Te = d(null), $ = d([]), G = d(1), H = d(!0), Z = d(!0), me = d(null), Oe = d(0), Re = d(0), de = d(!1), Pe = d(null), Fe = d(null), Ee = d(null), Ae = d(null), be = d(0), xe = d(0), Le = d(0), M = d(null), ke = L(() => !!g.dataset && g.dataset.length), Ca = fa, wa = Va();
     ua(() => {
       wa["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
     });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "3.0.0-next.50",
+  "version": "3.0.0-next.51",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [

package/dist/vue-ui-wheel-PP-IY2XR.js

@@ -1,352 +0,0 @@
-import { defineAsyncComponent as $, computed as p, ref as c, watch as te, shallowRef as ae, onMounted as we, onBeforeUnmount as be, createElementBlock as v, openBlock as s, unref as l, normalizeStyle as N, createBlock as I, createCommentVNode as h, createSlots as Ce, withCtx as w, renderSlot as y, normalizeProps as _, guardReactiveProps as x, normalizeClass as R, createVNode as Oe, Fragment as le, renderList as ne, toDisplayString as $e } from "vue";
-import { u as Ie, c as _e, a as xe, o as Ae, e as Pe, x as oe, m as Fe, X as Se, i as ze, w as se, f as Me } from "./index-CJ_8wwwn.js";
-import { t as Te, u as Ne } from "./useResponsive-DfdjqQps.js";
-import { u as ue } from "./useNestedProp-Co3NIfJz.js";
-import { u as Re } from "./usePrinter-Djgu-cC0.js";
-import { u as Ue } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Ee } from "./useChartAccessibility-9icAAmYg.js";
-import Xe from "./Title-CxOYqn0J.js";
-import Be from "./img-B7ogJ4e0.js";
-import { _ as Le } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ge = ["id"], je = ["xmlns", "viewBox"], De = ["width", "height"], Ye = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-linecap"], He = ["d", "fill"], We = ["cx", "cy", "r", "stroke", "stroke-width"], qe = ["x", "y", "font-size", "fill", "font-weight"], Ve = {
-  key: 5,
-  class: "vue-data-ui-watermark"
-}, Je = {
-  __name: "vue-ui-wheel",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
-  },
-  setup(re, { expose: ie }) {
-    const ce = $(() => import("./PenAndPaper-CiXy6ifX.js")), ve = $(() => import("./vue-ui-skeleton-DVxUvega.js")), he = $(() => import("./UserOptions-RZkXTOCa.js")), de = $(() => import("./PackageVersion-_JpUHIQF.js")), { vue_ui_wheel: ye } = Ie(), d = re, A = p(() => !!d.dataset && Object.keys(d.dataset).length), P = c(_e()), fe = c(null), U = c(0), g = c(null), E = c(null), X = c(null), B = c(null), L = c(0), e = p({
-      get: () => Y(),
-      set: (t) => t
-    }), { userOptionsVisible: F, setUserOptionsVisibility: G, keepUserOptionState: j } = Ue({ config: e.value }), { svgRef: D } = Ee({ config: e.value.style.chart.title });
-    function Y() {
-      const t = ue({
-        userConfig: d.config,
-        defaultConfig: ye
-      });
-      return t.theme ? {
-        ...ue({
-          userConfig: xe.vue_ui_wheel[t.theme] || d.config,
-          defaultConfig: t
-        })
-      } : t;
-    }
-    te(() => d.config, (t) => {
-      e.value = Y(), F.value = !e.value.userOptions.showOnChartHover, K(), L.value += 1;
-    }, { deep: !0 });
-    const { isPrinting: H, isImaging: W, generatePdf: q, generateImage: V } = Re({
-      elementId: P.value,
-      fileName: e.value.style.chart.title.text || "vue-ui-wheel",
-      options: e.value.userOptions.print
-    }), pe = p(() => e.value.userOptions.show && !e.value.style.chart.title.text), o = c({
-      size: 360,
-      height: 360,
-      width: 360
-    }), S = c(e.value.style.chart.layout.percentage.fontSize), r = p(() => ({
-      radius: Math.min(o.value.width, o.value.height) * 0.9 / 2,
-      centerX: o.value.width / 2,
-      centerY: o.value.height / 2
-    }));
-    function J(t, n = 1) {
-      return {
-        x: r.value.centerX + r.value.radius * Math.cos(29.85 + t * Math.PI / 180) * n,
-        y: r.value.centerY + r.value.radius * Math.sin(29.85 + t * Math.PI / 180) * n
-      };
-    }
-    const i = c(e.value.style.chart.animation.use ? 0 : d.dataset.percentage || 0);
-    te(() => d.dataset, (t) => {
-      e.value.style.chart.animation.use ? Q(t.percentage) : i.value = t.percentage || 0;
-    }, { deep: !0 });
-    const f = ae(null), m = ae(null);
-    we(() => {
-      K();
-    });
-    function K() {
-      if (Ae(d.dataset) && Pe({
-        componentName: "VueUiWheel",
-        type: "dataset"
-      }), Q(d.dataset.percentage || 0), e.value.responsive) {
-        const t = Te(() => {
-          const { width: n, height: a } = Ne({
-            chart: g.value,
-            title: e.value.style.chart.title.text ? E.value : null,
-            source: X.value,
-            noTitle: B.value
-          });
-          requestAnimationFrame(() => {
-            o.value.width = n, o.value.height = a, S.value = e.value.style.chart.layout.percentage.fontSize / 360 * Math.min(n, a);
-          });
-        });
-        f.value && (m.value && f.value.unobserve(m.value), f.value.disconnect()), f.value = new ResizeObserver(t), m.value = g.value.parentNode, f.value.observe(m.value);
-      }
-    }
-    be(() => {
-      f.value && (m.value && f.value.unobserve(m.value), f.value.disconnect());
-    });
-    function Q(t) {
-      let n = e.value.style.chart.animation.speed;
-      const a = Math.abs(t - i.value) / (n * 120);
-      function u() {
-        i.value < t ? i.value = Math.min(i.value + a, t) : i.value > t && (i.value = Math.max(i.value - a, t)), i.value !== t && requestAnimationFrame(u);
-      }
-      u();
-    }
-    const k = p(() => Math.max(100, e.value.style.chart.layout.wheel.ticks.quantity)), b = p(() => 100 / k.value), Z = p(() => {
-      const t = [];
-      for (let n = 0; n < k.value; n += 1) {
-        const a = i.value > n * b.value ? e.value.style.chart.layout.wheel.ticks.activeColor : e.value.style.chart.layout.wheel.ticks.inactiveColor, { x: u, y: M } = J(o.value.size / k.value * n), { x: T, y: ke } = J(o.value.size / k.value * n, e.value.style.chart.layout.wheel.ticks.sizeRatio);
-        t.push({
-          x1: u,
-          y1: M,
-          x2: T,
-          y2: ke,
-          color: e.value.style.chart.layout.wheel.ticks.gradient.show ? oe(a, n * b.value / k.value * (e.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : a
-        });
-      }
-      return t;
-    }), ge = p(() => Fe({ series: Z.value.map((t) => ({
-      name: "",
-      value: 1,
-      color: t.color
-    })) }, r.value.centerX, r.value.centerY, r.value.radius, r.value.radius, 1.99999, 2, 1, 360, 105.25, r.value.radius * (1 - e.value.style.chart.layout.wheel.ticks.sizeRatio))), C = c(!1);
-    function ee(t) {
-      C.value = t, U.value += 1;
-    }
-    const O = c(!1);
-    function z() {
-      O.value = !O.value;
-    }
-    async function me({ scale: t = 2 } = {}) {
-      if (!g.value) return;
-      const { width: n, height: a } = g.value.getBoundingClientRect(), u = n / a, { imageUri: M, base64: T } = await Be({ domElement: g.value, base64: !0, img: !0, scale: t });
-      return {
-        imageUri: M,
-        base64: T,
-        title: e.value.style.chart.title.text,
-        width: n,
-        height: a,
-        aspectRatio: u
-      };
-    }
-    return ie({
-      getImage: me,
-      generatePdf: q,
-      generateImage: V,
-      toggleAnnotator: z,
-      toggleFullscreen: ee
-    }), (t, n) => (s(), v("div", {
-      class: "vue-ui-wheel",
-      ref_key: "wheelChart",
-      ref: g,
-      id: P.value,
-      style: N(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
-      onMouseenter: n[0] || (n[0] = () => l(G)(!0)),
-      onMouseleave: n[1] || (n[1] = () => l(G)(!1))
-    }, [
-      e.value.userOptions.buttons.annotator ? (s(), I(l(ce), {
-        key: 0,
-        svgRef: l(D),
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        active: O.value,
-        onClose: z
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : h("", !0),
-      pe.value ? (s(), v("div", {
-        key: 1,
-        ref_key: "noTitle",
-        ref: B,
-        class: "vue-data-ui-no-title-space",
-        style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : h("", !0),
-      e.value.style.chart.title.text ? (s(), v("div", {
-        key: 2,
-        ref_key: "chartTitle",
-        ref: E,
-        style: "width:100%;background:transparent;padding-bottom:12px"
-      }, [
-        (s(), I(Xe, {
-          key: `title_${L.value}`,
-          config: {
-            title: {
-              cy: "wheel-title",
-              ...e.value.style.chart.title
-            },
-            subtitle: {
-              cy: "wheel-subtitle",
-              ...e.value.style.chart.title.subtitle
-            }
-          }
-        }, null, 8, ["config"]))
-      ], 512)) : h("", !0),
-      e.value.userOptions.show && A.value && (l(j) || l(F)) ? (s(), I(l(he), {
-        ref_key: "details",
-        ref: fe,
-        key: `user_options_${U.value}`,
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        isPrinting: l(H),
-        isImaging: l(W),
-        uid: P.value,
-        hasPdf: e.value.userOptions.buttons.pdf,
-        hasImg: e.value.userOptions.buttons.img,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        hasXls: !1,
-        isFullscreen: C.value,
-        position: e.value.userOptions.position,
-        titles: { ...e.value.userOptions.buttonTitles },
-        hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: O.value,
-        chartElement: g.value,
-        callbacks: e.value.userOptions.callbacks,
-        printScale: e.value.userOptions.print.scale,
-        onToggleFullscreen: ee,
-        onGeneratePdf: l(q),
-        onGenerateImage: l(V),
-        onToggleAnnotator: z,
-        style: N({
-          visibility: l(j) ? l(F) ? "visible" : "hidden" : "visible"
-        })
-      }, Ce({ _: 2 }, [
-        t.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: w(({ isOpen: a, color: u }) => [
-            y(t.$slots, "menuIcon", _(x({ isOpen: a, color: u })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        t.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: w(() => [
-            y(t.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        t.$slots.optionImg ? {
-          name: "optionImg",
-          fn: w(() => [
-            y(t.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        t.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: w(({ toggleFullscreen: a, isFullscreen: u }) => [
-            y(t.$slots, "optionFullscreen", _(x({ toggleFullscreen: a, isFullscreen: u })), void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        t.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: w(({ toggleAnnotator: a, isAnnotator: u }) => [
-            y(t.$slots, "optionAnnotator", _(x({ toggleAnnotator: a, isAnnotator: u })), void 0, !0)
-          ]),
-          key: "4"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "position", "titles", "hasAnnotator", "isAnnotation", "chartElement", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : h("", !0),
-      A.value ? (s(), v("svg", {
-        key: 4,
-        ref_key: "svgRef",
-        ref: D,
-        xmlns: l(Se),
-        class: R({ "vue-data-ui-fullscreen--on": C.value, "vue-data-ui-fulscreen--off": !C.value }),
-        viewBox: `0 0 ${o.value.width <= 0 ? 10 : o.value.width} ${o.value.height <= 0 ? 10 : o.value.height}`,
-        style: N(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
-      }, [
-        Oe(l(de)),
-        t.$slots["chart-background"] ? (s(), v("foreignObject", {
-          key: 0,
-          x: 0,
-          y: 0,
-          width: o.value.width <= 0 ? 10 : o.value.width,
-          height: o.value.height <= 0 ? 10 : o.value.height,
-          style: {
-            pointerEvents: "none"
-          }
-        }, [
-          y(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, De)) : h("", !0),
-        e.value.style.chart.layout.wheel.ticks.type === "classic" ? (s(!0), v(le, { key: 1 }, ne(Z.value, (a, u) => (s(), v("line", {
-          x1: a.x1,
-          x2: a.x2,
-          y1: a.y1,
-          y2: a.y2,
-          stroke: a.color,
-          "stroke-width": e.value.style.chart.layout.wheel.ticks.strokeWidth / 360 * Math.min(o.value.width, o.value.height),
-          "stroke-linecap": e.value.style.chart.layout.wheel.ticks.rounded ? "round" : "butt",
-          class: R({ "vue-ui-tick-animated": e.value.style.chart.animation.use && u * b.value <= i.value })
-        }, null, 10, Ye))), 256)) : (s(!0), v(le, { key: 2 }, ne(ge.value, (a, u) => (s(), v("path", {
-          d: a.arcSlice,
-          fill: a.color,
-          class: R({ "vue-ui-tick-animated": e.value.style.chart.animation.use && u * b.value <= i.value })
-        }, null, 10, He))), 256)),
-        e.value.style.chart.layout.innerCircle.show ? (s(), v("circle", {
-          key: 3,
-          cx: r.value.centerX,
-          cy: r.value.centerY,
-          r: r.value.radius * 0.8 <= 0 ? 1e-4 : r.value.radius * 0.8,
-          stroke: e.value.style.chart.layout.innerCircle.stroke,
-          "stroke-width": e.value.style.chart.layout.innerCircle.strokeWidth,
-          fill: "none"
-        }, null, 8, We)) : h("", !0),
-        e.value.style.chart.layout.percentage.show ? (s(), v("text", {
-          key: 4,
-          x: r.value.centerX,
-          y: r.value.centerY + S.value / 3,
-          "font-size": S.value,
-          fill: e.value.style.chart.layout.wheel.ticks.gradient.show ? l(oe)(e.value.style.chart.layout.wheel.ticks.activeColor, i.value / 100 * (e.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : e.value.style.chart.layout.wheel.ticks.activeColor,
-          "text-anchor": "middle",
-          "font-weight": e.value.style.chart.layout.percentage.bold ? "bold" : "normal",
-          style: { "font-variant-numeric": "tabluar-nums" }
-        }, $e(l(ze)(
-          e.value.style.chart.layout.percentage.formatter,
-          l(se)(i.value),
-          l(Me)({
-            v: l(se)(i.value),
-            s: "%",
-            r: e.value.style.chart.layout.percentage.rounding
-          })
-        )), 9, qe)) : h("", !0),
-        y(t.$slots, "svg", { svg: o.value }, void 0, !0)
-      ], 14, je)) : h("", !0),
-      t.$slots.watermark ? (s(), v("div", Ve, [
-        y(t.$slots, "watermark", _(x({ isPrinting: l(H) || l(W) })), void 0, !0)
-      ])) : h("", !0),
-      t.$slots.source ? (s(), v("div", {
-        key: 6,
-        ref_key: "source",
-        ref: X,
-        dir: "auto"
-      }, [
-        y(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : h("", !0),
-      A.value ? h("", !0) : (s(), I(l(ve), {
-        key: 7,
-        config: {
-          type: "wheel",
-          style: {
-            backgroundColor: e.value.style.chart.backgroundColor,
-            wheel: {
-              color: "#CCCCCC"
-            }
-          }
-        }
-      }, null, 8, ["config"]))
-    ], 44, Ge));
-  }
-}, ut = /* @__PURE__ */ Le(Je, [["__scopeId", "data-v-e7d09662"]]);
-export {
-  ut as default
-};