vue-data-ui 3.0.0-next.9 → 3.0.0

package/dist/useAutoSizeLabelsInsideViewbox-FmDQyX4z.js

@@ -0,0 +1,81 @@
+import { a1 as K } from "./index-BtNwOUja.js";
+function q({
+  svgRef: S,
+  fontSize: p,
+  minFontSize: z,
+  sizeRef: A,
+  labelClass: B,
+  labelTypes: m = []
+}) {
+  let y = null;
+  function g(e) {
+    let n = e[0];
+    for (let t = 1; t < e.length; t += 1) e[t] < n && (n = e[t]);
+    return n;
+  }
+  function w(e) {
+    let n = e[0];
+    for (let t = 1; t < e.length; t += 1) e[t] > n && (n = e[t]);
+    return n;
+  }
+  function F(e) {
+    const n = e.ownerSVGElement;
+    if (!n) return { x: 0, y: 0, width: 0, height: 0 };
+    const t = e.getBBox(), i = e.getCTM(), s = [
+      { x: t.x, y: t.y },
+      { x: t.x + t.width, y: t.y },
+      { x: t.x, y: t.y + t.height },
+      { x: t.x + t.width, y: t.y + t.height }
+    ].map((r) => {
+      const a = n.createSVGPoint();
+      a.x = r.x, a.y = r.y;
+      const l = i ? a.matrixTransform(i) : a;
+      return { x: l.x, y: l.y };
+    }), h = s.map((r) => r.x), c = s.map((r) => r.y), o = g(h), u = w(h), f = g(c), x = w(c);
+    return { x: o, y: f, width: u - o, height: x - f };
+  }
+  function O(e, n, t = 1) {
+    const { x: i, y: s, width: h, height: c } = F(e), o = i >= n.x + t, u = i + h <= n.x + n.width - t, f = s >= n.y + t, x = s + c <= n.y + n.height - t;
+    return o && u && f && x;
+  }
+  function d(e, n, t, i, s = 120, h = 1) {
+    let c = t, o = 0;
+    for (; o < s && (e.style.fontSize = `${c}px`, !(O(e, n, h) || c <= i)); )
+      c -= 0.5, o += 1;
+    return c < i ? i : c;
+  }
+  function b() {
+    const e = S.value;
+    if (!e) return;
+    const [n, t, i, s] = e.getAttribute("viewBox").split(" ").map(Number), h = { x: n, y: t, width: i, height: s };
+    m.length || (m = [
+      {
+        selector: B,
+        baseSize: p,
+        minSize: z,
+        sizeRef: A
+      }
+    ]), m.map((o) => e.querySelectorAll(o.selector).length).reduce((o, u) => o + u, 0) !== 0 && m.forEach(({ selector: o, baseSize: u, minSize: f, sizeRef: x }) => {
+      e.querySelectorAll(o).forEach((r) => {
+        const a = K({
+          el: r,
+          bounds: h,
+          currentFontSize: u,
+          minFontSize: f,
+          attempts: 200,
+          padding: 1
+        }), l = d(r, h, a, f, 120, 1);
+        r.style.fontSize = `${l}px`, x.value = l;
+      });
+    });
+  }
+  function v() {
+    y && cancelAnimationFrame(y), y = requestAnimationFrame(() => {
+      y = null, b();
+    });
+  }
+  return { autoSizeLabels: v };
+}
+export {
+  q as u
+};

package/dist/useFitSvgText-2crs6Fv5.js

@@ -0,0 +1,69 @@
+import { nextTick as v } from "vue";
+function k({
+  svgRef: S,
+  unitWidth: b,
+  fontSize: m = 12,
+  step: z = 0.5,
+  maxIterations: w = 60,
+  hideUnderMin: N = !0
+}) {
+  const u = /* @__PURE__ */ new WeakMap(), y = (t) => {
+    if (typeof t == "number") return t;
+    if (!t) return NaN;
+    const s = parseFloat(String(t).replace("px", ""));
+    return Number.isFinite(s) ? s : NaN;
+  }, l = (t) => {
+    const s = y(t.getAttribute("font-size"));
+    if (Number.isFinite(s)) return s;
+    const r = window.getComputedStyle(t);
+    return y(r.fontSize) || m;
+  }, n = (t, s) => {
+    t.setAttribute("font-size", String(s));
+  }, F = (t) => {
+    if (u.has(t))
+      n(t, u.get(t));
+    else {
+      const s = l(t);
+      u.set(t, s), n(t, s);
+    }
+  }, h = (t) => {
+    try {
+      return t.getBBox().width || 0;
+    } catch {
+      return 0;
+    }
+  };
+  return {
+    fitText: async (t, s = 6) => {
+      await v();
+      const r = S?.value;
+      if (!r) return;
+      const d = r.querySelectorAll(t);
+      if (!d.length) return;
+      const o = Math.max(0, b.value);
+      if (o <= 0) return;
+      const a = [];
+      d.forEach((e) => {
+        const f = e.style.display, g = e.style.opacity;
+        e.style.display = "", e.style.opacity = "0", F(e);
+        let c = h(e), p = l(e), i = p, x = 0;
+        if (c <= o)
+          a.push({ el: e, finalSize: p, fits: !0 });
+        else {
+          for (; c > o && i > s && x < w; )
+            i = Math.max(s, i - z), n(e, i), c = h(e), x += 1;
+          const T = c <= o && i > s;
+          a.push({ el: e, finalSize: i, fits: T }), n(e, p);
+        }
+        e.style.display = f, e.style.opacity = g;
+      });
+      const A = N && a.some((e) => !e.fits);
+      a.forEach(({ el: e, finalSize: f, fits: g }) => {
+        A ? e.style.display = "none" : (e.style.display = "", n(e, f));
+      });
+    }
+  };
+}
+export {
+  k as u
+};

package/dist/useLoading-D7YHNtLX.js

@@ -0,0 +1,29 @@
+import { createElementBlock as v, openBlock as g, ref as d, computed as h, unref as c, watchEffect as A } from "vue";
+import { _ as y } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const B = {}, E = { class: "vue-data-ui-scanner" };
+function L(o, e) {
+  return g(), v("div", E);
+}
+const S = /* @__PURE__ */ y(B, [["render", L], ["__scopeId", "data-v-d6376e44"]]);
+function T({
+  config: o,
+  dataset: e,
+  skeletonDataset: r,
+  skeletonConfig: s,
+  FINAL_CONFIG: i,
+  prepareConfig: f,
+  callback: t = null,
+  dsIsNumber: _ = !1
+}) {
+  const u = d(!1), a = h(() => {
+    const m = c(o)?.loading ?? !1, n = c(e), p = _ ? [null, void 0].includes(n) : n == null || Array.isArray(n) && n.length === 0 || Object.keys(n).length === 0;
+    return u.value || m || p;
+  }), l = d(c(e));
+  return A(() => {
+    l.value = a.value ? r : c(e), i.value = a.value ? s : f(), t && t();
+  }), { loading: a, FINAL_DATASET: l, manualLoading: u, skeletonDataset: r, skeletonConfig: s };
+}
+export {
+  S as B,
+  T as u
+};

package/dist/useNestedProp-f2H3m6Yj.js

@@ -0,0 +1,13 @@
+import { t as o, A as n } from "./index-BtNwOUja.js";
+function c({ defaultConfig: e, userConfig: t }) {
+  if (!Object.keys(t || {}).length)
+    return e;
+  const r = o({
+    defaultConfig: e,
+    userConfig: t
+  });
+  return n(r);
+}
+export {
+  c as u
+};

package/dist/usePanZoom-BVca3eMk.js

@@ -0,0 +1,122 @@
+import { ref as h, computed as H, onMounted as I, onUnmounted as W, watchEffect as _, watch as G } from "vue";
+function U(r, A = { x: 0, y: 0, width: 100, height: 100 }, C = 1, k) {
+  const l = h({ ...A }), o = h({ ...l.value }), v = h(1), E = h(!1), p = h(!1), w = h(0), X = h(null), m = h({ x: 0, y: 0 }), D = H(
+    () => o.value.x !== l.value.x || o.value.y !== l.value.y || o.value.width !== l.value.width || o.value.height !== l.value.height
+  );
+  let f = null;
+  function M(e) {
+    if (e.length < 2) return 0;
+    const t = e[0].clientX - e[1].clientX, n = e[0].clientY - e[1].clientY;
+    return Math.hypot(t, n);
+  }
+  function g(e) {
+    const t = r.value;
+    if (!t) return { x: 0, y: 0 };
+    const n = t.createSVGPoint();
+    n.x = e.clientX, n.y = e.clientY;
+    const a = t.getScreenCTM()?.inverse();
+    return a ? n.matrixTransform(a) : { x: 0, y: 0 };
+  }
+  function B(e, t) {
+    const n = r.value;
+    if (!n) return { dx: 0, dy: 0 };
+    const a = Math.max(1, n.clientWidth), i = Math.max(1, n.clientHeight), c = o.value.width / a, s = o.value.height / i;
+    return { dx: e * c, dy: t * s };
+  }
+  function L(e) {
+    E.value = !0;
+    const t = e.touches?.[0] || e;
+    m.value = { x: t.clientX, y: t.clientY }, r.value && (r.value.style.cursor = "grabbing");
+  }
+  function P(e) {
+    if (!E.value) return;
+    const t = e.touches?.[0] || e, n = t.clientX - m.value.x, a = t.clientY - m.value.y;
+    if (n === 0 && a === 0) return;
+    const { dx: i, dy: c } = B(n, a);
+    o.value.x -= i, o.value.y -= c, m.value = { x: t.clientX, y: t.clientY };
+  }
+  function d() {
+    E.value = !1, r.value && (r.value.style.cursor = "");
+  }
+  function T(e) {
+    e.preventDefault();
+    const t = e.deltaY > 0 ? 0.9 : 1.1;
+    S(t, g(e));
+  }
+  function Z(e) {
+    e.preventDefault();
+    const t = g(e), n = 1.02 * (1 + C / 100);
+    V(n, t);
+  }
+  function V(e, t) {
+    f && cancelAnimationFrame(f);
+    const n = v.value, a = n * e;
+    let i = 0;
+    const c = (u) => u < 0.5 ? 2 * u * u : -1 + (4 - 2 * u) * u, s = () => {
+      i += 0.02;
+      const u = n + (a - n) * c(i);
+      S(u / n, t), i < 1 ? f = requestAnimationFrame(s) : f = null;
+    };
+    s();
+  }
+  function S(e, t) {
+    const n = v.value * e, a = n / v.value, i = o.value.width / a, c = o.value.height / a, s = (t.x - o.value.x) * (1 - 1 / a), u = (t.y - o.value.y) * (1 - 1 / a);
+    o.value.x += s, o.value.y += u, o.value.width = i, o.value.height = c, v.value = n;
+  }
+  function b(e) {
+    e.touches.length === 2 ? (p.value = !0, w.value = M(e.touches), X.value = { ...o.value }) : (e.preventDefault(), L(e));
+  }
+  function F(e) {
+    if (p.value && e.touches.length === 2) {
+      e.preventDefault();
+      const t = M(e.touches);
+      if (w.value) {
+        const n = t / w.value;
+        r.value.getBoundingClientRect();
+        const i = (e.touches[0].clientX + e.touches[1].clientX) / 2, c = (e.touches[0].clientY + e.touches[1].clientY) / 2, s = g({ clientX: i, clientY: c });
+        o.value = { ...X.value }, S(n, s);
+      }
+    } else
+      e.preventDefault(), P(e);
+  }
+  function x(e) {
+    e.touches.length < 2 && (p.value = !1), d();
+  }
+  function q(e = !1) {
+    if (!e) {
+      o.value = { ...l.value }, v.value = 1;
+      return;
+    }
+    const t = { ...o.value }, n = v.value, a = 300;
+    let i = null;
+    const c = (s) => {
+      i == null && (i = s);
+      const u = Math.min((s - i) / a, 1);
+      o.value = {
+        x: t.x + (l.value.x - t.x) * u,
+        y: t.y + (l.value.y - t.y) * u,
+        width: t.width + (l.value.width - t.width) * u,
+        height: t.height + (l.value.height - t.height) * u
+      }, v.value = n + (1 - n) * u, u < 1 && requestAnimationFrame(c);
+    };
+    requestAnimationFrame(c);
+  }
+  function z(e, t = {}) {
+    const { overwriteCurrentIfNotZoomed: n = !0 } = t;
+    l.value = { ...e }, !D.value && n && (o.value = { ...l.value }, v.value = 1);
+  }
+  function Y() {
+    const e = r.value;
+    e && (e.addEventListener("mousedown", L), e.addEventListener("mousemove", P), e.addEventListener("mouseup", d), e.addEventListener("mouseleave", d), e.addEventListener("wheel", T, { passive: !1 }), e.addEventListener("dblclick", Z), e.addEventListener("touchstart", b, { passive: !1 }), e.addEventListener("touchmove", F, { passive: !1 }), e.addEventListener("touchend", x), e.addEventListener("touchcancel", x));
+  }
+  function y() {
+    const e = r.value;
+    e && (e.removeEventListener("mousedown", L), e.removeEventListener("mousemove", P), e.removeEventListener("mouseup", d), e.removeEventListener("mouseleave", d), e.removeEventListener("wheel", T), e.removeEventListener("dblclick", Z), e.removeEventListener("touchstart", b), e.removeEventListener("touchmove", F), e.removeEventListener("touchend", x), e.removeEventListener("touchcancel", x));
+  }
+  return I(Y), W(y), _(() => (k?.value ? Y() : y(), () => y())), G(r, (e, t) => {
+    y(), Y();
+  }), { viewBox: o, resetZoom: q, isZoom: D, setInitialViewBox: z };
+}
+export {
+  U as u
+};

package/dist/{usePrinter-rIrqBbbm.js → usePrinter-DUNjpQNe.js}

@@ -10,7 +10,7 @@ function m({
     !t || r.value || (r.value = !0, clearTimeout(n.value), n.value = setTimeout(async () => {
       if (t)
         try {
-          const { default: e } = await import("./pdf-CXdbjyRJ.js");
+          const { default: e } = await import("./pdf-DoShrdT5.js");
           await e({
             domElement: document.getElementById(u),
             fileName: l,
@@ -27,7 +27,7 @@ function m({
     !t || a.value || (a.value = !0, clearTimeout(n.value), n.value = setTimeout(async () => {
       if (t)
         try {
-          const { default: e } = await import("./img-C_9wps3s.js");
+          const { default: e } = await import("./img-DrR839Ot.js");
           await e({
             domElement: document.getElementById(u),
             fileName: l,

package/dist/useTimeLabelCollider-CIsgDrl9.js

@@ -0,0 +1,78 @@
+import { watch as A, nextTick as D } from "vue";
+function S({
+  timeLabelsEls: F,
+  timeLabels: L,
+  slicer: x,
+  configRef: s,
+  rotationPath: r,
+  autoRotatePath: p,
+  isAutoSize: N,
+  setViewBox: y,
+  forceResizeObserver: C,
+  callback: o,
+  targetClass: j = ".vue-data-ui-time-label",
+  rotation: w = -30.0001,
+  height: T = null,
+  width: b = null
+}) {
+  function i(a, n) {
+    return n.reduce((e, t) => e && e[t], a);
+  }
+  function g(a, n, e) {
+    n.slice(0, -1).reduce((t, l) => t[l], a)[n.slice(-1)] = e;
+  }
+  function q(a) {
+    const n = /translate\(\s*([^\s,]+)\s*,\s*([^\s,]+)\s*\)/.exec(a);
+    return n ? {
+      x: parseFloat(n[1]),
+      y: parseFloat(n[2])
+    } : { x: 0, y: 0 };
+  }
+  async function c() {
+    await D();
+    const a = F.value;
+    if (!a) return;
+    const e = Array.from(a.querySelectorAll(j)).map((u) => ({
+      ...q(u.getAttribute("transform")),
+      width: u.getBBox().width
+    }));
+    let t = !1;
+    const l = 4;
+    for (let u = 0; u < e.length && !t; u += 1)
+      for (let m = u + 1; m < e.length; m += 1) {
+        const v = e[u], f = e[m];
+        if (!(v.x + v.width + l < f.x || f.x + f.width + l < v.x)) {
+          t = !0;
+          break;
+        }
+      }
+    const d = i(s.value, r);
+    t && !d ? (g(s.value, r, w), o && o({ collision: t }), N.value && y && C && (y(), C())) : !t && d === w && (g(s.value, r, 0), o && o({ collision: t }));
+  }
+  function B(a, n) {
+    let e;
+    return (...t) => {
+      clearTimeout(e), e = setTimeout(() => a(...t), n);
+    };
+  }
+  const h = B(c, 200);
+  return T && b && A([() => b.value, () => T.value], async ([a, n], [e, t]) => {
+    if (!i(s.value, p)) return;
+    a !== e || n !== t ? h() : await c();
+  }), A(
+    [
+      () => L.value,
+      () => i(s.value, r),
+      () => x.value.start,
+      () => x.value.end
+    ],
+    async ([, , a, n], [, , e, t]) => {
+      if (!i(s.value, p)) return;
+      a !== e || n !== t ? h() : await c();
+    },
+    { immediate: !0 }
+  ), { detectTimeLabelCollision: c };
+}
+export {
+  S as u
+};