vue-data-ui 3.2.7 → 3.3.0

package/dist/{vue-ui-smiley-B70Ck-49.js → vue-ui-smiley-CY7UiJ9C.js}

@@ -1,12 +1,12 @@
-import { useSlots as E, onMounted as G, ref as R, computed as _, watch as T, createElementBlock as s, openBlock as i, normalizeStyle as a, createCommentVNode as d, createElementVNode as l, toDisplayString as c, unref as o, withKeys as z, normalizeClass as M, createTextVNode as S, createStaticVNode as $ } from "vue";
-import { o as P, f as q, a as x, d as b, X as f, i as k } from "./lib-BEpWEyMm.js";
-import { u as J, a as Q } from "./useNestedProp-BOk-tPdu.js";
+import { useSlots as E, onMounted as G, ref as R, computed as _, watch as T, createElementBlock as s, openBlock as i, normalizeStyle as a, createCommentVNode as u, createElementVNode as l, toDisplayString as c, unref as o, withKeys as z, normalizeClass as M, createTextVNode as S, createStaticVNode as $ } from "vue";
+import { o as P, f as q, a as x, d as b, X as y, i as k } from "./lib-GIYcnm0E.js";
+import { u as J, a as Q } from "./useNestedProp-mxyyqd0B.js";
 import { _ as W } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Z = {
   key: 0,
   class: "vue-ui-rating-title",
   style: { width: "100%" }
-}, tt = ["xmlns", "stroke"], et = { id: "vueUiSmiley0" }, lt = ["stop-color"], ot = ["stop-color"], at = ["fill"], st = ["stroke"], it = ["xmlns", "viewBox", "stroke"], nt = { id: "vueUiSmiley0" }, rt = ["stop-color"], dt = ["stop-color"], ut = ["fill"], vt = ["viewBox", "stroke"], pt = ["xmlns", "stroke"], yt = { id: "vueUiSmiley1" }, ft = ["stop-color"], ht = ["stop-color"], ct = ["fill"], gt = ["xmlns", "stroke"], mt = ["xmlns", "viewBox", "stroke"], kt = { id: "vueUiSmiley1" }, xt = ["stop-color"], bt = ["stop-color"], $t = ["fill"], wt = ["viewBox", "stroke"], zt = ["xmlns", "stroke"], Mt = { id: "vueUiSmiley2" }, St = ["stop-color"], _t = ["stop-color"], Rt = ["fill"], Ct = ["xmlns", "stroke"], Bt = ["xmlns", "viewBox", "stroke"], jt = { id: "vueUiSmiley2" }, Ht = ["stop-color"], Ut = ["stop-color"], Gt = ["fill"], Vt = ["xmlns", "viewBox", "stroke"], At = ["xmlns", "stroke"], Xt = { id: "vueUiSmiley3" }, Yt = ["stop-color"], Nt = ["stop-color"], Ft = ["fill"], It = ["xmlns", "stroke"], Kt = ["xmlns", "viewBox", "stroke"], Ot = { id: "vueUiSmiley3" }, Lt = ["stop-color"], Dt = ["stop-color"], Et = ["fill"], Tt = ["xmlns", "viewBox", "stroke"], Pt = ["xmlns", "stroke"], qt = { id: "vueUiSmiley4" }, Jt = ["stop-color"], Qt = ["stop-color"], Wt = ["fill"], Zt = ["xmlns", "stroke"], te = ["xmlns", "viewBox", "stroke"], ee = { id: "vueUiSmiley4" }, le = ["stop-color"], oe = ["stop-color"], ae = ["fill"], se = ["xmlns", "viewBox", "stroke"], ie = {
+}, tt = ["xmlns", "stroke"], et = { id: "vueUiSmiley0" }, lt = ["stop-color"], ot = ["stop-color"], at = ["fill"], st = ["stroke"], it = ["xmlns", "viewBox", "stroke"], nt = { id: "vueUiSmiley0" }, rt = ["stop-color"], ut = ["stop-color"], dt = ["fill"], vt = ["viewBox", "stroke"], pt = ["xmlns", "stroke"], ft = { id: "vueUiSmiley1" }, yt = ["stop-color"], ht = ["stop-color"], ct = ["fill"], gt = ["xmlns", "stroke"], mt = ["xmlns", "viewBox", "stroke"], kt = { id: "vueUiSmiley1" }, xt = ["stop-color"], bt = ["stop-color"], $t = ["fill"], wt = ["viewBox", "stroke"], zt = ["xmlns", "stroke"], Mt = { id: "vueUiSmiley2" }, St = ["stop-color"], _t = ["stop-color"], Rt = ["fill"], Ct = ["xmlns", "stroke"], Bt = ["xmlns", "viewBox", "stroke"], jt = { id: "vueUiSmiley2" }, Ht = ["stop-color"], Ut = ["stop-color"], Gt = ["fill"], Vt = ["xmlns", "viewBox", "stroke"], At = ["xmlns", "stroke"], Xt = { id: "vueUiSmiley3" }, Yt = ["stop-color"], Nt = ["stop-color"], Ft = ["fill"], It = ["xmlns", "stroke"], Kt = ["xmlns", "viewBox", "stroke"], Ot = { id: "vueUiSmiley3" }, Lt = ["stop-color"], Dt = ["stop-color"], Et = ["fill"], Tt = ["xmlns", "viewBox", "stroke"], Pt = ["xmlns", "stroke"], qt = { id: "vueUiSmiley4" }, Jt = ["stop-color"], Qt = ["stop-color"], Wt = ["fill"], Zt = ["xmlns", "stroke"], te = ["xmlns", "viewBox", "stroke"], ee = { id: "vueUiSmiley4" }, le = ["stop-color"], oe = ["stop-color"], ae = ["fill"], se = ["xmlns", "viewBox", "stroke"], ie = {
   __name: "vue-ui-smiley",
   props: {
     config: {
@@ -24,14 +24,14 @@ const Z = {
   },
   emits: ["rate"],
   setup(V, { expose: A, emit: X }) {
-    const { vue_ui_smiley: Y } = J(), u = V, N = E();
+    const { vue_ui_smiley: Y } = J(), d = V, N = E();
     G(() => {
       N["chart-background"] && console.warn("VueUiSmiley does not support the #chart-background slot.");
     }), G(() => {
       C();
     });
     function C() {
-      (!Object.hasOwn(u.dataset, "rating") || P(u.dataset)) && q({
+      (!Object.hasOwn(d.dataset, "rating") || P(d.dataset)) && q({
         componentName: "VueUiSmiley",
         type: "datasetAttribute",
         property: "rating"
@@ -43,14 +43,14 @@ const Z = {
     });
     function j() {
       return Q({
-        userConfig: u.config,
+        userConfig: d.config,
         defaultConfig: Y
       });
     }
-    T(() => u.config, (r) => {
+    T(() => d.config, (r) => {
       t.value = j(), C();
     }, { deep: !0 });
-    const I = _(() => typeof u.dataset.rating == "object" && !Array.isArray(u.dataset.rating) ? K(u.dataset.rating) : u.dataset.rating || null), w = _(() => typeof u.dataset.rating == "object" && !Array.isArray(u.dataset.rating)), p = R(I.value), y = _(() => t.value.readonly);
+    const I = _(() => typeof d.dataset.rating == "object" && !Array.isArray(d.dataset.rating) ? K(d.dataset.rating) : d.dataset.rating || null), w = _(() => typeof d.dataset.rating == "object" && !Array.isArray(d.dataset.rating)), p = R(I.value), f = _(() => t.value.readonly);
     function K(r) {
       if (r === null) return null;
       let e = 0, n = 0;
@@ -72,13 +72,13 @@ const Z = {
       }
     }
     function m(r) {
-      y.value || (p.value = r, F("rate", r));
+      f.value || (p.value = r, F("rate", r));
     }
     function O() {
       return p.value;
     }
     function L(r = !0) {
-      y.value = r;
+      f.value = r;
     }
     A({
       getData: O,
@@ -88,7 +88,7 @@ const Z = {
       return t.value.readonly ? t.value.style.colors.inactive[r] : p.value === r + 1 ? t.value.style.icons.useGradient && t.value.style.icons.filled ? `url(#vueUiSmiley${r})` : t.value.style.colors.active[r] : v.value !== void 0 && v.value === r ? t.value.style.icons.useGradient && t.value.style.icons.filled ? `url(#vueUiSmiley${r})` : t.value.style.colors.active[r] : t.value.style.colors.inactive[r];
     }
     return (r, e) => (i(), s("div", {
-      class: "vue-ui-smiley",
+      class: "vue-data-ui-component vue-ui-smiley",
       style: a(`background:${t.value.style.backgroundColor};font-family:${t.value.style.fontFamily};width:100%;`),
       onMouseover: e[20] || (e[20] = (n) => B.value = !0),
       onMouseleave: e[21] || (e[21] = (n) => {
@@ -102,8 +102,8 @@ const Z = {
         t.value.style.title.subtitle.text ? (i(), s("div", {
           key: 0,
           style: a(`color:${t.value.style.title.subtitle.color};font-size:${t.value.style.title.subtitle.fontSize}px;text-align:${t.value.style.title.textAlign};margin-bottom:${t.value.style.title.subtitle.offsetY}px;font-weight:${t.value.style.title.subtitle.bold ? "bold" : "normal"}`)
-        }, c(t.value.style.title.subtitle.text), 5)) : d("", !0)
-      ])) : d("", !0),
+        }, c(t.value.style.title.subtitle.text), 5)) : u("", !0)
+      ])) : u("", !0),
       t.value.style.rating.show && t.value.style.rating.position === "top" ? (i(), s("div", {
         key: 1,
         style: a(`width:100%;text-align:center;margin-bottom:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold ? "bold" : "normal"};margin-left:${t.value.style.rating.offsetX}px`)
@@ -115,7 +115,7 @@ const Z = {
           r: t.value.style.rating.roundingValue
         }),
         t.value
-      )), 5)) : d("", !0),
+      )), 5)) : u("", !0),
       l("div", {
         class: "vue-ui-smiley-wrapper",
         style: a(`overflow:visible;height:${t.value.style.itemSize}px;width:fit-content;margin:0 auto;display:flex;align-items:center;justify-content:center;`)
@@ -131,7 +131,7 @@ const Z = {
             r: t.value.style.rating.roundingValue
           }),
           t.value
-        )), 5)) : d("", !0),
+        )), 5)) : u("", !0),
         l("div", {
           tabindex: "0",
           class: M({ "vue-ui-smiley-rated": !t.value.readonly && p.value === 1 }),
@@ -142,7 +142,7 @@ const Z = {
           onClick: e[2] || (e[2] = (n) => m(1)),
           onKeyup: e[3] || (e[3] = z((n) => m(1), ["enter"]))
         }, [
-          t.value.style.tooltip.show && w.value && y.value ? (i(), s("div", {
+          t.value.style.tooltip.show && w.value && f.value ? (i(), s("div", {
             key: 0,
             class: "vue-ui-rating-tooltip",
             style: a(`border:1px solid ${t.value.style.tooltip.borderColor};position:absolute;top:${-48 + t.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${t.value.style.tooltip.backgroundColor};display:${v.value === 0 ? "block" : "none"};padding:2px 12px;border-radius:${t.value.style.tooltip.borderRadius}px;box-shadow:${t.value.style.tooltip.boxShadow}`)
@@ -158,9 +158,9 @@ const Z = {
                 style: a(`font-weight:${t.value.style.tooltip.bold ? "bold" : "normal"};font-size:${t.value.style.tooltip.fontSize}px`)
               }, c(o(x)(
                 t.value.style.tooltip.formatter,
-                u.dataset.rating[1],
+                d.dataset.rating[1],
                 o(b)({
-                  v: u.dataset.rating[1],
+                  v: d.dataset.rating[1],
                   r: t.value.style.tooltip.roundingValue
                 }),
                 t.value
@@ -169,10 +169,10 @@ const Z = {
                 style: a(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${t.value.style.tooltip.borderColor}`)
               }, " ▼ ", 4)
             ], 4)
-          ], 4)) : d("", !0),
+          ], 4)) : u("", !0),
           t.value.style.icons.filled ? (i(), s("svg", {
             key: 1,
-            xmlns: o(f),
+            xmlns: o(y),
             style: { transition: "all 0.1s ease-in-out", position: "absolute", top: "0", left: "0" },
             height: "100%",
             viewBox: "0 0 24 24",
@@ -215,11 +215,11 @@ const Z = {
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, [...e[24] || (e[24] = [
-            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-dabd0325></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-dabd0325></path><path d="M9 10l.01 0" data-v-dabd0325></path><path d="M15 10l.01 0" data-v-dabd0325></path><path d="M9.5 15.25a3.5 3.5 0 0 1 5 0" data-v-dabd0325></path>', 5)
+            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-f39f9ba0></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-f39f9ba0></path><path d="M9 10l.01 0" data-v-f39f9ba0></path><path d="M15 10l.01 0" data-v-f39f9ba0></path><path d="M9.5 15.25a3.5 3.5 0 0 1 5 0" data-v-f39f9ba0></path>', 5)
           ])], 8, st)),
-          t.value.style.icons.filled && y.value ? (i(), s("svg", {
+          t.value.style.icons.filled && f.value ? (i(), s("svg", {
             key: 3,
-            xmlns: o(f),
+            xmlns: o(y),
             style: { transition: "all 0.1s ease-in-out", position: "absolute", top: "0", left: "0" },
             height: "100%",
             viewBox: `0 0 ${g(0)} 24`,
@@ -238,7 +238,7 @@ const Z = {
                 l("stop", {
                   offset: "100%",
                   "stop-color": t.value.style.colors.activeReadonly[0]
-                }, null, 8, dt)
+                }, null, 8, ut)
               ])
             ]),
             e[25] || (e[25] = l("path", {
@@ -250,9 +250,9 @@ const Z = {
               d: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-5 9.86a4.5 4.5 0 0 0 -3.214 1.35a1 1 0 1 0 1.428 1.4a2.5 2.5 0 0 1 3.572 0a1 1 0 0 0 1.428 -1.4a4.5 4.5 0 0 0 -3.214 -1.35zm-2.99 -4.2l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm6 0l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z",
               "stroke-width": "0",
               fill: t.value.style.icons.useGradient ? "url(#vueUiSmiley0)" : t.value.style.colors.activeReadonly[0]
-            }, null, 8, ut)
-          ], 8, it)) : d("", !0),
-          !t.value.style.icons.filled && y.value ? (i(), s("svg", {
+            }, null, 8, dt)
+          ], 8, it)) : u("", !0),
+          !t.value.style.icons.filled && f.value ? (i(), s("svg", {
             key: 4,
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
@@ -263,8 +263,8 @@ const Z = {
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, [...e[26] || (e[26] = [
-            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-dabd0325></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-dabd0325></path><path d="M9 10l.01 0" data-v-dabd0325></path><path d="M15 10l.01 0" data-v-dabd0325></path><path d="M9.5 15.25a3.5 3.5 0 0 1 5 0" data-v-dabd0325></path>', 5)
-          ])], 8, vt)) : d("", !0)
+            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-f39f9ba0></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-f39f9ba0></path><path d="M9 10l.01 0" data-v-f39f9ba0></path><path d="M15 10l.01 0" data-v-f39f9ba0></path><path d="M9.5 15.25a3.5 3.5 0 0 1 5 0" data-v-f39f9ba0></path>', 5)
+          ])], 8, vt)) : u("", !0)
         ], 38),
         l("div", {
           tabindex: "0",
@@ -275,7 +275,7 @@ const Z = {
           onClick: e[6] || (e[6] = (n) => m(2)),
           onKeyup: e[7] || (e[7] = z((n) => m(2), ["enter"]))
         }, [
-          t.value.style.tooltip.show && w.value && y.value ? (i(), s("div", {
+          t.value.style.tooltip.show && w.value && f.value ? (i(), s("div", {
             key: 0,
             class: "vue-ui-rating-tooltip",
             style: a(`border:1px solid ${t.value.style.tooltip.borderColor};position:absolute;top:${-48 + t.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${t.value.style.tooltip.backgroundColor};display:${v.value === 1 ? "block" : "none"};padding:2px 12px;border-radius:${t.value.style.tooltip.borderRadius}px;box-shadow:${t.value.style.tooltip.boxShadow}`)
@@ -291,9 +291,9 @@ const Z = {
                 style: a(`font-weight:${t.value.style.tooltip.bold ? "bold" : "normal"};font-size:${t.value.style.tooltip.fontSize}px`)
               }, c(o(x)(
                 t.value.style.tooltip.formatter,
-                u.dataset.rating[2],
+                d.dataset.rating[2],
                 o(b)({
-                  v: u.dataset.rating[2],
+                  v: d.dataset.rating[2],
                   r: t.value.style.tooltip.roundingValue
                 }),
                 t.value
@@ -302,10 +302,10 @@ const Z = {
                 style: a(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${t.value.style.tooltip.borderColor}`)
               }, " ▼ ", 4)
             ], 4)
-          ], 4)) : d("", !0),
+          ], 4)) : u("", !0),
           t.value.style.icons.filled ? (i(), s("svg", {
             key: 1,
-            xmlns: o(f),
+            xmlns: o(y),
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
             viewBox: "0 0 24 24",
@@ -316,11 +316,11 @@ const Z = {
             "stroke-linejoin": "round"
           }, [
             l("defs", null, [
-              l("radialGradient", yt, [
+              l("radialGradient", ft, [
                 l("stop", {
                   offset: "0%",
                   "stop-color": o(k)(t.value.style.colors.active[1], 0.05)
-                }, null, 8, ft),
+                }, null, 8, yt),
                 l("stop", {
                   offset: "100%",
                   "stop-color": t.value.style.colors.active[1]
@@ -339,7 +339,7 @@ const Z = {
             }, null, 8, ct)
           ], 8, pt)) : (i(), s("svg", {
             key: 2,
-            xmlns: o(f),
+            xmlns: o(y),
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
             viewBox: "0 0 24 24",
@@ -349,11 +349,11 @@ const Z = {
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, [...e[29] || (e[29] = [
-            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-dabd0325></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-dabd0325></path><path d="M9 10l.01 0" data-v-dabd0325></path><path d="M15 10l.01 0" data-v-dabd0325></path><path d="M9 15l6 0" data-v-dabd0325></path>', 5)
+            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-f39f9ba0></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-f39f9ba0></path><path d="M9 10l.01 0" data-v-f39f9ba0></path><path d="M15 10l.01 0" data-v-f39f9ba0></path><path d="M9 15l6 0" data-v-f39f9ba0></path>', 5)
           ])], 8, gt)),
-          t.value.style.icons.filled && y.value ? (i(), s("svg", {
+          t.value.style.icons.filled && f.value ? (i(), s("svg", {
             key: 3,
-            xmlns: o(f),
+            xmlns: o(y),
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
             viewBox: `0 0 ${g(1)} 24`,
@@ -385,8 +385,8 @@ const Z = {
               "stroke-width": "0",
               fill: t.value.style.icons.useGradient ? "url(#vueUiSmiley1)" : t.value.style.colors.activeReadonly[1]
             }, null, 8, $t)
-          ], 8, mt)) : d("", !0),
-          !t.value.style.icons.filled && y.value ? (i(), s("svg", {
+          ], 8, mt)) : u("", !0),
+          !t.value.style.icons.filled && f.value ? (i(), s("svg", {
             key: 4,
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
@@ -397,8 +397,8 @@ const Z = {
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, [...e[31] || (e[31] = [
-            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-dabd0325></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-dabd0325></path><path d="M9 10l.01 0" data-v-dabd0325></path><path d="M15 10l.01 0" data-v-dabd0325></path><path d="M9 15l6 0" data-v-dabd0325></path>', 5)
-          ])], 8, wt)) : d("", !0)
+            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-f39f9ba0></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-f39f9ba0></path><path d="M9 10l.01 0" data-v-f39f9ba0></path><path d="M15 10l.01 0" data-v-f39f9ba0></path><path d="M9 15l6 0" data-v-f39f9ba0></path>', 5)
+          ])], 8, wt)) : u("", !0)
         ], 38),
         l("div", {
           tabindex: "0",
@@ -409,7 +409,7 @@ const Z = {
           onClick: e[10] || (e[10] = (n) => m(3)),
           onKeyup: e[11] || (e[11] = z((n) => m(3), ["enter"]))
         }, [
-          t.value.style.tooltip.show && w.value && y.value ? (i(), s("div", {
+          t.value.style.tooltip.show && w.value && f.value ? (i(), s("div", {
             key: 0,
             class: "vue-ui-rating-tooltip",
             style: a(`border:1px solid ${t.value.style.tooltip.borderColor};position:absolute;top:${-48 + t.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${t.value.style.tooltip.backgroundColor};display:${v.value === 2 ? "block" : "none"};padding:2px 12px;border-radius:${t.value.style.tooltip.borderRadius}px;box-shadow:${t.value.style.tooltip.boxShadow}`)
@@ -425,9 +425,9 @@ const Z = {
                 style: a(`font-weight:${t.value.style.tooltip.bold ? "bold" : "normal"};font-size:${t.value.style.tooltip.fontSize}px`)
               }, c(o(x)(
                 t.value.style.tooltip.formatter,
-                u.dataset.rating[3],
+                d.dataset.rating[3],
                 o(b)({
-                  v: u.dataset.rating[3],
+                  v: d.dataset.rating[3],
                   r: t.value.style.tooltip.roundingValue
                 }),
                 t.value
@@ -436,10 +436,10 @@ const Z = {
                 style: a(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${t.value.style.tooltip.borderColor}`)
               }, " ▼ ", 4)
             ], 4)
-          ], 4)) : d("", !0),
+          ], 4)) : u("", !0),
           t.value.style.icons.filled ? (i(), s("svg", {
             key: 1,
-            xmlns: o(f),
+            xmlns: o(y),
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
             viewBox: "0 0 24 24",
@@ -473,7 +473,7 @@ const Z = {
             }, null, 8, Rt)
           ], 8, zt)) : (i(), s("svg", {
             key: 2,
-            xmlns: o(f),
+            xmlns: o(y),
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
             viewBox: "0 0 24 24",
@@ -492,9 +492,9 @@ const Z = {
             l("path", { d: "M9 10l.01 0" }, null, -1),
             l("path", { d: "M15 10l.01 0" }, null, -1)
           ])], 8, Ct)),
-          t.value.style.icons.filled && y.value ? (i(), s("svg", {
+          t.value.style.icons.filled && f.value ? (i(), s("svg", {
             key: 3,
-            xmlns: o(f),
+            xmlns: o(y),
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
             viewBox: `0 0 ${g(2)} 24`,
@@ -526,10 +526,10 @@ const Z = {
               "stroke-width": "0",
               fill: t.value.style.icons.useGradient ? "url(#vueUiSmiley2)" : t.value.style.colors.activeReadonly[2]
             }, null, 8, Gt)
-          ], 8, Bt)) : d("", !0),
-          !t.value.style.icons.filled && y.value ? (i(), s("svg", {
+          ], 8, Bt)) : u("", !0),
+          !t.value.style.icons.filled && f.value ? (i(), s("svg", {
             key: 4,
-            xmlns: o(f),
+            xmlns: o(y),
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
             viewBox: `0 0 ${g(2)} 24`,
@@ -547,7 +547,7 @@ const Z = {
             l("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }, null, -1),
             l("path", { d: "M9 10l.01 0" }, null, -1),
             l("path", { d: "M15 10l.01 0" }, null, -1)
-          ])], 8, Vt)) : d("", !0)
+          ])], 8, Vt)) : u("", !0)
         ], 38),
         l("div", {
           tabindex: "0",
@@ -558,7 +558,7 @@ const Z = {
           onClick: e[14] || (e[14] = (n) => m(4)),
           onKeyup: e[15] || (e[15] = z((n) => m(4), ["enter"]))
         }, [
-          t.value.style.tooltip.show && w.value && y.value ? (i(), s("div", {
+          t.value.style.tooltip.show && w.value && f.value ? (i(), s("div", {
             key: 0,
             class: "vue-ui-rating-tooltip",
             style: a(`border:1px solid ${t.value.style.tooltip.borderColor};position:absolute;top:${-48 + t.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${t.value.style.tooltip.backgroundColor};display:${v.value === 3 ? "block" : "none"};padding:2px 12px;border-radius:${t.value.style.tooltip.borderRadius}px;box-shadow:${t.value.style.tooltip.boxShadow}`)
@@ -574,9 +574,9 @@ const Z = {
                 style: a(`font-weight:${t.value.style.tooltip.bold ? "bold" : "normal"};font-size:${t.value.style.tooltip.fontSize}px`)
               }, c(o(x)(
                 t.value.style.tooltip.formatter,
-                u.dataset.rating[4],
+                d.dataset.rating[4],
                 o(b)({
-                  v: u.dataset.rating[4],
+                  v: d.dataset.rating[4],
                   r: t.value.style.tooltip.roundingValue
                 }),
                 t.value
@@ -585,10 +585,10 @@ const Z = {
                 style: a(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${t.value.style.tooltip.borderColor}`)
               }, " ▼ ", 4)
             ], 4)
-          ], 4)) : d("", !0),
+          ], 4)) : u("", !0),
           t.value.style.icons.filled ? (i(), s("svg", {
             key: 1,
-            xmlns: o(f),
+            xmlns: o(y),
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
             viewBox: "0 0 24 24",
@@ -622,7 +622,7 @@ const Z = {
             }, null, 8, Ft)
           ], 8, At)) : (i(), s("svg", {
             key: 2,
-            xmlns: o(f),
+            xmlns: o(y),
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
             viewBox: "0 0 24 24",
@@ -632,11 +632,11 @@ const Z = {
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, [...e[39] || (e[39] = [
-            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-dabd0325></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-dabd0325></path><path d="M9 10l.01 0" data-v-dabd0325></path><path d="M15 10l.01 0" data-v-dabd0325></path><path d="M9.5 15a3.5 3.5 0 0 0 5 0" data-v-dabd0325></path>', 5)
+            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-f39f9ba0></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-f39f9ba0></path><path d="M9 10l.01 0" data-v-f39f9ba0></path><path d="M15 10l.01 0" data-v-f39f9ba0></path><path d="M9.5 15a3.5 3.5 0 0 0 5 0" data-v-f39f9ba0></path>', 5)
           ])], 8, It)),
-          t.value.style.icons.filled && y.value ? (i(), s("svg", {
+          t.value.style.icons.filled && f.value ? (i(), s("svg", {
             key: 3,
-            xmlns: o(f),
+            xmlns: o(y),
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
             viewBox: `0 0 ${g(3)} 24`,
@@ -668,10 +668,10 @@ const Z = {
               "stroke-width": "0",
               fill: t.value.style.icons.useGradient ? "url(#vueUiSmiley3)" : t.value.style.colors.activeReadonly[3]
             }, null, 8, Et)
-          ], 8, Kt)) : d("", !0),
-          !t.value.style.icons.filled && y.value ? (i(), s("svg", {
+          ], 8, Kt)) : u("", !0),
+          !t.value.style.icons.filled && f.value ? (i(), s("svg", {
             key: 4,
-            xmlns: o(f),
+            xmlns: o(y),
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
             viewBox: `0 0 ${g(3)} 24`,
@@ -681,8 +681,8 @@ const Z = {
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, [...e[41] || (e[41] = [
-            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-dabd0325></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-dabd0325></path><path d="M9 10l.01 0" data-v-dabd0325></path><path d="M15 10l.01 0" data-v-dabd0325></path><path d="M9.5 15a3.5 3.5 0 0 0 5 0" data-v-dabd0325></path>', 5)
-          ])], 8, Tt)) : d("", !0)
+            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-f39f9ba0></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-f39f9ba0></path><path d="M9 10l.01 0" data-v-f39f9ba0></path><path d="M15 10l.01 0" data-v-f39f9ba0></path><path d="M9.5 15a3.5 3.5 0 0 0 5 0" data-v-f39f9ba0></path>', 5)
+          ])], 8, Tt)) : u("", !0)
         ], 38),
         l("div", {
           tabindex: "0",
@@ -693,7 +693,7 @@ const Z = {
           onClick: e[18] || (e[18] = (n) => m(5)),
           onKeyup: e[19] || (e[19] = z((n) => m(5), ["enter"]))
         }, [
-          t.value.style.tooltip.show && w.value && y.value ? (i(), s("div", {
+          t.value.style.tooltip.show && w.value && f.value ? (i(), s("div", {
             key: 0,
             class: "vue-ui-rating-tooltip",
             style: a(`border:1px solid ${t.value.style.tooltip.borderColor};position:absolute;top:${-48 + t.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${t.value.style.tooltip.backgroundColor};display:${v.value === 4 ? "block" : "none"};padding:2px 12px;border-radius:${t.value.style.tooltip.borderRadius}px;box-shadow:${t.value.style.tooltip.boxShadow}`)
@@ -709,9 +709,9 @@ const Z = {
                 style: a(`font-weight:${t.value.style.tooltip.bold ? "bold" : "normal"};font-size:${t.value.style.tooltip.fontSize}px`)
               }, c(o(x)(
                 t.value.style.tooltip.formatter,
-                u.dataset.rating[5],
+                d.dataset.rating[5],
                 o(b)({
-                  v: u.dataset.rating[5],
+                  v: d.dataset.rating[5],
                   r: t.value.style.tooltip.roundingValue
                 }),
                 t.value
@@ -720,10 +720,10 @@ const Z = {
                 style: a(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${t.value.style.tooltip.borderColor}`)
               }, " ▼ ", 4)
             ], 4)
-          ], 4)) : d("", !0),
+          ], 4)) : u("", !0),
           t.value.style.icons.filled ? (i(), s("svg", {
             key: 1,
-            xmlns: o(f),
+            xmlns: o(y),
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
             viewBox: "0 0 24 24",
@@ -757,7 +757,7 @@ const Z = {
             }, null, 8, Wt)
           ], 8, Pt)) : (i(), s("svg", {
             key: 2,
-            xmlns: o(f),
+            xmlns: o(y),
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
             viewBox: "0 0 24 24",
@@ -767,11 +767,11 @@ const Z = {
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, [...e[44] || (e[44] = [
-            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-dabd0325></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-dabd0325></path><path d="M9 9l.01 0" data-v-dabd0325></path><path d="M15 9l.01 0" data-v-dabd0325></path><path d="M8 13a4 4 0 1 0 8 0h-8" data-v-dabd0325></path>', 5)
+            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-f39f9ba0></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-f39f9ba0></path><path d="M9 9l.01 0" data-v-f39f9ba0></path><path d="M15 9l.01 0" data-v-f39f9ba0></path><path d="M8 13a4 4 0 1 0 8 0h-8" data-v-f39f9ba0></path>', 5)
           ])], 8, Zt)),
-          t.value.style.icons.filled && y.value ? (i(), s("svg", {
+          t.value.style.icons.filled && f.value ? (i(), s("svg", {
             key: 3,
-            xmlns: o(f),
+            xmlns: o(y),
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
             viewBox: `0 0 ${g(4)} 24`,
@@ -803,10 +803,10 @@ const Z = {
               "stroke-width": "0",
               fill: t.value.style.icons.useGradient ? "url(#vueUiSmiley4)" : t.value.style.colors.activeReadonly[4]
             }, null, 8, ae)
-          ], 8, te)) : d("", !0),
-          !t.value.style.icons.filled && y.value ? (i(), s("svg", {
+          ], 8, te)) : u("", !0),
+          !t.value.style.icons.filled && f.value ? (i(), s("svg", {
             key: 4,
-            xmlns: o(f),
+            xmlns: o(y),
             style: { position: "absolute", top: "0", left: "0", transition: "all 0.1s ease-in-out" },
             height: "100%",
             viewBox: `0 0 ${g(4)} 24`,
@@ -816,8 +816,8 @@ const Z = {
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }, [...e[46] || (e[46] = [
-            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-dabd0325></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-dabd0325></path><path d="M9 9l.01 0" data-v-dabd0325></path><path d="M15 9l.01 0" data-v-dabd0325></path><path d="M8 13a4 4 0 1 0 8 0h-8" data-v-dabd0325></path>', 5)
-          ])], 8, se)) : d("", !0)
+            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-f39f9ba0></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-f39f9ba0></path><path d="M9 9l.01 0" data-v-f39f9ba0></path><path d="M15 9l.01 0" data-v-f39f9ba0></path><path d="M8 13a4 4 0 1 0 8 0h-8" data-v-f39f9ba0></path>', 5)
+          ])], 8, se)) : u("", !0)
         ], 38),
         t.value.style.rating.show && t.value.style.rating.position === "right" ? (i(), s("div", {
           key: 1,
@@ -830,7 +830,7 @@ const Z = {
             r: t.value.style.rating.roundingValue
           }),
           t.value
-        )), 5)) : d("", !0)
+        )), 5)) : u("", !0)
       ], 4),
       t.value.style.rating.show && t.value.style.rating.position === "bottom" ? (i(), s("div", {
         key: 2,
@@ -843,10 +843,10 @@ const Z = {
           r: t.value.style.rating.roundingValue
         }),
         t.value
-      )), 5)) : d("", !0)
+      )), 5)) : u("", !0)
     ], 36));
   }
-}, pe = /* @__PURE__ */ W(ie, [["__scopeId", "data-v-dabd0325"]]);
+}, pe = /* @__PURE__ */ W(ie, [["__scopeId", "data-v-f39f9ba0"]]);
 export {
   pe as default
 };

package/dist/{vue-ui-spark-trend-C2tSZULg.js → vue-ui-spark-trend-DwNYP97M.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as ce, ref as f, toRefs as he, computed as u, watch as G, nextTick as J, onMounted as ye, createElementBlock as r, openBlock as o, normalizeStyle as pe, createCommentVNode as h, createBlock as ge, unref as i, createVNode as me, createElementVNode as z, renderSlot as K, toDisplayString as Q } from "vue";
-import { c as ke, t as be, _ as Y, o as R, f as _e, q as x, $ as we, X as xe, s as Z, U as ee, d as te, a as $e } from "./lib-BEpWEyMm.js";
+import { c as ke, t as be, _ as Y, o as R, f as _e, q as x, $ as we, X as xe, s as Z, U as ee, d as te, a as $e } from "./lib-GIYcnm0E.js";
 import { t as Le, u as Ce } from "./useResponsive-DfdjqQps.js";
-import { u as Ae, a as le } from "./useNestedProp-BOk-tPdu.js";
+import { u as Ae, a as le } from "./useNestedProp-mxyyqd0B.js";
 import { u as Te, B as Ne } from "./BaseScanner-BgWxam9d.js";
 import { u as Se } from "./useFitSvgText-2crs6Fv5.js";
 import { t as ze } from "./themes-Dw-dDudK.js";
@@ -23,7 +23,7 @@ const Me = ["id"], Ie = ["xmlns", "viewBox"], je = ["width", "height"], Ee = ["i
     }
   },
   setup(ae) {
-    const ne = ce(() => import("./PackageVersion-Cwrh45ON.js")), { vue_ui_spark_trend: ue } = Ae(), m = ae, F = f(null), U = f(null), W = f(null), $ = f(null), C = f(null), A = f(!1), y = f(null), L = f(ke()), e = f(j()), { loading: _, FINAL_DATASET: M, manualLoading: I } = Te({
+    const ne = ce(() => import("./PackageVersion-C9oklnuy.js")), { vue_ui_spark_trend: ue } = Ae(), m = ae, F = f(null), U = f(null), W = f(null), $ = f(null), C = f(null), A = f(!1), y = f(null), L = f(ke()), e = f(j()), { loading: _, FINAL_DATASET: M, manualLoading: I } = Te({
       ...he(m),
       FINAL_CONFIG: e,
       prepareConfig: j,
@@ -184,7 +184,7 @@ const Me = ["id"], Ie = ["xmlns", "viewBox"], je = ["width", "height"], Ee = ["i
     return (t, l) => (o(), r("div", {
       ref_key: "sparkTrendChart",
       ref: F,
-      class: "vue-ui-spark-trend",
+      class: "vue-data-ui-component vue-ui-spark-trend",
       id: L.value,
       style: pe(`width:100%;font-family:${e.value.style.fontFamily};background:${e.value.style.backgroundColor}`)
     }, [
@@ -331,7 +331,7 @@ const Me = ["id"], Ie = ["xmlns", "viewBox"], je = ["width", "height"], Ee = ["i
       i(_) ? (o(), ge(Ne, { key: 1 })) : h("", !0)
     ], 12, Me));
   }
-}, ut = /* @__PURE__ */ Fe(Je, [["__scopeId", "data-v-95dc56d2"]]);
+}, ut = /* @__PURE__ */ Fe(Je, [["__scopeId", "data-v-b0090f77"]]);
 export {
   ut as default
 };