vue-data-ui 3.17.13 → 3.18.0

package/dist/vue-ui-tiremarks-B-YI1RlT.js

@@ -1,578 +0,0 @@
-import { defineAsyncComponent as J, computed as r, ref as c, toRefs as Ke, watch as be, onMounted as We, openBlock as i, createElementBlock as v, unref as n, normalizeStyle as Q, normalizeClass as Z, createBlock as G, withCtx as f, renderSlot as u, normalizeProps as m, guardReactiveProps as k, createCommentVNode as w, createSlots as Je, createElementVNode as Ce, toDisplayString as ee, createVNode as Qe, Fragment as we, renderList as $e, nextTick as Ze } from "vue";
-import { j as et, t as Ae, K as tt, o as at, q as ot, v as Pe, k as lt, l as nt, X as st } from "./lib-DMzrGQHK.js";
-import { t as rt, u as it } from "./useResponsive-DfdjqQps.js";
-import { u as ut } from "./useConfig-CG4HT3wS.js";
-import { u as ct, B as vt } from "./BaseScanner-C2j3TsSY.js";
-import { u as dt } from "./usePrinter-C4t8DdQ-.js";
-import { u as ht } from "./useSvgExport-BTG4hVPO.js";
-import { u as te } from "./useNestedProp-DH0BEVVS.js";
-import { u as ft } from "./useThemeCheck-C9Ccl7U9.js";
-import { u as gt } from "./useUserOptionState-B7Ej974k.js";
-import { u as pt } from "./useChartAccessibility-cp6XQtqi.js";
-import { u as yt } from "./usePrefersMotion-Co0nj1eS.js";
-import mt from "./vue_ui_tiremarks-DBotWfi8.js";
-import kt from "./Title-BbKoiBk2.js";
-import bt from "./img-CjTQXS0U.js";
-import { _ as Ct } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const wt = ["id"], $t = ["xmlns", "viewBox", "aria-labelledby", "aria-describedby"], At = ["id"], Pt = ["id"], _t = ["width", "height"], Ot = { key: 1 }, St = ["d", "stroke-width", "stroke"], xt = { key: 2 }, It = ["x1", "y1", "x2", "y2", "stroke-width", "stroke"], Tt = ["aria-label"], zt = ["x", "y", "height"], Ft = ["x", "y", "font-size", "fill", "font-weight", "text-anchor"], Nt = {
-  key: 4,
-  class: "vue-data-ui-watermark"
-}, Rt = {
-  __name: "vue-ui-tiremarks",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
-  },
-  emits: ["copyAlt"],
-  setup(_e, { expose: Oe, emit: Se }) {
-    const xe = J(
-      () => import("./PenAndPaper-CJDoB5H9.js")
-    ), Ie = J(
-      () => import("./UserOptions-DVduN6X7.js")
-    ), Te = J(
-      () => import("./PackageVersion-BfrCAH6_.js")
-    ), { vue_ui_tiremarks: ze } = ut(), { isThemeValid: Fe, warnInvalidTheme: Ne } = ft(), j = yt(), b = _e, Re = Se, Me = r(() => !!b.dataset && Object.keys(b.dataset).length), O = c(et()), _ = c(null), Ee = c(null), ae = c(null), oe = c(null), le = c(0), ne = c(0), S = c(null), z = c(null), F = c(!1), N = c(!1), e = c(X()), se = r(
-      () => e.value.userOptions.useCursorPointer
-    ), De = r(() => Ae({
-      defaultConfig: {
-        userOptions: { show: !1 },
-        style: {
-          chart: {
-            backgroundColor: "#99999930",
-            animation: { use: !1 },
-            layout: {
-              activeColor: "#6A6A6A80",
-              inactiveColor: "#CACACA80",
-              ticks: {
-                gradient: { show: !1 }
-              }
-            }
-          }
-        }
-      },
-      userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: R, FINAL_DATASET: x } = ct({
-      ...Ke(b),
-      FINAL_CONFIG: e,
-      prepareConfig: X,
-      skeletonDataset: b.config?.skeletonDataset ?? { percentage: 50 },
-      skeletonConfig: Ae({
-        defaultConfig: e.value,
-        userConfig: De.value
-      })
-    }), { userOptionsVisible: H, setUserOptionsVisibility: re, keepUserOptionState: ie } = gt({ config: e.value }), { svgRef: V } = pt({
-      config: e.value.style.chart.title
-    });
-    function X() {
-      const t = te({
-        userConfig: b.config,
-        defaultConfig: ze
-      }), o = t.theme;
-      if (!o) return t;
-      if (!Fe.value(t))
-        return Ne(t), t;
-      const a = te({
-        userConfig: mt[o] || b.config,
-        defaultConfig: t
-      });
-      return te({
-        userConfig: b.config,
-        defaultConfig: a
-      });
-    }
-    be(
-      () => b.config,
-      (t) => {
-        e.value = X(), H.value = !e.value.userOptions.showOnChartHover, D.value = e.value.style.chart.width, L.value = e.value.style.chart.height, de(), ne.value += 1;
-      },
-      { deep: !0 }
-    );
-    const { isPrinting: q, isImaging: Y, generatePdf: ue, generateImage: ce } = dt({
-      elementId: O.value,
-      fileName: e.value.style.chart.title.text || "vue-ui-tiremarks",
-      options: e.value.userOptions.print
-    }), Le = r(() => e.value.userOptions.show && !e.value.style.chart.title.text), d = c(
-      e.value.style.chart.animation.use && !j.value ? 0 : tt(x.value.percentage)
-    );
-    be(
-      () => x.value,
-      (t) => {
-        e.value.style.chart.animation.use && !j.value ? ve(t.percentage) : d.value = t.percentage || 0;
-      },
-      { deep: !0 }
-    ), We(() => {
-      de();
-    });
-    function ve(t) {
-      let o = e.value.style.chart.animation.speed;
-      const a = Math.abs(t - d.value) / (o * 120);
-      function l() {
-        d.value < t ? d.value = Math.min(
-          d.value + a,
-          t
-        ) : d.value > t && (d.value = Math.max(
-          d.value - a,
-          t
-        )), d.value !== t && requestAnimationFrame(l);
-      }
-      l();
-    }
-    const Ue = r(() => !!e.value.debug);
-    function de() {
-      if (at(b.dataset) && ot({
-        componentName: "VueUiTiremarks",
-        type: "dataset",
-        debug: Ue.value
-      }), e.value.responsive) {
-        const t = rt(() => {
-          const { width: o, height: a } = it({
-            chart: _.value,
-            title: e.value.style.chart.title.text ? ae.value : null,
-            source: oe.value
-          });
-          requestAnimationFrame(() => {
-            D.value = Math.max(0.1, o), L.value = Math.max(0.1, a - 12);
-          });
-        });
-        S.value && (z.value && S.value.unobserve(z.value), S.value.disconnect()), S.value = new ResizeObserver(t), z.value = _.value.parentNode, S.value.observe(z.value);
-      }
-      ve(x.value.percentage || 0);
-    }
-    const M = r(() => e.value.style.chart.layout.display === "vertical"), h = r(() => {
-      const t = e.value.style.chart.percentage.show, o = {
-        top: t ? 48 : 12,
-        left: t ? 64 : 16,
-        right: t ? 64 : 16,
-        bottom: t ? 48 : 12
-      };
-      return M.value ? {
-        top: e.value.style.chart.percentage.verticalPosition === "top" ? o.top : 3,
-        left: 3,
-        right: 3,
-        bottom: e.value.style.chart.percentage.verticalPosition === "bottom" ? o.bottom : 3
-      } : {
-        top: 0,
-        bottom: 0,
-        left: e.value.style.chart.percentage.horizontalPosition === "left" ? o.left : 16,
-        right: e.value.style.chart.percentage.horizontalPosition === "right" ? o.right : 10
-      };
-    }), E = r(() => Object.values(h.value).reduce((t, o) => t + o, 0)), D = c(e.value.style.chart.width), L = c(e.value.style.chart.height), s = r(() => ({
-      height: L.value,
-      width: D.value
-    })), he = r(() => ({
-      horizontal: {
-        x: y.value.x + (e.value.style.chart.percentage.horizontalPosition === "left" ? 6 : 3),
-        y: s.value.height / 2 - y.value.fontSize / 2
-      },
-      vertical: {
-        x: s.value.width / 2 - 20,
-        y: y.value.y - y.value.fontSize / 2
-      }
-    })[e.value.style.chart.layout.display]), g = r(() => M.value ? {
-      mark: (s.value.height - E.value) / 100 * 0.5,
-      space: (s.value.height - E.value) / 100 * 0.5
-    } : {
-      mark: (s.value.width - E.value) / 100 * 0.5,
-      space: (s.value.width - E.value) / 100 * 0.5
-    }), fe = r(() => {
-      const t = [];
-      for (let a = 0; a < 100; a += 1) {
-        const l = e.value.style.chart.layout.ticks.gradient.show ? Pe(
-          e.value.style.chart.layout.activeColor,
-          a / 100 * (e.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)
-        ) : e.value.style.chart.layout.activeColor;
-        if (M.value) {
-          const C = e.value.style.chart.layout.crescendo ? (100 - a) * (s.value.width - h.value.left - h.value.right) / 100 / 3 : 0, p = h.value.left + 4 + C, $ = s.value.width - h.value.right - 4 - C, A = s.value.height - h.value.bottom - a * g.value.mark - a * g.value.space - g.value.mark, P = s.value.height - h.value.bottom - a * g.value.mark - a * g.value.space - g.value.mark, I = ($ - p) / e.value.style.chart.layout.curveAngleX, T = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100);
-          t.push({
-            x1: p,
-            x2: $,
-            y1: A,
-            y2: P,
-            curve: `M ${p} ${A} C ${p + I} ${A - T}, ${$ - I} ${P - T}, ${$} ${P}`,
-            color: l
-          });
-        } else {
-          const C = e.value.style.chart.layout.crescendo ? (100 - a) * (s.value.height - h.value.top - h.value.bottom) / 100 / 3 : 0, p = h.value.left + a * g.value.mark + a * g.value.space - g.value.mark, $ = p, A = h.value.top + 4 + C, P = s.value.height - h.value.bottom - 4 - C, I = e.value.style.chart.layout.curveAngleY * ((1 + a) / 100), T = (P - A) / e.value.style.chart.layout.curveAngleX;
-          t.push({
-            x1: p,
-            x2: $,
-            y1: A,
-            y2: P,
-            curve: `M ${p} ${A} C ${p + I} ${A + T}, ${$ + I} ${P - T}, ${$} ${P}`,
-            color: l
-          });
-        }
-      }
-      return t;
-    }), y = r(() => {
-      let t, o, a;
-      const l = e.value.style.chart.percentage.fontSize / 3;
-      return M.value ? e.value.style.chart.percentage.verticalPosition === "top" ? (t = s.value.width / 2, o = h.value.top / 2, a = "middle") : e.value.style.chart.percentage.verticalPosition === "bottom" && (t = s.value.width / 2, o = s.value.height - h.value.bottom / 2 + l, a = "middle") : e.value.style.chart.percentage.horizontalPosition === "left" ? (t = 4, o = s.value.height / 2 + l, a = "start") : e.value.style.chart.percentage.horizontalPosition === "right" && (t = s.value.width - h.value.right + 8, o = s.value.height / 2 + l, a = "start"), {
-        x: t,
-        y: o,
-        textAnchor: a,
-        bold: e.value.style.chart.percentage.bold,
-        fontSize: e.value.style.chart.percentage.fontSize,
-        fill: e.value.style.chart.percentage.color
-      };
-    }), U = c(!1);
-    function ge(t) {
-      U.value = t, le.value += 1;
-    }
-    const B = c(!1);
-    function K() {
-      B.value = !B.value;
-    }
-    async function Be({ scale: t = 2 } = {}) {
-      if (!_.value) return;
-      const { width: o, height: a } = _.value.getBoundingClientRect(), l = o / a, { imageUri: C, base64: p } = await bt({
-        domElement: _.value,
-        base64: !0,
-        img: !0,
-        scale: t
-      });
-      return {
-        imageUri: C,
-        base64: p,
-        title: e.value.style.chart.title.text,
-        width: o,
-        height: a,
-        aspectRatio: l
-      };
-    }
-    const Ge = r(() => e.value.style.chart.backgroundColor), je = r(() => e.value.style.chart.title), { exportSvg: He, getSvg: Ve } = ht({
-      svg: V,
-      title: je,
-      backgroundColor: Ge
-    });
-    async function pe({ isCb: t }) {
-      N.value = !0, await Ze();
-      try {
-        if (t) {
-          const { blob: o, url: a, text: l, dataUrl: C } = await Ve();
-          await Promise.resolve(
-            e.value.userOptions.callbacks.svg({
-              blob: o,
-              url: a,
-              text: l,
-              dataUrl: C
-            })
-          );
-        } else
-          await Promise.resolve(He());
-      } finally {
-        N.value = !1;
-      }
-    }
-    function Xe(t) {
-      if (t?.stage === "start") {
-        F.value = !0;
-        return;
-      }
-      if (t?.stage === "end") {
-        F.value = !1;
-        return;
-      }
-      ce();
-    }
-    async function ye() {
-      if (Re("copyAlt", {
-        config: e.value,
-        dataset: x.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: x.value
-        })
-      );
-    }
-    const me = r(() => `${O.value}-title`), ke = r(() => `${O.value}-desc`), W = r(() => lt(
-      e.value.style.chart.percentage.formatter,
-      d.value,
-      nt({
-        v: d.value,
-        s: "%",
-        r: e.value.style.chart.percentage.rounding
-      })
-    )), qe = r(() => e.value.style.chart.title.text || ""), Ye = r(() => R.value ? "Loading data" : `Value: ${W.value}`);
-    return Oe({
-      getImage: Be,
-      generatePdf: ue,
-      generateImage: ce,
-      generateSvg: pe,
-      toggleAnnotator: K,
-      toggleFullscreen: ge,
-      copyAlt: ye
-    }), (t, o) => (i(), v("div", {
-      ref_key: "tiremarksChart",
-      ref: _,
-      class: Z(`vue-data-ui-component vue-ui-tiremarks ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
-      style: Q(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
-      id: O.value,
-      onMouseenter: o[0] || (o[0] = () => n(re)(!0)),
-      onMouseleave: o[1] || (o[1] = () => n(re)(!1))
-    }, [
-      e.value.userOptions.buttons.annotator ? (i(), G(n(xe), {
-        key: 0,
-        svgRef: n(V),
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        active: B.value,
-        isCursorPointer: se.value,
-        onClose: K
-      }, {
-        "annotator-action-close": f(() => [
-          u(t.$slots, "annotator-action-close", {}, void 0, !0)
-        ]),
-        "annotator-action-color": f(({ color: a }) => [
-          u(t.$slots, "annotator-action-color", m(k({ color: a })), void 0, !0)
-        ]),
-        "annotator-action-draw": f(({ mode: a }) => [
-          u(t.$slots, "annotator-action-draw", m(k({ mode: a })), void 0, !0)
-        ]),
-        "annotator-action-undo": f(({ disabled: a }) => [
-          u(t.$slots, "annotator-action-undo", m(k({ disabled: a })), void 0, !0)
-        ]),
-        "annotator-action-redo": f(({ disabled: a }) => [
-          u(t.$slots, "annotator-action-redo", m(k({ disabled: a })), void 0, !0)
-        ]),
-        "annotator-action-delete": f(({ disabled: a }) => [
-          u(t.$slots, "annotator-action-delete", m(k({ disabled: a })), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active", "isCursorPointer"])) : w("", !0),
-      Le.value ? (i(), v("div", {
-        key: 1,
-        ref_key: "noTitle",
-        ref: Ee,
-        class: "vue-data-ui-no-title-space",
-        style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : w("", !0),
-      e.value.style.chart.title.text ? (i(), v("div", {
-        key: 2,
-        ref_key: "chartTitle",
-        ref: ae,
-        style: "width:100%;background:transparent;padding-bottom:12px"
-      }, [
-        (i(), G(kt, {
-          key: `title_${ne.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)) : w("", !0),
-      e.value.userOptions.show && Me.value && (n(ie) || n(H)) ? (i(), G(n(Ie), {
-        ref: "details",
-        key: `user_options_${le.value}`,
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        isPrinting: n(q),
-        isImaging: n(Y),
-        uid: O.value,
-        hasPdf: e.value.userOptions.buttons.pdf,
-        hasImg: e.value.userOptions.buttons.img,
-        hasSvg: e.value.userOptions.buttons.svg,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        hasAltCopy: e.value.userOptions.buttons.altCopy,
-        hasXls: !1,
-        isFullscreen: U.value,
-        titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: _.value,
-        position: e.value.userOptions.position,
-        hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: B.value,
-        callbacks: e.value.userOptions.callbacks,
-        printScale: e.value.userOptions.print.scale,
-        isCursorPointer: se.value,
-        onToggleFullscreen: ge,
-        onGeneratePdf: n(ue),
-        onGenerateImage: Xe,
-        onGenerateSvg: pe,
-        onToggleAnnotator: K,
-        onCopyAlt: ye,
-        style: Q({
-          visibility: n(ie) ? n(H) ? "visible" : "hidden" : "visible"
-        })
-      }, Je({ _: 2 }, [
-        t.$slots.menuIcon ? {
-          name: "menuIcon",
-          fn: f(({ isOpen: a, color: l }) => [
-            u(t.$slots, "menuIcon", m(k({ isOpen: a, color: l })), void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        t.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: f(() => [
-            u(t.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        t.$slots.optionImg ? {
-          name: "optionImg",
-          fn: f(() => [
-            u(t.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        t.$slots.optionSvg ? {
-          name: "optionSvg",
-          fn: f(() => [
-            u(t.$slots, "optionSvg", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        t.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: f(({ toggleFullscreen: a, isFullscreen: l }) => [
-            u(t.$slots, "optionFullscreen", m(k({ toggleFullscreen: a, isFullscreen: l })), void 0, !0)
-          ]),
-          key: "4"
-        } : void 0,
-        t.$slots.optionAnnotator ? {
-          name: "optionAnnotator",
-          fn: f(({ toggleAnnotator: a, isAnnotator: l }) => [
-            u(t.$slots, "optionAnnotator", m(k({ toggleAnnotator: a, isAnnotator: l })), void 0, !0)
-          ]),
-          key: "5"
-        } : void 0,
-        t.$slots.optionAltCopy ? {
-          name: "optionAltCopy",
-          fn: f(({ altCopy: a }) => [
-            u(t.$slots, "optionAltCopy", m(k({ altCopy: a })), void 0, !0)
-          ]),
-          key: "6"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasSvg", "hasFullscreen", "hasAltCopy", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "isCursorPointer", "onGeneratePdf", "style"])) : w("", !0),
-      (i(), v("svg", {
-        ref_key: "svgRef",
-        ref: V,
-        xmlns: n(st),
-        class: Z({
-          "vue-data-ui-fullscreen--on": U.value,
-          "vue-data-ui-fulscreen--off": !U.value
-        }),
-        viewBox: `0 0 ${D.value} ${L.value}`,
-        style: Q(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color}`),
-        role: "img",
-        "aria-labelledby": me.value,
-        "aria-describedby": ke.value
-      }, [
-        Ce("title", { id: me.value }, ee(qe.value), 9, At),
-        Ce("desc", { id: ke.value }, ee(Ye.value), 9, Pt),
-        Qe(n(Te)),
-        t.$slots["chart-background"] ? (i(), v("foreignObject", {
-          key: 0,
-          x: 0,
-          y: 0,
-          width: s.value.width,
-          height: s.value.height,
-          style: {
-            pointerEvents: "none"
-          }
-        }, [
-          u(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, _t)) : w("", !0),
-        e.value.style.chart.layout.curved ? (i(), v("g", Ot, [
-          (i(!0), v(we, null, $e(fe.value, (a, l) => (i(), v("path", {
-            d: a.curve,
-            "stroke-width": g.value.mark,
-            stroke: d.value >= l ? a.color : e.value.style.chart.layout.inactiveColor,
-            "stroke-linecap": "round",
-            fill: "none",
-            class: Z({
-              "vue-ui-tick-animated": e.value.style.chart.animation.use && !n(j) && l <= d.value
-            })
-          }, null, 10, St))), 256))
-        ])) : (i(), v("g", xt, [
-          (i(!0), v(we, null, $e(fe.value, (a, l) => (i(), v("line", {
-            x1: a.x1,
-            y1: a.y1,
-            x2: a.x2,
-            y2: a.y2,
-            "stroke-width": g.value.mark,
-            stroke: d.value >= l ? a.color : e.value.style.chart.layout.inactiveColor,
-            "stroke-linecap": "round"
-          }, null, 8, It))), 256))
-        ])),
-        e.value.style.chart.percentage.show ? (i(), v("g", {
-          key: 3,
-          role: "status",
-          "aria-live": "polite",
-          "aria-label": n(R) ? "..." : `${W.value}`
-        }, [
-          n(R) ? (i(), v("rect", {
-            key: 0,
-            x: he.value.x,
-            y: he.value.y,
-            width: 40,
-            height: y.value.fontSize,
-            fill: "#6A6A6A80",
-            rx: 3
-          }, null, 8, zt)) : (i(), v("text", {
-            key: 1,
-            "aria-hidden": "true",
-            x: y.value.x,
-            y: y.value.y,
-            "font-size": y.value.fontSize,
-            fill: e.value.style.chart.layout.ticks.gradient.show && e.value.style.chart.percentage.useGradientColor ? n(Pe)(
-              e.value.style.chart.layout.activeColor,
-              d.value / 100 * (e.value.style.chart.layout.ticks.gradient.shiftHueIntensity / 100)
-            ) : e.value.style.chart.percentage.color,
-            "font-weight": y.value.bold ? "bold" : "normal",
-            "text-anchor": y.value.textAnchor
-          }, ee(W.value), 9, Ft))
-        ], 8, Tt)) : w("", !0),
-        u(t.$slots, "svg", {
-          svg: {
-            ...s.value,
-            isPrintingImg: n(q) | n(Y) | F.value,
-            isPrintingSvg: N.value
-          }
-        }, void 0, !0)
-      ], 14, $t)),
-      t.$slots.watermark ? (i(), v("div", Nt, [
-        u(t.$slots, "watermark", m(k({
-          isPrinting: n(q) || n(Y) || F.value || N.value
-        })), void 0, !0)
-      ])) : w("", !0),
-      t.$slots.source ? (i(), v("div", {
-        key: 5,
-        ref_key: "source",
-        ref: oe,
-        dir: "auto"
-      }, [
-        u(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : w("", !0),
-      u(t.$slots, "skeleton", {}, () => [
-        n(R) ? (i(), G(vt, { key: 0 })) : w("", !0)
-      ], !0)
-    ], 46, wt));
-  }
-}, Qt = /* @__PURE__ */ Ct(Rt, [["__scopeId", "data-v-38f75655"]]);
-export {
-  Qt as default
-};