vue-data-ui 0.5.5 → 0.5.7

package/dist/{index-bc02b01a.js → index-e8f7e8d0.js}

@@ -12820,7 +12820,7 @@ function(e) {
  */
 function(e) {
   function t() {
-    return (Et.canvg ? Promise.resolve(Et.canvg) : import("./index.es-e5457756.js")).catch(function(A) {
+    return (Et.canvg ? Promise.resolve(Et.canvg) : import("./index.es-7bdc03e2.js")).catch(function(A) {
       return Promise.reject(new Error("Could not load canvg: " + A));
     }).then(function(A) {
       return A.default ? A.default : A;
@@ -31536,6 +31536,7 @@ const Q6 = {
 }, G6 = {
   style: {
     backgroundColor: "#FFFFFF",
+    fontFamily: "inherit",
     line: {
       color: "#3366cc",
       strokeWidth: 3
@@ -32716,7 +32717,7 @@ function M8(e, t, A, r, n, a) {
     ], 2)) : he("", !0)
   ], 12, X6);
 }
-const qM = /* @__PURE__ */ hn(j6, [["render", M8], ["__scopeId", "data-v-a339bdd4"]]);
+const q9 = /* @__PURE__ */ hn(j6, [["render", M8], ["__scopeId", "data-v-a339bdd4"]]);
 const P8 = {
   name: "vue-ui-table",
   props: {
@@ -34143,7 +34144,7 @@ function oT(e, t, A, r, n, a) {
     ], 4)) : he("", !0)
   ], 4);
 }
-const YM = /* @__PURE__ */ hn(P8, [["render", oT], ["__scopeId", "data-v-573754b1"]]);
+const Y9 = /* @__PURE__ */ hn(P8, [["render", oT], ["__scopeId", "data-v-573754b1"]]);
 const lT = (e) => (Qc("data-v-795deb2e"), e = e(), Ic(), e), uT = ["id"], cT = { class: "vue-ui-donut-user-option-item" }, hT = ["id", "name"], fT = ["for"], dT = { class: "vue-ui-donut-user-option-item" }, gT = ["id", "name"], vT = ["for"], pT = { class: "vue-ui-donut-user-option-item" }, yT = ["id", "name"], wT = ["for"], mT = ["disabled"], xT = ["stroke"], BT = /* @__PURE__ */ da('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-795deb2e></path><path d="M18 16v.01" data-v-795deb2e></path><path d="M6 16v.01" data-v-795deb2e></path><path d="M12 5v.01" data-v-795deb2e></path><path d="M12 12v.01" data-v-795deb2e></path><path d="M12 1a4 4 0 0 1 2.001 7.464l.001 .072a3.998 3.998 0 0 1 1.987 3.758l.22 .128a3.978 3.978 0 0 1 1.591 -.417l.2 -.005a4 4 0 1 1 -3.994 3.77l-.28 -.16c-.522 .25 -1.108 .39 -1.726 .39c-.619 0 -1.205 -.14 -1.728 -.391l-.279 .16l.007 .231a4 4 0 1 1 -2.212 -3.579l.222 -.129a3.998 3.998 0 0 1 1.988 -3.756l.002 -.071a4 4 0 0 1 -1.995 -3.265l-.005 -.2a4 4 0 0 1 4 -4z" data-v-795deb2e></path>', 6), bT = [
   BT
 ], CT = { key: 1 }, FT = ["viewBox"], _T = ["id"], ET = ["stop-color"], ST = ["stop-color"], kT = ["stop-color"], UT = { key: 0 }, LT = ["font-size", "fill", "x"], TT = ["font-size", "fill", "x", "y"], QT = ["d", "stroke", "stroke-width"], IT = ["cx", "cy", "fill"], NT = ["d", "stroke", "stroke-width", "onMouseenter", "onClick"], DT = ["cx", "cy", "r", "fill"], OT = ["x", "y", "fill", "font-size"], MT = ["x", "y", "fill", "font-size"], PT = ["x", "y", "fill", "font-size"], HT = ["x", "y", "fill", "font-size"], RT = ["x", "y", "fill", "font-size"], KT = ["x", "y", "fill", "font-size"], $T = ["y"], VT = ["onClick"], zT = ["onClick"], GT = { key: 0 }, jT = ["innerHTML"], WT = { key: 0 }, XT = { key: 0 }, qT = /* @__PURE__ */ lT(() => /* @__PURE__ */ S("svg", {
@@ -34639,7 +34640,7 @@ const lT = (e) => (Qc("data-v-795deb2e"), e = e(), Ic(), e), uT = ["id"], cT = {
       ], 4)) : he("", !0)
     ], 12, uT));
   }
-}, JM = /* @__PURE__ */ hn(ZT, [["__scopeId", "data-v-795deb2e"]]);
+}, J9 = /* @__PURE__ */ hn(ZT, [["__scopeId", "data-v-795deb2e"]]);
 const eQ = (e) => (Qc("data-v-1d2a2a37"), e = e(), Ic(), e), tQ = ["id"], AQ = { class: "vue-ui-waffle-user-option-item" }, rQ = ["id", "name"], nQ = ["for"], aQ = { class: "vue-ui-waffle-user-option-item" }, iQ = ["id", "name"], sQ = ["for"], oQ = ["disabled"], lQ = ["stroke"], uQ = /* @__PURE__ */ da('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-1d2a2a37></path><path d="M18 16v.01" data-v-1d2a2a37></path><path d="M6 16v.01" data-v-1d2a2a37></path><path d="M12 5v.01" data-v-1d2a2a37></path><path d="M12 12v.01" data-v-1d2a2a37></path><path d="M12 1a4 4 0 0 1 2.001 7.464l.001 .072a3.998 3.998 0 0 1 1.987 3.758l.22 .128a3.978 3.978 0 0 1 1.591 -.417l.2 -.005a4 4 0 1 1 -3.994 3.77l-.28 -.16c-.522 .25 -1.108 .39 -1.726 .39c-.619 0 -1.205 -.14 -1.728 -.391l-.279 .16l.007 .231a4 4 0 1 1 -2.212 -3.579l.222 -.129a3.998 3.998 0 0 1 1.988 -3.756l.002 -.071a4 4 0 0 1 -1.995 -3.265l-.005 -.2a4 4 0 0 1 4 -4z" data-v-1d2a2a37></path>', 6), cQ = [
   uQ
 ], hQ = { key: 1 }, fQ = ["viewBox"], dQ = ["id"], gQ = ["stop-color"], vQ = ["stop-color"], pQ = { key: 0 }, yQ = ["font-size", "fill", "x", "y"], wQ = ["font-size", "fill", "x", "y"], mQ = ["rx", "x", "y", "height", "width", "stroke", "stroke-width"], xQ = ["onMouseover", "rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width"], BQ = {
@@ -35102,7 +35103,7 @@ const eQ = (e) => (Qc("data-v-1d2a2a37"), e = e(), Ic(), e), tQ = ["id"], AQ = {
       ], 4)) : he("", !0)
     ], 12, tQ));
   }
-}, ZM = /* @__PURE__ */ hn(QQ, [["__scopeId", "data-v-1d2a2a37"]]);
+}, Z9 = /* @__PURE__ */ hn(QQ, [["__scopeId", "data-v-1d2a2a37"]]);
 const IQ = ["id"], NQ = { class: "vue-ui-radar-user-option-item" }, DQ = ["id", "name"], OQ = ["for"], MQ = { class: "vue-ui-radar-user-option-item" }, PQ = ["id", "name"], HQ = ["for"], RQ = ["disabled"], KQ = ["stroke"], $Q = /* @__PURE__ */ da('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-dbff0f7d></path><path d="M18 16v.01" data-v-dbff0f7d></path><path d="M6 16v.01" data-v-dbff0f7d></path><path d="M12 5v.01" data-v-dbff0f7d></path><path d="M12 12v.01" data-v-dbff0f7d></path><path d="M12 1a4 4 0 0 1 2.001 7.464l.001 .072a3.998 3.998 0 0 1 1.987 3.758l.22 .128a3.978 3.978 0 0 1 1.591 -.417l.2 -.005a4 4 0 1 1 -3.994 3.77l-.28 -.16c-.522 .25 -1.108 .39 -1.726 .39c-.619 0 -1.205 -.14 -1.728 -.391l-.279 .16l.007 .231a4 4 0 1 1 -2.212 -3.579l.222 -.129a3.998 3.998 0 0 1 1.988 -3.756l.002 -.071a4 4 0 0 1 -1.995 -3.265l-.005 -.2a4 4 0 0 1 4 -4z" data-v-dbff0f7d></path>', 6), VQ = [
   $Q
 ], zQ = { key: 1 }, GQ = ["viewBox"], jQ = ["id"], WQ = ["stop-color"], XQ = ["stop-color"], qQ = { key: 0 }, YQ = ["font-size", "fill", "x", "y"], JQ = ["font-size", "fill", "x", "y"], ZQ = { key: 1 }, eI = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], tI = { key: 0 }, AI = ["d", "stroke", "stroke-width"], rI = ["d", "stroke", "stroke-width"], nI = { key: 2 }, aI = ["x", "y", "text-anchor", "font-size", "fill", "onMouseenter"], iI = { key: 0 }, sI = ["d", "stroke", "stroke-width", "fill"], oI = { key: 3 }, lI = ["cx", "cy", "fill", "r"], uI = {
@@ -38037,7 +38038,7 @@ const AO = ["id"], rO = { class: "vue-ui-onion-user-option-item" }, nO = ["id",
 }, nP = /* @__PURE__ */ hn(IO, [["__scopeId", "data-v-82c99d17"]]);
 const NO = ["id"], DO = { class: "vue-ui-vertical-bar-user-option-item" }, OO = ["id", "name"], MO = ["for"], PO = { class: "vue-ui-vertical-bar-user-option-item" }, HO = ["id", "name"], RO = ["for"], KO = { class: "vue-ui-vertical-bar-user-option-item" }, $O = ["id", "name"], VO = ["for"], zO = ["disabled"], GO = ["stroke"], jO = /* @__PURE__ */ da('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-44939c84></path><path d="M18 16v.01" data-v-44939c84></path><path d="M6 16v.01" data-v-44939c84></path><path d="M12 5v.01" data-v-44939c84></path><path d="M12 12v.01" data-v-44939c84></path><path d="M12 1a4 4 0 0 1 2.001 7.464l.001 .072a3.998 3.998 0 0 1 1.987 3.758l.22 .128a3.978 3.978 0 0 1 1.591 -.417l.2 -.005a4 4 0 1 1 -3.994 3.77l-.28 -.16c-.522 .25 -1.108 .39 -1.726 .39c-.619 0 -1.205 -.14 -1.728 -.391l-.279 .16l.007 .231a4 4 0 1 1 -2.212 -3.579l.222 -.129a3.998 3.998 0 0 1 1.988 -3.756l.002 -.071a4 4 0 0 1 -1.995 -3.265l-.005 -.2a4 4 0 0 1 4 -4z" data-v-44939c84></path>', 6), WO = [
   jO
-], XO = { key: 1 }, qO = ["viewBox"], YO = ["id"], JO = ["stop-color"], ZO = ["stop-color"], e9 = { key: 0 }, t9 = ["font-size", "fill", "x", "y"], A9 = ["font-size", "fill", "x", "y"], r9 = ["x", "y", "width", "height", "fill", "rx"], n9 = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], a9 = ["x2", "y1", "y2", "stroke", "stroke-width"], i9 = ["x", "y", "font-size", "fill", "font-weight"], s9 = ["x", "y", "font-size", "fill", "font-weight"], o9 = ["x", "y", "font-size", "fill", "font-weight"], l9 = ["x", "y", "font-size", "fill", "font-weight"], u9 = ["y", "width", "height", "fill", "onMouseenter"], c9 = ["y", "height"], h9 = ["onClick"], f9 = ["onClick"], d9 = ["innerHTML"], g9 = { key: 0 }, v9 = { key: 0 }, p9 = { style: { width: "100%" } }, y9 = {
+], XO = { key: 1 }, qO = ["viewBox"], YO = ["id"], JO = ["stop-color"], ZO = ["stop-color"], eM = { key: 0 }, tM = ["font-size", "fill", "x", "y"], AM = ["font-size", "fill", "x", "y"], rM = ["x", "y", "width", "height", "fill", "rx"], nM = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], aM = ["x2", "y1", "y2", "stroke", "stroke-width"], iM = ["x", "y", "font-size", "fill", "font-weight"], sM = ["x", "y", "font-size", "fill", "font-weight"], oM = ["x", "y", "font-size", "fill", "font-weight"], lM = ["x", "y", "font-size", "fill", "font-weight"], uM = ["y", "width", "height", "fill", "onMouseenter"], cM = ["y", "height"], hM = ["onClick"], fM = ["onClick"], dM = ["innerHTML"], gM = { key: 0 }, vM = { key: 0 }, pM = { style: { width: "100%" } }, yM = {
   __name: "vue-ui-vertical-bar",
   props: {
     config: {
@@ -38356,7 +38357,7 @@ const NO = ["id"], DO = { class: "vue-ui-vertical-bar-user-option-item" }, OO =
             "stop-color": `${ft(qn)(N.color, 0.03)}${ft(_t)[100 - p.value.style.chart.layout.bars.gradientIntensity]}`
           }, null, 8, ZO)
         ], 8, YO))), 256)),
-        p.value.style.chart.title.text && k.value.inside && !i.value ? (_(), E("g", e9, [
+        p.value.style.chart.title.text && k.value.inside && !i.value ? (_(), E("g", eM, [
           S("text", {
             "font-size": p.value.style.chart.title.fontSize,
             fill: p.value.style.chart.title.color,
@@ -38364,7 +38365,7 @@ const NO = ["id"], DO = { class: "vue-ui-vertical-bar-user-option-item" }, OO =
             y: p.value.style.chart.title.fontSize,
             "text-anchor": "middle",
             style: X(`font-weight:${p.value.style.chart.title.bold ? "bold" : ""}`)
-          }, z(p.value.style.chart.title.text), 13, t9),
+          }, z(p.value.style.chart.title.text), 13, tM),
           p.value.style.chart.title.subtitle.text ? (_(), E("text", {
             key: 0,
             "font-size": p.value.style.chart.title.subtitle.fontSize,
@@ -38373,7 +38374,7 @@ const NO = ["id"], DO = { class: "vue-ui-vertical-bar-user-option-item" }, OO =
             y: p.value.style.chart.title.fontSize * 2,
             "text-anchor": "middle",
             style: X(`font-weight:${p.value.style.chart.title.subtitle.bold ? "bold" : ""}`)
-          }, z(p.value.style.chart.title.subtitle.text), 13, A9)) : he("", !0)
+          }, z(p.value.style.chart.title.subtitle.text), 13, AM)) : he("", !0)
         ])) : he("", !0),
         (_(!0), E(De, null, Oe(Y.value, (N, J) => (_(), E("g", null, [
           S("rect", {
@@ -38383,7 +38384,7 @@ const NO = ["id"], DO = { class: "vue-ui-vertical-bar-user-option-item" }, OO =
             height: p.value.style.chart.layout.bars.height,
             fill: p.value.style.chart.layout.bars.underlayerColor,
             rx: p.value.style.chart.layout.bars.borderRadius
-          }, null, 8, r9)
+          }, null, 8, rM)
         ]))), 256)),
         (_(!0), E(De, null, Oe(Y.value, (N, J) => (_(), E("g", null, [
           S("rect", {
@@ -38395,7 +38396,7 @@ const NO = ["id"], DO = { class: "vue-ui-vertical-bar-user-option-item" }, OO =
             rx: p.value.style.chart.layout.bars.borderRadius,
             stroke: p.value.style.chart.layout.bars.useStroke ? N.color : "none",
             "stroke-width": p.value.style.chart.layout.bars.useStroke ? p.value.style.chart.layout.bars.strokeWidth : 0
-          }, null, 8, n9),
+          }, null, 8, nM),
           (!N.isChild || N.isLastChild) && p.value.style.chart.layout.separators.show && J !== Y.value.length - 1 ? (_(), E("line", {
             key: 0,
             x1: 0,
@@ -38405,7 +38406,7 @@ const NO = ["id"], DO = { class: "vue-ui-vertical-bar-user-option-item" }, OO =
             stroke: p.value.style.chart.layout.separators.color,
             "stroke-width": p.value.style.chart.layout.separators.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, a9)) : he("", !0),
+          }, null, 8, aM)) : he("", !0),
           S("text", {
             x: ve(N.value) + 3 + p.value.style.chart.layout.bars.dataLabels.offsetX,
             y: j.value.top + (p.value.style.chart.layout.bars.gap + p.value.style.chart.layout.bars.height) * J + p.value.style.chart.layout.bars.height / 2 + p.value.style.chart.layout.bars.dataLabels.fontSize / 2,
@@ -38413,7 +38414,7 @@ const NO = ["id"], DO = { class: "vue-ui-vertical-bar-user-option-item" }, OO =
             "font-size": p.value.style.chart.layout.bars.dataLabels.fontSize,
             fill: p.value.style.chart.layout.bars.dataLabels.color,
             "font-weight": p.value.style.chart.layout.bars.dataLabels.bold ? "bold" : "normal"
-          }, z(p.value.style.chart.layout.bars.dataLabels.value.prefix) + " " + z(isNaN(N.value) || !p.value.style.chart.layout.bars.dataLabels.value.show ? "" : N.value.toFixed(p.value.style.chart.layout.bars.dataLabels.value.roundingValue)) + " " + z(p.value.style.chart.layout.bars.dataLabels.value.suffix) + " " + z(p.value.style.chart.layout.bars.dataLabels.percentage.show ? `(${Q(N.value, !0, p.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage)})` : ""), 9, i9),
+          }, z(p.value.style.chart.layout.bars.dataLabels.value.prefix) + " " + z(isNaN(N.value) || !p.value.style.chart.layout.bars.dataLabels.value.show ? "" : N.value.toFixed(p.value.style.chart.layout.bars.dataLabels.value.roundingValue)) + " " + z(p.value.style.chart.layout.bars.dataLabels.value.suffix) + " " + z(p.value.style.chart.layout.bars.dataLabels.percentage.show ? `(${Q(N.value, !0, p.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage)})` : ""), 9, iM),
           (N.isChild || !N.hasChildren) && p.value.style.chart.layout.bars.nameLabels.show ? (_(), E("text", {
             key: 1,
             "text-anchor": "end",
@@ -38422,7 +38423,7 @@ const NO = ["id"], DO = { class: "vue-ui-vertical-bar-user-option-item" }, OO =
             "font-size": p.value.style.chart.layout.bars.nameLabels.fontSize,
             fill: p.value.style.chart.layout.bars.nameLabels.color,
             "font-weight": p.value.style.chart.layout.bars.nameLabels.bold ? "bold" : "normal"
-          }, z(N.name), 9, s9)) : he("", !0),
+          }, z(N.name), 9, sM)) : he("", !0),
           N.isChild && N.childIndex === 0 && p.value.style.chart.layout.bars.parentLabels.show ? (_(), E("text", {
             key: 2,
             x: 3 + p.value.style.chart.layout.bars.parentLabels.offsetX,
@@ -38431,7 +38432,7 @@ const NO = ["id"], DO = { class: "vue-ui-vertical-bar-user-option-item" }, OO =
             fill: p.value.style.chart.layout.bars.parentLabels.color,
             "font-weight": p.value.style.chart.layout.bars.parentLabels.bold ? "bold" : "normal",
             "text-anchor": "start"
-          }, z(me(N, J).name), 9, o9)) : he("", !0),
+          }, z(me(N, J).name), 9, oM)) : he("", !0),
           N.isChild && N.childIndex === 0 && p.value.style.chart.layout.bars.parentLabels.show ? (_(), E("text", {
             key: 3,
             x: 3 + p.value.style.chart.layout.bars.parentLabels.offsetX,
@@ -38440,7 +38441,7 @@ const NO = ["id"], DO = { class: "vue-ui-vertical-bar-user-option-item" }, OO =
             fill: p.value.style.chart.layout.bars.parentLabels.color,
             "font-weight": p.value.style.chart.layout.bars.dataLabels.bold ? "bold" : "normal",
             "text-anchor": "start"
-          }, z(p.value.style.chart.layout.bars.dataLabels.value.show ? me(N, J).value : "") + " " + z(p.value.style.chart.layout.bars.dataLabels.percentage.show ? `(${me(N, J).percentageToTotal})` : ""), 9, l9)) : he("", !0),
+          }, z(p.value.style.chart.layout.bars.dataLabels.value.show ? me(N, J).value : "") + " " + z(p.value.style.chart.layout.bars.dataLabels.percentage.show ? `(${me(N, J).percentageToTotal})` : ""), 9, lM)) : he("", !0),
           S("rect", {
             x: 0,
             y: j.value.top + (p.value.style.chart.layout.bars.gap + p.value.style.chart.layout.bars.height) * J - p.value.style.chart.layout.bars.gap / 2,
@@ -38451,7 +38452,7 @@ const NO = ["id"], DO = { class: "vue-ui-vertical-bar-user-option-item" }, OO =
             onMouseleave: L[3] || (L[3] = (fe) => {
               b.value = null, g.value = !1, ge.value = null;
             })
-          }, null, 40, u9)
+          }, null, 40, uM)
         ]))), 256)),
         p.value.style.chart.legend.show && k.value.inside && !i.value ? (_(), E("foreignObject", {
           key: 1,
@@ -38476,9 +38477,9 @@ const NO = ["id"], DO = { class: "vue-ui-vertical-bar-user-option-item" }, OO =
               }, "⬤", 4),
               S("span", null, z(N.name) + " : ", 1),
               S("span", null, z(p.value.style.chart.legend.prefix) + z(N.value.toFixed(p.value.style.chart.legend.roundingValue)) + z(p.value.style.chart.legend.suffix), 1)
-            ], 12, h9))), 256))
+            ], 12, hM))), 256))
           ], 4)
-        ], 8, c9)) : he("", !0)
+        ], 8, cM)) : he("", !0)
       ], 12, qO)),
       p.value.style.chart.legend.show && (!k.value.inside || i.value) ? (_(), E("div", {
         key: 2,
@@ -38496,7 +38497,7 @@ const NO = ["id"], DO = { class: "vue-ui-vertical-bar-user-option-item" }, OO =
           }, "⬤", 4),
           S("span", null, z(N.name) + " : ", 1),
           S("span", null, z(p.value.style.chart.legend.prefix) + z(N.value.toFixed(p.value.style.chart.legend.roundingValue)) + z(p.value.style.chart.legend.suffix), 1)
-        ], 12, f9))), 256))
+        ], 12, fM))), 256))
       ], 4)) : he("", !0),
       p.value.style.chart.tooltip.show && g.value && I.value.length < r.dataset.length ? (_(), E("div", {
         key: 3,
@@ -38505,7 +38506,7 @@ const NO = ["id"], DO = { class: "vue-ui-vertical-bar-user-option-item" }, OO =
         ref: o,
         style: X(`top:${y.value.top}px;left:${y.value.left}px;background:${p.value.style.chart.tooltip.backgroundColor};color:${p.value.style.chart.tooltip.color}`),
         innerHTML: h.value
-      }, null, 12, d9)) : he("", !0),
+      }, null, 12, dM)) : he("", !0),
       k.value.showTable ? (_(), E("div", {
         key: 4,
         onClick: x,
@@ -38514,20 +38515,20 @@ const NO = ["id"], DO = { class: "vue-ui-vertical-bar-user-option-item" }, OO =
       }, [
         S("table", null, [
           S("thead", null, [
-            p.value.style.chart.title.text ? (_(), E("tr", g9, [
+            p.value.style.chart.title.text ? (_(), E("tr", gM, [
               S("th", {
                 colspan: 7,
                 style: X(`background:${p.value.table.th.backgroundColor};color:${p.value.table.th.color};outline:${p.value.table.th.outline}`)
               }, [
                 S("span", null, z(p.value.style.chart.title.text), 1),
-                p.value.style.chart.title.subtitle.text ? (_(), E("span", v9, " : " + z(p.value.style.chart.title.subtitle.text), 1)) : he("", !0)
+                p.value.style.chart.title.subtitle.text ? (_(), E("span", vM, " : " + z(p.value.style.chart.title.subtitle.text), 1)) : he("", !0)
               ], 4)
             ])) : he("", !0),
             S("tr", null, [
               (_(!0), E(De, null, Oe(B.value.head, (N) => (_(), E("th", {
                 style: X(`background:${p.value.table.th.backgroundColor};color:${p.value.table.th.color};outline:${p.value.table.th.outline}`)
               }, [
-                S("div", p9, z(N), 1)
+                S("div", pM, z(N), 1)
               ], 4))), 256))
             ]),
             S("tr", null, [
@@ -38589,7 +38590,7 @@ const NO = ["id"], DO = { class: "vue-ui-vertical-bar-user-option-item" }, OO =
       ], 4)) : he("", !0)
     ], 12, NO));
   }
-}, aP = /* @__PURE__ */ hn(y9, [["__scopeId", "data-v-44939c84"]]), iP = {
+}, aP = /* @__PURE__ */ hn(yM, [["__scopeId", "data-v-44939c84"]]), iP = {
   __name: "vue-ui-screenshot",
   props: {
     config: {
@@ -38752,11 +38753,11 @@ const NO = ["id"], DO = { class: "vue-ui-vertical-bar-user-option-item" }, OO =
     }), (se, ge) => (_(), E("div"));
   }
 };
-const w9 = {
+const wM = {
   key: 0,
   class: "vue-ui-rating-title",
   style: { width: "100%" }
-}, m9 = ["src", "height", "width"], x9 = ["height", "width"], B9 = ["id"], b9 = ["stop-color"], C9 = ["stop-color"], F9 = ["points", "fill", "stroke", "stroke-width"], _9 = ["src", "alt", "height", "width", "id"], E9 = ["viewBox", "height", "id"], S9 = ["id"], k9 = ["stop-color"], U9 = ["stop-color"], L9 = ["points", "fill", "stroke"], T9 = ["height"], Q9 = ["onClick", "onMouseenter", "onKeyup"], I9 = ["onMouseenter"], N9 = {
+}, mM = ["src", "height", "width"], xM = ["height", "width"], BM = ["id"], bM = ["stop-color"], CM = ["stop-color"], FM = ["points", "fill", "stroke", "stroke-width"], _M = ["src", "alt", "height", "width", "id"], EM = ["viewBox", "height", "id"], SM = ["id"], kM = ["stop-color"], UM = ["stop-color"], LM = ["points", "fill", "stroke"], TM = ["height"], QM = ["onClick", "onMouseenter", "onKeyup"], IM = ["onMouseenter"], NM = {
   __name: "vue-ui-rating",
   props: {
     config: {
@@ -38839,7 +38840,7 @@ const w9 = {
         i.value = !1, s.value = void 0;
       })
     }, [
-      l.value.style.title.text ? (_(), E("div", w9, [
+      l.value.style.title.text ? (_(), E("div", wM, [
         S("div", {
           style: X(`color:${l.value.style.title.color};font-weight:${l.value.style.title.bold ? "bold" : "normal"};text-align:${l.value.style.title.textAlign};margin-bottom:${l.value.style.title.offsetY}px;font-size:${l.value.style.title.fontSize}px`)
         }, z(l.value.style.title.text), 5),
@@ -38871,7 +38872,7 @@ const w9 = {
             width: l.value.style.itemSize,
             class: "vue-ui-rating-unit",
             style: X(`position:absolute;top:0;left:0;opacity:${isNaN(s.value) ? l.value.style.image.inactiveOpacity : y(D, !0)}`)
-          }, null, 12, m9)) : (_(), E("svg", {
+          }, null, 12, mM)) : (_(), E("svg", {
             key: 1,
             viewBox: "0 0 100 100",
             height: l.value.style.itemSize,
@@ -38890,12 +38891,12 @@ const w9 = {
                 S("stop", {
                   offset: "0%",
                   "stop-color": `${ft(qn)(l.value.style.star.activeColor, 0.05)}`
-                }, null, 8, b9),
+                }, null, 8, bM),
                 S("stop", {
                   offset: "100%",
                   "stop-color": l.value.style.star.activeColor
-                }, null, 8, C9)
-              ], 8, B9)
+                }, null, 8, CM)
+              ], 8, BM)
             ]),
             S("polygon", {
               points: ft(Tc)({
@@ -38908,8 +38909,8 @@ const w9 = {
               "stroke-width": l.value.style.star.borderWidth,
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
-            }, null, 8, F9)
-          ], 8, x9)),
+            }, null, 8, FM)
+          ], 8, xM)),
           d.value ? (_(), E("img", {
             key: 2,
             src: l.value.style.image.src,
@@ -38919,7 +38920,7 @@ const w9 = {
             id: `active_${n.value}_${D}`,
             class: "vue-ui-rating-unit",
             style: X(`position:absolute;top:0;left:0;clip:rect(0px,${p(I, !0) * l.value.style.itemSize}px,${l.value.style.itemSize}px,0px`)
-          }, null, 12, _9)) : (_(), E("svg", {
+          }, null, 12, _M)) : (_(), E("svg", {
             key: 3,
             viewBox: `0 0 ${p(I)} 100`,
             height: l.value.style.itemSize,
@@ -38939,12 +38940,12 @@ const w9 = {
                 S("stop", {
                   offset: "0%",
                   "stop-color": `${ft(qn)(l.value.style.star.activeColor, 0.05)}`
-                }, null, 8, k9),
+                }, null, 8, kM),
                 S("stop", {
                   offset: "100%",
                   "stop-color": l.value.style.star.activeColor
-                }, null, 8, U9)
-              ], 8, S9)
+                }, null, 8, UM)
+              ], 8, SM)
             ]),
             S("polygon", {
               points: ft(Tc)({
@@ -38954,8 +38955,8 @@ const w9 = {
               }),
               fill: l.value.style.star.useGradient ? `url(#star_gradient_over_${n.value})` : l.value.style.star.activeColor,
               stroke: l.value.style.star.activeColor
-            }, null, 8, L9)
-          ], 8, E9)),
+            }, null, 8, LM)
+          ], 8, EM)),
           (_(), E("svg", {
             viewBox: "0 0 100 100",
             height: l.value.style.itemSize,
@@ -38975,7 +38976,7 @@ const w9 = {
               onMouseleave: j[0] || (j[0] = (H) => s.value = void 0),
               tabindex: "0",
               onKeyup: Ns((H) => k(D), ["enter"])
-            }, null, 40, Q9)),
+            }, null, 40, QM)),
             b.value ? (_(), E("rect", {
               key: 1,
               class: "vue-ui-rating-mouse-trap",
@@ -38986,8 +38987,8 @@ const w9 = {
               fill: "transparent",
               onMouseenter: (H) => s.value = D,
               onMouseleave: j[1] || (j[1] = (H) => s.value = void 0)
-            }, null, 40, I9)) : he("", !0)
-          ], 12, T9)),
+            }, null, 40, IM)) : he("", !0)
+          ], 12, TM)),
           l.value.style.tooltip.show && g.value && b.value ? (_(), E("div", {
             key: 4,
             class: "vue-ui-rating-tooltip",
@@ -39020,8 +39021,8 @@ const w9 = {
       }, z(isNaN(h.value) ? "" : h.value.toFixed(l.value.style.rating.roundingValue)), 5)) : he("", !0)
     ], 36));
   }
-}, sP = /* @__PURE__ */ hn(N9, [["__scopeId", "data-v-163406e4"]]);
-const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stroke", "stroke-width"], H9 = ["stroke", "stroke-width"], R9 = { key: 1 }, K9 = ["r", "fill"], $9 = ["r", "fill"], V9 = { key: 0 }, z9 = ["stroke", "stroke-width"], G9 = ["stroke", "stroke-width"], j9 = ["fill", "rx", "x", "y", "width", "height"], W9 = ["stroke-width", "stroke"], X9 = ["stroke-width", "stroke"], q9 = ["stroke-width", "stroke"], Y9 = ["stroke"], J9 = ["stroke"], Z9 = ["stroke"], eM = ["stroke"], tM = ["fill"], AM = ["stroke"], rM = ["stroke", "stroke-width"], nM = ["stroke", "stroke-width"], aM = ["fill", "r"], iM = ["fill", "r"], sM = ["fill", "r"], oM = ["fill", "r"], lM = ["fill", "r"], uM = ["fill", "r"], cM = ["fill", "r"], hM = ["fill", "r"], fM = ["fill", "r"], dM = ["d", "stroke", "stroke-width"], gM = ["d", "stroke", "stroke-width"], vM = ["d", "stroke", "stroke-width"], pM = ["d", "stroke", "stroke-width"], yM = ["stroke", "stroke-width"], wM = ["stroke", "stroke-width"], mM = ["stroke", "stroke-width"], xM = ["fill"], BM = ["fill"], bM = ["x", "y", "fill"], CM = ["x", "y", "fill"], FM = ["x", "y", "fill"], _M = ["fill"], EM = ["fill"], SM = ["y1", "y2", "stroke", "stroke-width"], kM = ["x1", "x2", "stroke", "stroke-width"], UM = ["points", "fill", "stroke", "stroke-width"], LM = { key: 0 }, TM = ["stroke", "stroke-width"], QM = ["y", "width", "fill", "rx"], IM = {
+}, sP = /* @__PURE__ */ hn(NM, [["__scopeId", "data-v-163406e4"]]);
+const DM = ["id"], OM = { key: 0 }, MM = ["stroke", "stroke-width"], PM = ["stroke", "stroke-width"], HM = ["stroke", "stroke-width"], RM = { key: 1 }, KM = ["r", "fill"], $M = ["r", "fill"], VM = { key: 0 }, zM = ["stroke", "stroke-width"], GM = ["stroke", "stroke-width"], jM = ["fill", "rx", "x", "y", "width", "height"], WM = ["stroke-width", "stroke"], XM = ["stroke-width", "stroke"], qM = ["stroke-width", "stroke"], YM = ["stroke"], JM = ["stroke"], ZM = ["stroke"], e9 = ["stroke"], t9 = ["fill"], A9 = ["stroke"], r9 = ["stroke", "stroke-width"], n9 = ["stroke", "stroke-width"], a9 = ["fill", "r"], i9 = ["fill", "r"], s9 = ["fill", "r"], o9 = ["fill", "r"], l9 = ["fill", "r"], u9 = ["fill", "r"], c9 = ["fill", "r"], h9 = ["fill", "r"], f9 = ["fill", "r"], d9 = ["d", "stroke", "stroke-width"], g9 = ["d", "stroke", "stroke-width"], v9 = ["d", "stroke", "stroke-width"], p9 = ["d", "stroke", "stroke-width"], y9 = ["stroke", "stroke-width"], w9 = ["stroke", "stroke-width"], m9 = ["stroke", "stroke-width"], x9 = ["fill"], B9 = ["fill"], b9 = ["x", "y", "fill"], C9 = ["x", "y", "fill"], F9 = ["x", "y", "fill"], _9 = ["fill"], E9 = ["fill"], S9 = ["y1", "y2", "stroke", "stroke-width"], k9 = ["x1", "x2", "stroke", "stroke-width"], U9 = ["points", "fill", "stroke", "stroke-width"], L9 = { key: 0 }, T9 = ["stroke", "stroke-width"], Q9 = ["y", "width", "fill", "rx"], I9 = {
   __name: "vue-ui-skeleton",
   props: {
     config: {
@@ -39068,7 +39069,7 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
         viewBox: "0 0 100 70",
         style: X(`background:${n.value.style.backgroundColor}`)
       }, [
-        n.value.style.line.axis.show ? (_(), E("g", O9, [
+        n.value.style.line.axis.show ? (_(), E("g", OM, [
           S("line", {
             x1: "3",
             x2: "3",
@@ -39078,7 +39079,7 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
             "stroke-width": n.value.style.line.axis.strokeWidth,
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, M9),
+          }, null, 8, MM),
           S("line", {
             x1: "3",
             x2: "97",
@@ -39088,7 +39089,7 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
             "stroke-width": n.value.style.line.axis.strokeWidth,
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, P9)
+          }, null, 8, PM)
         ])) : he("", !0),
         S("path", {
           d: "M 9,60 22,50 35,55 48,36 61,40 74,25 87,26 90,12",
@@ -39097,20 +39098,20 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
           "stroke-linejoin": "round",
           stroke: n.value.style.line.path.color,
           "stroke-width": n.value.style.line.path.strokeWidth
-        }, null, 8, H9),
-        n.value.style.line.path.showPlots ? (_(), E("g", R9, [
+        }, null, 8, HM),
+        n.value.style.line.path.showPlots ? (_(), E("g", RM, [
           S("circle", {
             cx: "9",
             cy: "60",
             r: n.value.style.line.path.strokeWidth,
             fill: n.value.style.line.path.color
-          }, null, 8, K9),
+          }, null, 8, KM),
           S("circle", {
             cx: "90",
             cy: "12",
             r: n.value.style.line.path.strokeWidth,
             fill: n.value.style.line.path.color
-          }, null, 8, $9)
+          }, null, 8, $M)
         ])) : he("", !0)
       ], 4)) : he("", !0),
       i.value === "bar" ? (_(), E("svg", {
@@ -39119,7 +39120,7 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
         viewBox: "0 0 100 70",
         style: X(`background:${n.value.style.backgroundColor}`)
       }, [
-        n.value.style.bar.axis.show ? (_(), E("g", V9, [
+        n.value.style.bar.axis.show ? (_(), E("g", VM, [
           S("line", {
             x1: "3",
             x2: "3",
@@ -39129,7 +39130,7 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
             "stroke-width": n.value.style.bar.axis.strokeWidth,
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, z9),
+          }, null, 8, zM),
           S("line", {
             x1: "3",
             x2: "97",
@@ -39139,7 +39140,7 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
             "stroke-width": n.value.style.bar.axis.strokeWidth,
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, G9)
+          }, null, 8, GM)
         ])) : he("", !0),
         (_(!0), E(De, null, Oe(s.value, (b, f) => (_(), E("rect", {
           fill: n.value.style.bar.color,
@@ -39148,7 +39149,7 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
           y: b,
           width: n.value.style.bar.barWidth,
           height: 67 - b
-        }, null, 8, j9))), 256))
+        }, null, 8, jM))), 256))
       ], 4)) : he("", !0),
       i.value === "donut" ? (_(), E("svg", {
         key: 2,
@@ -39161,19 +39162,19 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
           fill: "none",
           "stroke-width": n.value.style.donut.strokeWidth,
           stroke: n.value.style.donut.color
-        }, null, 8, W9),
+        }, null, 8, WM),
         S("path", {
           d: " M 113 250 A 100 100 0 0 1 250 113",
           fill: "none",
           "stroke-width": n.value.style.donut.strokeWidth,
           stroke: `${n.value.style.donut.color}${ft(_t)[60]}`
-        }, null, 8, X9),
+        }, null, 8, XM),
         S("path", {
           d: " M 250 113 A 100 100 0 0 1 300 200",
           fill: "none",
           "stroke-width": n.value.style.donut.strokeWidth,
           stroke: `${n.value.style.donut.color}${ft(_t)[30]}`
-        }, null, 8, q9)
+        }, null, 8, qM)
       ], 4)) : he("", !0),
       i.value === "onion" ? (_(), E("svg", {
         key: 3,
@@ -39187,21 +39188,21 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
           "stroke-linecap": "round",
           "stroke-width": "20",
           fill: "none"
-        }, null, 8, Y9),
+        }, null, 8, YM),
         S("path", {
           d: " M 200 100 A 100 100 0 1 1 100 200",
           stroke: `${n.value.style.onion.color}${ft(_t)[60]}`,
           "stroke-linecap": "round",
           "stroke-width": "20",
           fill: "none"
-        }, null, 8, J9),
+        }, null, 8, JM),
         S("path", {
           d: " M 200 140 A 60 60 0 1 1 140 200",
           fill: "none",
           stroke: `${n.value.style.onion.color}${ft(_t)[40]}`,
           "stroke-linecap": "round",
           "stroke-width": "20"
-        }, null, 8, Z9)
+        }, null, 8, ZM)
       ], 4)) : he("", !0),
       i.value === "gauge" ? (_(), E("svg", {
         key: 4,
@@ -39215,13 +39216,13 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
           stroke: n.value.style.gauge.color,
           "stroke-linecap": "round",
           "stroke-width": "20"
-        }, null, 8, eM),
+        }, null, 8, e9),
         S("circle", {
           cx: "200",
           cy: "256",
           r: "12",
           fill: n.value.style.gauge.color
-        }, null, 8, tM),
+        }, null, 8, t9),
         S("line", {
           x1: "200",
           y1: "256",
@@ -39230,7 +39231,7 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
           "stroke-width": "8",
           stroke: n.value.style.gauge.color,
           "stroke-linecap": "round"
-        }, null, 8, AM)
+        }, null, 8, A9)
       ], 4)) : he("", !0),
       i.value === "quadrant" ? (_(), E("svg", {
         key: 5,
@@ -39244,7 +39245,7 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
           y2: "97",
           stroke: n.value.style.quadrant.grid.color,
           "stroke-width": n.value.style.quadrant.grid.strokeWidth
-        }, null, 8, rM),
+        }, null, 8, r9),
         S("line", {
           x1: "3",
           x2: "97",
@@ -39252,61 +39253,61 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
           y2: "50",
           stroke: n.value.style.quadrant.grid.color,
           "stroke-width": n.value.style.quadrant.grid.strokeWidth
-        }, null, 8, nM),
+        }, null, 8, n9),
         S("circle", {
           fill: n.value.style.quadrant.plots.color,
           r: n.value.style.quadrant.plots.radius,
           cx: "20",
           cy: "20"
-        }, null, 8, aM),
+        }, null, 8, a9),
         S("circle", {
           fill: n.value.style.quadrant.plots.color,
           r: n.value.style.quadrant.plots.radius,
           cx: "80",
           cy: "60"
-        }, null, 8, iM),
+        }, null, 8, i9),
         S("circle", {
           fill: n.value.style.quadrant.plots.color,
           r: n.value.style.quadrant.plots.radius,
           cx: "65",
           cy: "55"
-        }, null, 8, sM),
+        }, null, 8, s9),
         S("circle", {
           fill: n.value.style.quadrant.plots.color,
           r: n.value.style.quadrant.plots.radius,
           cx: "36",
           cy: "67"
-        }, null, 8, oM),
+        }, null, 8, o9),
         S("circle", {
           fill: n.value.style.quadrant.plots.color,
           r: n.value.style.quadrant.plots.radius,
           cx: "15",
           cy: "75"
-        }, null, 8, lM),
+        }, null, 8, l9),
         S("circle", {
           fill: n.value.style.quadrant.plots.color,
           r: n.value.style.quadrant.plots.radius,
           cx: "40",
           cy: "55"
-        }, null, 8, uM),
+        }, null, 8, u9),
         S("circle", {
           fill: n.value.style.quadrant.plots.color,
           r: n.value.style.quadrant.plots.radius,
           cx: "76",
           cy: "32"
-        }, null, 8, cM),
+        }, null, 8, c9),
         S("circle", {
           fill: n.value.style.quadrant.plots.color,
           r: n.value.style.quadrant.plots.radius,
           cx: "85",
           cy: "26"
-        }, null, 8, hM),
+        }, null, 8, h9),
         S("circle", {
           fill: n.value.style.quadrant.plots.color,
           r: n.value.style.quadrant.plots.radius,
           cx: "55",
           cy: "46"
-        }, null, 8, fM)
+        }, null, 8, f9)
       ], 4)) : he("", !0),
       i.value === "radar" ? (_(), E("svg", {
         key: 6,
@@ -39320,7 +39321,7 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
           "stroke-width": n.value.style.radar.grid.strokeWidth,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, dM),
+        }, null, 8, d9),
         S("path", {
           d: l.value,
           fill: "none",
@@ -39328,7 +39329,7 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
           "stroke-width": n.value.style.radar.grid.strokeWidth / 2,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, gM),
+        }, null, 8, g9),
         S("path", {
           d: c.value,
           fill: "none",
@@ -39336,7 +39337,7 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
           "stroke-width": n.value.style.radar.grid.strokeWidth / 2,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, vM),
+        }, null, 8, v9),
         S("path", {
           d: g.value,
           fill: "none",
@@ -39344,34 +39345,34 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
           "stroke-width": n.value.style.radar.grid.strokeWidth / 2.5,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, pM),
+        }, null, 8, p9),
         S("path", {
           d: "M 9,50 91,50",
           stroke: `${n.value.style.radar.grid.color}${ft(_t)[50]}`,
           "stroke-width": n.value.style.radar.grid.strokeWidth / 2
-        }, null, 8, yM),
+        }, null, 8, y9),
         S("path", {
           d: "M 29.5,14.5 70.5 85.5",
           stroke: `${n.value.style.radar.grid.color}${ft(_t)[50]}`,
           "stroke-width": n.value.style.radar.grid.strokeWidth / 2
-        }, null, 8, wM),
+        }, null, 8, w9),
         S("path", {
           d: "M 29.5,85.5 70.5 14.5",
           stroke: `${n.value.style.radar.grid.color}${ft(_t)[50]}`,
           "stroke-width": n.value.style.radar.grid.strokeWidth / 2
-        }, null, 8, mM),
+        }, null, 8, m9),
         S("path", {
           d: "M 34,23 68.5,18, 70,50 61.5,70 35,75.5 10,50  Z",
           stroke: "none",
           "stroke-linejoin": "round",
           fill: `${n.value.style.radar.shapes.color}${ft(_t)[30]}`
-        }, null, 8, xM),
+        }, null, 8, x9),
         S("path", {
           d: "M 43.5,40 64.5,25, 84,50 55.5,60 29.5,85.5 25,50  Z",
           stroke: "none",
           "stroke-linejoin": "round",
           fill: `${n.value.style.radar.shapes.color}${ft(_t)[50]}`
-        }, null, 8, BM)
+        }, null, 8, B9)
       ], 4)) : he("", !0),
       i.value === "waffle" ? (_(), E("svg", {
         key: 7,
@@ -39387,7 +39388,7 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
               width: 9,
               fill: `${n.value.style.waffle.color}${ft(_t)[20]}`,
               rx: "1"
-            }, null, 8, bM)
+            }, null, 8, b9)
           ])), 64))
         ])), 64)),
         (_(), E(De, null, Oe(10, (b, f) => S("g", null, [
@@ -39400,7 +39401,7 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
               width: 9,
               fill: `${n.value.style.waffle.color}${ft(_t)[30]}`,
               rx: "1"
-            }, null, 8, CM)) : he("", !0)
+            }, null, 8, C9)) : he("", !0)
           ])), 64))
         ])), 64)),
         (_(), E(De, null, Oe(10, (b, f) => S("g", null, [
@@ -39413,7 +39414,7 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
               width: 9,
               fill: `${n.value.style.waffle.color}${ft(_t)[50]}`,
               rx: "1"
-            }, null, 8, FM)) : he("", !0)
+            }, null, 8, F9)) : he("", !0)
           ])), 64))
         ])), 64))
       ], 4)) : he("", !0),
@@ -39429,14 +39430,14 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
           y: 5,
           height: "10",
           width: "93"
-        }, null, 8, _M),
+        }, null, 8, _9),
         S("rect", {
           fill: `${n.value.style.table.th.color}${ft(_t)[50]}`,
           x: 3.5,
           y: 15,
           height: "50",
           width: "23.25"
-        }, null, 8, EM),
+        }, null, 8, E9),
         (_(), E(De, null, Oe(7, (b, f) => S("line", {
           x1: "3.7",
           x2: "96.3",
@@ -39445,7 +39446,7 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
           stroke: n.value.style.table.td.color,
           "stroke-width": n.value.style.table.td.strokeWidth,
           "stroke-linecap": "round"
-        }, null, 8, SM)), 64)),
+        }, null, 8, S9)), 64)),
         (_(), E(De, null, Oe(5, (b, f) => S("line", {
           x1: 3.5 + f * 23.25,
           x2: 3.5 + f * 23.25,
@@ -39454,7 +39455,7 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
           stroke: n.value.style.table.td.color,
           "stroke-width": n.value.style.table.td.strokeWidth,
           "stroke-linecap": "round"
-        }, null, 8, kM)), 64))
+        }, null, 8, k9)), 64))
       ], 4)) : he("", !0),
       i.value === "rating" ? (_(), E("svg", {
         key: 9,
@@ -39472,7 +39473,7 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
           "stroke-width": n.value.style.rating.strokeWidth,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, UM)), 64))
+        }, null, 8, U9)), 64))
       ], 4)) : he("", !0),
       i.value === "verticalBar" ? (_(), E("svg", {
         key: 10,
@@ -39480,7 +39481,7 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
         viewBox: "0 0 100 100",
         style: X(`background:${n.value.style.backgroundColor}`)
       }, [
-        n.value.style.verticalBar.axis.show ? (_(), E("g", LM, [
+        n.value.style.verticalBar.axis.show ? (_(), E("g", L9, [
           S("line", {
             x1: 3,
             x2: 3,
@@ -39488,7 +39489,7 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
             y2: 97,
             stroke: n.value.style.verticalBar.axis.color,
             "stroke-width": n.value.style.verticalBar.axis.strokeWidth
-          }, null, 8, TM)
+          }, null, 8, T9)
         ])) : he("", !0),
         (_(), E(De, null, Oe(6, (b, f) => S("rect", {
           x: 3,
@@ -39497,12 +39498,12 @@ const D9 = ["id"], O9 = { key: 0 }, M9 = ["stroke", "stroke-width"], P9 = ["stro
           width: 94 - 94 * f / 6,
           fill: n.value.style.verticalBar.color,
           rx: n.value.style.verticalBar.borderRadius
-        }, null, 8, QM)), 64))
+        }, null, 8, Q9)), 64))
       ], 4)) : he("", !0)
-    ], 14, D9));
+    ], 14, DM));
   }
-}, oP = /* @__PURE__ */ hn(IM, [["__scopeId", "data-v-68d402eb"]]);
-const NM = ["id"], DM = ["viewBox"], OM = ["id"], MM = ["stop-color"], PM = ["stop-color"], HM = { key: 0 }, RM = ["d", "fill"], KM = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], $M = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], VM = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], zM = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], GM = ["x", "y", "font-size", "font-weight", "fill"], jM = ["x", "y", "height", "width", "onMouseenter"], WM = {
+}, oP = /* @__PURE__ */ hn(I9, [["__scopeId", "data-v-68d402eb"]]);
+const N9 = ["id"], D9 = ["viewBox"], O9 = ["id"], M9 = ["stop-color"], P9 = ["stop-color"], H9 = { key: 0 }, R9 = ["d", "fill"], K9 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], $9 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], V9 = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], z9 = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], G9 = ["x", "y", "font-size", "font-weight", "fill"], j9 = ["x", "y", "height", "width", "onMouseenter"], W9 = {
   __name: "vue-ui-sparkline",
   props: {
     config: {
@@ -39567,16 +39568,20 @@ const NM = ["id"], DM = ["viewBox"], OM = ["id"], MM = ["stop-color"], PM = ["st
     return (K, q) => (_(), E("div", {
       class: "vue-ui-sparkline",
       id: A.value,
-      style: { width: "100%" }
+      style: X(`width:100%;font-family:${n.value.style.fontFamily}`)
     }, [
       n.value.style.title.show ? (_(), E("div", {
         key: 0,
         class: "vue-ui-sparkline-title",
-        style: X(`display:flex;align-items:center;width:calc(100% - 24px);color:${n.value.style.title.color};background:${n.value.style.backgroundColor};justify-content:${n.value.style.title.textAlign === "left" ? "flex-start" : n.value.style.title.textAlign === "right" ? "flex-end" : "center"};height:${n.value.style.title.fontSize * 2}px;font-size:${n.value.style.title.fontSize}px;font-weight:${n.value.style.title.bold ? "bold" : "normal"};padding:0 12px`)
-      }, z(p.value ? p.value.period : n.value.style.title.text), 5)) : he("", !0),
+        style: X(`display:flex;align-items:center;width:100%;color:${n.value.style.title.color};background:${n.value.style.backgroundColor};justify-content:${n.value.style.title.textAlign === "left" ? "flex-start" : n.value.style.title.textAlign === "right" ? "flex-end" : "center"};height:${n.value.style.title.fontSize * 2}px;font-size:${n.value.style.title.fontSize}px;font-weight:${n.value.style.title.bold ? "bold" : "normal"};`)
+      }, [
+        S("span", {
+          style: X(`padding:${n.value.style.title.textAlign === "left" ? "0 0 0 12px" : n.value.style.title.textAlign === "right" ? "0 12px 0 0" : "0"}`)
+        }, z(p.value ? p.value.period : n.value.style.title.text), 5)
+      ], 4)) : he("", !0),
       (_(), E("svg", {
         viewBox: `0 0 ${a.value.width} ${a.value.height}`,
-        style: X(`background:${n.value.style.backgroundColor}`)
+        style: X(`background:${n.value.style.backgroundColor};overflow:visible`)
       }, [
         S("defs", null, [
           S("linearGradient", {
@@ -39589,18 +39594,18 @@ const NM = ["id"], DM = ["viewBox"], OM = ["id"], MM = ["stop-color"], PM = ["st
             S("stop", {
               offset: "0%",
               "stop-color": `${ft(qn)(n.value.style.area.color, 0.05)}${ft(_t)[n.value.style.area.opacity]}`
-            }, null, 8, MM),
+            }, null, 8, M9),
             S("stop", {
               offset: "100%",
               "stop-color": n.value.style.area.color + ft(_t)[n.value.style.area.opacity]
-            }, null, 8, PM)
-          ], 8, OM)
+            }, null, 8, P9)
+          ], 8, O9)
         ]),
-        n.value.style.area.show ? (_(), E("g", HM, [
+        n.value.style.area.show ? (_(), E("g", H9, [
           S("path", {
             d: `M${y.value}Z`,
             fill: n.value.style.area.useGradient ? `url(#sparkline_gradient_${A.value})` : `${n.value.style.area.color}${ft(_t)[n.value.style.area.opacity]}`
-          }, null, 8, RM)
+          }, null, 8, R9)
         ])) : he("", !0),
         (_(!0), E(De, null, Oe(f.value, (j, D) => (_(), E("g", null, [
           D < f.value.length - 1 ? (_(), E("line", {
@@ -39614,7 +39619,7 @@ const NM = ["id"], DM = ["viewBox"], OM = ["id"], MM = ["stop-color"], PM = ["st
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             "shape-rendering": "geometricPrecision"
-          }, null, 8, KM)) : he("", !0),
+          }, null, 8, K9)) : he("", !0),
           n.value.style.verticalIndicator.show && p.value && j.id === p.value.id ? (_(), E("line", {
             key: 1,
             x1: j.x,
@@ -39624,7 +39629,7 @@ const NM = ["id"], DM = ["viewBox"], OM = ["id"], MM = ["stop-color"], PM = ["st
             stroke: j.color,
             "stroke-width": n.value.style.verticalIndicator.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, $M)) : he("", !0)
+          }, null, 8, $9)) : he("", !0)
         ]))), 256)),
         s.value < 0 ? (_(), E("line", {
           key: 1,
@@ -39636,7 +39641,7 @@ const NM = ["id"], DM = ["viewBox"], OM = ["id"], MM = ["stop-color"], PM = ["st
           "stroke-dasharray": n.value.style.zeroLine.strokeWidth * 2,
           "stroke-width": n.value.style.zeroLine.strokeWidth,
           "stroke-linecap": "round"
-        }, null, 8, VM)) : he("", !0),
+        }, null, 8, V9)) : he("", !0),
         n.value.style.plot.show ? (_(!0), E(De, { key: 2 }, Oe(f.value, (j, D) => (_(), E("g", null, [
           p.value && j.id === p.value.id ? (_(), E("circle", {
             key: 0,
@@ -39646,7 +39651,7 @@ const NM = ["id"], DM = ["viewBox"], OM = ["id"], MM = ["stop-color"], PM = ["st
             fill: j.color,
             stroke: n.value.style.plot.stroke,
             "stroke-width": n.value.style.plot.strokeWidth
-          }, null, 8, zM)) : he("", !0)
+          }, null, 8, z9)) : he("", !0)
         ]))), 256)) : he("", !0),
         S("text", {
           x: n.value.style.dataLabel.position === "left" ? 12 : i.value.width + 12,
@@ -39654,7 +39659,7 @@ const NM = ["id"], DM = ["viewBox"], OM = ["id"], MM = ["stop-color"], PM = ["st
           "font-size": n.value.style.dataLabel.fontSize,
           "font-weight": n.value.style.dataLabel.bold ? "bold" : "normal",
           fill: n.value.style.dataLabel.color
-        }, z(p.value ? Number(p.value.absoluteValue.toFixed(n.value.style.dataLabel.roundingValue)).toLocaleString() : Number(M.value.toFixed(n.value.style.dataLabel.roundingValue)).toLocaleString()), 9, GM),
+        }, z(p.value ? Number(p.value.absoluteValue.toFixed(n.value.style.dataLabel.roundingValue)).toLocaleString() : Number(M.value.toFixed(n.value.style.dataLabel.roundingValue)).toLocaleString()), 9, G9),
         (_(!0), E(De, null, Oe(f.value, (j, D) => (_(), E("rect", {
           x: j.x - i.value.width / b.value / 2,
           y: i.value.top - 6,
@@ -39663,16 +39668,16 @@ const NM = ["id"], DM = ["viewBox"], OM = ["id"], MM = ["stop-color"], PM = ["st
           fill: "transparent",
           onMouseenter: (I) => k(j),
           onMouseleave: q[0] || (q[0] = (I) => p.value = void 0)
-        }, null, 40, jM))), 256))
-      ], 12, DM))
-    ], 8, NM));
+        }, null, 40, j9))), 256))
+      ], 12, D9))
+    ], 12, N9));
   }
-}, lP = /* @__PURE__ */ hn(WM, [["__scopeId", "data-v-c9669079"]]);
+}, lP = /* @__PURE__ */ hn(W9, [["__scopeId", "data-v-c6d34c76"]]);
 export {
   sA as _,
-  YM as a,
-  JM as b,
-  ZM as c,
+  Y9 as a,
+  J9 as b,
+  Z9 as c,
   eP as d,
   tP as e,
   AP as f,
@@ -39683,5 +39688,5 @@ export {
   sP as k,
   oP as l,
   lP as m,
-  qM as v
+  q9 as v
 };