vue-data-ui 3.22.7 → 3.22.8

package/dist/{vue-ui-skeleton-Fmue6DAG.js → vue-ui-skeleton-CuFm4PtB.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { I as t, Lt as n, k as r, t as i } from "./lib-EAmk-PgA.js";
+import { A as t, L as n, Rt as r, t as i } from "./lib-JqW18y5I.js";
 import { t as ee } from "./useConfig-DYM3f6EI.js";
-import { t as te } from "./useNestedProp-D8XqxgOU.js";
+import { t as te } from "./useNestedProp-DIuuzG1r.js";
 import { t as a } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as o } from "./PackageVersion-Dse0n05o.js";
+import { n as o } from "./PackageVersion-DW7zwRcm.js";
 import { Fragment as s, computed as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createStaticVNode as f, createVNode as p, normalizeClass as ne, normalizeStyle as m, openBlock as h, ref as g, renderList as _, unref as v } from "vue";
 //#region src/components/vue-ui-skeleton.vue
 var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae = { transform: "translate(300, 300)" }, oe = [
@@ -171,28 +171,28 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 			25,
 			26,
 			12
-		]), Ei = c(() => r({
+		]), Ei = c(() => t({
 			plot: {
 				x: 50,
 				y: 50
 			},
 			radius: 40,
 			sides: 6
-		}).path), Di = c(() => r({
+		}).path), Di = c(() => t({
 			plot: {
 				x: 50,
 				y: 50
 			},
 			radius: 30,
 			sides: 6
-		}).path), Oi = c(() => r({
+		}).path), Oi = c(() => t({
 			plot: {
 				x: 50,
 				y: 50
 			},
 			radius: 20,
 			sides: 6
-		}).path), ki = c(() => r({
+		}).path), ki = c(() => t({
 			plot: {
 				x: 50,
 				y: 50
@@ -482,7 +482,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 			"M31.72923485708112,177.1814201754354A180,180 0 0 1 10.52695260675986,179.69191208514374Q0,0 171.96279754157493,-53.1864292999193A180,180 0 0 1 179.7057615540709,10.287821162491808Q0,0 31.72923485708112,177.1814201754354Z",
 			"M172.90759179321483,50.02963821846996A180,180 0 0 1 112.88946799894526,140.199743276923Q0,0 172.90759179321483,50.02963821846996A180,180 0 0 1 112.88946799894526,140.199743276923Q0,0 172.90759179321483,50.02963821846996Z"
 		]);
-		return (e, r) => (h(), u("div", {
+		return (e, t) => (h(), u("div", {
 			id: K.value,
 			class: ne({
 				"vue-data-ui-component": !0,
@@ -1654,19 +1654,19 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					cx: 200,
 					cy: 200,
 					r: 180,
-					fill: v(n)(q.value.style.rings.color, 40)
+					fill: v(r)(q.value.style.rings.color, 40)
 				}, null, 8, _n),
 				d("circle", {
 					cx: 200,
 					cy: 250,
 					r: 130,
-					fill: v(n)(q.value.style.rings.color, 60)
+					fill: v(r)(q.value.style.rings.color, 60)
 				}, null, 8, vn),
 				d("circle", {
 					cx: 200,
 					cy: 290,
 					r: 90,
-					fill: v(n)(q.value.style.rings.color, 100)
+					fill: v(r)(q.value.style.rings.color, 100)
 				}, null, 8, yn)
 			], 12, gn)) : l("", !0),
 			J.value === "wheel" ? (h(), u("svg", {
@@ -1682,7 +1682,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					x2: e.x2,
 					y1: e.y1,
 					y2: e.y2,
-					stroke: t < 66 ? e.color : v(n)(e.color, 50),
+					stroke: t < 66 ? e.color : v(r)(e.color, 50),
 					"stroke-width": 5,
 					"stroke-linecap": "round"
 				}, null, 8, xn))), 256)),
@@ -1691,11 +1691,11 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					cy: 200,
 					r: 130,
 					"stroke-width": 3,
-					stroke: v(n)(q.value.style.wheel.color, 50),
+					stroke: v(r)(q.value.style.wheel.color, 50),
 					fill: "none"
 				}, null, 8, Sn),
 				d("rect", {
-					fill: v(n)(q.value.style.wheel.color, 50),
+					fill: v(r)(q.value.style.wheel.color, 50),
 					rx: 12,
 					x: 160,
 					y: 170,
@@ -1808,14 +1808,14 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 				width: "100%",
 				viewBox: `0 0 ${10 * q.value.style.heatmap.cellsX} ${10 * q.value.style.heatmap.cellsY}`,
 				style: m(`background:${q.value.style.backgroundColor}`)
-			}, [p(o), (h(!0), u(s, null, _(q.value.style.heatmap.cellsY, (e, t) => (h(), u("g", null, [(h(!0), u(s, null, _(q.value.style.heatmap.cellsX, (e, r) => (h(), u("g", null, [d("rect", {
-				x: r * 10,
+			}, [p(o), (h(!0), u(s, null, _(q.value.style.heatmap.cellsY, (e, t) => (h(), u("g", null, [(h(!0), u(s, null, _(q.value.style.heatmap.cellsX, (e, n) => (h(), u("g", null, [d("rect", {
+				x: n * 10,
 				y: t * 10,
 				height: 10,
 				width: 10,
 				stroke: q.value.style.backgroundColor,
 				"stroke-width": 1,
-				fill: v(n)(q.value.style.heatmap.color, Math.round(Math.random() * 100))
+				fill: v(r)(q.value.style.heatmap.color, Math.round(Math.random() * 100))
 			}, null, 8, Ln)]))), 256))]))), 256))], 12, In)) : l("", !0),
 			J.value === "chestnut" ? (h(), u("svg", {
 				key: 25,
@@ -1825,14 +1825,14 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 				style: m(`background:${q.value.style.backgroundColor}`)
 			}, [
 				p(o),
-				(h(!0), u(s, null, _(Y.value, (e) => (h(), u("g", null, [(h(!0), u(s, null, _(e.bars, (t) => (h(), u("g", null, [(h(), u(s, null, _(22, (r, i) => d("path", {
+				(h(!0), u(s, null, _(Y.value, (e) => (h(), u("g", null, [(h(!0), u(s, null, _(e.bars, (t) => (h(), u("g", null, [(h(), u(s, null, _(22, (n, i) => d("path", {
 					d: `M
                             ${t.x},${t.y + i}
                             C${t.x - 20},${t.y + i} 
                             ${t.x - 80},${t.y + i} 
                             ${e.root.x + e.root.r / 2}, ${e.root.y}
                         `,
-					stroke: v(n)(q.value.style.chestnut.color, t.opacity * .2),
+					stroke: v(r)(q.value.style.chestnut.color, t.opacity * .2),
 					fill: "none",
 					"stroke-width": "2",
 					"shape-rendering": "cirspEdges"
@@ -1849,7 +1849,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					cx: e.root.x,
 					cy: e.root.y,
 					r: e.root.r,
-					fill: v(n)(q.value.style.chestnut.color, e.root.opacity),
+					fill: v(r)(q.value.style.chestnut.color, e.root.opacity),
 					stroke: q.value.style.backgroundColor,
 					"stroke-width": 3
 				}, null, 8, Vn))), 256)),
@@ -1860,13 +1860,13 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 						y: e.y,
 						width: e.width,
 						height: 22,
-						fill: v(n)(q.value.style.chestnut.color, e.opacity)
+						fill: v(r)(q.value.style.chestnut.color, e.opacity)
 					}, null, 8, Hn))), 256)),
 					(h(!0), u(s, null, _(e.bars, (e) => (h(), u("circle", {
 						cx: e.x + e.width + 32,
 						cy: e.y + 11,
 						r: 11,
-						fill: v(n)(q.value.style.chestnut.color, e.opacity)
+						fill: v(r)(q.value.style.chestnut.color, e.opacity)
 					}, null, 8, Un))), 256)),
 					(h(!0), u(s, null, _(e.bars, (e) => (h(), u("circle", {
 						cx: e.x + e.width + 32,
@@ -2053,13 +2053,13 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					d: " M 113 250 A 100 100 0 0 1 250 113",
 					fill: "none",
 					"stroke-width": q.value.style.donut.strokeWidth,
-					stroke: v(n)(q.value.style.donut.color, 60)
+					stroke: v(r)(q.value.style.donut.color, 60)
 				}, null, 8, _r),
 				d("path", {
 					d: " M 250 113 A 100 100 0 0 1 300 200",
 					fill: "none",
 					"stroke-width": q.value.style.donut.strokeWidth,
-					stroke: v(n)(q.value.style.donut.color, 30)
+					stroke: v(r)(q.value.style.donut.color, 30)
 				}, null, 8, vr)
 			], 12, hr)) : l("", !0),
 			J.value === "onion" ? (h(), u("svg", {
@@ -2079,7 +2079,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 				}, null, 8, br),
 				d("path", {
 					d: " M 200 100 A 100 100 0 1 1 100 200",
-					stroke: v(n)(q.value.style.onion.color, 60),
+					stroke: v(r)(q.value.style.onion.color, 60),
 					"stroke-linecap": "round",
 					"stroke-width": "20",
 					fill: "none"
@@ -2087,7 +2087,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 				d("path", {
 					d: " M 200 140 A 60 60 0 1 1 140 200",
 					fill: "none",
-					stroke: v(n)(q.value.style.onion.color, 40),
+					stroke: v(r)(q.value.style.onion.color, 40),
 					"stroke-linecap": "round",
 					"stroke-width": "20"
 				}, null, 8, Sr)
@@ -2218,7 +2218,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 				d("path", {
 					d: Di.value,
 					fill: "none",
-					stroke: v(n)(q.value.style.radar.grid.color, 70),
+					stroke: v(r)(q.value.style.radar.grid.color, 70),
 					"stroke-width": q.value.style.radar.grid.strokeWidth / 2,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
@@ -2226,7 +2226,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 				d("path", {
 					d: Oi.value,
 					fill: "none",
-					stroke: v(n)(q.value.style.radar.grid.color, 70),
+					stroke: v(r)(q.value.style.radar.grid.color, 70),
 					"stroke-width": q.value.style.radar.grid.strokeWidth / 2,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
@@ -2234,37 +2234,37 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 				d("path", {
 					d: ki.value,
 					fill: "none",
-					stroke: v(n)(q.value.style.radar.grid.color, 70),
+					stroke: v(r)(q.value.style.radar.grid.color, 70),
 					"stroke-width": q.value.style.radar.grid.strokeWidth / 2.5,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, null, 8, Hr),
 				d("path", {
 					d: "M 9,50 91,50",
-					stroke: v(n)(q.value.style.radar.grid.color, 50),
+					stroke: v(r)(q.value.style.radar.grid.color, 50),
 					"stroke-width": q.value.style.radar.grid.strokeWidth / 2
 				}, null, 8, Ur),
 				d("path", {
 					d: "M 29.5,14.5 70.5 85.5",
-					stroke: v(n)(q.value.style.radar.grid.color, 50),
+					stroke: v(r)(q.value.style.radar.grid.color, 50),
 					"stroke-width": q.value.style.radar.grid.strokeWidth / 2
 				}, null, 8, Wr),
 				d("path", {
 					d: "M 29.5,85.5 70.5 14.5",
-					stroke: v(n)(q.value.style.radar.grid.color, 50),
+					stroke: v(r)(q.value.style.radar.grid.color, 50),
 					"stroke-width": q.value.style.radar.grid.strokeWidth / 2
 				}, null, 8, Gr),
 				d("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: v(n)(q.value.style.radar.shapes.color, 30)
+					fill: v(r)(q.value.style.radar.shapes.color, 30)
 				}, null, 8, Kr),
 				d("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: v(n)(q.value.style.radar.shapes.color, 50)
+					fill: v(r)(q.value.style.radar.shapes.color, 50)
 				}, null, 8, qr)
 			], 12, Rr)) : l("", !0),
 			J.value === "waffle" ? (h(), u("svg", {
@@ -2274,30 +2274,30 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 				style: m(`background:${q.value.style.backgroundColor}`)
 			}, [
 				p(o),
-				(h(), u(s, null, _(10, (e, t) => d("g", null, [(h(), u(s, null, _(10, (e, r) => d("g", null, [d("rect", {
-					x: 3 + r * 9.5,
+				(h(), u(s, null, _(10, (e, t) => d("g", null, [(h(), u(s, null, _(10, (e, n) => d("g", null, [d("rect", {
+					x: 3 + n * 9.5,
 					y: 3 + t * 9.5,
 					height: 9,
 					width: 9,
-					fill: v(n)(q.value.style.waffle.color, 20),
+					fill: v(r)(q.value.style.waffle.color, 20),
 					rx: "1"
 				}, null, 8, Yr)])), 64))])), 64)),
-				(h(), u(s, null, _(10, (e, t) => d("g", null, [(h(), u(s, null, _(10, (e, r) => d("g", null, [t > 2 ? (h(), u("rect", {
+				(h(), u(s, null, _(10, (e, t) => d("g", null, [(h(), u(s, null, _(10, (e, n) => d("g", null, [t > 2 ? (h(), u("rect", {
 					key: 0,
-					x: 3 + r * 9.5,
+					x: 3 + n * 9.5,
 					y: 3 + t * 9.5,
 					height: 9,
 					width: 9,
-					fill: v(n)(q.value.style.waffle.color, 30),
+					fill: v(r)(q.value.style.waffle.color, 30),
 					rx: "1"
 				}, null, 8, Xr)) : l("", !0)])), 64))])), 64)),
-				(h(), u(s, null, _(10, (e, t) => d("g", null, [(h(), u(s, null, _(10, (e, r) => d("g", null, [t > 6 ? (h(), u("rect", {
+				(h(), u(s, null, _(10, (e, t) => d("g", null, [(h(), u(s, null, _(10, (e, n) => d("g", null, [t > 6 ? (h(), u("rect", {
 					key: 0,
-					x: 3 + r * 9.5,
+					x: 3 + n * 9.5,
 					y: 3 + t * 9.5,
 					height: 9,
 					width: 9,
-					fill: v(n)(q.value.style.waffle.color, 50),
+					fill: v(r)(q.value.style.waffle.color, 50),
 					rx: "1"
 				}, null, 8, Zr)) : l("", !0)])), 64))])), 64))
 			], 12, Jr)) : l("", !0),
@@ -2310,14 +2310,14 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 			}, [
 				p(o),
 				d("rect", {
-					fill: v(n)(q.value.style.table.th.color, 50),
+					fill: v(r)(q.value.style.table.th.color, 50),
 					x: 3.5,
 					y: 5,
 					height: "10",
 					width: "93"
 				}, null, 8, $r),
 				d("rect", {
-					fill: v(n)(q.value.style.table.th.color, 50),
+					fill: v(r)(q.value.style.table.th.color, 50),
 					x: 3.5,
 					y: 15,
 					height: "50",
@@ -2358,7 +2358,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					fill: "none"
 				}, [
 					p(o),
-					r[0] ||= d("path", {
+					t[0] ||= d("path", {
 						stroke: "none",
 						d: "M0 0h24v24H0z",
 						fill: "none"
@@ -2378,7 +2378,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...r[1] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-633331e3></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-633331e3></path><path d=\"M9 10l.01 0\" data-v-633331e3></path><path d=\"M15 10l.01 0\" data-v-633331e3></path><path d=\"M9.5 15.25a3.5 3.5 0 0 1 5 0\" data-v-633331e3></path>", 5)]], 12, ai)),
+				}, [...t[1] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-633331e3></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-633331e3></path><path d=\"M9 10l.01 0\" data-v-633331e3></path><path d=\"M15 10l.01 0\" data-v-633331e3></path><path d=\"M9.5 15.25a3.5 3.5 0 0 1 5 0\" data-v-633331e3></path>", 5)]], 12, ai)),
 				q.value.style.rating.filled ? (h(), u("svg", {
 					key: 2,
 					xmlns: v(i),
@@ -2389,7 +2389,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [r[2] ||= d("path", {
+				}, [t[2] ||= d("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
@@ -2407,7 +2407,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...r[3] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-633331e3></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-633331e3></path><path d=\"M9 10l.01 0\" data-v-633331e3></path><path d=\"M15 10l.01 0\" data-v-633331e3></path><path d=\"M9 15l6 0\" data-v-633331e3></path>", 5)]], 12, ci)),
+				}, [...t[3] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-633331e3></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-633331e3></path><path d=\"M9 10l.01 0\" data-v-633331e3></path><path d=\"M15 10l.01 0\" data-v-633331e3></path><path d=\"M9 15l6 0\" data-v-633331e3></path>", 5)]], 12, ci)),
 				q.value.style.rating.filled ? (h(), u("svg", {
 					key: 4,
 					xmlns: v(i),
@@ -2418,7 +2418,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [r[4] ||= d("path", {
+				}, [t[4] ||= d("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
@@ -2436,7 +2436,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...r[5] ||= [
+				}, [...t[5] ||= [
 					d("path", {
 						stroke: "none",
 						d: "M0 0h24v24H0z",
@@ -2456,7 +2456,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [r[6] ||= d("path", {
+				}, [t[6] ||= d("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
@@ -2474,7 +2474,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...r[7] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-633331e3></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-633331e3></path><path d=\"M9 10l.01 0\" data-v-633331e3></path><path d=\"M15 10l.01 0\" data-v-633331e3></path><path d=\"M9.5 15a3.5 3.5 0 0 0 5 0\" data-v-633331e3></path>", 5)]], 12, mi)),
+				}, [...t[7] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-633331e3></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-633331e3></path><path d=\"M9 10l.01 0\" data-v-633331e3></path><path d=\"M15 10l.01 0\" data-v-633331e3></path><path d=\"M9.5 15a3.5 3.5 0 0 0 5 0\" data-v-633331e3></path>", 5)]], 12, mi)),
 				q.value.style.rating.filled ? (h(), u("svg", {
 					key: 8,
 					xmlns: v(i),
@@ -2485,7 +2485,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [r[8] ||= d("path", {
+				}, [t[8] ||= d("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
@@ -2503,17 +2503,17 @@ var y = /* @__PURE__ */ e({ default: () => K }), re = ["id"], ie = ["xmlns"], ae
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...r[9] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-633331e3></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-633331e3></path><path d=\"M9 9l.01 0\" data-v-633331e3></path><path d=\"M15 9l.01 0\" data-v-633331e3></path><path d=\"M8 13a4 4 0 1 0 8 0h-8\" data-v-633331e3></path>", 5)]], 12, _i))
+				}, [...t[9] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-633331e3></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-633331e3></path><path d=\"M9 9l.01 0\" data-v-633331e3></path><path d=\"M15 9l.01 0\" data-v-633331e3></path><path d=\"M8 13a4 4 0 1 0 8 0h-8\" data-v-633331e3></path>", 5)]], 12, _i))
 			], 4)) : (h(), u("svg", {
 				key: 1,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 100 30",
 				style: m(`background:${q.value.style.backgroundColor};max-width:${q.value.style.rating.maxWidth}px`)
-			}, [p(o), (h(), u(s, null, _(5, (e, n) => d("polygon", {
-				points: v(t)({
+			}, [p(o), (h(), u(s, null, _(5, (e, t) => d("polygon", {
+				points: v(n)({
 					plot: {
-						x: 10 + n * 20,
+						x: 10 + t * 20,
 						y: 15
 					},
 					radius: 6

package/dist/{vue-ui-smiley-BVMI5vUy.js → vue-ui-smiley-D4NnZ1mg.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Ot as t, Q as n, Rt as r, i, q as a, t as o } from "./lib-EAmk-PgA.js";
+import { $ as t, J as n, i as r, kt as i, t as a, zt as o } from "./lib-JqW18y5I.js";
 import { t as s } from "./useConfig-DYM3f6EI.js";
-import { t as c } from "./useNestedProp-D8XqxgOU.js";
+import { t as c } from "./useNestedProp-DIuuzG1r.js";
 import { t as l } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { Fragment as u, computed as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, normalizeClass as _, normalizeStyle as v, onMounted as y, openBlock as b, ref as x, renderList as S, renderSlot as C, toDisplayString as w, unref as T, useSlots as E, watch as D, withCtx as O, withKeys as k } from "vue";
 //#region src/atoms/BaseSmilingUnit.vue
@@ -28,8 +28,8 @@ var A = ["xmlns", "stroke"], j = ["id"], M = ["stop-color"], N = ["stop-color"],
 		"mouseleave"
 	],
 	setup(e, { emit: t }) {
-		let n = e, i = t;
-		return (t, a) => (b(), p("div", {
+		let n = e, r = t;
+		return (t, i) => (b(), p("div", {
 			tabindex: "0",
 			class: _({ "vue-ui-smiley-rated": !e.config.readonly && e.currentRating === e.unit }),
 			style: v({
@@ -38,10 +38,10 @@ var A = ["xmlns", "stroke"], j = ["id"], M = ["stop-color"], N = ["stop-color"],
 				aspectRatio: "1/1",
 				position: "relative"
 			}),
-			onMouseenter: a[0] ||= (e) => i("mouseenter"),
-			onMouseleave: a[1] ||= (e) => i("mouseleave"),
-			onClick: a[2] ||= (t) => i("rate", e.unit),
-			onKeyup: a[3] ||= k((t) => i("rate", e.unit), ["enter"])
+			onMouseenter: i[0] ||= (e) => r("mouseenter"),
+			onMouseleave: i[1] ||= (e) => r("mouseleave"),
+			onClick: i[2] ||= (t) => r("rate", e.unit),
+			onKeyup: i[3] ||= k((t) => r("rate", e.unit), ["enter"])
 		}, [
 			e.config.style.tooltip.show && e.hasBreakdown && e.isReadonly ? (b(), p("div", {
 				key: 0,
@@ -75,7 +75,7 @@ var A = ["xmlns", "stroke"], j = ["id"], M = ["stop-color"], N = ["stop-color"],
 			], 4)], 4)) : f("", !0),
 			e.config.style.icons.filled ? (b(), p("svg", {
 				key: 1,
-				xmlns: T(o),
+				xmlns: T(a),
 				style: {
 					transition: "all 0.1s ease-in-out",
 					position: "absolute",
@@ -91,7 +91,7 @@ var A = ["xmlns", "stroke"], j = ["id"], M = ["stop-color"], N = ["stop-color"],
 				"stroke-linejoin": "round"
 			}, [m("defs", null, [m("radialGradient", { id: `vueUiSmiley${e.unit - 1}` }, [m("stop", {
 				offset: "0%",
-				"stop-color": T(r)(e.config.style.colors.active[e.unit - 1], .05)
+				"stop-color": T(o)(e.config.style.colors.active[e.unit - 1], .05)
 			}, null, 8, M), m("stop", {
 				offset: "100%",
 				"stop-color": e.config.style.colors.active[e.unit - 1]
@@ -113,7 +113,7 @@ var A = ["xmlns", "stroke"], j = ["id"], M = ["stop-color"], N = ["stop-color"],
 			}, [C(t.$slots, "path-icon", {}, void 0, !0)], 8, P)),
 			e.config.style.icons.filled && e.isReadonly ? (b(), p("svg", {
 				key: 3,
-				xmlns: T(o),
+				xmlns: T(a),
 				style: {
 					transition: "all 0.1s ease-in-out",
 					position: "absolute",
@@ -129,7 +129,7 @@ var A = ["xmlns", "stroke"], j = ["id"], M = ["stop-color"], N = ["stop-color"],
 				"stroke-linejoin": "round"
 			}, [m("defs", null, [m("radialGradient", { id: `vueUiSmiley${e.unit - 1}` }, [m("stop", {
 				offset: "0%",
-				"stop-color": T(r)(e.config.style.colors.activeReadonly[e.unit - 1], .05)
+				"stop-color": T(o)(e.config.style.colors.activeReadonly[e.unit - 1], .05)
 			}, null, 8, L), m("stop", {
 				offset: "100%",
 				"stop-color": e.config.style.colors.activeReadonly[e.unit - 1]
@@ -173,13 +173,13 @@ var A = ["xmlns", "stroke"], j = ["id"], M = ["stop-color"], N = ["stop-color"],
 		}
 	},
 	emits: ["rate"],
-	setup(e, { expose: r, emit: o }) {
+	setup(e, { expose: a, emit: o }) {
 		let { vue_ui_smiley: l } = s(), _ = e, C = E(), T = o, k = x(null);
 		y(() => {
 			C["chart-background"] && console.warn("VueUiSmiley does not support the #chart-background slot.");
 		});
 		function A() {
-			(!Object.hasOwn(_.dataset, "rating") || t(_.dataset)) && n({
+			(!Object.hasOwn(_.dataset, "rating") || i(_.dataset)) && t({
 				componentName: "VueUiSmiley",
 				type: "datasetAttribute",
 				property: "rating"
@@ -260,7 +260,7 @@ var A = ["xmlns", "stroke"], j = ["id"], M = ["stop-color"], N = ["stop-color"],
 		function q(e) {
 			return j.value.readonly ? j.value.style.colors.inactive[e] : I.value === e + 1 || k.value !== null && k.value === e ? j.value.style.icons.useGradient && j.value.style.icons.filled ? `url(#vueUiSmiley${e})` : j.value.style.colors.active[e] : j.value.style.colors.inactive[e];
 		}
-		let J = d(() => ({ value: e, tooltip: t = !1 }) => i(t ? j.value.style.tooltip.formatter : j.value.style.rating.formatter, e, a({
+		let J = d(() => ({ value: e, tooltip: t = !1 }) => r(t ? j.value.style.tooltip.formatter : j.value.style.rating.formatter, e, n({
 			v: e,
 			r: t ? j.value.style.tooltip.roundingValue : j.value.style.rating.roundingValue
 		}), j.value));
@@ -273,7 +273,7 @@ var A = ["xmlns", "stroke"], j = ["id"], M = ["stop-color"], N = ["stop-color"],
 		function Z(e = !0) {
 			L.value = e;
 		}
-		return r({
+		return a({
 			getData: X,
 			toggleReadonly: Z
 		}), (e, t) => (b(), p("div", {