vue-data-ui 3.17.13 → 3.18.0

package/dist/vue-ui-kpi-DoHhSsDK.js

@@ -1,130 +0,0 @@
-import { defineAsyncComponent as M, computed as y, useSlots as w, ref as r, onMounted as $, watch as h, openBlock as u, createElementBlock as i, normalizeStyle as n, normalizeClass as v, renderSlot as s, createTextVNode as F, toDisplayString as N, createCommentVNode as R, createElementVNode as B, createVNode as L, unref as d, Fragment as V } from "vue";
-import { u as _ } from "./useNestedProp-DH0BEVVS.js";
-import { j as E, k as I, l as O } from "./lib-DMzrGQHK.js";
-import { u as T } from "./useConfig-CG4HT3wS.js";
-import { u as U } from "./usePrefersMotion-Co0nj1eS.js";
-const j = ["aria-labelledby"], G = ["id"], P = ["aria-label"], W = {
-  __name: "vue-ui-kpi",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: Number,
-      default: 0
-    }
-  },
-  setup(o) {
-    const D = M(() => import("./vue-ui-digits-CZmdir8V.js")), { vue_ui_kpi: S } = T(), c = U(), l = o, e = y({
-      get: () => f(),
-      set: (a) => a
-    }), A = w(), x = y(() => e.value.debug), m = r(E());
-    $(() => {
-      A["chart-background"] && x.value && console.warn("VueUiKpi does not support the #chart-background slot.");
-    });
-    function f() {
-      return _({
-        userConfig: l.config,
-        defaultConfig: S
-      });
-    }
-    h(
-      () => l.config,
-      (a) => {
-        e.value = f(), g();
-      },
-      { deep: !0 }
-    );
-    const z = r(
-      (typeof l.dataset == "number", l.dataset)
-    ), t = r(
-      e.value.useAnimation ? e.value.animationValueStart : z.value
-    ), p = (a) => {
-      const b = e.value.animationFrames, C = Math.abs(a - t.value) / b;
-      function k() {
-        t.value < a ? t.value = Math.min(
-          t.value + C,
-          a
-        ) : t.value > a && (t.value = Math.max(
-          t.value - C,
-          a
-        )), t.value !== a && requestAnimationFrame(k);
-      }
-      k();
-    };
-    $(() => {
-      g();
-    });
-    function g() {
-      e.value.useAnimation && !c.value ? (t.value = e.value.animationValueStart, p(l.dataset)) : t.value = l.dataset;
-    }
-    return h(
-      () => l.dataset,
-      (a) => {
-        e.value.useAnimation && !c.value ? p(a) : t.value = a;
-      }
-    ), (a, b) => (u(), i("div", {
-      class: v(`vue-data-ui-component vue-ui-kpi ${e.value.layoutClass}`),
-      style: n(`background:${e.value.backgroundColor}; ${e.value.layoutCss}`),
-      "aria-labelledby": `kpi-title-${m.value}`
-    }, [
-      e.value.title || a.$slots.title ? (u(), i("div", {
-        key: 0,
-        class: v(`vue-ui-kpi-title ${e.value.titleClass}`),
-        style: n(`font-family: ${e.value.fontFamily}; font-size:${e.value.titleFontSize}px; color:${e.value.titleColor}; font-weight:${e.value.titleBold ? "bold" : "normal"}; ${e.value.titleCss}`),
-        id: `kpi-title-${m.value}`
-      }, [
-        s(a.$slots, "title", { comment: o.dataset }),
-        F(" " + N(e.value.title), 1)
-      ], 14, G)) : R("", !0),
-      s(a.$slots, "comment-before", { comment: o.dataset }),
-      B("div", {
-        class: v(`vue-ui-kpi-value ${e.value.valueClass}`),
-        style: n(`font-family: ${e.value.fontFamily}; font-size:${e.value.valueFontSize}px; color:${e.value.valueColor}; font-weight:${e.value.valueBold ? "bold" : "normal"}; ${e.value.valueCss}`),
-        role: "status",
-        "aria-live": "polite",
-        "aria-atomic": "true",
-        "aria-label": t.value.toFixed(e.value.valueRounding)
-      }, [
-        s(a.$slots, "value", { comment: o.dataset }),
-        e.value.analogDigits.show ? (u(), i("div", {
-          key: 0,
-          style: n({ height: e.value.analogDigits.height + "px" })
-        }, [
-          L(d(D), {
-            dataset: Number(
-              t.value.toFixed(
-                e.value.valueRounding
-              )
-            ),
-            config: {
-              backgroundColor: e.value.backgroundColor,
-              digits: {
-                color: e.value.analogDigits.color,
-                skeletonColor: e.value.analogDigits.skeletonColor
-              }
-            }
-          }, null, 8, ["dataset", "config"])
-        ], 4)) : (u(), i(V, { key: 1 }, [
-          F(N(d(I)(
-            e.value.formatter,
-            t.value,
-            d(O)({
-              p: e.value.prefix,
-              v: t.value,
-              s: e.value.suffix,
-              r: e.value.valueRounding
-            })
-          )), 1)
-        ], 64))
-      ], 14, P),
-      s(a.$slots, "comment-after", { comment: o.dataset })
-    ], 14, j));
-  }
-};
-export {
-  W as default
-};

package/dist/vue-ui-mini-loader-DOTBVCLE.js

@@ -1,138 +0,0 @@
-import { useCssVars as h, computed as o, ref as f, openBlock as n, createElementBlock as u, unref as M, createElementVNode as t, normalizeStyle as l, createCommentVNode as a } from "vue";
-import { u as m } from "./useNestedProp-DH0BEVVS.js";
-import { X as y } from "./lib-DMzrGQHK.js";
-import { u as L } from "./useConfig-CG4HT3wS.js";
-import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const b = ["xmlns", "viewBox"], x = { key: 0 }, $ = ["stroke"], w = ["stroke"], A = ["stroke"], N = { key: 1 }, O = ["stroke"], S = { key: 2 }, F = ["stroke"], I = {
-  __name: "vue-ui-mini-loader",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
-  },
-  setup(c) {
-    h((_) => ({
-      v52026c5d: v.value,
-      v571acde0: C.value,
-      v222cd9e5: g.value
-    }));
-    const { vue_ui_mini_loader: d } = L(), p = c, e = o(() => m({
-      userConfig: p.config,
-      defaultConfig: d
-    })), k = f({
-      onion: "-10 -10 84 84",
-      line: "-10 -10 112 84",
-      bar: "-10 -10 106 84"
-    }), i = o(() => ({
-      gutter: `stroke:${e.value.line.gutterColor};opacity:${e.value.line.gutterOpacity};`,
-      gutterBlur: `filter:blur(${e.value.line.gutterBlur}px);`
-    })), s = o(() => ({
-      gutter: `stroke:${e.value.bar.gutterColor};opacity:${e.value.bar.gutterOpacity};`,
-      gutterBlur: `filter:blur(${e.value.bar.gutterBlur}px);`
-    })), r = o(() => ({
-      gutter: `stroke:${e.value.onion.gutterColor};opacity:${e.value.onion.gutterOpacity};`,
-      gutterBlur: `filter:blur(${e.value.onion.gutterBlur}px);`
-    })), v = o(
-      () => `blur(${e.value.onion.trackBlur}px) hue-rotate(${e.value.onion.trackHueRotate}deg)`
-    ), C = o(
-      () => `blur(${e.value.line.trackBlur}px) hue-rotate(${e.value.line.trackHueRotate}deg)`
-    ), g = o(
-      () => `blur(${e.value.bar.trackBlur}px) hue-rotate(${e.value.bar.trackHueRotate}deg)`
-    );
-    return (_, E) => (n(), u("svg", {
-      class: "vue-data-ui-component vue-ui-mini-loader",
-      xmlns: M(y),
-      viewBox: k.value[e.value.type],
-      style: { background: "transparent" },
-      width: "100%"
-    }, [
-      e.value.type === "onion" ? (n(), u("g", x, [
-        t("path", {
-          d: "M 3 32 C 3 45 12 62 32 62 A 1 1 0 0 0 32 3",
-          "stroke-width": "4",
-          fill: "none",
-          "stroke-linecap": "round",
-          style: l(r.value.gutter + r.value.gutterBlur)
-        }, null, 4),
-        t("path", {
-          d: "M 13 32 C 13 39 19 52 32 52 A 1 1 0 0 0 32 13",
-          "stroke-width": "4",
-          fill: "none",
-          "stroke-linecap": "round",
-          style: l(r.value.gutter + r.value.gutterBlur)
-        }, null, 4),
-        t("path", {
-          d: "M 23 32 C 23 37 26.5 41 32 41 A 1 1 0 0 0 32 25",
-          "stroke-width": "4",
-          fill: "none",
-          "stroke-linecap": "round",
-          style: l(r.value.gutter + r.value.gutterBlur)
-        }, null, 4),
-        t("path", {
-          d: "M 3 32 C 3 45 12 62 32 62 A 1 1 0 0 0 32 3",
-          stroke: e.value.onion.trackColor,
-          "stroke-width": "4",
-          fill: "none",
-          "stroke-linecap": "round",
-          class: "onion-animated"
-        }, null, 8, $),
-        t("path", {
-          d: "M 13 32 C 13 39 19 52 32 52 A 1 1 0 0 0 32 13",
-          stroke: e.value.onion.trackColor,
-          "stroke-width": "4",
-          fill: "none",
-          "stroke-linecap": "round",
-          class: "onion-animated"
-        }, null, 8, w),
-        t("path", {
-          d: "M 23 32 C 23 37 26.5 41 32 41 A 1 1 0 0 0 32 25",
-          stroke: e.value.onion.trackColor,
-          "stroke-width": "4",
-          fill: "none",
-          "stroke-linecap": "round",
-          class: "onion-animated"
-        }, null, 8, A)
-      ])) : a("", !0),
-      e.value.type === "line" ? (n(), u("g", N, [
-        t("path", {
-          d: "M 3 62 C 6 57 6 48 11 45 C 16 44 17 53 22 52 C 27 49 25 32 30 31 C 34 29 37 47 42 47 C 46 47 45 38 49 36 C 53 34 56 45 61 45 C 66 45 65 24 69 24 C 73 22 75 35 79 34 C 84 34 83 11 91 5",
-          "stroke-width": "4",
-          fill: "none",
-          "stroke-linecap": "round",
-          style: l(i.value.gutter + i.value.gutterBlur)
-        }, null, 4),
-        t("path", {
-          d: "M 3 62 C 6 57 6 48 11 45 C 16 44 17 53 22 52 C 27 49 25 32 30 31 C 34 29 37 47 42 47 C 46 47 45 38 49 36 C 53 34 56 45 61 45 C 66 45 65 24 69 24 C 73 22 75 35 79 34 C 84 34 83 11 91 5",
-          stroke: e.value.line.trackColor,
-          "stroke-width": "4",
-          fill: "none",
-          "stroke-linecap": "round",
-          class: "line-animated"
-        }, null, 8, O)
-      ])) : a("", !0),
-      e.value.type === "bar" ? (n(), u("g", S, [
-        t("path", {
-          d: "M 3 62 L 3 44 M 12 62 L 12 49 M 21 62 L 21 37 M 30 62 L 30 29 M 39 62 L 39 43 M 48 62 L 48 16 M 57 62 L 57 24 M 66 62 L 66 35 M 75 62 L 75 20 M 84 62 L 84 5",
-          "stroke-width": "4",
-          fill: "none",
-          "stroke-linecap": "round",
-          style: l(s.value.gutter + s.value.gutterBlur)
-        }, null, 4),
-        t("path", {
-          d: "M 3 62 L 3 44 M 12 62 L 12 49 M 21 62 L 21 37 M 30 62 L 30 29 M 39 62 L 39 43 M 48 62 L 48 16 M 57 62 L 57 24 M 66 62 L 66 35 M 75 62 L 75 20 M 84 62 L 84 5",
-          stroke: e.value.bar.trackColor,
-          "stroke-width": "4",
-          fill: "none",
-          "stroke-linecap": "round",
-          class: "bar-animated"
-        }, null, 8, F)
-      ])) : a("", !0)
-    ], 8, b));
-  }
-}, X = /* @__PURE__ */ B(I, [["__scopeId", "data-v-9dd280d2"]]);
-export {
-  X as default
-};