vue-data-ui 3.17.13 → 3.18.0

package/dist/SparkTooltip-D4bM-kfz.js

@@ -1,68 +0,0 @@
-import { toRef as c, ref as u, computed as v, onMounted as m, watch as b, openBlock as y, createElementBlock as g, normalizeStyle as x, renderSlot as k, nextTick as S } from "vue";
-import { u as _, aw as i } from "./lib-DMzrGQHK.js";
-import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const R = {
-  __name: "SparkTooltip",
-  props: {
-    svgRef: { type: Object },
-    x: { type: Number, required: !0 },
-    y: { type: Number, required: !0 },
-    prevX: { type: Number, required: !0 },
-    prevY: { type: Number, required: !0 },
-    offsetY: { type: Number, default: 0 },
-    background: { type: String },
-    backgroundOpacity: { type: Number, default: 100 },
-    borderRadius: { type: Number, default: 2 },
-    borderWidth: { type: Number, default: 0 },
-    borderColor: { type: String, default: "#FFFFFF" },
-    color: { type: String },
-    fontSize: { type: Number }
-  },
-  setup(d) {
-    const e = d, a = c(e.svgRef), o = u(null), n = u(0), l = u(0), p = u(!1), f = v(() => _(e.background, e.backgroundOpacity)), s = async () => {
-      if (!a.value || !o.value) return;
-      const t = i({
-        svgElement: a.value,
-        element: o.value,
-        x: e.x,
-        y: e.y,
-        offsetY: e.offsetY
-      }), r = i({
-        svgElement: a.value,
-        element: o.value,
-        x: e.prevX,
-        y: e.prevY,
-        offsetY: e.offsetY
-      });
-      !t || !r || (p.value = !1, n.value = r.top, l.value = r.left, await S(), setTimeout(() => {
-        p.value = !0, n.value = t.top, l.value = t.left;
-      }, 50));
-    };
-    return m(s), b(
-      () => [e.x, e.y, e.prevX, e.prevY],
-      () => s(),
-      { immediate: !0 }
-    ), (t, r) => (y(), g("div", {
-      ref_key: "tooltipRef",
-      ref: o,
-      class: "vue-data-ui-spark-tooltip",
-      style: x({
-        position: "fixed",
-        top: `${n.value}px`,
-        left: `${l.value}px`,
-        pointerEvents: "none",
-        background: f.value,
-        color: e.color,
-        fontSize: `${e.fontSize}px`,
-        borderRadius: `${e.borderRadius}px`,
-        border: `${e.borderWidth}px solid ${e.borderColor}`,
-        transition: p.value ? "top 0.3s ease-out, left 0.3s ease-out" : "none"
-      })
-    }, [
-      k(t.$slots, "default", {}, void 0, !0)
-    ], 4));
-  }
-}, F = /* @__PURE__ */ N(R, [["__scopeId", "data-v-d46b8576"]]);
-export {
-  F as default
-};

package/dist/Title-BbKoiBk2.js

@@ -1,88 +0,0 @@
-import { openBlock as l, createElementBlock as n, Fragment as f, createElementVNode as p, normalizeStyle as d, unref as e, toDisplayString as o, createCommentVNode as g, renderSlot as r } from "vue";
-import { u as s } from "./useNestedProp-DH0BEVVS.js";
-const b = {
-  __name: "Title",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    lineHeight: {
-      type: [String, Boolean],
-      default: !1
-    }
-  },
-  setup(i) {
-    const t = s({
-      userConfig: i.config,
-      defaultConfig: {
-        title: {
-          cy: "",
-          text: "",
-          color: "",
-          fontSize: 20,
-          bold: !0,
-          textAlign: "center",
-          paddingLeft: 0,
-          paddingRight: 0
-        },
-        subtitle: {
-          cy: "",
-          text: "",
-          color: "",
-          fontSize: 14,
-          bold: !1
-        }
-      }
-    });
-    return (a, u) => (l(), n(f, null, [
-      p("div", {
-        class: "atom-title",
-        style: d({
-          width: `calc(100% - ${e(t).title.paddingLeft + e(t).title.paddingRight}px)`,
-          textAlign: e(t).title.textAlign,
-          color: e(t).title.color,
-          fontSize: `var(--title-font-size, ${e(t).title.fontSize}px)`,
-          fontWeight: e(t).title.bold ? "bold" : "",
-          paddingLeft: e(t).title.paddingLeft + "px",
-          paddingRight: e(t).title.paddingRight + "px",
-          lineHeight: i.lineHeight ? i.lineHeight : void 0
-        })
-      }, o(e(t).title.text), 5),
-      e(t).subtitle.text ? (l(), n("div", {
-        key: 0,
-        class: "atom-subtitle",
-        style: d({
-          width: `calc(100% - ${e(t).title.paddingLeft + e(t).title.paddingRight}px)`,
-          textAlign: e(t).title.textAlign,
-          color: e(t).subtitle.color,
-          fontSize: `var(--subtitle-font-size, ${e(t).subtitle.fontSize}px)`,
-          fontWeight: e(t).subtitle.bold ? "bold" : "",
-          paddingLeft: e(t).title.paddingLeft + "px",
-          paddingRight: e(t).title.paddingRight + "px",
-          lineHeight: i.lineHeight ? i.lineHeight : void 0
-        })
-      }, o(e(t).subtitle.text), 5)) : g("", !0),
-      e(t).subtitle.text ? (l(), n("div", {
-        key: 1,
-        style: d({
-          width: `calc(100% - ${e(t).title.paddingLeft + e(t).title.paddingRight}px)`,
-          textAlign: e(t).title.textAlign,
-          color: e(t).subtitle.color,
-          fontSize: `var(--subtitle-font-size, ${e(t).subtitle.fontSize}px)`,
-          fontWeight: e(t).subtitle.bold ? "bold" : "",
-          paddingLeft: e(t).title.paddingLeft + "px",
-          paddingRight: e(t).title.paddingRight + "px",
-          lineHeight: i.lineHeight ? i.lineHeight : void 0
-        })
-      }, [
-        r(a.$slots, "default")
-      ], 4)) : g("", !0)
-    ], 64));
-  }
-};
-export {
-  b as default
-};

package/dist/Tooltip-Cvt7Fi0Q.js

@@ -1,299 +0,0 @@
-import { ref as i, onMounted as W, onUnmounted as R, watch as Y, nextTick as j, computed as x, openBlock as M, createBlock as P, Teleport as q, createElementBlock as H, normalizeStyle as I, normalizeClass as V, renderSlot as C, createElementVNode as D, createCommentVNode as G } from "vue";
-import { u as U } from "./lib-DMzrGQHK.js";
-function J({
-  tooltip: n,
-  chart: s,
-  clientPosition: t,
-  positionPreference: v = "center",
-  defaultOffsetY: y = 24,
-  blockShiftY: b = !1
-}) {
-  const l = i(0), a = i(y);
-  if (n && s) {
-    const { width: u, height: m } = n.getBoundingClientRect(), { right: f, left: p, bottom: k } = s.getBoundingClientRect();
-    v === "center" && (t.x + u / 2 > f ? l.value = -u + (f - t.x) : t.x - u / 2 < p ? l.value = -u + (u - (t.x - p)) : l.value = -u / 2), v === "right" && (t.x + u > f ? l.value = -u + (f - t.x) : l.value = 0), v === "left" && (t.x < p + u ? l.value = -u + (u - (t.x - p)) : l.value = -u), t.y + m > k && !b && (a.value = -m - y);
-  }
-  return {
-    top: t.y + a.value,
-    left: t.x + l.value
-  };
-}
-function K(n, s, t) {
-  W(() => n.addEventListener(s, t)), R(() => n.removeEventListener(s, t));
-}
-function Q() {
-  const n = i(0), s = i(0);
-  return K(window, "mousemove", (t) => {
-    n.value = t.clientX, s.value = t.clientY;
-  }), { x: n, y: s };
-}
-const Z = ["aria-hidden"], _ = ["innerHTML"], oe = {
-  __name: "Tooltip",
-  props: {
-    teleportTo: {
-      type: String,
-      default: "body"
-    },
-    backgroundColor: {
-      type: String,
-      default: "#FFFFFF"
-    },
-    color: {
-      type: String,
-      default: "#000000"
-    },
-    content: String,
-    maxWidth: {
-      type: String,
-      default: "300px"
-    },
-    parent: {
-      type: Object
-    },
-    show: {
-      type: Boolean,
-      default: !1
-    },
-    isCustom: {
-      type: Boolean,
-      default: !1
-    },
-    fontSize: {
-      type: [Number, String],
-      default: 14
-    },
-    borderRadius: {
-      type: Number,
-      default: 4
-    },
-    borderColor: {
-      type: String,
-      default: "#e1e5e8"
-    },
-    borderWidth: {
-      type: Number,
-      default: 1
-    },
-    backgroundOpacity: {
-      type: Number,
-      default: 100
-    },
-    position: {
-      type: String,
-      default: "center"
-    },
-    offsetY: {
-      type: Number,
-      default: 24
-    },
-    blockShiftY: {
-      type: Boolean,
-      default: !1
-    },
-    isFullscreen: {
-      type: Boolean,
-      default: !1
-    },
-    smooth: {
-      type: Boolean,
-      default: !0
-    },
-    backdropFilter: {
-      type: Boolean,
-      default: !0
-    },
-    smoothForce: {
-      type: Number,
-      default: 0.18
-    },
-    smoothSnapThreshold: {
-      type: Number,
-      default: 0.25
-    },
-    isA11yMode: {
-      type: Boolean,
-      default: !1
-    },
-    a11yPosition: {
-      type: Object,
-      default: null
-    }
-  },
-  setup(n, { expose: s }) {
-    const t = n, v = i(null), { x: y, y: b } = Q(t.parent), l = i({ x: 0, y: 0 }), a = i({ x: 0, y: 0 }), u = i(null), m = i(null), f = i({ scaleX: 1, scaleY: 1 }), p = i(null);
-    function k() {
-      const e = X(v.value);
-      if (u.value = e, !e) {
-        m.value = null, f.value = { scaleX: 1, scaleY: 1 }, p.value = null;
-        return;
-      }
-      m.value = e.getBoundingClientRect(), f.value = $(e), p.value = t.parent?.getBoundingClientRect?.() || null;
-    }
-    function T(e) {
-      return e ? !!(e.transform && e.transform !== "none" || e.perspective && e.perspective !== "none" || e.filter && e.filter !== "none" || e.backdropFilter && e.backdropFilter !== "none" || e.contain && e.contain.includes("paint") || e.willChange && (e.willChange.includes("transform") || e.willChange.includes("filter"))) : !1;
-    }
-    function X(e) {
-      let o = e?.parentElement || null;
-      for (; o && o !== document.documentElement; ) {
-        const r = getComputedStyle(o);
-        if (T(r)) return o;
-        o = o.parentElement;
-      }
-      return null;
-    }
-    function $(e) {
-      if (!e) return { scaleX: 1, scaleY: 1 };
-      const r = getComputedStyle(e).transform;
-      if (!r || r === "none") return { scaleX: 1, scaleY: 1 };
-      try {
-        const d = new DOMMatrixReadOnly(r), c = Math.hypot(d.a, d.b), L = Math.hypot(d.c, d.d);
-        return {
-          scaleX: c || 1,
-          scaleY: L || 1
-        };
-      } catch {
-        return { scaleX: 1, scaleY: 1 };
-      }
-    }
-    function A({ x: e, y: o }) {
-      t.isA11yMode || (y.value = e, b.value = o);
-    }
-    let h = null;
-    function F() {
-      if (!t.show) {
-        g();
-        return;
-      }
-      if (!t.smooth) {
-        a.value.x = l.value.x, a.value.y = l.value.y, g();
-        return;
-      }
-      const e = l.value.x - a.value.x, o = l.value.y - a.value.y;
-      if (Math.abs(e) <= t.smoothSnapThreshold && Math.abs(o) <= t.smoothSnapThreshold) {
-        a.value.x = l.value.x, a.value.y = l.value.y, g();
-        return;
-      }
-      a.value.x += e * t.smoothForce, a.value.y += o * t.smoothForce, h = requestAnimationFrame(F);
-    }
-    function B() {
-      h == null && t.show && t.smooth && (h = requestAnimationFrame(F));
-    }
-    function g() {
-      h != null && (cancelAnimationFrame(h), h = null);
-    }
-    Y([y, b], ([e, o]) => {
-      l.value.x = e, l.value.y = o, t.smooth ? B() : (a.value.x = e, a.value.y = o);
-    }), Y(
-      () => t.show,
-      async (e) => {
-        if (!e) {
-          g();
-          return;
-        }
-        const o = y.value, r = b.value;
-        l.value.x = o, l.value.y = r, a.value.x = o, a.value.y = r, await j(), k(), B();
-      }
-    ), R(() => {
-      g();
-    });
-    const S = x(() => t.isA11yMode && t.a11yPosition && typeof t.a11yPosition.x == "number" && typeof t.a11yPosition.y == "number" ? {
-      x: t.a11yPosition.x,
-      y: t.a11yPosition.y
-    } : {
-      x: a.value.x,
-      y: a.value.y
-    }), E = x(() => {
-      const e = m.value;
-      if (!e)
-        return {
-          x: S.value.x,
-          y: S.value.y
-        };
-      const { scaleX: o, scaleY: r } = f.value;
-      return {
-        x: (S.value.x - e.left) / o,
-        y: (S.value.y - e.top) / r
-      };
-    }), N = x(() => {
-      const e = m.value, o = p.value;
-      if (!e || !o) return t.parent;
-      const { scaleX: r, scaleY: d } = f.value;
-      return {
-        ...t.parent,
-        getBoundingClientRect() {
-          const c = o;
-          return {
-            left: (c.left - e.left) / r,
-            top: (c.top - e.top) / d,
-            right: (c.right - e.left) / r,
-            bottom: (c.bottom - e.top) / d,
-            width: c.width / r,
-            height: c.height / d,
-            x: (c.left - e.left) / r,
-            y: (c.top - e.top) / d
-          };
-        }
-      };
-    }), w = x(() => {
-      const e = J({
-        tooltip: v.value,
-        chart: N.value,
-        clientPosition: E.value,
-        positionPreference: t.position,
-        defaultOffsetY: t.offsetY,
-        blockShiftY: t.blockShiftY
-      });
-      return {
-        top: Math.round(e.top),
-        left: Math.round(e.left)
-      };
-    }), O = x(() => U(t.backgroundColor, t.backgroundOpacity)), z = x(() => {
-      const e = {
-        pointerEvents: "none",
-        position: "fixed",
-        top: "0px",
-        left: "0px",
-        transform: `translate3d(${w.value.left}px, ${w.value.top}px, 0)`,
-        borderRadius: `${t.borderRadius}px`,
-        border: `${t.borderWidth}px solid ${t.borderColor}`,
-        zIndex: 2147483647
-      };
-      return t.isCustom || Object.assign(e, {
-        background: O.value,
-        color: t.color,
-        maxWidth: t.maxWidth,
-        fontSize: `${t.fontSize}px`
-      }), e;
-    });
-    return s({
-      placeTooltip: A
-    }), (e, o) => (M(), P(q, {
-      to: n.isFullscreen ? n.parent : n.teleportTo
-    }, [
-      n.show ? (M(), H("div", {
-        key: 0,
-        ref_key: "tooltip",
-        ref: v,
-        role: "tooltip",
-        "aria-hidden": !n.show,
-        "aria-live": "polite",
-        class: V({
-          "vue-data-ui-custom-tooltip": n.isCustom,
-          "vue-data-ui-tooltip": !n.isCustom,
-          "vue-data-ui-tooltip-backdrop": n.backdropFilter
-        }),
-        style: I(z.value)
-      }, [
-        C(e.$slots, "tooltip-before"),
-        C(e.$slots, "default"),
-        C(e.$slots, "tooltip", {}, () => [
-          D("div", { innerHTML: n.content }, null, 8, _)
-        ]),
-        C(e.$slots, "tooltip-after")
-      ], 14, Z)) : G("", !0)
-    ], 8, ["to"]));
-  }
-};
-export {
-  oe as default
-};