vue-data-ui 3.22.9 → 3.22.10

package/dist/{vue-ui-skeleton-DC2bZ0nk.js → vue-ui-skeleton-KeIPGp9U.js}

@@ -1,10 +1,10 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { A as t, L as n, Rt as r, t as i } from "./lib-JqW18y5I.js";
+import { R as t, j as n, t as r, zt as i } from "./lib-CnHx5WfV.js";
 import { t as ee } from "./useConfig-DYM3f6EI.js";
-import { t as te } from "./useNestedProp-DIuuzG1r.js";
+import { t as te } from "./useNestedProp-D8NuRneO.js";
 import { t as a } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as ne } from "./DefGrad-DVBqDjhO.js";
-import { n as o } from "./PackageVersion-D__dRVRA.js";
+import { n as o } from "./PackageVersion-BoTvk0i5.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 re, 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 }), ie = ["id"], ae = ["xmlns"], oe = { transform: "translate(300, 300)" }, se = [
@@ -172,28 +172,28 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			25,
 			26,
 			12
-		]), Si = c(() => t({
+		]), Si = c(() => n({
 			plot: {
 				x: 50,
 				y: 50
 			},
 			radius: 40,
 			sides: 6
-		}).path), Ci = c(() => t({
+		}).path), Ci = c(() => n({
 			plot: {
 				x: 50,
 				y: 50
 			},
 			radius: 30,
 			sides: 6
-		}).path), wi = c(() => t({
+		}).path), wi = c(() => n({
 			plot: {
 				x: 50,
 				y: 50
 			},
 			radius: 20,
 			sides: 6
-		}).path), Ti = c(() => t({
+		}).path), Ti = c(() => n({
 			plot: {
 				x: 50,
 				y: 50
@@ -483,7 +483,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			"M31.73,177.18A180,180 0 0 1 10.53,179.69Q0,0 171.96,-53.19A180,180 0 0 1 179.71,10.29Q0,0 31.73,177.18Z",
 			"M172.91,50.03A180,180 0 0 1 112.89,140.2Q0,0 172.91,50.03A180,180 0 0 1 112.89,140.2Q0,0 172.91,50.03Z"
 		]);
-		return (e, t) => (h(), u("div", {
+		return (e, n) => (h(), u("div", {
 			id: K.value,
 			class: re({
 				"vue-data-ui-component": !0,
@@ -494,7 +494,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 		}, [
 			J.value === "chord" ? (h(), u("svg", {
 				key: 0,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 600 600",
 				style: m({ background: q.value.style.backgroundColor })
@@ -508,7 +508,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			}, null, 12, se))), 128))])], 12, ae)) : l("", !0),
 			J.value === "ridgeline" ? (h(), u("svg", {
 				key: 1,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "20 0 512 200",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -587,7 +587,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			], 12, ce)) : l("", !0),
 			J.value === "historyPlot" ? (h(), u("svg", {
 				key: 2,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 612 512",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -710,7 +710,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			], 12, w)) : l("", !0),
 			J.value === "circlePack" ? (h(), u("svg", {
 				key: 3,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 100 100",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -790,7 +790,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			], 12, B)) : l("", !0),
 			J.value === "flow" ? (h(), u("svg", {
 				key: 4,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 80 60",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -804,7 +804,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			}, null, 8, ge)], 12, he)) : l("", !0),
 			J.value === "parallelCoordinatePlot" ? (h(), u("svg", {
 				key: 5,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 80 60",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -818,7 +818,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			}, null, 8, ve)], 12, _e)) : l("", !0),
 			J.value === "bullet" ? (h(), u("svg", {
 				key: 6,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 600 96",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -858,7 +858,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			], 12, ye)) : l("", !0),
 			J.value === "dumbbell" ? (h(), u("svg", {
 				key: 7,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 100 55",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -977,7 +977,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			], 12, we)) : l("", !0),
 			J.value === "stripPlot" ? (h(), u("svg", {
 				key: 8,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 100 100",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1213,7 +1213,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			], 12, Ve)) : l("", !0),
 			J.value === "treemap" ? (h(), u("svg", {
 				key: 9,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 30 21",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1227,7 +1227,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			}, null, 8, mt)], 12, pt)) : l("", !0),
 			J.value === "galaxy" ? (h(), u("svg", {
 				key: 10,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0.5 0 20 20",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1240,7 +1240,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			}, null, 8, gt)], 12, ht)) : l("", !0),
 			J.value === "bar3d" ? (h(), u("svg", {
 				key: 11,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "2 0 16 20",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1254,7 +1254,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			}, null, 8, vt)], 12, _t)) : l("", !0),
 			J.value === "sparkHistogram" ? (h(), u("svg", {
 				key: 12,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 100 20",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1359,7 +1359,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			], 12, yt)) : l("", !0),
 			J.value === "sparkbar" ? (h(), u("svg", {
 				key: 13,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 500 200",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1428,7 +1428,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			], 12, Mt)) : l("", !0),
 			J.value === "sparkStackbar" ? (h(), u("svg", {
 				key: 14,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 500 64",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1519,7 +1519,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			], 4)) : l("", !0),
 			J.value === "relationCircle" ? (h(), u("svg", {
 				key: 16,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 20 20",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1532,7 +1532,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			}, null, 8, Xt)], 12, Yt)) : l("", !0),
 			J.value === "molecule" ? (h(), u("svg", {
 				key: 17,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 100 100",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1613,7 +1613,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			], 12, Zt)) : l("", !0),
 			J.value === "tiremarks" ? (h(), u("svg", {
 				key: 18,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 312 56",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1628,7 +1628,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			}, null, 12, ln)])), 64))], 12, cn)) : l("", !0),
 			J.value === "pyramid" ? (h(), u("svg", {
 				key: 19,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 105 80",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1647,7 +1647,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			}, null, 8, fn)]))), 256))], 12, un)) : l("", !0),
 			J.value === "rings" ? (h(), u("svg", {
 				key: 20,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 400 400",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1657,24 +1657,24 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					cx: 200,
 					cy: 200,
 					r: 180,
-					fill: v(r)(q.value.style.rings.color, 40)
+					fill: v(i)(q.value.style.rings.color, 40)
 				}, null, 8, mn),
 				d("circle", {
 					cx: 200,
 					cy: 250,
 					r: 130,
-					fill: v(r)(q.value.style.rings.color, 60)
+					fill: v(i)(q.value.style.rings.color, 60)
 				}, null, 8, hn),
 				d("circle", {
 					cx: 200,
 					cy: 290,
 					r: 90,
-					fill: v(r)(q.value.style.rings.color, 100)
+					fill: v(i)(q.value.style.rings.color, 100)
 				}, null, 8, gn)
 			], 12, pn)) : l("", !0),
 			J.value === "wheel" ? (h(), u("svg", {
 				key: 21,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 400 400",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1685,7 +1685,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					x2: e.x2,
 					y1: e.y1,
 					y2: e.y2,
-					stroke: t < 66 ? e.color : v(r)(e.color, 50),
+					stroke: t < 66 ? e.color : v(i)(e.color, 50),
 					"stroke-width": 5,
 					"stroke-linecap": "round"
 				}, null, 8, vn))), 256)),
@@ -1694,11 +1694,11 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					cy: 200,
 					r: 130,
 					"stroke-width": 3,
-					stroke: v(r)(q.value.style.wheel.color, 50),
+					stroke: v(i)(q.value.style.wheel.color, 50),
 					fill: "none"
 				}, null, 8, yn),
 				d("rect", {
-					fill: v(r)(q.value.style.wheel.color, 50),
+					fill: v(i)(q.value.style.wheel.color, 50),
 					rx: 12,
 					x: 160,
 					y: 170,
@@ -1709,7 +1709,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			], 12, _n)) : l("", !0),
 			J.value === "sparkline" ? (h(), u("svg", {
 				key: 22,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 150 32",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1744,7 +1744,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			], 12, xn)) : l("", !0),
 			J.value === "candlesticks" ? (h(), u("svg", {
 				key: 23,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 512 316",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1807,7 +1807,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			], 12, Tn)) : l("", !0),
 			J.value === "heatmap" ? (h(), u("svg", {
 				key: 24,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: `0 0 ${10 * q.value.style.heatmap.cellsX} ${10 * q.value.style.heatmap.cellsY}`,
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1818,24 +1818,24 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 				width: 10,
 				stroke: q.value.style.backgroundColor,
 				"stroke-width": 1,
-				fill: v(r)(q.value.style.heatmap.color, Math.round(Math.random() * 100))
+				fill: v(i)(q.value.style.heatmap.color, Math.round(Math.random() * 100))
 			}, null, 8, Pn)]))), 256))]))), 256))], 12, Nn)) : l("", !0),
 			J.value === "chestnut" ? (h(), u("svg", {
 				key: 25,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 512 316",
 				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, (n, 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, r) => d("path", {
 					d: `M
-                            ${t.x},${t.y + i}
-                            C${t.x - 20},${t.y + i} 
-                            ${t.x - 80},${t.y + i} 
+                            ${t.x},${t.y + r}
+                            C${t.x - 20},${t.y + r} 
+                            ${t.x - 80},${t.y + r} 
                             ${e.root.x + e.root.r / 2}, ${e.root.y}
                         `,
-					stroke: v(r)(q.value.style.chestnut.color, t.opacity * .2),
+					stroke: v(i)(q.value.style.chestnut.color, t.opacity * .2),
 					fill: "none",
 					"stroke-width": "2",
 					"shape-rendering": "cirspEdges"
@@ -1852,7 +1852,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					cx: e.root.x,
 					cy: e.root.y,
 					r: e.root.r,
-					fill: v(r)(q.value.style.chestnut.color, e.root.opacity),
+					fill: v(i)(q.value.style.chestnut.color, e.root.opacity),
 					stroke: q.value.style.backgroundColor,
 					"stroke-width": 3
 				}, null, 8, Rn))), 256)),
@@ -1863,13 +1863,13 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 						y: e.y,
 						width: e.width,
 						height: 22,
-						fill: v(r)(q.value.style.chestnut.color, e.opacity)
+						fill: v(i)(q.value.style.chestnut.color, e.opacity)
 					}, null, 8, zn))), 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(r)(q.value.style.chestnut.color, e.opacity)
+						fill: v(i)(q.value.style.chestnut.color, e.opacity)
 					}, null, 8, Bn))), 256)),
 					(h(!0), u(s, null, _(e.bars, (e) => (h(), u("circle", {
 						cx: e.x + e.width + 32,
@@ -1889,7 +1889,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			], 12, Fn)) : l("", !0),
 			J.value === "donutEvolution" ? (h(), u("svg", {
 				key: 26,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 108 70",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1957,7 +1957,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			], 12, Un)) : l("", !0),
 			J.value === "line" ? (h(), u("svg", {
 				key: 27,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 100 70",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -2004,7 +2004,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			], 12, $n)) : l("", !0),
 			J.value === "bar" ? (h(), u("svg", {
 				key: 28,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 100 70",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -2040,7 +2040,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			], 12, sr)) : l("", !0),
 			J.value === "donut" ? (h(), u("svg", {
 				key: 29,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 400 400",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -2056,18 +2056,18 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					d: " M 113 250 A 100 100 0 0 1 250 113",
 					fill: "none",
 					"stroke-width": q.value.style.donut.strokeWidth,
-					stroke: v(r)(q.value.style.donut.color, 60)
+					stroke: v(i)(q.value.style.donut.color, 60)
 				}, null, 8, mr),
 				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(r)(q.value.style.donut.color, 30)
+					stroke: v(i)(q.value.style.donut.color, 30)
 				}, null, 8, hr)
 			], 12, fr)) : l("", !0),
 			J.value === "onion" ? (h(), u("svg", {
 				key: 30,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 400 400",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -2082,7 +2082,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 				}, null, 8, _r),
 				d("path", {
 					d: " M 200 100 A 100 100 0 1 1 100 200",
-					stroke: v(r)(q.value.style.onion.color, 60),
+					stroke: v(i)(q.value.style.onion.color, 60),
 					"stroke-linecap": "round",
 					"stroke-width": "20",
 					fill: "none"
@@ -2090,7 +2090,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 				d("path", {
 					d: " M 200 140 A 60 60 0 1 1 140 200",
 					fill: "none",
-					stroke: v(r)(q.value.style.onion.color, 40),
+					stroke: v(i)(q.value.style.onion.color, 40),
 					"stroke-linecap": "round",
 					"stroke-width": "20"
 				}, null, 8, yr)
@@ -2127,7 +2127,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			], 4)) : l("", !0),
 			J.value === "quadrant" ? (h(), u("svg", {
 				key: 32,
-				xmlns: v(i),
+				xmlns: v(r),
 				viewBox: "0 0 100 100",
 				style: m(`background:${q.value.style.backgroundColor}`)
 			}, [
@@ -2205,7 +2205,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			], 12, Cr)) : l("", !0),
 			J.value === "radar" ? (h(), u("svg", {
 				key: 33,
-				xmlns: v(i),
+				xmlns: v(r),
 				viewBox: "0 0 100 100",
 				style: m(`background:${q.value.style.backgroundColor}`)
 			}, [
@@ -2221,7 +2221,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 				d("path", {
 					d: Ci.value,
 					fill: "none",
-					stroke: v(r)(q.value.style.radar.grid.color, 70),
+					stroke: v(i)(q.value.style.radar.grid.color, 70),
 					"stroke-width": q.value.style.radar.grid.strokeWidth / 2,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
@@ -2229,7 +2229,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 				d("path", {
 					d: wi.value,
 					fill: "none",
-					stroke: v(r)(q.value.style.radar.grid.color, 70),
+					stroke: v(i)(q.value.style.radar.grid.color, 70),
 					"stroke-width": q.value.style.radar.grid.strokeWidth / 2,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
@@ -2237,42 +2237,42 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 				d("path", {
 					d: Ti.value,
 					fill: "none",
-					stroke: v(r)(q.value.style.radar.grid.color, 70),
+					stroke: v(i)(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, zr),
 				d("path", {
 					d: "M 9,50 91,50",
-					stroke: v(r)(q.value.style.radar.grid.color, 50),
+					stroke: v(i)(q.value.style.radar.grid.color, 50),
 					"stroke-width": q.value.style.radar.grid.strokeWidth / 2
 				}, null, 8, Br),
 				d("path", {
 					d: "M 29.5,14.5 70.5 85.5",
-					stroke: v(r)(q.value.style.radar.grid.color, 50),
+					stroke: v(i)(q.value.style.radar.grid.color, 50),
 					"stroke-width": q.value.style.radar.grid.strokeWidth / 2
 				}, null, 8, Vr),
 				d("path", {
 					d: "M 29.5,85.5 70.5 14.5",
-					stroke: v(r)(q.value.style.radar.grid.color, 50),
+					stroke: v(i)(q.value.style.radar.grid.color, 50),
 					"stroke-width": q.value.style.radar.grid.strokeWidth / 2
 				}, null, 8, Hr),
 				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(r)(q.value.style.radar.shapes.color, 30)
+					fill: v(i)(q.value.style.radar.shapes.color, 30)
 				}, null, 8, Ur),
 				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(r)(q.value.style.radar.shapes.color, 50)
+					fill: v(i)(q.value.style.radar.shapes.color, 50)
 				}, null, 8, Wr)
 			], 12, Fr)) : l("", !0),
 			J.value === "waffle" ? (h(), u("svg", {
 				key: 34,
-				xmlns: v(i),
+				xmlns: v(r),
 				viewBox: "0 0 100 100",
 				style: m(`background:${q.value.style.backgroundColor}`)
 			}, [
@@ -2282,7 +2282,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					y: 3 + t * 9.5,
 					height: 9,
 					width: 9,
-					fill: v(r)(q.value.style.waffle.color, 20),
+					fill: v(i)(q.value.style.waffle.color, 20),
 					rx: "1"
 				}, null, 8, Kr)])), 64))])), 64)),
 				(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", {
@@ -2291,7 +2291,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					y: 3 + t * 9.5,
 					height: 9,
 					width: 9,
-					fill: v(r)(q.value.style.waffle.color, 30),
+					fill: v(i)(q.value.style.waffle.color, 30),
 					rx: "1"
 				}, null, 8, qr)) : l("", !0)])), 64))])), 64)),
 				(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", {
@@ -2300,27 +2300,27 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					y: 3 + t * 9.5,
 					height: 9,
 					width: 9,
-					fill: v(r)(q.value.style.waffle.color, 50),
+					fill: v(i)(q.value.style.waffle.color, 50),
 					rx: "1"
 				}, null, 8, Jr)) : l("", !0)])), 64))])), 64))
 			], 12, Gr)) : l("", !0),
 			J.value === "table" ? (h(), u("svg", {
 				key: 35,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 100 70",
 				style: m(`background:${q.value.style.backgroundColor}`)
 			}, [
 				p(o),
 				d("rect", {
-					fill: v(r)(q.value.style.table.th.color, 50),
+					fill: v(i)(q.value.style.table.th.color, 50),
 					x: 3.5,
 					y: 5,
 					height: "10",
 					width: "93"
 				}, null, 8, Xr),
 				d("rect", {
-					fill: v(r)(q.value.style.table.th.color, 50),
+					fill: v(i)(q.value.style.table.th.color, 50),
 					x: 3.5,
 					y: 15,
 					height: "50",
@@ -2351,7 +2351,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			}, [
 				q.value.style.rating.filled ? (h(), u("svg", {
 					key: 0,
-					xmlns: v(i),
+					xmlns: v(r),
 					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
@@ -2361,7 +2361,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					fill: "none"
 				}, [
 					p(o),
-					t[0] ||= d("path", {
+					n[0] ||= d("path", {
 						stroke: "none",
 						d: "M0 0h24v24H0z",
 						fill: "none"
@@ -2373,7 +2373,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					}, null, 8, ti)
 				], 12, ei)) : (h(), u("svg", {
 					key: 1,
-					xmlns: v(i),
+					xmlns: v(r),
 					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
@@ -2381,10 +2381,10 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...t[1] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-0952b9e9></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-0952b9e9></path><path d=\"M9 10l.01 0\" data-v-0952b9e9></path><path d=\"M15 10l.01 0\" data-v-0952b9e9></path><path d=\"M9.5 15.25a3.5 3.5 0 0 1 5 0\" data-v-0952b9e9></path>", 5)]], 12, ni)),
+				}, [...n[1] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-0952b9e9></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-0952b9e9></path><path d=\"M9 10l.01 0\" data-v-0952b9e9></path><path d=\"M15 10l.01 0\" data-v-0952b9e9></path><path d=\"M9.5 15.25a3.5 3.5 0 0 1 5 0\" data-v-0952b9e9></path>", 5)]], 12, ni)),
 				q.value.style.rating.filled ? (h(), u("svg", {
 					key: 2,
-					xmlns: v(i),
+					xmlns: v(r),
 					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
@@ -2392,7 +2392,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [t[2] ||= d("path", {
+				}, [n[2] ||= d("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
@@ -2402,7 +2402,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					fill: q.value.style.rating.color
 				}, null, 8, ii)], 12, ri)) : (h(), u("svg", {
 					key: 3,
-					xmlns: v(i),
+					xmlns: v(r),
 					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
@@ -2410,10 +2410,10 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...t[3] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-0952b9e9></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-0952b9e9></path><path d=\"M9 10l.01 0\" data-v-0952b9e9></path><path d=\"M15 10l.01 0\" data-v-0952b9e9></path><path d=\"M9 15l6 0\" data-v-0952b9e9></path>", 5)]], 12, ai)),
+				}, [...n[3] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-0952b9e9></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-0952b9e9></path><path d=\"M9 10l.01 0\" data-v-0952b9e9></path><path d=\"M15 10l.01 0\" data-v-0952b9e9></path><path d=\"M9 15l6 0\" data-v-0952b9e9></path>", 5)]], 12, ai)),
 				q.value.style.rating.filled ? (h(), u("svg", {
 					key: 4,
-					xmlns: v(i),
+					xmlns: v(r),
 					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
@@ -2421,7 +2421,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [t[4] ||= d("path", {
+				}, [n[4] ||= d("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
@@ -2431,7 +2431,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					fill: q.value.style.rating.color
 				}, null, 8, si)], 12, oi)) : (h(), u("svg", {
 					key: 5,
-					xmlns: v(i),
+					xmlns: v(r),
 					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
@@ -2439,7 +2439,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...t[5] ||= [
+				}, [...n[5] ||= [
 					d("path", {
 						stroke: "none",
 						d: "M0 0h24v24H0z",
@@ -2451,7 +2451,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 				]], 12, ci)),
 				q.value.style.rating.filled ? (h(), u("svg", {
 					key: 6,
-					xmlns: v(i),
+					xmlns: v(r),
 					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
@@ -2459,7 +2459,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [t[6] ||= d("path", {
+				}, [n[6] ||= d("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
@@ -2469,7 +2469,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					fill: q.value.style.rating.color
 				}, null, 8, ui)], 12, li)) : (h(), u("svg", {
 					key: 7,
-					xmlns: v(i),
+					xmlns: v(r),
 					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
@@ -2477,10 +2477,10 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...t[7] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-0952b9e9></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-0952b9e9></path><path d=\"M9 10l.01 0\" data-v-0952b9e9></path><path d=\"M15 10l.01 0\" data-v-0952b9e9></path><path d=\"M9.5 15a3.5 3.5 0 0 0 5 0\" data-v-0952b9e9></path>", 5)]], 12, di)),
+				}, [...n[7] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-0952b9e9></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-0952b9e9></path><path d=\"M9 10l.01 0\" data-v-0952b9e9></path><path d=\"M15 10l.01 0\" data-v-0952b9e9></path><path d=\"M9.5 15a3.5 3.5 0 0 0 5 0\" data-v-0952b9e9></path>", 5)]], 12, di)),
 				q.value.style.rating.filled ? (h(), u("svg", {
 					key: 8,
-					xmlns: v(i),
+					xmlns: v(r),
 					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
@@ -2488,7 +2488,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [t[8] ||= d("path", {
+				}, [n[8] ||= d("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
@@ -2498,7 +2498,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					fill: q.value.style.rating.color
 				}, null, 8, pi)], 12, fi)) : (h(), u("svg", {
 					key: 9,
-					xmlns: v(i),
+					xmlns: v(r),
 					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
@@ -2506,17 +2506,17 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...t[9] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-0952b9e9></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-0952b9e9></path><path d=\"M9 9l.01 0\" data-v-0952b9e9></path><path d=\"M15 9l.01 0\" data-v-0952b9e9></path><path d=\"M8 13a4 4 0 1 0 8 0h-8\" data-v-0952b9e9></path>", 5)]], 12, mi))
+				}, [...n[9] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-0952b9e9></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-0952b9e9></path><path d=\"M9 9l.01 0\" data-v-0952b9e9></path><path d=\"M15 9l.01 0\" data-v-0952b9e9></path><path d=\"M8 13a4 4 0 1 0 8 0h-8\" data-v-0952b9e9></path>", 5)]], 12, mi))
 			], 4)) : (h(), u("svg", {
 				key: 1,
-				xmlns: v(i),
+				xmlns: v(r),
 				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, t) => d("polygon", {
-				points: v(n)({
+			}, [p(o), (h(), u(s, null, _(5, (e, n) => d("polygon", {
+				points: v(t)({
 					plot: {
-						x: 10 + t * 20,
+						x: 10 + n * 20,
 						y: 15
 					},
 					radius: 6
@@ -2529,7 +2529,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			}, null, 8, hi)), 64))], 12, G))], 64)) : l("", !0),
 			J.value === "verticalBar" ? (h(), u("svg", {
 				key: 37,
-				xmlns: v(i),
+				xmlns: v(r),
 				width: "100%",
 				viewBox: "0 0 100 100",
 				style: m(`background:${q.value.style.backgroundColor}`)