vue-data-ui 3.17.13 → 3.18.1

package/dist/vue-ui-bullet-DdxEINdq.js

@@ -1,769 +0,0 @@
-import { defineAsyncComponent as X, ref as h, computed as i, onMounted as Je, toRefs as Ke, watch as me, onBeforeUnmount as Qe, openBlock as o, createElementBlock as u, unref as n, normalizeStyle as Y, normalizeClass as ye, createBlock as S, withCtx as f, renderSlot as v, normalizeProps as k, guardReactiveProps as w, createCommentVNode as d, createElementVNode as C, createSlots as Ze, createVNode as et, toDisplayString as A, Fragment as J, renderList as K, Teleport as tt, nextTick as at } from "vue";
-import { u as lt } from "./useConfig-CG4HT3wS.js";
-import { j as st, t as pe, x as ot, D as nt, s as rt, k as z, l as U, X as ut, o as be, q as ke, r as it } from "./lib-DMzrGQHK.js";
-import { t as vt, u as ct } from "./useResponsive-DfdjqQps.js";
-import { u as ht } from "./usePrinter-C4t8DdQ-.js";
-import { u as dt, B as gt } from "./BaseScanner-C2j3TsSY.js";
-import { u as ft } from "./useSvgExport-BTG4hVPO.js";
-import { u as Q } from "./useNestedProp-DH0BEVVS.js";
-import { u as mt } from "./useThemeCheck-C9Ccl7U9.js";
-import { u as yt } from "./useUserOptionState-B7Ej974k.js";
-import { u as pt } from "./useChartAccessibility-cp6XQtqi.js";
-import bt from "./vue_ui_bullet-Ckqieba5.js";
-import kt from "./Legend-DGN5lY60.js";
-import wt from "./Title-BbKoiBk2.js";
-import Ct from "./img-CjTQXS0U.js";
-import { _ as xt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const At = ["id"], $t = {
-  key: 1,
-  ref: "noTitle",
-  class: "vue-data-ui-no-title-space",
-  style: "height:36px; width: 100%;background:transparent"
-}, Ot = ["id"], Lt = ["xmlns", "viewBox", "aria-labelledby", "aria-describedby"], _t = ["id"], St = ["id"], Pt = ["width", "height"], Bt = { key: 1 }, It = ["x", "y", "height", "width", "fill", "stroke"], Tt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Ft = ["x", "y", "height", "width", "fill", "stroke", "stroke-width"], Ht = ["x", "y", "font-size", "font-weight", "fill"], Mt = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Rt = { key: 3 }, zt = ["x", "y", "fill", "font-size", "font-weight"], Ut = { key: 4 }, Nt = ["x1", "x2", "y1", "y2", "stroke"], Et = {
-  key: 4,
-  class: "vue-data-ui-watermark"
-}, Dt = ["id"], Vt = {
-  key: 0,
-  class: "vue-ui-bullet-legend-item",
-  dir: "auto"
-}, Wt = { style: { "margin-right": "2px" } }, Gt = {
-  __name: "vue-ui-bullet",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
-  },
-  emits: ["copyAlt"],
-  setup(we, { expose: Ce, emit: xe }) {
-    const Ae = X(
-      () => import("./PackageVersion-BfrCAH6_.js")
-    ), $e = X(
-      () => import("./PenAndPaper-CJDoB5H9.js")
-    ), Oe = X(
-      () => import("./UserOptions-DVduN6X7.js")
-    ), { vue_ui_bullet: Le } = lt(), { isThemeValid: _e, warnInvalidTheme: Se } = mt(), $ = we, Pe = xe, x = h(null), Z = h(null), ee = h(0), te = h(null), ae = h(null), Be = h(0), P = h(null), T = h(null), le = h(!1), F = h(!1), H = h(!1), O = i({
-      get: () => c.value.hasOwnProperty("value"),
-      set: (t) => t
-    }), B = i(() => c.value.segments ? Array.isArray(c.value.segments) ? c.value.segments.length ? !0 : (console.warn(`VueUiBullet: dataset segments is empty. Provide segments with this datastructure:
-
-segments: [
-    {
-        name: string;
-        from: number;
-        to: number;
-        color?: string;
-    },
-    {...}
-]
-        `), O.value = !1, !1) : (console.warn(`VueUiBullet: dataset segments must be an array of objects with this datastructure:
-
-segments: [
-    {
-        name: string;
-        from: number;
-        to: number;
-        color?: string;
-    },
-    {...}
-] 
-        `), O.value = !1, !1) : (console.warn(`VueUiBullet: dataset segments is empty. Provide segments with this datastructure:
-
-segments: [
-    {
-        name: string;
-        from: number;
-        to: number;
-        color?: string;
-    },
-    {...}
-]
-        `), O.value = !1, !1)), se = i(() => !!e.value.debug), Ie = i(() => {
-      const { top: t, right: l, bottom: a, left: r } = e.value.style.chart.padding;
-      return {
-        top: t,
-        right: l,
-        bottom: a,
-        left: r
-      };
-    });
-    function oe() {
-      if (be(c.value) ? (ke({
-        componentName: "VueUiBullet",
-        type: "dataset",
-        debug: se.value
-      }), M.value = !0) : B.value ? c.value.segments.forEach((t, l) => {
-        it({
-          datasetObject: t,
-          requiredAttributes: ["name", "from", "to"]
-        }).forEach((a) => {
-          O.value = !1, ke({
-            componentName: "VueUiBullet segment",
-            type: "datasetSerieAttribute",
-            property: a,
-            index: l,
-            debug: se.value
-          });
-        });
-      }) : (O.value = !1, M.value = !0), be(c.value) || (M.value = e.value.loading), e.value.responsive) {
-        const t = vt(() => {
-          const { width: l, height: a } = ct({
-            chart: x.value,
-            title: e.value.style.chart.title.text ? Z.value : null,
-            legend: e.value.style.chart.legend.show ? te.value : null,
-            source: ae.value,
-            padding: Ie.value
-          }), b = (e.value.style.chart.legend.show ? 24 : 0) || 12;
-          requestAnimationFrame(() => {
-            _.value.width = l, _.value.height = a - b;
-          });
-        });
-        P.value && (T.value && P.value.unobserve(T.value), P.value.disconnect()), P.value = new ResizeObserver(t), T.value = x.value.parentNode, P.value.observe(T.value);
-      }
-      e.value.style.chart.animation.show && !L.value && ve(c.value.value || 0);
-    }
-    Je(() => {
-      le.value = !0, oe();
-    });
-    const p = h(st());
-    function N() {
-      const t = Q({
-        userConfig: $.config,
-        defaultConfig: Le
-      }), l = t.theme;
-      if (!l) return t;
-      if (!_e.value(t))
-        return Se(t), t;
-      const a = Q({
-        userConfig: bt[l] || $.config,
-        defaultConfig: t
-      });
-      return Q({
-        userConfig: $.config,
-        defaultConfig: a
-      });
-    }
-    const e = h(N()), ne = i(
-      () => e.value.userOptions.useCursorPointer
-    ), Te = i(() => pe({
-      defaultConfig: {
-        userOptions: { show: !1 },
-        style: {
-          chart: {
-            backgroundColor: "#99999930",
-            segments: {
-              dataLabels: { show: !1 },
-              ticks: {
-                stroke: "#8A8A8A"
-              }
-            },
-            valueBar: {
-              label: { show: !1 }
-            }
-          }
-        }
-      },
-      userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: L, FINAL_DATASET: c, manualLoading: M } = dt({
-      ...Ke($),
-      FINAL_CONFIG: e,
-      prepareConfig: N,
-      skeletonDataset: $.config?.skeletonDataset ?? {
-        value: 100,
-        target: 100,
-        segments: [
-          {
-            name: "",
-            from: 0,
-            to: 33,
-            color: "#AAAAAA"
-          },
-          {
-            name: "",
-            from: 33,
-            to: 66,
-            color: "#BABABA"
-          },
-          {
-            name: "",
-            from: 66,
-            to: 100,
-            color: "#CACACA"
-          }
-        ]
-      },
-      skeletonConfig: pe({
-        defaultConfig: e.value,
-        userConfig: Te.value
-      })
-    }), { userOptionsVisible: E, setUserOptionsVisibility: re, keepUserOptionState: ue } = yt({ config: e.value }), { svgRef: D } = pt({
-      config: e.value.style.chart.title
-    }), _ = h({
-      width: e.value.style.chart.width,
-      height: e.value.style.chart.height
-    }), Fe = i(() => _.value.width), He = i(() => _.value.height);
-    me(
-      () => $.config,
-      (t) => {
-        L.value || (e.value = N()), E.value = !e.value.userOptions.showOnChartHover, _.value.width = e.value.style.chart.width, _.value.height = e.value.style.chart.height, oe(), ee.value += 1;
-      },
-      { deep: !0 }
-    );
-    const s = i(() => {
-      const t = He.value, l = Fe.value, a = e.value.style.chart.padding.left, r = l - e.value.style.chart.padding.right, b = e.value.style.chart.padding.top, g = t - e.value.style.chart.padding.bottom;
-      return {
-        height: Math.max(1e-3, t),
-        width: Math.max(1e-3, l),
-        left: a,
-        right: r,
-        top: b,
-        bottom: g,
-        chartWidth: Math.max(1e-3, r - a),
-        chartHeight: Math.max(1e-3, g - b)
-      };
-    }), Me = i(() => {
-      if (!B.value) return [];
-      const t = [];
-      for (let l = 0; l < c.value.segments.length; l += 1)
-        t.push(
-          ot(
-            e.value.style.chart.segments.baseColor,
-            l / c.value.segments.length
-          )
-        );
-      return t;
-    }), V = i(() => B.value ? {
-      min: Math.min(...c.value.segments.map((t) => t.from)),
-      max: Math.max(...c.value.segments.map((t) => t.to))
-    } : { min: 0, max: 1 }), m = h(Re());
-    me(
-      () => c.value,
-      (t) => {
-        t.hasOwnProperty("value") && (M.value = !1), e.value.style.chart.animation.show && !L.value ? ve(t.value || 0) : m.value = t.value || 0;
-      },
-      { deep: !0 }
-    );
-    function Re() {
-      return e.value.style.chart.animation.show && !L.value ? V.value.min : c.value.value || 0;
-    }
-    const ie = h(null);
-    function ve(t) {
-      const l = Math.abs(t - m.value) / e.value.style.chart.animation.animationFrames;
-      function a() {
-        m.value < t ? m.value = Math.min(
-          m.value + l,
-          t
-        ) : m.value > t && (m.value = Math.max(
-          m.value - l,
-          t
-        )), m.value !== t && (ie.value = requestAnimationFrame(a));
-      }
-      a();
-    }
-    Qe(() => {
-      cancelAnimationFrame(ie.value);
-    });
-    const y = i(() => {
-      if (!B.value)
-        return [];
-      const t = nt(
-        V.value.min,
-        V.value.max,
-        e.value.style.chart.segments.ticks.divisions
-      ), l = t.min >= 0 ? 0 : Math.abs(t.min), a = {
-        x: s.value.left + (c.value.target + l) / (t.max + l) * s.value.chartWidth - e.value.style.chart.target.width / 2
-      }, r = {
-        width: (m.value + l) / (t.max + l) * s.value.chartWidth
-      }, b = t.ticks.map((g) => ({
-        value: g,
-        y: s.value.bottom + e.value.style.chart.segments.dataLabels.fontSize + 3 + e.value.style.chart.segments.dataLabels.offsetY,
-        x: s.value.left + (g + l) / (t.max + l) * s.value.chartWidth
-      }));
-      return {
-        scale: t,
-        target: a,
-        value: r,
-        ticks: b,
-        chunks: c.value.segments.map((g, Ye) => ({
-          ...g,
-          color: g.color ? rt(g.color) : Me.value[Ye],
-          x: s.value.left + s.value.chartWidth * ((g.from + l) / (t.max + l)),
-          y: s.value.top,
-          height: s.value.chartHeight,
-          width: s.value.chartWidth * (Math.abs(g.to - g.from) / (t.max + l))
-        }))
-      };
-    }), W = i(() => !y.value || !y.value.chunks || !y.value.chunks.length ? [] : y.value.chunks.map((t) => {
-      const l = z(
-        e.value.style.chart.segments.dataLabels.formatter,
-        t.from,
-        U({
-          p: e.value.style.chart.segments.dataLabels.prefix,
-          v: t.from,
-          s: e.value.style.chart.segments.dataLabels.suffix,
-          r: e.value.style.chart.segments.dataLabels.rounding
-        })
-      ), a = z(
-        e.value.style.chart.segments.dataLabels.formatter,
-        t.to,
-        U({
-          p: e.value.style.chart.segments.dataLabels.prefix,
-          v: t.to,
-          s: e.value.style.chart.segments.dataLabels.suffix,
-          r: e.value.style.chart.segments.dataLabels.rounding
-        })
-      ), r = `${l} — ${a}`;
-      return {
-        ...t,
-        shape: "square",
-        value: r,
-        display: `${t.name}: ${r}`
-      };
-    })), ze = i(() => ({
-      cy: "bullet-div-legend",
-      backgroundColor: "transparent",
-      color: e.value.style.chart.legend.color,
-      fontSize: e.value.style.chart.legend.fontSize,
-      paddingBottom: 6,
-      fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), { isPrinting: G, isImaging: j, generatePdf: ce, generateImage: he } = ht({
-      elementId: `bullet_${p.value}`,
-      fileName: e.value.style.chart.title.text || "vue-ui-bullet",
-      options: e.value.userOptions.print
-    }), Ue = i(() => e.value.userOptions.show && !e.value.style.chart.title.text), I = h(!1);
-    function de(t) {
-      I.value = t, Be.value += 1;
-    }
-    function Ne() {
-      return y.value;
-    }
-    const R = h(!1);
-    function q() {
-      R.value = !R.value;
-    }
-    async function Ee({ scale: t = 2 } = {}) {
-      if (!x.value) return;
-      const { width: l, height: a } = x.value.getBoundingClientRect(), r = l / a, { imageUri: b, base64: g } = await Ct({
-        domElement: x.value,
-        base64: !0,
-        img: !0,
-        scale: t
-      });
-      return {
-        imageUri: b,
-        base64: g,
-        title: e.value.style.chart.title.text,
-        width: l,
-        height: a,
-        aspectRatio: r
-      };
-    }
-    const De = i(() => W.value.map((t) => ({
-      ...t,
-      name: t.display
-    }))), Ve = i(() => e.value.style.chart.backgroundColor), We = i(() => e.value.style.chart.legend), Ge = i(() => e.value.style.chart.title), { exportSvg: je, getSvg: qe } = ft({
-      svg: D,
-      title: Ge,
-      legend: We,
-      legendItems: De,
-      backgroundColor: Ve
-    });
-    async function ge({ isCb: t }) {
-      H.value = !0, await at();
-      try {
-        if (t) {
-          const { blob: l, url: a, text: r, dataUrl: b } = await qe();
-          await Promise.resolve(
-            e.value.userOptions.callbacks.svg({
-              blob: l,
-              url: a,
-              text: r,
-              dataUrl: b
-            })
-          );
-        } else
-          await Promise.resolve(je());
-      } finally {
-        H.value = !1;
-      }
-    }
-    function Xe(t) {
-      if (t?.stage === "start") {
-        F.value = !0;
-        return;
-      }
-      if (t?.stage === "end") {
-        F.value = !1;
-        return;
-      }
-      he();
-    }
-    async function fe() {
-      if (Pe("copyAlt", {
-        config: e.value,
-        dataset: c.value
-      }), !e.value.userOptions.callbacks.altCopy) {
-        console.warn(
-          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
-        );
-        return;
-      }
-      await Promise.resolve(
-        e.value.userOptions.callbacks.altCopy({
-          config: e.value,
-          dataset: c.value
-        })
-      );
-    }
-    return Ce({
-      getData: Ne,
-      getImage: Ee,
-      generatePdf: ce,
-      generateImage: he,
-      generateSvg: ge,
-      toggleAnnotator: q,
-      toggleFullscreen: de,
-      copyAlt: fe
-    }), (t, l) => (o(), u("div", {
-      ref_key: "bulletChart",
-      ref: x,
-      class: ye(`vue-data-ui-component vue-ui-bullet ${I.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      style: Y(`font-family:${e.value.style.fontFamily};width:100%;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
-      id: `bullet_${p.value}`,
-      onMouseenter: l[0] || (l[0] = () => n(re)(!0)),
-      onMouseleave: l[1] || (l[1] = () => n(re)(!1))
-    }, [
-      e.value.userOptions.buttons.annotator ? (o(), S(n($e), {
-        key: 0,
-        svgRef: n(D),
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        active: R.value,
-        isCursorPointer: ne.value,
-        onClose: q
-      }, {
-        "annotator-action-close": f(() => [
-          v(t.$slots, "annotator-action-close", {}, void 0, !0)
-        ]),
-        "annotator-action-color": f(({ color: a }) => [
-          v(t.$slots, "annotator-action-color", k(w({ color: a })), void 0, !0)
-        ]),
-        "annotator-action-draw": f(({ mode: a }) => [
-          v(t.$slots, "annotator-action-draw", k(w({ mode: a })), void 0, !0)
-        ]),
-        "annotator-action-undo": f(({ disabled: a }) => [
-          v(t.$slots, "annotator-action-undo", k(w({ disabled: a })), void 0, !0)
-        ]),
-        "annotator-action-redo": f(({ disabled: a }) => [
-          v(t.$slots, "annotator-action-redo", k(w({ disabled: a })), void 0, !0)
-        ]),
-        "annotator-action-delete": f(({ disabled: a }) => [
-          v(t.$slots, "annotator-action-delete", k(w({ disabled: a })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : d("", !0),
-      Ue.value ? (o(), u("div", $t, null, 512)) : d("", !0),
-      e.value.style.chart.title.text ? (o(), u("div", {
-        key: 2,
-        ref_key: "chartTitle",
-        ref: Z,
-        style: "width:100%;background:transparent;"
-      }, [
-        (o(), S(wt, {
-          lineHeight: "1.3rem",
-          key: `title_${ee.value}`,
-          config: {
-            title: {
-              cy: "bullet-div-title",
-              ...e.value.style.chart.title
-            },
-            subtitle: {
-              cy: "bullet-div-subtitle",
-              ...e.value.style.chart.title.subtitle
-            }
-          }
-        }, null, 8, ["config"]))
-      ], 512)) : d("", !0),
-      C("div", {
-        id: `legend-top-${p.value}`
-      }, null, 8, Ot),
-      e.value.userOptions.show && O.value && (n(ue) || n(E)) ? (o(), S(n(Oe), {
-        key: 3,
-        ref: "details",
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        isPrinting: n(G),
-        isImaging: n(j),
-        uid: p.value,
-        hasTooltip: !1,
-        hasPdf: e.value.userOptions.buttons.pdf,
-        hasImg: e.value.userOptions.buttons.img,
-        hasSvg: e.value.userOptions.buttons.svg,
-        hasXls: !1,
-        hasTable: !1,
-        hasLabel: !1,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        hasAltCopy: e.value.userOptions.buttons.altCopy,
-        isFullscreen: I.value,
-        chartElement: x.value,
-        position: e.value.userOptions.position,
-        titles: { ...e.value.userOptions.buttonTitles },
-        hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: R.value,
-        callbacks: e.value.userOptions.callbacks,
-        printScale: e.value.userOptions.print.scale,
-        isCursorPointer: ne.value,
-        onToggleFullscreen: de,
-        onGeneratePdf: n(ce),
-        onGenerateImage: Xe,
-        onGenerateSvg: ge,
-        onToggleAnnotator: q,
-        onCopyAlt: fe,
-        style: Y({
-          visibility: n(ue) ? n(E) ? "visible" : "hidden" : "visible"
-        })
-      }, Ze({ _: 2 }, [
-        t.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: f(({ isOpen: a, color: r }) => [
-            v(t.$slots, "menuIcon", k(w({ isOpen: a, color: r })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        t.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: f(() => [
-            v(t.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        t.$slots.optionImg ? {
-          name: "optionImg",
-          fn: f(() => [
-            v(t.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        t.$slots.optionSvg ? {
-          name: "optionSvg",
-          fn: f(() => [
-            v(t.$slots, "optionSvg", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        t.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: f(({ toggleFullscreen: a, isFullscreen: r }) => [
-            v(t.$slots, "optionFullscreen", k(w({ toggleFullscreen: a, isFullscreen: r })), void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        t.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: f(({ toggleAnnotator: a, isAnnotator: r }) => [
-            v(t.$slots, "optionAnnotator", k(w({ toggleAnnotator: a, isAnnotator: r })), void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        t.$slots.optionAltCopy ? {
-          name: "optionAltCopy",
-          fn: f(({ altCopy: a }) => [
-            v(t.$slots, "optionAltCopy", k(w({ altCopy: a })), void 0, !0)
-          ]),
-          key: "6"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasSvg", "hasFullscreen", "hasAltCopy", "isFullscreen", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "isCursorPointer", "onGeneratePdf", "style"])) : d("", !0),
-      (o(), u("svg", {
-        ref_key: "svgRef",
-        ref: D,
-        xmlns: n(ut),
-        class: ye({
-          "vue-data-ui-fullscreen--on": I.value,
-          "vue-data-ui-fulscreen--off": !I.value,
-          "vue-ui-bullet-svg": !0
-        }),
-        viewBox: `0 0 ${s.value.width} ${s.value.height}`,
-        style: Y(`width: 100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`),
-        "aria-labelledby": `bullet-svg-title-${p.value}`,
-        "aria-describedby": `bullet-svg-desc-${p.value}`
-      }, [
-        et(n(Ae)),
-        C("title", {
-          id: `bullet-svg-title-${p.value}`
-        }, A(e.value.style.chart.title.text || "Bullet chart"), 9, _t),
-        C("desc", {
-          id: `bullet-svg-desc-${p.value}`
-        }, " Value: " + A(m.value) + ", Target: " + A(y.value.target?.value), 9, St),
-        t.$slots["chart-background"] ? (o(), u("foreignObject", {
-          key: 0,
-          x: 0,
-          y: 0,
-          width: s.value.width,
-          height: s.value.height,
-          style: {
-            pointerEvents: "none"
-          }
-        }, [
-          v(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Pt)) : d("", !0),
-        B.value ? (o(), u("g", Bt, [
-          (o(!0), u(J, null, K(y.value.chunks, (a) => (o(), u("rect", {
-            x: a.x,
-            y: a.y,
-            height: a.height,
-            width: a.width,
-            fill: a.color,
-            "stroke-width": 1,
-            stroke: e.value.style.chart.backgroundColor,
-            style: {
-              transition: "x 0.3s ease-in-out, width 0.3s ease-in-out"
-            }
-          }, null, 8, It))), 256)),
-          !e.value.style.chart.target.onTop && e.value.style.chart.target.show ? (o(), u("rect", {
-            key: 0,
-            x: y.value.target.x,
-            y: s.value.top + (s.value.chartHeight - s.value.chartHeight * e.value.style.chart.target.heightRatio) / 2,
-            height: s.value.chartHeight * e.value.style.chart.target.heightRatio,
-            width: e.value.style.chart.target.width,
-            rx: e.value.style.chart.target.rounded ? e.value.style.chart.target.width / 2 : 0,
-            fill: e.value.style.chart.target.color,
-            stroke: e.value.style.chart.target.stroke,
-            "stroke-width": e.value.style.chart.target.strokeWidth
-          }, null, 8, Tt)) : d("", !0),
-          C("rect", {
-            x: s.value.left,
-            y: s.value.top + (s.value.chartHeight - s.value.chartHeight * e.value.style.chart.valueBar.heightRatio) / 2,
-            height: s.value.chartHeight * e.value.style.chart.valueBar.heightRatio,
-            width: y.value.value.width,
-            fill: e.value.style.chart.valueBar.color,
-            stroke: e.value.style.chart.valueBar.stroke,
-            "stroke-width": e.value.style.chart.valueBar.strokeWidth
-          }, null, 8, Ft),
-          e.value.style.chart.valueBar.label.show ? (o(), u("text", {
-            key: 1,
-            x: s.value.left + y.value.value.width,
-            y: s.value.top - 6 + e.value.style.chart.valueBar.label.offsetY,
-            "font-size": e.value.style.chart.valueBar.label.fontSize,
-            "font-weight": e.value.style.chart.valueBar.label.bold ? "bold" : "normal",
-            fill: e.value.style.chart.valueBar.label.color,
-            "text-anchor": "middle"
-          }, A(n(z)(
-            e.value.style.chart.segments.dataLabels.formatter,
-            m.value,
-            n(U)({
-              p: e.value.style.chart.segments.dataLabels.prefix,
-              v: m.value,
-              s: e.value.style.chart.segments.dataLabels.suffix,
-              r: e.value.style.chart.segments.dataLabels.rounding
-            })
-          )), 9, Ht)) : d("", !0),
-          e.value.style.chart.target.onTop && e.value.style.chart.target.show ? (o(), u("rect", {
-            key: 2,
-            x: y.value.target.x,
-            y: s.value.top + (s.value.chartHeight - s.value.chartHeight * e.value.style.chart.target.heightRatio) / 2,
-            height: s.value.chartHeight * e.value.style.chart.target.heightRatio,
-            width: e.value.style.chart.target.width,
-            rx: e.value.style.chart.target.rounded ? e.value.style.chart.target.width / 2 : 0,
-            fill: e.value.style.chart.target.color,
-            stroke: e.value.style.chart.target.stroke,
-            "stroke-width": e.value.style.chart.target.strokeWidth,
-            style: { transition: "x 0.3s ease-in-out" }
-          }, null, 8, Mt)) : d("", !0),
-          e.value.style.chart.segments.dataLabels.show ? (o(), u("g", Rt, [
-            (o(!0), u(J, null, K(y.value.ticks, (a) => (o(), u("text", {
-              x: a.x,
-              y: a.y,
-              "text-anchor": "middle",
-              fill: e.value.style.chart.segments.dataLabels.color,
-              "font-size": e.value.style.chart.segments.dataLabels.fontSize + "px",
-              "font-weight": e.value.style.chart.segments.dataLabels.bold ? "bold" : "normal"
-            }, A(n(z)(
-              e.value.style.chart.segments.dataLabels.formatter,
-              a.value,
-              n(U)({
-                p: e.value.style.chart.segments.dataLabels.prefix,
-                v: a.value,
-                s: e.value.style.chart.segments.dataLabels.suffix,
-                r: e.value.style.chart.segments.dataLabels.rounding
-              })
-            )), 9, zt))), 256))
-          ])) : d("", !0),
-          e.value.style.chart.segments.dataLabels.show && e.value.style.chart.segments.ticks.show ? (o(), u("g", Ut, [
-            (o(!0), u(J, null, K(y.value.ticks, (a) => (o(), u("line", {
-              x1: a.x,
-              x2: a.x,
-              y1: s.value.bottom,
-              y2: s.value.bottom + 3,
-              stroke: e.value.style.chart.segments.ticks.stroke,
-              "stroke-width": 1,
-              "stroke-linecap": "round"
-            }, null, 8, Nt))), 256))
-          ])) : d("", !0)
-        ])) : d("", !0),
-        v(t.$slots, "svg", {
-          svg: {
-            ...s.value,
-            isPrintingImg: n(G) | n(j) | F.value,
-            isPrintingSvg: H.value
-          }
-        }, void 0, !0)
-      ], 14, Lt)),
-      t.$slots.watermark ? (o(), u("div", Et, [
-        v(t.$slots, "watermark", k(w({
-          isPrinting: n(G) || n(j) || F.value || H.value
-        })), void 0, !0)
-      ])) : d("", !0),
-      C("div", {
-        id: `legend-bottom-${p.value}`
-      }, null, 8, Dt),
-      le.value && (e.value.style.chart.legend.show || t.$slots.legend) ? (o(), S(tt, {
-        key: 5,
-        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${p.value}` : `#legend-bottom-${p.value}`
-      }, [
-        C("div", {
-          ref_key: "chartLegend",
-          ref: te
-        }, [
-          v(t.$slots, "legend", { legend: W.value }, () => [
-            e.value.style.chart.legend.show ? (o(), S(kt, {
-              key: 0,
-              clickable: !1,
-              legendSet: W.value,
-              config: ze.value
-            }, {
-              item: f(({ legend: a }) => [
-                n(L) ? d("", !0) : (o(), u("div", Vt, [
-                  C("span", Wt, A(a.name) + ":", 1),
-                  C("span", null, A(a.value), 1)
-                ]))
-              ]),
-              _: 1
-            }, 8, ["legendSet", "config"])) : d("", !0)
-          ], !0)
-        ], 512)
-      ], 8, ["to"])) : d("", !0),
-      t.$slots.source ? (o(), u("div", {
-        key: 6,
-        ref_key: "source",
-        ref: ae,
-        dir: "auto"
-      }, [
-        v(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : d("", !0),
-      v(t.$slots, "skeleton", {}, () => [
-        n(L) ? (o(), S(gt, { key: 0 })) : d("", !0)
-      ], !0)
-    ], 46, At));
-  }
-}, ua = /* @__PURE__ */ xt(Gt, [["__scopeId", "data-v-e7c0ed37"]]);
-export {
-  ua as default
-};