vue-data-ui 3.6.0 → 3.7.1

package/dist/vue-ui-gauge-DJpbjfpL.js

@@ -1,835 +0,0 @@
-import { defineAsyncComponent as K, computed as d, ref as y, toRefs as at, watch as Q, shallowRef as ze, onMounted as lt, onBeforeUnmount as ot, createElementBlock as r, openBlock as s, unref as u, normalizeStyle as ee, normalizeClass as Ce, createBlock as W, createCommentVNode as c, createElementVNode as k, withCtx as b, renderSlot as h, normalizeProps as C, guardReactiveProps as F, toDisplayString as T, createSlots as st, createVNode as rt, Fragment as S, renderList as z, mergeProps as L, nextTick as nt } from "vue";
-import { c as ut, t as it, b as ct, p as Fe, e as vt, o as Ae, h as dt, f as D, g as Oe, T as te, _ as M, a6 as ht, x as ft, X as yt, s as ae, M as gt, Y as mt, a as le, d as oe, R as se } from "./lib-C_mNZmhD.js";
-import { t as pt, u as kt } from "./useResponsive-DfdjqQps.js";
-import { u as bt, B as St } from "./BaseScanner-BgWxam9d.js";
-import { u as _t } from "./usePrinter-DTzqpYKF.js";
-import { u as wt, a as Me } from "./useNestedProp-CIoDlpHu.js";
-import { u as xt } from "./useSvgExport-DrjCWun4.js";
-import { u as $t } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as zt } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Ct } from "./useAutoSizeLabelsInsideViewbox-BhzfwQ_k.js";
-import Ft from "./img-BecE5qXd.js";
-import { t as At } from "./themes-DH-N_ePR.js";
-import Ot from "./Title-Bb1VWCtR.js";
-import { _ as Mt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Nt = ["id"], Pt = { key: 0 }, It = ["xmlns", "viewBox"], Xt = ["width", "height"], Rt = ["id"], Yt = ["stop-color"], Tt = ["stop-color"], Et = ["stop-color"], Lt = ["id"], Gt = ["stdDeviation"], Bt = { key: 1 }, Ut = ["d", "fill", "stroke"], jt = ["d", "fill", "stroke"], Wt = ["d", "fill"], Dt = ["id", "d"], Vt = ["fill", "font-size", "font-weight"], Ht = ["href", "startOffset"], qt = ["text-anchor", "fill", "font-size", "font-weight", "innerHTML"], Zt = ["d", "filter"], Jt = ["stroke", "stroke-width"], Kt = ["stroke", "stroke-width"], Qt = ["stroke", "stroke-width"], ea = ["stroke", "stroke-width"], ta = { key: 8 }, aa = ["x", "y", "text-anchor", "font-size", "font-weight", "fill"], la = ["x", "y", "font-size", "font-weight", "fill"], oa = { key: 0 }, sa = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], ra = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], na = ["x1", "y1", "x2", "y2", "stroke-width", "filter"], ua = { key: 1 }, ia = ["d", "fill", "stroke", "stroke-width"], ca = ["cx", "cy", "fill", "r", "stroke-width", "stroke"], va = ["x", "y", "font-size", "fill"], da = {
-  key: 4,
-  class: "vue-data-ui-watermark"
-}, ha = {
-  __name: "vue-ui-gauge",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
-  },
-  setup(Ne, { expose: Pe }) {
-    const Ie = K(() => import("./PenAndPaper-BJSMejV9.js")), Xe = K(() => import("./UserOptions-BqmUW9Kp.js")), Re = K(() => import("./PackageVersion-D_4Hr4S4.js")), { vue_ui_gauge: Ye } = wt(), p = Ne, Te = d(() => !!p.dataset && Object.keys(p.dataset).length > 0 && p.dataset.series && p.dataset.series.length), x = y(ut()), Ee = y(null), re = y(0), N = y(null), ne = y(null), ue = y(null), ie = y(null), ce = y(null), ve = y(0), e = y(H()), { loading: de, FINAL_DATASET: $, manualLoading: X } = bt({
-      ...at(p),
-      FINAL_CONFIG: e,
-      prepareConfig: H,
-      callback: () => {
-        Promise.resolve().then(async () => {
-          await nt();
-        });
-      },
-      skeletonDataset: {
-        value: 0,
-        series: [
-          { from: -1, to: 0, name: "_", color: "#A1A1A1" },
-          { from: 0, to: 1, name: "__", color: "#CACACA" }
-        ]
-      },
-      skeletonConfig: it({
-        defaultConfig: e.value,
-        userConfig: {
-          userOptions: { show: !1 },
-          style: {
-            chart: {
-              backgroundColor: "#99999930",
-              animation: { use: !1 },
-              layout: {
-                markers: { show: !1 },
-                segmentSeparators: { stroke: "#6A6A6A" },
-                segmentNames: { show: !1 },
-                indicatorArc: { fill: "#6A6A6A50" },
-                pointer: {
-                  stroke: "#6A6A6A",
-                  useRatingColor: !0,
-                  circle: {
-                    stroke: "#6A6A6A",
-                    color: "#6A6A6A"
-                  }
-                }
-              },
-              legend: {
-                show: !1
-              }
-            }
-          }
-        }
-      })
-    }), { userOptionsVisible: V, setUserOptionsVisibility: he, keepUserOptionState: fe } = $t({ config: e.value }), { svgRef: G } = zt({ config: e.value.style.chart.title });
-    Q(() => p.config, (t) => {
-      de.value || (e.value = H()), V.value = !e.value.userOptions.showOnChartHover, Z(), ve.value += 1;
-    }, { deep: !0 }), Q(() => p.dataset, (t) => {
-      Z(), t && Object.keys(t).length > 0 && (X.value = e.value?.loading ?? !1);
-    }, { deep: !0, immediate: !1 });
-    function H() {
-      const t = Me({
-        userConfig: p.config,
-        defaultConfig: Ye
-      });
-      return t.theme ? {
-        ...Me({
-          userConfig: At.vue_ui_gauge[t.theme] || p.config,
-          defaultConfig: t
-        }),
-        customPalette: ct[t.theme] || Fe
-      } : t;
-    }
-    const { isPrinting: ye, isImaging: ge, generatePdf: me, generateImage: pe } = _t({
-      elementId: `vue-ui-gauge_${x.value}`,
-      fileName: e.value.style.chart.title.text || "vue-ui-gauge",
-      options: e.value.userOptions.print
-    }), Le = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ge = d(() => vt(e.value.customPalette)), P = d(() => {
-      if (Ae($.value.series || {}))
-        return {
-          value: 0,
-          series: [
-            {
-              from: 0,
-              to: 0
-            }
-          ]
-        };
-      const t = [];
-      ($.value.series || []).forEach((a) => {
-        t.push(a.from || 1e-7), t.push(a.to || 1e-7);
-      });
-      const n = Math.max(...t);
-      return {
-        ...$.value,
-        series: ($.value.series || []).map((a, l) => ({
-          ...a,
-          color: dt(a.color) || Ge.value[l] || Fe[l],
-          value: ((a.to || 0) - (a.from || 0)) / n * 100
-        }))
-      };
-    }), _ = y(512), o = y({
-      height: 358.4,
-      width: _.value,
-      top: 0,
-      bottom: 358.4,
-      centerX: 179.2,
-      centerY: _.value / 2,
-      labelFontSize: 18,
-      legendFontSize: e.value.style.chart.legend.fontSize,
-      pointerRadius: e.value.style.chart.layout.pointer.circle.radius,
-      trackSize: e.value.style.chart.layout.track.size,
-      pointerSize: e.value.style.chart.layout.pointer.size,
-      pointerStrokeWidth: e.value.style.chart.layout.pointer.strokeWidth,
-      markerOffset: e.value.style.chart.layout.markers.offsetY + 3,
-      segmentFontSize: e.value.style.chart.layout.segmentNames.fontSize
-    }), R = y(0), A = y(0), g = y(
-      e.value.style.chart.animation.use ? Math.min(...$.value.series.map((t) => t.from)) : $.value.value
-    );
-    Q(() => $.value.value, () => {
-      Se($.value.value);
-    });
-    const i = d(() => {
-      const t = o.value.width / 2, n = v.value.base, a = Math.PI * ((g.value + 0 - A.value) / (R.value - A.value)) + Math.PI;
-      return {
-        x1: t,
-        y1: n,
-        x2: t + v.value.pointerSize * o.value.pointerSize * 0.9 * Math.cos(a),
-        y2: n + v.value.pointerSize * o.value.pointerSize * 0.9 * Math.sin(a)
-      };
-    }), ke = d(() => {
-      const t = o.value.width / 2, n = v.value.base, a = Math.PI * ((g.value + 0 - A.value) / (R.value - A.value)) + Math.PI, l = t + v.value.pointerSize * o.value.pointerSize * 0.9 * Math.cos(a), m = n + v.value.pointerSize * o.value.pointerSize * 0.9 * Math.sin(a), w = o.value.pointerRadius, Ke = t + w * Math.cos(a + Math.PI / 2), Qe = n + w * Math.sin(a + Math.PI / 2), et = t + w * Math.cos(a - Math.PI / 2), tt = n + w * Math.sin(a - Math.PI / 2);
-      return isNaN(l) ? null : `M ${l},${m} ${Ke},${Qe} ${et},${tt} Z`;
-    }), q = d(() => {
-      for (let t = 0; t < P.value.series.length; t += 1) {
-        const { color: n, from: a, to: l } = P.value.series[t];
-        if (g.value >= a && g.value <= l)
-          return n;
-      }
-      return "#2D353C";
-    }), O = ze(null), Y = ze(null), B = d({
-      get: () => o.value.segmentFontSize,
-      set: (t) => t
-    }), { autoSizeLabels: be } = Ct({
-      svgRef: G,
-      fontSize: o.value.segmentFontSize,
-      minFontSize: e.value.style.chart.layout.segmentNames.minFontSize,
-      sizeRef: B,
-      labelClass: ".vue-ui-gauge-label-flat"
-    }), U = d(() => !!e.value.debug);
-    function Z() {
-      let t = !1;
-      if (Ae(p.dataset) ? (D({
-        componentName: "VueUiGauge",
-        type: "dataset",
-        debug: U.value
-      }), X.value = !0, t = !0) : (Oe({
-        datasetObject: p.dataset,
-        requiredAttributes: ["value", "series"]
-      }).forEach((n) => {
-        D({
-          componentName: "VueUiGauge",
-          type: "datasetAttribute",
-          property: n,
-          debug: U.value
-        }), X.value = !0, t = !0;
-      }), Object.hasOwn(p.dataset, "series") && (p.dataset.series.length ? p.dataset.series.forEach((n, a) => {
-        Oe({
-          datasetObject: n,
-          requiredAttributes: ["from", "to"]
-        }).forEach((l) => {
-          D({
-            componentName: "VueUiGauge",
-            type: "datasetSerieAttribute",
-            property: l,
-            index: a,
-            debug: U.value
-          }), X.value = !0, t = !0;
-        });
-      }) : (D({
-        componentName: "VueUiGauge",
-        type: "datasetAttributeEmpty",
-        property: "series",
-        debug: U.value
-      }), X.value = !0, t = !0))), X.value = t, Se($.value.value || 0), e.value.responsive) {
-        const n = pt(() => {
-          let { width: a, height: l } = kt({
-            chart: N.value,
-            title: e.value.style.chart.title.text ? ne.value : null,
-            legend: ue.value,
-            source: ie.value,
-            noTitle: ce.value
-          });
-          l -= 12, requestAnimationFrame(() => {
-            o.value.width = a, o.value.height = l, o.value.centerX = a / 2, o.value.centerY = _.value / 2 / 358.4 * l, o.value.bottom = l, o.value.labelFontSize = 18 / _.value * Math.min(l, a) < 10 ? 10 : 18 / _.value * Math.min(l, a), o.value.legendFontSize = e.value.style.chart.legend.fontSize / _.value * Math.min(l, a) < 14 ? 14 : e.value.style.chart.legend.fontSize / _.value * Math.min(l, a), o.value.pointerRadius = e.value.style.chart.layout.pointer.circle.radius / _.value * Math.min(l, a), o.value.trackSize = e.value.style.chart.layout.track.size / _.value * Math.min(l, a), o.value.pointerStrokeWidth = se({
-              relator: Math.min(a, l),
-              adjuster: _.value,
-              source: e.value.style.chart.layout.pointer.strokeWidth,
-              threshold: 2,
-              fallback: 2
-            }), o.value.markerOffset = se({
-              relator: Math.max(a, l),
-              adjuster: _.value,
-              source: e.value.style.chart.layout.markers.offsetY + 3,
-              threshold: 2,
-              fallback: 2
-            }), o.value.segmentFontSize = se({
-              relator: Math.min(a, l),
-              adjuster: _.value,
-              source: e.value.style.chart.layout.segmentNames.fontSize,
-              threshold: 8,
-              fallback: 8
-            });
-          }), be();
-        });
-        O.value && (Y.value && O.value.unobserve(Y.value), O.value.disconnect()), O.value = new ResizeObserver(n), Y.value = N.value.parentNode, O.value.observe(Y.value);
-      }
-      be();
-    }
-    lt(() => {
-      Z();
-    }), ot(() => {
-      O.value && (Y.value && O.value.unobserve(Y.value), O.value.disconnect());
-    });
-    function Se(t) {
-      const n = [];
-      (P.value.series || []).forEach((w) => {
-        n.push(w.from || 0), n.push(w.to || 0);
-      }), R.value = Math.max(...n), A.value = Math.min(...n);
-      let a = e.value.style.chart.animation.speed;
-      const l = Math.abs(t - g.value) / (a * 60);
-      function m() {
-        g.value < t ? g.value = Math.min(g.value + l, t) : g.value > t && (g.value = Math.max(g.value - l, t)), g.value !== t && requestAnimationFrame(m);
-      }
-      m();
-    }
-    const v = d(() => {
-      const t = e.value.responsive ? Math.min(o.value.width, o.value.height) : o.value.width, n = 2.5 / e.value.style.chart.layout.radiusRatio;
-      return {
-        arcs: t / n,
-        gradients: t / (n * 1.1),
-        base: e.value.responsive ? o.value.height / 1.618 : o.value.height * 0.7,
-        ratingBase: e.value.responsive ? o.value.height / 2 + o.value.height / 4 : o.value.height * 0.9,
-        pointerSize: e.value.responsive ? Math.min(o.value.width, o.value.height) / 3 : o.value.width / 3.2
-      };
-    }), f = d(() => te(
-      { series: P.value.series },
-      o.value.width / 2,
-      v.value.base,
-      v.value.arcs,
-      v.value.arcs,
-      1,
-      1,
-      1,
-      180,
-      109.9495,
-      40 * o.value.trackSize
-    )), Be = d(() => te(
-      { series: P.value.series },
-      o.value.width / 2,
-      v.value.base,
-      v.value.arcs * e.value.style.chart.layout.segmentNames.offsetRatio,
-      v.value.arcs * e.value.style.chart.layout.segmentNames.offsetRatio,
-      1,
-      1,
-      1,
-      180,
-      109.9495,
-      40 * o.value.trackSize
-    )), I = d(() => f.value.map((t) => v.value.arcs * e.value.style.chart.layout.segmentNames.offsetRatio * (t.nameOffsetRatio || 1))), _e = d(() => {
-      const { x: t, y: n } = M({
-        initX: f.value[0].firstSeparator.x,
-        initY: f.value[0].firstSeparator.y,
-        centerX: i.value.x1,
-        centerY: i.value.y1,
-        offset: -e.value.style.chart.layout.segmentSeparators.offsetIn
-      }), { x: a, y: l } = M({
-        initX: f.value[0].startX,
-        initY: f.value[0].startY,
-        centerX: i.value.x1,
-        centerY: i.value.y1,
-        offset: e.value.style.chart.layout.segmentSeparators.offsetOut
-      });
-      return { x1: t, y1: n, x2: a, y2: l };
-    }), we = d(() => f.value.map((t) => {
-      const { x: n, y: a } = M({
-        initX: t.separator.x,
-        initY: t.separator.y,
-        centerX: i.value.x1,
-        centerY: i.value.y1,
-        offset: -e.value.style.chart.layout.segmentSeparators.offsetIn
-      }), { x: l, y: m } = M({
-        initX: t.endX,
-        initY: t.endY,
-        centerX: i.value.x1,
-        centerY: i.value.y1,
-        offset: e.value.style.chart.layout.segmentSeparators.offsetOut
-      });
-      return { x1: n, y1: a, x2: l, y2: m };
-    }));
-    function Ue(t) {
-      if (t.reduce((m, w) => m + w, 0) > 100)
-        throw new Error("Total % must not exceed 100");
-      const a = 50;
-      let l = 0;
-      return t.map((m) => (l += m, `${l / 100 * a - m / 4}%`));
-    }
-    const je = d(() => Ue(f.value.map((t) => t.proportion * 100))), We = d(() => te(
-      { series: P.value.series },
-      o.value.width / 2,
-      v.value.base,
-      v.value.gradients,
-      v.value.gradients,
-      0.95,
-      1,
-      1,
-      180,
-      110.02,
-      2 * o.value.trackSize
-    )), De = d(() => {
-      const t = A.value >= 0 ? -A.value : Math.abs(A.value);
-      return ht({
-        radius: e.value.style.chart.layout.indicatorArc.radius * o.value.trackSize,
-        centerX: o.value.width / 2,
-        centerY: v.value.base,
-        percentage: ft((g.value + t) / (R.value + t))
-      });
-    }), E = y(!1);
-    function xe(t) {
-      E.value = t, re.value += 1;
-    }
-    const j = y(!1);
-    function J() {
-      j.value = !j.value;
-    }
-    async function Ve({ scale: t = 2 } = {}) {
-      if (!N.value) return;
-      const { width: n, height: a } = N.value.getBoundingClientRect(), l = n / a, { imageUri: m, base64: w } = await Ft({ domElement: N.value, base64: !0, img: !0, scale: t });
-      return {
-        imageUri: m,
-        base64: w,
-        title: e.value.style.chart.title.text,
-        width: n,
-        height: a,
-        aspectRatio: l
-      };
-    }
-    const He = d(() => e.value.style.chart.backgroundColor), qe = d(() => e.value.style.chart.title), { exportSvg: Ze, getSvg: Je } = xt({
-      svg: G,
-      title: qe,
-      backgroundColor: He
-    });
-    async function $e({ isCb: t }) {
-      if (t) {
-        const { blob: n, url: a, text: l, dataUrl: m } = await Je();
-        e.value.userOptions.callbacks.svg({ blob: n, url: a, text: l, dataUrl: m });
-      } else
-        Ze();
-    }
-    return Pe({
-      getImage: Ve,
-      generatePdf: me,
-      generateImage: pe,
-      generateSvg: $e,
-      toggleAnnotator: J,
-      toggleFullscreen: xe
-    }), (t, n) => (s(), r("div", {
-      class: Ce(`vue-data-ui-component vue-ui-gauge ${E.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      ref_key: "gaugeChart",
-      ref: N,
-      id: `vue-ui-gauge_${x.value}`,
-      style: ee(`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] = () => u(he)(!0)),
-      onMouseleave: n[1] || (n[1] = () => u(he)(!1))
-    }, [
-      e.value.userOptions.buttons.annotator ? (s(), W(u(Ie), {
-        key: 0,
-        svgRef: u(G),
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        active: j.value,
-        onClose: J
-      }, {
-        "annotator-action-close": b(() => [
-          h(t.$slots, "annotator-action-close", {}, void 0, !0)
-        ]),
-        "annotator-action-color": b(({ color: a }) => [
-          h(t.$slots, "annotator-action-color", C(F({ color: a })), void 0, !0)
-        ]),
-        "annotator-action-draw": b(({ mode: a }) => [
-          h(t.$slots, "annotator-action-draw", C(F({ mode: a })), void 0, !0)
-        ]),
-        "annotator-action-undo": b(({ disabled: a }) => [
-          h(t.$slots, "annotator-action-undo", C(F({ disabled: a })), void 0, !0)
-        ]),
-        "annotator-action-redo": b(({ disabled: a }) => [
-          h(t.$slots, "annotator-action-redo", C(F({ disabled: a })), void 0, !0)
-        ]),
-        "annotator-action-delete": b(({ disabled: a }) => [
-          h(t.$slots, "annotator-action-delete", C(F({ disabled: a })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : c("", !0),
-      Le.value ? (s(), r("div", {
-        key: 1,
-        ref_key: "noTitle",
-        ref: ce,
-        class: "vue-data-ui-no-title-space",
-        style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : c("", !0),
-      e.value.style.chart.title.text ? (s(), r("div", {
-        key: 2,
-        ref_key: "chartTitle",
-        ref: ne,
-        style: "width:100%;background:transparent;padding-bottom:12px"
-      }, [
-        (s(), W(Ot, {
-          key: `title_${ve.value}`,
-          config: {
-            title: {
-              cy: "gauge-div-title",
-              ...e.value.style.chart.title
-            },
-            subtitle: {
-              cy: "gauge-div-subtitle",
-              ...e.value.style.chart.title.subtitle
-            }
-          }
-        }, {
-          default: b(() => [
-            e.value.translations.base && u($).base ? (s(), r("span", Pt, T(e.value.translations.base) + ": " + T(u($).base), 1)) : c("", !0)
-          ]),
-          _: 1
-        }, 8, ["config"]))
-      ], 512)) : c("", !0),
-      e.value.userOptions.show && Te.value && (u(fe) || u(V)) ? (s(), W(u(Xe), {
-        ref_key: "details",
-        ref: Ee,
-        key: `user_options_${re.value}`,
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        isImaging: u(ge),
-        isPrinting: u(ye),
-        uid: x.value,
-        hasXls: !1,
-        hasPdf: e.value.userOptions.buttons.pdf,
-        hasImg: e.value.userOptions.buttons.img,
-        hasSvg: e.value.userOptions.buttons.svg,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: E.value,
-        titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: N.value,
-        callbacks: e.value.userOptions.callbacks,
-        printScale: e.value.userOptions.print.scale,
-        position: e.value.userOptions.position,
-        hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: j.value,
-        onToggleFullscreen: xe,
-        onGeneratePdf: u(me),
-        onGenerateImage: u(pe),
-        onGenerateSvg: $e,
-        onToggleAnnotator: J,
-        style: ee({
-          visibility: u(fe) ? u(V) ? "visible" : "hidden" : "visible"
-        })
-      }, st({ _: 2 }, [
-        t.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: b(({ isOpen: a, color: l }) => [
-            h(t.$slots, "menuIcon", C(F({ isOpen: a, color: l })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        t.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: b(() => [
-            h(t.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        t.$slots.optionImg ? {
-          name: "optionImg",
-          fn: b(() => [
-            h(t.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        t.$slots.optionSvg ? {
-          name: "optionSvg",
-          fn: b(() => [
-            h(t.$slots, "optionSvg", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        t.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: b(({ toggleFullscreen: a, isFullscreen: l }) => [
-            h(t.$slots, "optionFullscreen", C(F({ toggleFullscreen: a, isFullscreen: l })), void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        t.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: b(({ toggleAnnotator: a, isAnnotator: l }) => [
-            h(t.$slots, "optionAnnotator", C(F({ toggleAnnotator: a, isAnnotator: l })), void 0, !0)
-          ]),
-          key: "5"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasPdf", "hasImg", "hasSvg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "callbacks", "printScale", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : c("", !0),
-      (s(), r("svg", {
-        ref_key: "svgRef",
-        ref: G,
-        xmlns: u(yt),
-        class: Ce({ "vue-data-ui-fullscreen--on": E.value, "vue-data-ui-fulscreen--off": !E.value }),
-        viewBox: `0 0 ${o.value.width <= 0 ? 10 : o.value.width} ${o.value.height <= 0 ? 10 : o.value.height}`,
-        style: ee(`max-width:100%;overflow:hidden !important;background:transparent;color:${e.value.style.chart.color}`)
-      }, [
-        rt(u(Re)),
-        t.$slots["chart-background"] ? (s(), r("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"
-          }
-        }, [
-          h(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Xt)) : c("", !0),
-        k("defs", null, [
-          k("radialGradient", {
-            id: `gradient_${x.value}`,
-            cx: "50%",
-            cy: "50%",
-            r: "50%",
-            fx: "50%",
-            fy: "50%"
-          }, [
-            k("stop", {
-              offset: "0%",
-              "stop-color": u(ae)("#FFFFFF", 1)
-            }, null, 8, Yt),
-            k("stop", {
-              offset: "80%",
-              "stop-color": u(ae)("#FFFFFF", e.value.style.chart.layout.track.gradientIntensity)
-            }, null, 8, Tt),
-            k("stop", {
-              offset: "100%",
-              "stop-color": u(ae)("#FFFFFF", 1)
-            }, null, 8, Et)
-          ], 8, Rt)
-        ]),
-        k("defs", null, [
-          k("filter", {
-            id: `blur_${x.value}`,
-            x: "-50%",
-            y: "-50%",
-            width: "200%",
-            height: "200%"
-          }, [
-            k("feGaussianBlur", {
-              in: "SourceGraphic",
-              stdDeviation: 100 / e.value.style.chart.layout.track.gradientIntensity
-            }, null, 8, Gt)
-          ], 8, Lt)
-        ]),
-        t.$slots.pattern ? (s(), r("g", Bt, [
-          (s(!0), r(S, null, z(f.value, (a, l) => (s(), r("defs", null, [
-            h(t.$slots, "pattern", L({ ref_for: !0 }, { seriesIndex: l, patternId: `pattern_${x.value}_${l}` }), void 0, !0)
-          ]))), 256))
-        ])) : c("", !0),
-        (s(!0), r(S, null, z(f.value, (a, l) => (s(), r("path", {
-          key: `arc_${l}`,
-          d: a.arcSlice,
-          fill: a.color,
-          stroke: e.value.style.chart.backgroundColor,
-          "stroke-linecap": "round"
-        }, null, 8, Ut))), 128)),
-        t.$slots.pattern ? (s(!0), r(S, { key: 2 }, z(f.value, (a, l) => (s(), r("path", {
-          key: `arc_${l}`,
-          d: a.arcSlice,
-          fill: `url(#pattern_${x.value}_${l})`,
-          stroke: e.value.style.chart.backgroundColor,
-          "stroke-linecap": "round"
-        }, null, 8, jt))), 128)) : c("", !0),
-        e.value.style.chart.layout.indicatorArc.show ? (s(), r("path", {
-          key: 3,
-          d: De.value,
-          fill: e.value.style.chart.layout.indicatorArc.fill
-        }, null, 8, Wt)) : c("", !0),
-        e.value.style.chart.layout.segmentNames.show && e.value.style.chart.layout.segmentNames.curved ? (s(), r(S, { key: 4 }, [
-          (s(!0), r(S, null, z(f.value, (a, l) => (s(), r("path", {
-            id: `curve_${x.value}_${l}`,
-            d: `M ${i.value.x1},${i.value.y1} m -${I.value[l]},0 a ${I.value[l]},${I.value[l]} 0 1,1 ${2 * I.value[l]},0 a ${I.value[l]},${I.value[l]} 0 1,1 -${2 * I.value[l]},0`,
-            fill: "transparent"
-          }, null, 8, Dt))), 256)),
-          (s(!0), r(S, null, z(f.value, (a, l) => (s(), r("text", {
-            fill: e.value.style.chart.layout.segmentNames.useSerieColor ? a.color : e.value.style.chart.layout.segmentNames.color,
-            "font-size": B.value,
-            "font-weight": e.value.style.chart.layout.segmentNames.bold ? "bold" : "normal",
-            "text-anchor": "middle"
-          }, [
-            k("textPath", {
-              href: `#curve_${x.value}_${l}`,
-              startOffset: je.value[l]
-            }, T(a.name || ""), 9, Ht)
-          ], 8, Vt))), 256))
-        ], 64)) : c("", !0),
-        e.value.style.chart.layout.segmentNames.show && !e.value.style.chart.layout.segmentNames.curved ? (s(!0), r(S, { key: 5 }, z(Be.value, (a, l) => (s(), r("text", {
-          class: "vue-ui-gauge-label-flat",
-          "text-anchor": u(mt)(a, !1, 12).anchor,
-          fill: e.value.style.chart.layout.segmentNames.useSerieColor ? a.color : e.value.style.chart.layout.segmentNames.color,
-          "font-size": B.value,
-          "font-weight": e.value.style.chart.layout.segmentNames.bold ? "bold" : "normal",
-          innerHTML: u(gt)({
-            content: String(a.name ?? ""),
-            fontSize: B.value,
-            fill: e.value.style.chart.layout.segmentNames.useSerieColor ? a.color : e.value.style.chart.layout.segmentNames.color,
-            x: a.center.endX,
-            y: a.center.endY
-          })
-        }, null, 8, qt))), 256)) : c("", !0),
-        e.value.style.chart.layout.track.useGradient ? (s(!0), r(S, { key: 6 }, z(We.value, (a, l) => (s(), r("path", {
-          key: `arc_${l}`,
-          d: a.arcSlice,
-          fill: "#FFFFFF",
-          stroke: "none",
-          "stroke-linecap": "round",
-          filter: `url(#blur_${x.value})`
-        }, null, 8, Zt))), 128)) : c("", !0),
-        e.value.style.chart.layout.segmentSeparators.show ? (s(), r(S, { key: 7 }, [
-          k("line", L(_e.value, {
-            stroke: e.value.style.chart.backgroundColor,
-            "stroke-width": e.value.style.chart.layout.segmentSeparators.strokeWidth + 2,
-            "stroke-linecap": "round"
-          }), null, 16, Jt),
-          k("line", L(_e.value, {
-            stroke: e.value.style.chart.layout.segmentSeparators.stroke,
-            "stroke-width": e.value.style.chart.layout.segmentSeparators.strokeWidth,
-            "stroke-linecap": "round"
-          }), null, 16, Kt),
-          (s(!0), r(S, null, z(we.value, (a) => (s(), r("line", L({ ref_for: !0 }, a, {
-            stroke: e.value.style.chart.backgroundColor,
-            "stroke-width": e.value.style.chart.layout.segmentSeparators.strokeWidth + 2,
-            "stroke-linecap": "round"
-          }), null, 16, Qt))), 256)),
-          (s(!0), r(S, null, z(we.value, (a) => (s(), r("line", L({ ref_for: !0 }, a, {
-            stroke: e.value.style.chart.layout.segmentSeparators.stroke,
-            "stroke-width": e.value.style.chart.layout.segmentSeparators.strokeWidth,
-            "stroke-linecap": "round"
-          }), null, 16, ea))), 256))
-        ], 64)) : c("", !0),
-        e.value.style.chart.layout.markers.show ? (s(), r("g", ta, [
-          (s(!0), r(S, null, z(f.value, (a, l) => (s(), r("text", {
-            x: u(M)({
-              centerX: i.value.x1,
-              centerY: v.value.base,
-              initX: a.center.startX,
-              initY: a.center.startY,
-              offset: o.value.markerOffset
-            }).x,
-            y: u(M)({
-              centerX: i.value.x1,
-              centerY: v.value.base,
-              initX: a.center.startX,
-              initY: a.center.startY,
-              offset: o.value.markerOffset
-            }).y,
-            "text-anchor": a.center.startX < i.value.x1 - 5 ? "end" : a.center.startX > i.value.x1 + 5 ? "start" : "middle",
-            "font-size": o.value.labelFontSize * e.value.style.chart.layout.markers.fontSizeRatio,
-            "font-weight": `${e.value.style.chart.layout.markers.bold ? "bold" : "normal"}`,
-            fill: e.value.style.chart.layout.markers.color
-          }, T(u(le)(
-            e.value.style.chart.layout.markers.formatter,
-            a.from,
-            u(oe)({
-              p: e.value.style.chart.layout.markers.prefix,
-              v: a.from,
-              s: e.value.style.chart.layout.markers.suffix,
-              r: e.value.style.chart.layout.markers.roundingValue
-            })
-          )), 9, aa))), 256))
-        ])) : c("", !0),
-        e.value.style.chart.layout.markers.show ? (s(), r("text", {
-          key: 9,
-          x: u(M)({
-            centerX: o.value.width / 2,
-            centerY: v.value.base,
-            initX: f.value.at(-1).endX,
-            initY: f.value.at(-1).endY,
-            offset: o.value.markerOffset
-          }).x,
-          y: u(M)({
-            centerX: o.value.width / 2,
-            centerY: v.value.base,
-            initX: f.value.at(-1).endX,
-            initY: f.value.at(-1).endY,
-            offset: o.value.markerOffset
-          }).y,
-          "text-anchor": "start",
-          "font-size": o.value.labelFontSize * e.value.style.chart.layout.markers.fontSizeRatio,
-          "font-weight": `${e.value.style.chart.layout.markers.bold ? "bold" : "normal"}`,
-          fill: e.value.style.chart.layout.markers.color
-        }, T(u(le)(
-          e.value.style.chart.layout.markers.formatter,
-          R.value,
-          u(oe)({
-            p: e.value.style.chart.layout.markers.prefix,
-            v: R.value,
-            s: e.value.style.chart.layout.markers.suffix,
-            r: e.value.style.chart.layout.markers.roundingValue
-          })
-        )), 9, la)) : c("", !0),
-        e.value.style.chart.layout.pointer.show ? (s(), r(S, { key: 10 }, [
-          e.value.style.chart.layout.pointer.type === "rounded" ? (s(), r("g", oa, [
-            isNaN(i.value.x2) ? c("", !0) : (s(), r("line", {
-              key: 0,
-              x1: i.value.x1,
-              y1: i.value.y1,
-              x2: i.value.x2,
-              y2: i.value.y2,
-              stroke: e.value.style.chart.layout.pointer.stroke,
-              "stroke-width": o.value.pointerStrokeWidth,
-              "stroke-linecap": "round"
-            }, null, 8, sa)),
-            isNaN(i.value.x2) ? c("", !0) : (s(), r("line", {
-              key: 1,
-              x1: i.value.x1,
-              y1: i.value.y1,
-              x2: i.value.x2,
-              y2: i.value.y2,
-              stroke: e.value.style.chart.layout.pointer.useRatingColor ? q.value : e.value.style.chart.layout.pointer.color,
-              "stroke-linecap": "round",
-              "stroke-width": o.value.pointerStrokeWidth * 0.7
-            }, null, 8, ra)),
-            !isNaN(i.value.x2) && e.value.style.chart.layout.track.useGradient ? (s(), r("line", {
-              key: 2,
-              x1: i.value.x1,
-              y1: i.value.y1,
-              x2: i.value.x2,
-              y2: i.value.y2,
-              stroke: "white",
-              "stroke-linecap": "round",
-              "stroke-width": o.value.pointerStrokeWidth * 0.3,
-              filter: `url(#blur_${x.value})`
-            }, null, 8, na)) : c("", !0)
-          ])) : (s(), r("g", ua, [
-            ke.value ? (s(), r("path", {
-              key: 0,
-              d: ke.value,
-              fill: e.value.style.chart.layout.pointer.useRatingColor ? q.value : e.value.style.chart.layout.pointer.color,
-              stroke: e.value.style.chart.layout.pointer.stroke,
-              "stroke-width": e.value.style.chart.layout.pointer.circle.strokeWidth,
-              "stroke-linejoin": "round"
-            }, null, 8, ia)) : c("", !0)
-          ])),
-          k("circle", {
-            cx: o.value.width / 2,
-            cy: v.value.base,
-            fill: e.value.style.chart.layout.pointer.circle.color,
-            r: o.value.pointerRadius <= 0 ? 1e-4 : o.value.pointerRadius,
-            "stroke-width": e.value.style.chart.layout.pointer.circle.strokeWidth,
-            stroke: e.value.style.chart.layout.pointer.circle.stroke
-          }, null, 8, ca)
-        ], 64)) : c("", !0),
-        e.value.style.chart.legend.show ? (s(), r("text", {
-          key: 11,
-          x: o.value.width / 2,
-          y: v.value.ratingBase,
-          "text-anchor": "middle",
-          "font-size": o.value.legendFontSize,
-          "font-weight": "bold",
-          fill: e.value.style.chart.legend.useRatingColor ? q.value : e.value.style.chart.legend.color
-        }, T(u(le)(
-          e.value.style.chart.legend.formatter,
-          g.value,
-          u(oe)({
-            p: e.value.style.chart.legend.prefix + (e.value.style.chart.legend.showPlusSymbol && g.value > 0 ? "+" : ""),
-            v: g.value,
-            s: e.value.style.chart.legend.suffix,
-            r: e.value.style.chart.legend.roundingValue
-          })
-        )), 9, va)) : c("", !0),
-        h(t.$slots, "svg", { svg: o.value }, void 0, !0)
-      ], 14, It)),
-      t.$slots.watermark ? (s(), r("div", da, [
-        h(t.$slots, "watermark", C(F({ isPrinting: u(ye) || u(ge) })), void 0, !0)
-      ])) : c("", !0),
-      k("div", {
-        ref_key: "chartLegend",
-        ref: ue
-      }, [
-        h(t.$slots, "legend", { legend: P.value }, void 0, !0)
-      ], 512),
-      t.$slots.source ? (s(), r("div", {
-        key: 5,
-        ref_key: "source",
-        ref: ie,
-        dir: "auto"
-      }, [
-        h(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : c("", !0),
-      u(de) ? (s(), W(St, { key: 6 })) : c("", !0)
-    ], 46, Nt));
-  }
-}, Fa = /* @__PURE__ */ Mt(ha, [["__scopeId", "data-v-90ebd1c4"]]);
-export {
-  Fa as default
-};