vue-data-ui 3.7.15 → 3.8.0

package/dist/vue-ui-cursor-CIynd5w9.js

@@ -1,229 +0,0 @@
-import { ref as c, computed as _, onMounted as R, onBeforeUnmount as S, createElementBlock as l, createCommentVNode as o, openBlock as i, normalizeStyle as E, unref as m, createElementVNode as r, normalizeClass as C, toDisplayString as p, nextTick as b } from "vue";
-import { u as F, a as L } from "./useNestedProp-CVGae3Qt.js";
-import { c as z, X as O, s as I } from "./lib-DUaaQGCv.js";
-import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const N = ["xmlns", "height", "width"], T = {
-  id: "follower",
-  fy: "30%",
-  fx: "30%"
-}, D = ["stop-color", "stop-opacity"], $ = ["r", "fill", "stroke", "stroke-width", "stroke-dasharray"], W = ["r"], G = {
-  key: 2,
-  class: "wave"
-}, A = ["id"], U = ["id"], V = ["filter", "stroke"], M = {
-  key: 3,
-  class: "crosshair"
-}, P = ["x1", "stroke", "stroke-width", "stroke-dasharray"], X = ["x1", "stroke", "stroke-width", "stroke-dasharray"], j = ["y1", "stroke", "stroke-width", "stroke-dasharray"], Y = ["y1", "stroke", "stroke-width", "stroke-dasharray"], q = ["cy", "r", "fill"], H = ["cy", "r", "fill"], J = ["cx", "r", "fill"], K = ["cx", "r", "fill"], Q = {
-  key: 5,
-  class: "coordinates"
-}, Z = ["x", "y", "font-size", "fill"], ee = ["transform"], te = ["font-size", "fill"], re = {
-  __name: "vue-ui-cursor",
-  props: {
-    config: {
-      type: Object,
-      default: {}
-    }
-  },
-  setup(x) {
-    const { vue_ui_cursor: g } = F(), w = x, d = c(z()), e = _(() => L({
-      userConfig: w.config,
-      defaultConfig: g
-    })), s = c({
-      x: -100,
-      y: -100
-    });
-    function f({ clientX: t, clientY: a, ...se }) {
-      s.value.x = t - e.value.centerCircleRadius, s.value.y = a - e.value.centerCircleRadius;
-    }
-    function h(t) {
-      s.value.x = t.targetTouches[0].clientX - e.value.centerCircleRadius, s.value.y = t.targetTouches[0].clientY - e.value.centerCircleRadius;
-    }
-    const y = c(!0);
-    function u(t) {
-      y.value = t;
-    }
-    const n = c(!1), v = c(null);
-    function k() {
-      n.value = !1, v.value && clearTimeout(v.value), b(() => {
-        n.value = !0, v.value = setTimeout(() => {
-          n.value = !1;
-        }, 1e3);
-      });
-    }
-    return R(() => {
-      const t = e.value.parentId ? document.getElementById(e.value.parentId) : document.getElementsByTagName("div")[0];
-      t.addEventListener("mousemove", f), t.addEventListener("touchmove", h), t.addEventListener("mouseleave", () => u(!1)), t.addEventListener("mouseenter", () => u(!0)), t.addEventListener("click", k);
-    }), S(() => {
-      const t = e.value.parentId ? document.getElementById(e.value.parentId) : document.getElementsByTagName("div")[0];
-      t.removeEventListener("mousemove", f), t.removeEventListener("touchmove", h), t.removeEventListener("mouseleave", () => u(!1)), t.removeEventListener("mouseenter", () => u(!0)), t.removeEventListener("click", k);
-    }), _(() => e.value.centerCircleRadius / 2.5), (t, a) => y.value ? (i(), l("svg", {
-      key: 0,
-      "data-dom-to-png-ignore": "",
-      xmlns: m(O),
-      style: E(`z-index: 2147483647; overflow: visible; pointer-events: none;background: transparent; position:fixed; top:${s.value.y}px; left:${s.value.x}px;`),
-      viewBox: "0 0 100 100",
-      height: e.value.centerCircleRadius * 2,
-      width: e.value.centerCircleRadius * 2
-    }, [
-      r("defs", null, [
-        r("radialGradient", T, [
-          r("stop", {
-            offset: "10%",
-            "stop-color": e.value.bubbleEffectColor,
-            "stop-opacity": e.value.bubbleEffectOpacity
-          }, null, 8, D),
-          a[0] || (a[0] = r("stop", {
-            offset: "95%",
-            "stop-color": "transparent"
-          }, null, -1))
-        ])
-      ]),
-      e.value.showCenterCircle ? (i(), l("circle", {
-        key: 0,
-        cx: 50,
-        cy: 50,
-        r: e.value.centerCircleRadius,
-        fill: m(I)(e.value.centerCircleColor, e.value.centerCircleOpacity * 100),
-        stroke: e.value.centerCircleStroke,
-        "stroke-width": e.value.centerCircleStrokeWidth,
-        "stroke-dasharray": e.value.centerCircleDasharray
-      }, null, 8, $)) : o("", !0),
-      e.value.bubbleEffect ? (i(), l("circle", {
-        key: 1,
-        cx: 50,
-        cy: 50,
-        r: e.value.centerCircleRadius,
-        fill: "url(#follower)",
-        stroke: "none"
-      }, null, 8, W)) : o("", !0),
-      e.value.useWaveOnClick ? (i(), l("g", G, [
-        r("defs", null, [
-          r("filter", {
-            id: `blur_${d.value}`,
-            x: "-50%",
-            y: "-50%",
-            width: "200%",
-            height: "200%"
-          }, [
-            r("feGaussianBlur", {
-              in: "SourceGraphic",
-              stdDeviation: 4,
-              id: `blur_std_${d.value}`
-            }, null, 8, U),
-            a[1] || (a[1] = r("feColorMatrix", {
-              type: "saturate",
-              values: "0"
-            }, null, -1))
-          ], 8, A)
-        ]),
-        n.value ? (i(), l("circle", {
-          key: 0,
-          class: C({ "circle-wave": n.value }),
-          cx: 50,
-          cy: 50,
-          r: 50,
-          filter: `url(#blur_${d.value})`,
-          stroke: e.value.centerCircleStroke,
-          fill: "none",
-          "stroke-width": "3"
-        }, null, 10, V)) : o("", !0)
-      ])) : o("", !0),
-      e.value.showCrosshair ? (i(), l("g", M, [
-        r("line", {
-          x1: -e.value.centerCircleRadius + 50,
-          x2: -5e3,
-          y1: 50,
-          y2: 50,
-          stroke: e.value.crosshairStroke,
-          "stroke-width": e.value.crosshairStrokeWidth,
-          "stroke-dasharray": e.value.crosshairDasharray,
-          "stroke-linecap": "round"
-        }, null, 8, P),
-        r("line", {
-          x1: 50 + e.value.centerCircleRadius,
-          x2: 5e3,
-          y1: 50,
-          y2: 50,
-          stroke: e.value.crosshairStroke,
-          "stroke-width": e.value.crosshairStrokeWidth,
-          "stroke-dasharray": e.value.crosshairDasharray,
-          "stroke-linecap": "round"
-        }, null, 8, X),
-        r("line", {
-          x1: 50,
-          x2: 50,
-          y1: -e.value.centerCircleRadius + 50,
-          y2: -5e3,
-          stroke: e.value.crosshairStroke,
-          "stroke-width": e.value.crosshairStrokeWidth,
-          "stroke-dasharray": e.value.crosshairDasharray,
-          "stroke-linecap": "round"
-        }, null, 8, j),
-        r("line", {
-          x1: 50,
-          x2: 50,
-          y1: e.value.centerCircleRadius + 50,
-          y2: 5e3,
-          stroke: e.value.crosshairStroke,
-          "stroke-width": e.value.crosshairStrokeWidth,
-          "stroke-dasharray": e.value.crosshairDasharray,
-          "stroke-linecap": "round"
-        }, null, 8, Y)
-      ])) : o("", !0),
-      e.value.showIntersectCircles ? (i(), l("g", {
-        key: 4,
-        class: C({ "rotating-circles": e.value.isLoading })
-      }, [
-        r("circle", {
-          cx: 50,
-          cy: e.value.centerCircleRadius + 50,
-          r: e.value.intersectCirclesRadius,
-          fill: e.value.intersectCirclesFill
-        }, null, 8, q),
-        r("circle", {
-          cx: 50,
-          cy: -e.value.centerCircleRadius + 50,
-          r: e.value.intersectCirclesRadius,
-          fill: e.value.intersectCirclesFill
-        }, null, 8, H),
-        r("circle", {
-          cx: -e.value.centerCircleRadius + 50,
-          cy: 50,
-          r: e.value.intersectCirclesRadius,
-          fill: e.value.intersectCirclesFill
-        }, null, 8, J),
-        r("circle", {
-          cx: e.value.centerCircleRadius + 50,
-          cy: 50,
-          r: e.value.intersectCirclesRadius,
-          fill: e.value.intersectCirclesFill
-        }, null, 8, K)
-      ], 2)) : o("", !0),
-      e.value.showCoordinates ? (i(), l("g", Q, [
-        r("text", {
-          "text-anchor": "end",
-          x: -e.value.centerCircleRadius + 50 - e.value.coordinatesFontSize / 2 + e.value.coordinatesOffset,
-          y: 50 - e.value.coordinatesFontSize / 2 + e.value.coordinatesOffset,
-          "font-size": e.value.coordinatesFontSize,
-          fill: e.value.coordinatesColor,
-          style: { "font-variant-numeric": "tabular-nums" },
-          "font-family": "Arial"
-        }, p(s.value.x.toFixed(0)), 9, Z),
-        r("g", {
-          transform: `translate(${50 - e.value.coordinatesFontSize / 2 + e.value.coordinatesOffset}, ${-e.value.centerCircleRadius + 50 - e.value.coordinatesFontSize / 2 + e.value.coordinatesOffset})`
-        }, [
-          r("text", {
-            "text-anchor": "start",
-            "font-size": e.value.coordinatesFontSize,
-            fill: e.value.coordinatesColor,
-            style: { "font-variant-numeric": "tabular-nums" },
-            transform: "rotate(-90)",
-            "font-family": "Arial"
-          }, p(s.value.y.toFixed(0)), 9, te)
-        ], 8, ee)
-      ])) : o("", !0)
-    ], 12, N)) : o("", !0);
-  }
-}, ne = /* @__PURE__ */ B(re, [["__scopeId", "data-v-e07e5d09"]]);
-export {
-  ne as default
-};

package/dist/vue-ui-digits-BDVx5bMH.js

@@ -1,154 +0,0 @@
-import { ref as v, computed as d, createElementBlock as i, openBlock as $, Fragment as m, createCommentVNode as o, createElementVNode as l, normalizeStyle as k, unref as C, renderList as b, createBlock as N } from "vue";
-import { u as q, a as M } from "./useNestedProp-CVGae3Qt.js";
-import { X as S } from "./lib-DUaaQGCv.js";
-const w = { key: 0 }, B = ["d", "fill"], F = ["d", "fill"], X = ["d", "fill"], E = ["d", "fill"], I = ["d", "fill"], O = ["d", "fill"], A = ["d", "fill"], D = { key: 1 }, G = ["cx", "cy", "fill"], V = {
-  __name: "Digit",
-  props: {
-    quanta: {
-      type: String,
-      default: null
-    },
-    backgroundColor: {
-      type: String,
-      default: "#e1e5e8"
-    },
-    color: {
-      type: String,
-      default: "#000000"
-    },
-    // coordinates from top left of a
-    x: {
-      type: Number,
-      default: 0
-    },
-    y: {
-      type: Number,
-      default: 0
-    }
-  },
-  setup(e) {
-    const c = e, u = v({
-      /**
-       * clockwise from top (last: g)
-       *     a
-       *    ----
-       * f |    | b
-       *    ----
-       * e | g  | c
-       *    ----
-       *     d
-      */
-      0: "1111110",
-      1: "0110000",
-      2: "1101101",
-      3: "1111001",
-      4: "0110011",
-      5: "1011011",
-      6: "1011111",
-      7: "1110000",
-      8: "1111111",
-      9: "1111011",
-      "-": "0000001",
-      X: "0000000"
-    }), t = d(() => [void 0, null].includes(c.quanta) ? u.value.X : u.value[c.quanta]);
-    return (y, g) => ($(), i(m, null, [
-      [void 0, null, "."].includes(e.quanta) ? o("", !0) : ($(), i("g", w, [
-        l("path", {
-          d: `M ${e.x} ${e.y} L ${e.x + 2} ${e.y - 2} L ${e.x + 24} ${e.y - 2} L ${e.x + 26} ${e.y} L ${e.x + 24} ${e.y + 2} L ${e.x + 2} ${e.y + 2}Z`,
-          fill: t.value[0] == 1 ? e.color : e.backgroundColor,
-          stroke: "none"
-        }, null, 8, B),
-        l("path", {
-          d: `M ${e.x + 26} ${e.y + 26} L ${e.x + 26} ${e.y + 4} L ${e.x + 28} ${e.y + 2} L ${e.x + 30} ${e.y + 4} L ${e.x + 30} ${e.y + 26} L ${e.x + 28} ${e.y + 28} L ${e.x + 26} ${e.y + 26}`,
-          fill: t.value[1] == 1 ? e.color : e.backgroundColor,
-          stroke: "none"
-        }, null, 8, F),
-        l("path", {
-          d: `M ${e.x + 26} ${e.y + 56} L ${e.x + 26} ${e.y + 34} L ${e.x + 28} ${e.y + 32} L ${e.x + 30} ${e.y + 34} L ${e.x + 30} ${e.y + 56} L ${e.x + 28} ${e.y + 58} L ${e.x + 26} ${e.y + 56}`,
-          fill: t.value[2] == 1 ? e.color : e.backgroundColor,
-          stroke: "none"
-        }, null, 8, X),
-        l("path", {
-          d: `M ${e.x + 2} ${e.y + 58} L ${e.x} ${e.y + 60} L ${e.x + 2} ${e.y + 62} L ${e.x + 24} ${e.y + 62} L ${e.x + 26} ${e.y + 60} L ${e.x + 24} ${e.y + 58} L ${e.x + 2} ${e.y + 58}`,
-          fill: t.value[3] == 1 ? e.color : e.backgroundColor,
-          stroke: "none"
-        }, null, 8, E),
-        l("path", {
-          d: `M ${e.x} ${e.y + 34} L ${e.x - 2} ${e.y + 32} L ${e.x - 4} ${e.y + 34} L ${e.x - 4} ${e.y + 56} L ${e.x - 2} ${e.y + 58} L ${e.x} ${e.y + 56} L ${e.x} ${e.y + 34}`,
-          fill: t.value[4] == 1 ? e.color : e.backgroundColor,
-          stroke: "none"
-        }, null, 8, I),
-        l("path", {
-          d: `M ${e.x - 2} ${e.y + 2} L ${e.x} ${e.y + 4} L ${e.x} ${e.y + 26} L ${e.x - 2} ${e.y + 28} L ${e.x - 4} ${e.y + 26} L ${e.x - 4} ${e.y + 4} L ${e.x - 2} ${e.y + 2}`,
-          fill: t.value[5] == 1 ? e.color : e.backgroundColor,
-          stroke: "none"
-        }, null, 8, O),
-        l("path", {
-          d: `M ${e.x + 2} ${e.y + 28} L ${e.x} ${e.y + 30} L ${e.x + 2} ${e.y + 32} L ${e.x + 24} ${e.y + 32} L ${e.x + 26} ${e.y + 30} L ${e.x + 24} ${e.y + 28} L ${e.x + 2} ${e.y + 28}`,
-          fill: t.value[6] == 1 ? e.color : e.backgroundColor,
-          stroke: "none"
-        }, null, 8, A)
-      ])),
-      e.quanta == "." ? ($(), i("g", D, [
-        l("circle", {
-          cx: e.x - 8,
-          cy: e.y + 60,
-          r: 3,
-          fill: e.color
-        }, null, 8, G)
-      ])) : o("", !0)
-    ], 64));
-  }
-}, j = ["xmlns", "viewBox"], U = {
-  __name: "vue-ui-digits",
-  props: {
-    dataset: {
-      type: Number,
-      default: 0
-    },
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
-  },
-  setup(e) {
-    const { vue_ui_digits: c } = q(), u = e, t = d(() => M({
-      userConfig: u.config,
-      defaultConfig: c
-    })), y = d(() => {
-      const a = (u.dataset || 0).toString().split(""), x = [], n = {
-        x: 10,
-        y: 10
-      };
-      let L = 0;
-      for (let f = 0; f < a.length; f += 1) {
-        const h = a[f];
-        x.push({
-          x: n.x + L,
-          y: n.y,
-          quanta: h
-        }), h == "." ? L += 2 : L += 44;
-      }
-      return x;
-    }), g = d(() => Math.max(...y.value.map((a) => a.x)) + 36);
-    return (a, x) => ($(), i("svg", {
-      class: "vue-data-ui-component vue-ui-digits",
-      xmlns: C(S),
-      viewBox: `0 0 ${g.value} 80`,
-      style: k(`background:${t.value.backgroundColor};${t.value.height ? `height:${t.value.height};` : ""}${t.value.width ? `width:${t.value.width}` : ""}`)
-    }, [
-      ($(!0), i(m, null, b(y.value, (n) => ($(), N(V, {
-        x: n.x,
-        y: n.y,
-        quanta: n.quanta,
-        color: t.value.digits.color,
-        backgroundColor: t.value.digits.skeletonColor
-      }, null, 8, ["x", "y", "quanta", "color", "backgroundColor"]))), 256))
-    ], 12, j));
-  }
-};
-export {
-  U as default
-};