vue-data-ui 2.12.6 → 2.12.7-beta.1

package/dist/{vue-ui-kpi-D57QLK6A.js → vue-ui-kpi-DiVxDYiV.js}

@@ -1,7 +1,6 @@
-import { computed as D, useSlots as x, onMounted as g, watch as C, ref as $, createElementBlock as i, openBlock as s, normalizeStyle as u, normalizeClass as r, createElementVNode as k, renderSlot as n, createTextVNode as y, toDisplayString as h, createVNode as z, Fragment as A, unref as b } from "vue";
-import { u as w } from "./useNestedProp-v7KPpwuP.js";
-import { u as B, i as L, f as M } from "./index-BFzQMJda.js";
-import E from "./vue-ui-digits-CHmkL0hn.js";
+import { defineAsyncComponent as A, computed as x, useSlots as z, onMounted as C, watch as y, ref as k, createElementBlock as i, openBlock as s, normalizeStyle as u, normalizeClass as r, createElementVNode as $, renderSlot as n, createTextVNode as h, toDisplayString as b, createVNode as w, unref as v, Fragment as B } from "vue";
+import { u as L } from "./useNestedProp-CZztHZIm.js";
+import { u as M, i as E, f as I } from "./index-BHEd2dgu.js";
 const G = {
   __name: "vue-ui-kpi",
   props: {
@@ -17,50 +16,50 @@ const G = {
     }
   },
   setup(o) {
-    const { vue_ui_kpi: F } = B(), l = o, e = D({
-      get: () => v(),
+    const F = A(() => import("./vue-ui-digits-Cwy7WTqM.js")), { vue_ui_kpi: N } = M(), l = o, e = x({
+      get: () => c(),
       set: (a) => a
-    }), N = x();
-    g(() => {
-      N["chart-background"] && console.warn("VueUiKpi does not support the #chart-background slot.");
+    }), D = z();
+    C(() => {
+      D["chart-background"] && console.warn("VueUiKpi does not support the #chart-background slot.");
     });
-    function v() {
-      return w({
+    function c() {
+      return L({
         userConfig: l.config,
-        defaultConfig: F
+        defaultConfig: N
       });
     }
-    C(() => l.config, (a) => {
-      e.value = v(), c();
+    y(() => l.config, (a) => {
+      e.value = c(), d();
     }, { deep: !0 });
-    const S = $((typeof l.dataset == "number", l.dataset)), t = $(e.value.useAnimation ? e.value.animationValueStart : S.value), m = (a) => {
-      const f = e.value.animationFrames, d = Math.abs(a - t.value) / f;
-      function p() {
-        t.value < a ? t.value = Math.min(t.value + d, a) : t.value > a && (t.value = Math.max(t.value - d, a)), t.value !== a && requestAnimationFrame(p);
+    const S = k((typeof l.dataset == "number", l.dataset)), t = k(e.value.useAnimation ? e.value.animationValueStart : S.value), m = (a) => {
+      const f = e.value.animationFrames, p = Math.abs(a - t.value) / f;
+      function g() {
+        t.value < a ? t.value = Math.min(t.value + p, a) : t.value > a && (t.value = Math.max(t.value - p, a)), t.value !== a && requestAnimationFrame(g);
       }
-      p();
+      g();
     };
-    g(() => {
-      c();
+    C(() => {
+      d();
     });
-    function c() {
+    function d() {
       e.value.useAnimation ? (t.value = e.value.animationValueStart, m(l.dataset)) : t.value = l.dataset;
     }
-    return C(() => l.dataset, (a) => {
+    return y(() => l.dataset, (a) => {
       e.value.useAnimation ? m(a) : t.value = a;
     }), (a, f) => (s(), i("div", {
       class: r(`vue-ui-kpi ${e.value.layoutClass}`),
       style: u(`background:${e.value.backgroundColor}; ${e.value.layoutCss}`)
     }, [
-      k("div", {
+      $("div", {
         class: r(`vue-ui-kpi-title ${e.value.titleClass}`),
         style: u(`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}`)
       }, [
         n(a.$slots, "title", { comment: o.dataset }),
-        y(" " + h(e.value.title), 1)
+        h(" " + b(e.value.title), 1)
       ], 6),
       n(a.$slots, "comment-before", { comment: o.dataset }),
-      k("div", {
+      $("div", {
         class: r(`vue-ui-kpi-value ${e.value.valueClass}`),
         style: u(`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}`)
       }, [
@@ -69,7 +68,7 @@ const G = {
           key: 0,
           style: u({ height: e.value.analogDigits.height + "px" })
         }, [
-          z(E, {
+          w(v(F), {
             dataset: Number(t.value.toFixed(e.value.valueRounding)),
             config: {
               backgroundColor: e.value.backgroundColor,
@@ -79,11 +78,11 @@ const G = {
               }
             }
           }, null, 8, ["dataset", "config"])
-        ], 4)) : (s(), i(A, { key: 1 }, [
-          y(h(b(L)(
+        ], 4)) : (s(), i(B, { key: 1 }, [
+          h(b(v(E)(
             e.value.formatter,
             t.value,
-            b(M)({
+            v(I)({
               p: e.value.prefix,
               v: t.value,
               s: e.value.suffix,

package/dist/{vue-ui-mini-loader-CR4c-xJQ.js → vue-ui-mini-loader-CqbUMft8.js}

@@ -1,6 +1,6 @@
 import { useCssVars as h, computed as r, ref as f, createElementBlock as n, openBlock as u, unref as M, createCommentVNode as a, createElementVNode as t, normalizeStyle as l } from "vue";
-import { u as m } from "./useNestedProp-v7KPpwuP.js";
-import { u as y, X as L } from "./index-BFzQMJda.js";
+import { u as m } from "./useNestedProp-CZztHZIm.js";
+import { u as y, X as L } from "./index-BHEd2dgu.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",