vue-data-ui 3.5.2 → 3.7.0

package/dist/{vue-ui-rating-tj97undO.js → vue-ui-rating-DtzmtJwF.js}

@@ -1,6 +1,6 @@
-import { ref as $, useSlots as J, onMounted as R, computed as x, watch as Q, createElementBlock as o, openBlock as a, normalizeStyle as s, createCommentVNode as p, createElementVNode as r, toDisplayString as f, unref as n, Fragment as j, renderList as Z, renderSlot as B, mergeProps as O, withKeys as ee } from "vue";
-import { c as te, o as le, f as oe, a as b, d as _, X as z, i as X, j as I } from "./lib-C_mNZmhD.js";
-import { u as ae, a as ie } from "./useNestedProp-CReNavA0.js";
+import { ref as $, useSlots as J, onMounted as R, computed as x, watch as Q, createElementBlock as o, openBlock as a, normalizeStyle as s, createCommentVNode as p, createElementVNode as r, toDisplayString as g, unref as n, Fragment as B, renderList as Z, renderSlot as j, mergeProps as O, withKeys as ee } from "vue";
+import { c as te, o as le, g as oe, a as b, d as _, X as z, h as X, b as I } from "./lib-C5BH09_g.js";
+import { u as ae, a as ie } from "./useNestedProp-CWo6bftQ.js";
 import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ne = {
   key: 0,
@@ -15,7 +15,7 @@ const ne = {
 }, ve = {
   key: 1,
   style: { position: "absolute", top: "0", left: "0", width: "100%", height: "100%" }
-}, de = ["src", "height", "width"], ye = ["xmlns", "height", "width"], pe = ["id"], fe = ["stop-color"], ge = ["stop-color"], ce = ["points", "fill", "stroke", "stroke-width"], he = ["src", "alt", "height", "width", "id"], me = ["xmlns", "viewBox", "height", "id"], $e = ["id"], xe = ["stop-color"], be = ["stop-color"], _e = ["points", "fill", "stroke"], we = ["xmlns", "height"], ke = ["onClick", "onMouseenter", "onFocus", "onKeyup"], ze = ["onMouseenter", "onFocus"], Se = {
+}, de = ["src", "height", "width"], ye = ["xmlns", "height", "width"], pe = ["id"], ge = ["stop-color"], fe = ["stop-color"], ce = ["points", "fill", "stroke", "stroke-width"], he = ["src", "alt", "height", "width", "id"], me = ["xmlns", "viewBox", "height", "id"], $e = ["id"], xe = ["stop-color"], be = ["stop-color"], _e = ["points", "fill", "stroke"], we = ["xmlns", "height"], ke = ["onClick", "onMouseenter", "onFocus", "onKeyup"], ze = ["onMouseenter", "onFocus"], Se = {
   __name: "vue-ui-rating",
   props: {
     config: {
@@ -50,7 +50,7 @@ const ne = {
     Q(() => u.config, (l) => {
       e.value = C(), F();
     }, { deep: !0 });
-    const K = x(() => typeof u.dataset.rating == "object" && !Array.isArray(u.dataset.rating) ? T(u.dataset.rating) : u.dataset.rating), P = x(() => typeof u.dataset.rating == "object" && !Array.isArray(u.dataset.rating)), y = $(K.value), V = x(() => e.value.type === "image"), g = x(() => e.value.readonly);
+    const K = x(() => typeof u.dataset.rating == "object" && !Array.isArray(u.dataset.rating) ? T(u.dataset.rating) : u.dataset.rating), P = x(() => typeof u.dataset.rating == "object" && !Array.isArray(u.dataset.rating)), y = $(K.value), V = x(() => e.value.type === "image"), f = x(() => e.value.readonly);
     function T(l) {
       let i = 0, t = 0;
       for (const d in l) {
@@ -75,7 +75,7 @@ const ne = {
         w.value.push(l);
     }
     function k(l, i = !1) {
-      return l > v.value || g.value ? i ? e.value.style.image.inactiveOpacity : e.value.style.star.inactiveColor : i ? 1 : e.value.style.star.useGradient ? `url(#star_gradient_under_${h.value})` : e.value.style.star.activeColor;
+      return l > v.value || f.value ? i ? e.value.style.image.inactiveOpacity : e.value.style.star.inactiveColor : i ? 1 : e.value.style.star.useGradient ? `url(#star_gradient_under_${h.value})` : e.value.style.star.activeColor;
     }
     function M(l, i = !1) {
       const t = y.value - l, c = i ? 1 : 100;
@@ -89,13 +89,13 @@ const ne = {
       }
     }
     function N(l) {
-      g.value || (y.value = l, E("rate", l));
+      f.value || (y.value = l, E("rate", l));
     }
     function H() {
       return y.value;
     }
     function W(l = !0) {
-      g.value = l;
+      f.value = l;
     }
     return G({
       getData: H,
@@ -111,16 +111,16 @@ const ne = {
       e.value.style.title.text ? (a(), o("div", ne, [
         r("div", {
           style: s(`color:${e.value.style.title.color};font-weight:${e.value.style.title.bold ? "bold" : "normal"};text-align:${e.value.style.title.textAlign};margin-bottom:${e.value.style.title.offsetY}px;font-size:${e.value.style.title.fontSize}px`)
-        }, f(e.value.style.title.text), 5),
+        }, g(e.value.style.title.text), 5),
         e.value.style.title.subtitle.text ? (a(), o("div", {
           key: 0,
           style: s(`color:${e.value.style.title.subtitle.color};font-size:${e.value.style.title.subtitle.fontSize}px;text-align:${e.value.style.title.textAlign};margin-bottom:${e.value.style.title.subtitle.offsetY}px;font-weight:${e.value.style.title.subtitle.bold ? "bold" : "normal"}`)
-        }, f(e.value.style.title.subtitle.text), 5)) : p("", !0)
+        }, g(e.value.style.title.subtitle.text), 5)) : p("", !0)
       ])) : p("", !0),
       e.value.style.rating.show && e.value.style.rating.position === "top" ? (a(), o("div", {
         key: 1,
         style: s(`width:100%;text-align:center;margin-bottom:${e.value.style.rating.offsetY}px;font-size:${e.value.style.rating.fontSize}px;font-weight:${e.value.style.rating.bold ? "bold" : "normal"};margin-left:${e.value.style.rating.offsetX}px`)
-      }, f(n(b)(
+      }, g(n(b)(
         e.value.style.rating.formatter,
         y.value,
         n(_)({
@@ -136,7 +136,7 @@ const ne = {
         e.value.style.rating.show && e.value.style.rating.position === "left" ? (a(), o("div", {
           key: 0,
           style: s(`width:fit-content;text-align:center;margin-bottom:${e.value.style.rating.offsetY}px;font-size:${e.value.style.rating.fontSize}px;font-weight:${e.value.style.rating.bold ? "bold" : "normal"};padding-right:${e.value.style.rating.offsetX}px`)
-        }, f(n(b)(
+        }, g(n(b)(
           e.value.style.rating.formatter,
           y.value,
           n(_)({
@@ -145,18 +145,18 @@ const ne = {
           }),
           e.value
         )), 5)) : p("", !0),
-        (a(!0), o(j, null, Z(w.value, (t, c) => (a(), o("div", {
+        (a(!0), o(B, null, Z(w.value, (t, c) => (a(), o("div", {
           class: "vue-ui-rating-unit-container",
           style: s(`position:relative;height:${e.value.style.itemSize}px;width:${e.value.style.itemSize}px`)
         }, [
           l.$slots["layer-under"] || l.$slots["layer-above"] ? (a(), o("div", re, [
             l.$slots["layer-under"] ? (a(), o("div", ue, [
-              B(l.$slots, "layer-under", O({ ref_for: !0 }, { value: t, size: e.value.style.itemSize, hoveredValue: v.value, focusedValue: m.value }), void 0, !0)
+              j(l.$slots, "layer-under", O({ ref_for: !0 }, { value: t, size: e.value.style.itemSize, hoveredValue: v.value, focusedValue: m.value }), void 0, !0)
             ])) : p("", !0),
             l.$slots["layer-above"] ? (a(), o("div", ve, [
-              B(l.$slots, "layer-above", O({ ref_for: !0 }, { value: t, size: e.value.style.itemSize, hoveredValue: v.value, focusedValue: m.value }), void 0, !0)
+              j(l.$slots, "layer-above", O({ ref_for: !0 }, { value: t, size: e.value.style.itemSize, hoveredValue: v.value, focusedValue: m.value }), void 0, !0)
             ])) : p("", !0)
-          ])) : (a(), o(j, { key: 1 }, [
+          ])) : (a(), o(B, { key: 1 }, [
             V.value ? (a(), o("img", {
               key: 0,
               src: e.value.style.image.src,
@@ -184,11 +184,11 @@ const ne = {
                   r("stop", {
                     offset: "0%",
                     "stop-color": `${n(X)(e.value.style.star.activeColor, 0.05)}`
-                  }, null, 8, fe),
+                  }, null, 8, ge),
                   r("stop", {
                     offset: "100%",
                     "stop-color": e.value.style.star.activeColor
-                  }, null, 8, ge)
+                  }, null, 8, fe)
                 ], 8, pe)
               ]),
               r("polygon", {
@@ -257,9 +257,9 @@ const ne = {
             viewBox: "0 0 100 100",
             height: e.value.style.itemSize,
             class: "vue-ui-rating-unit",
-            style: s(`position:absolute;top:0;left:0;${g.value ? "" : "cursor:pointer"}`)
+            style: s(`position:absolute;top:0;left:0;${f.value ? "" : "cursor:pointer"}`)
           }, [
-            g.value ? p("", !0) : (a(), o("rect", {
+            f.value ? p("", !0) : (a(), o("rect", {
               key: 0,
               class: "vue-ui-rating-mouse-trap",
               x: 0,
@@ -275,7 +275,7 @@ const ne = {
               tabindex: "0",
               onKeyup: ee((d) => N(t), ["enter"])
             }, null, 40, ke)),
-            g.value ? (a(), o("rect", {
+            f.value ? (a(), o("rect", {
               key: 1,
               class: "vue-ui-rating-mouse-trap",
               x: 0,
@@ -289,7 +289,7 @@ const ne = {
               onBlur: i[3] || (i[3] = (d) => m.value = void 0)
             }, null, 40, ze)) : p("", !0)
           ], 12, we)),
-          e.value.style.tooltip.show && P.value && g.value ? (a(), o("div", {
+          e.value.style.tooltip.show && P.value && f.value ? (a(), o("div", {
             key: 2,
             class: "vue-ui-rating-tooltip",
             style: s(`border:1px solid ${e.value.style.tooltip.borderColor};position:absolute;top:${-48 + e.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${e.value.style.tooltip.backgroundColor};display:${v.value === t ? "block" : "none"};padding:2px 12px;border-radius:${e.value.style.tooltip.borderRadius}px;box-shadow:${e.value.style.tooltip.boxShadow}`)
@@ -299,10 +299,10 @@ const ne = {
             }, [
               r("span", {
                 style: s(`font-size:${e.value.style.tooltip.fontSize}px`)
-              }, f(t) + ":", 5),
+              }, g(t) + ":", 5),
               r("span", {
                 style: s(`font-weight:${e.value.style.tooltip.bold ? "bold" : "normal"};font-size:${e.value.style.tooltip.fontSize}px`)
-              }, f(n(b)(
+              }, g(n(b)(
                 e.value.style.tooltip.formatter,
                 u.dataset.rating[t],
                 n(_)({
@@ -320,7 +320,7 @@ const ne = {
         e.value.style.rating.show && e.value.style.rating.position === "right" ? (a(), o("div", {
           key: 1,
           style: s(`width:fit-content;text-align:center;margin-bottom:${e.value.style.rating.offsetY}px;font-size:${e.value.style.rating.fontSize}px;font-weight:${e.value.style.rating.bold ? "bold" : "normal"};padding-left:${e.value.style.rating.offsetX}px`)
-        }, f(n(b)(
+        }, g(n(b)(
           e.value.style.rating.formatter,
           y.value,
           n(_)({
@@ -333,7 +333,7 @@ const ne = {
       e.value.style.rating.show && e.value.style.rating.position === "bottom" ? (a(), o("div", {
         key: 2,
         style: s(`width:100%;text-align:center;margin-top:${e.value.style.rating.offsetY}px;font-size:${e.value.style.rating.fontSize}px;font-weight:${e.value.style.rating.bold ? "bold" : "normal"};margin-left:${e.value.style.rating.offsetX}px`)
-      }, f(n(b)(
+      }, g(n(b)(
         e.value.style.rating.formatter,
         y.value,
         n(_)({