vue-data-ui 3.15.12 → 3.16.1

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

@@ -0,0 +1,109 @@
+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-Bf5XFbs8.js";
+import { j as E, k as I, l as O } from "./lib-DBptbyyI.js";
+import { u as T } from "./useConfig-DO94Aj5s.js";
+import { u as U } from "./usePrefersMotion-CUKm8_t8.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-DcM67rMx.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-CoOHvZUk.js → vue-ui-mini-loader-Bc3fEQ9j.js}

@@ -1,7 +1,7 @@
 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-BBT0mbHh.js";
-import { X as y } from "./lib-GwPnJSrY.js";
-import { u as L } from "./useConfig-CIgyKZ6R.js";
+import { u as m } from "./useNestedProp-Bf5XFbs8.js";
+import { X as y } from "./lib-DBptbyyI.js";
+import { u as L } from "./useConfig-DO94Aj5s.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",

package/dist/{vue-ui-molecule-Chq1qWDK.js → vue-ui-molecule-DJ_BQ4DK.js}

@@ -1,14 +1,14 @@
 import { useCssVars as St, defineAsyncComponent as m, computed as p, onMounted as It, ref as u, toRefs as Dt, watch as G, nextTick as Z, openBlock as d, createElementBlock as A, unref as a, normalizeStyle as E, normalizeClass as Le, createBlock as T, withCtx as i, renderSlot as r, normalizeProps as f, guardReactiveProps as h, createCommentVNode as k, createSlots as Be, createVNode as D, createElementVNode as _, Fragment as _t, renderList as Ft, resolveDynamicComponent as Nt, mergeProps as Lt, createTextVNode as Ue, toDisplayString as Ze } from "vue";
-import { o as Bt, q as Ut, j as Ee, t as Re, m as Zt, p as ze, n as Et, af as Rt, X as zt, x as Vt, A as Mt, s as Ve, a0 as Ht, a1 as Gt, T as xt, U as Wt } from "./lib-GwPnJSrY.js";
-import { u as jt } from "./useConfig-CIgyKZ6R.js";
+import { o as Bt, q as Ut, j as Ee, t as Re, m as Zt, p as ze, n as Et, ag as Rt, X as zt, x as Vt, A as Mt, s as Ve, a0 as Ht, a1 as Gt, T as xt, U as Wt } from "./lib-DBptbyyI.js";
+import { u as jt } from "./useConfig-DO94Aj5s.js";
 import { u as Xt, B as Yt } from "./BaseScanner-BhhkKVoj.js";
-import { u as qt } from "./usePrinter-DiK5R6k-.js";
+import { u as qt } from "./usePrinter-CEpYU3r5.js";
 import { u as Jt } from "./useSvgExport-ByUukOZt.js";
 import { u as Kt } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as ne } from "./useNestedProp-BBT0mbHh.js";
+import { u as ne } from "./useNestedProp-Bf5XFbs8.js";
 import { u as Qt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as eo } from "./useChartAccessibility-9icAAmYg.js";
-import to from "./img-BYYzY_QU.js";
+import to from "./img-LXxMLmCg.js";
 import oo from "./vue_ui_molecule-BtvlINUh.js";
 import { u as lo } from "./usePanZoom-CDF7rb3o.js";
 import { _ as ao } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -52,7 +52,7 @@ const so = ["id"], no = {
     St((t) => ({
       v791dd11f: t.slicerColor
     }));
-    const xe = m(() => import("./Title-BfyrP-jp.js")), We = m(() => import("./Tooltip-DL3QgjZf.js")), re = m(() => import("./BaseIcon-CNx8Tzl5.js")), je = m(() => import("./vue-ui-accordion-BGHTqIBt.js")), Xe = m(() => import("./DataTable-Bo1pmAqG.js")), Ye = m(() => import("./PenAndPaper-DWV1FMIi.js")), qe = m(() => import("./UserOptions-CrLqEimB.js")), Je = m(() => import("./PackageVersion-DN9d0ME5.js")), Ke = m(() => import("./RecursiveLinks-BYh0tHDW.js")), Qe = m(() => import("./RecursiveLabels-BhQMS9Sm.js")), et = m(() => import("./RecursiveCircles-BE6GoMmo.js")), tt = m(() => import("./BaseDraggableDialog-DSpKTn3R.js")), { vue_ui_molecule: ot } = jt(), { isThemeValid: lt, warnInvalidTheme: at } = Kt(), w = Me, ie = Ge, ue = p(() => !!w.dataset && w.dataset.length);
+    const xe = m(() => import("./Title-BeMKE1cj.js")), We = m(() => import("./Tooltip-Bf-kM3_A.js")), re = m(() => import("./BaseIcon-Cb3zzG6s.js")), je = m(() => import("./vue-ui-accordion-nvggWcGN.js")), Xe = m(() => import("./DataTable-DT2kIdQ6.js")), Ye = m(() => import("./PenAndPaper-Ct3qJ4lA.js")), qe = m(() => import("./UserOptions-rW2fRf3V.js")), Je = m(() => import("./PackageVersion-DPO-OOVI.js")), Ke = m(() => import("./RecursiveLinks-BYh0tHDW.js")), Qe = m(() => import("./RecursiveLabels-BhQMS9Sm.js")), et = m(() => import("./RecursiveCircles-BE6GoMmo.js")), tt = m(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_molecule: ot } = jt(), { isThemeValid: lt, warnInvalidTheme: at } = Kt(), w = Me, ie = Ge, ue = p(() => !!w.dataset && w.dataset.length);
     It(() => {
       ce();
     });