vue-data-ui 3.25.11 → 3.25.13

package/dist/{vue-ui-skeleton-C347nFnE.js → vue-ui-skeleton-CeKjW4MX.js}

@@ -1,18 +1,18 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { M as t, Ut as n, q as r, t as i, z as ee } from "./lib-Dql7cqyA.js";
-import { n as te, t as ne } from "./useHints-Dq_w2E8B.js";
-import { t as re } from "./useConfig-D32D002m.js";
-import { t as ie } from "./useNestedProp-Chvyfpl-.js";
-import { t as a } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as ae } from "./DefGrad-DVBqDjhO.js";
-import { n as o } from "./PackageVersion-CEvZNFTz.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 oe, normalizeStyle as m, openBlock as h, ref as g, renderList as _, unref as v } from "vue";
+import { B as t, M as n, X as r, qt as i, t as a } from "./lib-DOpaUOQx.js";
+import { n as ee, t as te } from "./useHints-Dq_w2E8B.js";
+import { t as ne } from "./useConfig-C2uy4ltq.js";
+import { t as re } from "./useNestedProp-Bux0f4iY.js";
+import { t as o } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as ie } from "./DefGrad-DVBqDjhO.js";
+import { n as s } from "./PackageVersion-D5QkTJQU.js";
+import { Fragment as c, computed as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createStaticVNode as p, createVNode as m, normalizeClass as ae, normalizeStyle as h, openBlock as g, ref as _, renderList as v, unref as y } from "vue";
 //#region src/components/vue-ui-skeleton.vue
-var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le = { transform: "translate(300, 300)" }, ue = [
+var b = /* @__PURE__ */ e({ default: () => G }), oe = ["id"], se = ["xmlns"], ce = { transform: "translate(300, 300)" }, le = [
 	"d",
 	"fill",
 	"stroke"
-], b = ["xmlns"], x = ["fill", "stroke"], S = ["fill", "stroke"], C = ["fill", "stroke"], w = ["fill", "stroke"], T = ["fill", "stroke"], E = ["xmlns"], D = ["stroke"], O = ["stroke"], k = ["stroke"], A = ["fill", "stroke"], j = ["fill"], M = ["fill", "stroke"], N = ["fill"], P = ["fill", "stroke"], F = ["fill"], I = ["fill", "stroke"], L = ["fill"], R = ["fill", "stroke"], z = ["fill"], B = ["fill", "stroke"], V = ["fill"], H = ["xmlns"], U = ["stroke"], de = ["stroke"], fe = ["stroke"], pe = ["stroke"], me = ["stroke"], he = ["stroke"], ge = ["stroke"], _e = ["stroke"], ve = ["stroke"], ye = ["xmlns"], be = ["stroke", "fill"], xe = ["xmlns"], Se = ["stroke", "fill"], Ce = ["xmlns"], we = ["fill"], Te = ["fill"], Ee = ["fill"], De = ["fill"], Oe = ["xmlns"], ke = ["stroke"], Ae = ["fill"], je = ["stroke", "fill"], Me = ["stroke", "fill"], Ne = ["fill"], Pe = ["stroke", "fill"], Fe = ["stroke", "fill"], Ie = ["fill"], Le = ["stroke", "fill"], Re = ["stroke", "fill"], ze = ["fill"], Be = ["stroke", "fill"], Ve = ["stroke", "fill"], He = ["fill"], Ue = ["stroke", "fill"], We = ["stroke", "fill"], Ge = ["xmlns"], Ke = ["stroke"], qe = ["stroke"], Je = ["stroke", "fill"], Ye = ["stroke", "fill"], Xe = ["stroke", "fill"], Ze = ["stroke", "fill"], Qe = ["stroke", "fill"], $e = ["stroke", "fill"], et = ["stroke", "fill"], tt = ["stroke", "fill"], nt = ["stroke", "fill"], rt = ["stroke", "fill"], it = ["stroke", "fill"], at = ["stroke", "fill"], ot = ["stroke", "fill"], st = ["stroke", "fill"], ct = ["stroke", "fill"], lt = ["stroke", "fill"], ut = ["stroke", "fill"], dt = ["stroke", "fill"], ft = ["stroke", "fill"], pt = ["stroke", "fill"], mt = ["stroke", "fill"], ht = ["stroke", "fill"], gt = ["stroke", "fill"], _t = ["xmlns"], vt = ["stroke"], yt = ["xmlns"], bt = ["stroke"], xt = ["xmlns"], St = ["stroke"], Ct = ["xmlns"], wt = ["fill"], Tt = ["fill"], Et = ["fill"], Dt = ["fill"], Ot = ["fill"], kt = ["fill"], At = ["fill"], jt = ["fill"], Mt = ["fill"], Nt = ["fill"], Pt = ["fill"], Ft = ["fill"], It = ["xmlns"], Lt = ["stroke"], Rt = ["stroke"], zt = ["stroke"], Bt = ["stroke"], Vt = ["stroke"], Ht = ["stroke"], Ut = ["xmlns"], Wt = ["stroke"], Gt = ["stroke"], Kt = ["stroke"], qt = ["stroke"], Jt = ["stroke"], Yt = ["stroke"], Xt = ["stroke"], Zt = ["stroke"], Qt = ["stroke"], $t = ["xmlns"], en = ["stroke"], tn = ["xmlns"], nn = ["stroke"], rn = ["stroke"], an = ["stroke"], on = ["stroke"], sn = ["stroke"], cn = ["stroke"], ln = ["stroke"], un = ["stroke"], dn = ["stroke"], fn = ["xmlns"], pn = [
+], ue = ["xmlns"], x = ["fill", "stroke"], S = ["fill", "stroke"], C = ["fill", "stroke"], w = ["fill", "stroke"], T = ["fill", "stroke"], E = ["xmlns"], D = ["stroke"], O = ["stroke"], k = ["stroke"], A = ["fill", "stroke"], j = ["fill"], M = ["fill", "stroke"], N = ["fill"], P = ["fill", "stroke"], F = ["fill"], I = ["fill", "stroke"], L = ["fill"], R = ["fill", "stroke"], z = ["fill"], B = ["fill", "stroke"], V = ["fill"], H = ["xmlns"], U = ["stroke"], de = ["stroke"], fe = ["stroke"], pe = ["stroke"], me = ["stroke"], he = ["stroke"], ge = ["stroke"], _e = ["stroke"], ve = ["stroke"], ye = ["xmlns"], be = ["stroke", "fill"], xe = ["xmlns"], Se = ["stroke", "fill"], Ce = ["xmlns"], we = ["fill"], Te = ["fill"], Ee = ["fill"], De = ["fill"], Oe = ["xmlns"], ke = ["stroke"], Ae = ["fill"], je = ["stroke", "fill"], Me = ["stroke", "fill"], Ne = ["fill"], Pe = ["stroke", "fill"], Fe = ["stroke", "fill"], Ie = ["fill"], Le = ["stroke", "fill"], Re = ["stroke", "fill"], ze = ["fill"], Be = ["stroke", "fill"], Ve = ["stroke", "fill"], He = ["fill"], Ue = ["stroke", "fill"], We = ["stroke", "fill"], Ge = ["xmlns"], Ke = ["stroke"], qe = ["stroke"], Je = ["stroke", "fill"], Ye = ["stroke", "fill"], Xe = ["stroke", "fill"], Ze = ["stroke", "fill"], Qe = ["stroke", "fill"], $e = ["stroke", "fill"], et = ["stroke", "fill"], tt = ["stroke", "fill"], nt = ["stroke", "fill"], rt = ["stroke", "fill"], it = ["stroke", "fill"], at = ["stroke", "fill"], ot = ["stroke", "fill"], st = ["stroke", "fill"], ct = ["stroke", "fill"], lt = ["stroke", "fill"], ut = ["stroke", "fill"], dt = ["stroke", "fill"], ft = ["stroke", "fill"], pt = ["stroke", "fill"], mt = ["stroke", "fill"], ht = ["stroke", "fill"], gt = ["stroke", "fill"], _t = ["xmlns"], vt = ["stroke"], yt = ["xmlns"], bt = ["stroke"], xt = ["xmlns"], St = ["stroke"], Ct = ["xmlns"], wt = ["fill"], Tt = ["fill"], Et = ["fill"], Dt = ["fill"], Ot = ["fill"], kt = ["fill"], At = ["fill"], jt = ["fill"], Mt = ["fill"], Nt = ["fill"], Pt = ["fill"], Ft = ["fill"], It = ["xmlns"], Lt = ["stroke"], Rt = ["stroke"], zt = ["stroke"], Bt = ["stroke"], Vt = ["stroke"], Ht = ["stroke"], Ut = ["xmlns"], Wt = ["stroke"], Gt = ["stroke"], Kt = ["stroke"], qt = ["stroke"], Jt = ["stroke"], Yt = ["stroke"], Xt = ["stroke"], Zt = ["stroke"], Qt = ["stroke"], $t = ["xmlns"], en = ["stroke"], tn = ["xmlns"], nn = ["stroke"], rn = ["stroke"], an = ["stroke"], on = ["stroke"], sn = ["stroke"], cn = ["stroke"], ln = ["stroke"], un = ["stroke"], dn = ["stroke"], fn = ["xmlns"], pn = [
 	"x1",
 	"x2",
 	"stroke"
@@ -152,7 +152,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 	"width",
 	"fill",
 	"rx"
-], G = /*#__PURE__*/ a({
+], G = /*#__PURE__*/ o({
 	__name: "vue-ui-skeleton",
 	props: { config: {
 		type: Object,
@@ -161,17 +161,17 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 		}
 	} },
 	setup(e) {
-		let { vue_ui_skeleton: a } = re(), y = e, G = g(`vue-ui-skeleton-${r()}`), K = c(() => ie({
-			userConfig: y.config,
-			defaultConfig: a
-		})), q = c(() => K.value.style);
-		te({
+		let { vue_ui_skeleton: o } = ne(), b = e, G = _(`vue-ui-skeleton-${r()}`), K = l(() => re({
+			userConfig: b.config,
+			defaultConfig: o
+		})), q = l(() => K.value.style);
+		ee({
 			config: () => K.value,
 			dataset: () => [],
 			component: "VueUiSkeleton",
-			rules: [ne.noHint]
+			rules: [te.noHint]
 		});
-		let wi = c(() => K.value.style.animated), J = c(() => K.value.type), Ti = g([
+		let wi = l(() => K.value.style.animated), J = l(() => K.value.type), Ti = _([
 			60,
 			50,
 			55,
@@ -180,35 +180,35 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 			25,
 			26,
 			12
-		]), Ei = c(() => t({
+		]), Ei = l(() => n({
 			plot: {
 				x: 50,
 				y: 50
 			},
 			radius: 40,
 			sides: 6
-		}).path), Di = c(() => t({
+		}).path), Di = l(() => n({
 			plot: {
 				x: 50,
 				y: 50
 			},
 			radius: 30,
 			sides: 6
-		}).path), Oi = c(() => t({
+		}).path), Oi = l(() => n({
 			plot: {
 				x: 50,
 				y: 50
 			},
 			radius: 20,
 			sides: 6
-		}).path), ki = c(() => t({
+		}).path), ki = l(() => n({
 			plot: {
 				x: 50,
 				y: 50
 			},
 			radius: 10,
 			sides: 6
-		}).path), Y = g([
+		}).path), Y = _([
 			{
 				root: {
 					x: 70,
@@ -293,7 +293,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					}
 				]
 			}
-		]), X = g([
+		]), X = _([
 			{
 				y: 200,
 				height: 100,
@@ -344,7 +344,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 				height: 45,
 				bar: 19
 			}
-		]), Z = g([
+		]), Z = _([
 			[3, 2.5],
 			[4, 3.1],
 			[8, 6],
@@ -364,7 +364,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 			[44, 45],
 			[38, 35],
 			[31, 32]
-		]), Q = g([
+		]), Q = _([
 			{
 				x: 40,
 				y: 30
@@ -465,7 +465,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 				y: 200 + 160 * Math.sin(n + e * Math.PI / 180) * t
 			};
 		}
-		let Ai = c(() => {
+		let Ai = l(() => {
 			let e = [];
 			for (let t = 0; t < 100; t += 1) e.push({
 				x1: $(360 / 100 * t).x,
@@ -475,7 +475,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 				color: K.value.style.wheel.color
 			});
 			return e;
-		}), ji = g([
+		}), ji = _([
 			"M1.74 203.99A204 204 0 01-131.29-156.13l15.44 18.36A180 180 0 001.53 179.99Z",
 			"M-123.33-162.5A204 204 0 01-10.2-203.75L-9-179.78a180 180 0 00-99.82 36.4Z",
 			"M0-180A180 180 0 01175.19 41.33l23.36 5.51A204 204 0 000-204Z",
@@ -491,38 +491,38 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 			"M31.73 177.18a180 180 0 01-21.2 2.51Q0 0 171.96-53.19a180 180 0 017.75 63.48Q0 0 31.73 177.18Z",
 			"M172.91 50.03Q0 0 112.89 140.2a180 180 0 0060.02-90.17Q0 0 112.89 140.2a180 180 0 0060.02-90.17Z"
 		]);
-		return (e, t) => (h(), u("div", {
+		return (e, n) => (g(), d("div", {
 			id: G.value,
-			class: oe({
+			class: ae({
 				"vue-data-ui-component": !0,
 				"vue-ui-skeleton": !0,
 				"vue-ui-skeleton-animated": wi.value
 			}),
-			style: m(`background:${q.value.backgroundColor};color:${q.value.color};display:flex;align-items:center;justify-content:center;`)
+			style: h(`background:${q.value.backgroundColor};color:${q.value.color};display:flex;align-items:center;justify-content:center;`)
 		}, [
-			J.value === "chord" ? (h(), u("svg", {
+			J.value === "chord" ? (g(), d("svg", {
 				key: 0,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 600 600",
-				style: m({ background: q.value.backgroundColor })
-			}, [p(o), d("g", le, [(h(!0), u(s, null, _(ji.value, (e, t) => (h(), u("path", {
+				style: h({ background: q.value.backgroundColor })
+			}, [m(s), f("g", ce, [(g(!0), d(c, null, v(ji.value, (e, t) => (g(), d("path", {
 				key: e,
 				d: e,
 				fill: q.value.chord.color,
 				stroke: q.value.backgroundColor,
 				"stroke-width": "2",
-				style: m({ opacity: t > 3 ? .6 : 1 })
-			}, null, 12, ue))), 128))])], 12, ce)) : l("", !0),
-			J.value === "ridgeline" ? (h(), u("svg", {
+				style: h({ opacity: t > 3 ? .6 : 1 })
+			}, null, 12, le))), 128))])], 12, se)) : u("", !0),
+			J.value === "ridgeline" ? (g(), d("svg", {
 				key: 1,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "20 0 512 200",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.backgroundColor}`)
 			}, [
-				p(o),
-				d("defs", null, [p(ae, {
+				m(s),
+				f("defs", null, [m(ie, {
 					t: "linear",
 					id: `ridgeline-gradient-${G.value}`,
 					x1: "50%",
@@ -552,7 +552,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 						]
 					]
 				}, null, 8, ["id", "stops"])]),
-				d("path", {
+				f("path", {
 					fill: `url(#ridgeline-gradient-${G.value})`,
 					stroke: q.value.ridgeline.color,
 					"stroke-width": "1",
@@ -560,7 +560,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, null, 8, x),
-				d("path", {
+				f("path", {
 					fill: `url(#ridgeline-gradient-${G.value})`,
 					stroke: q.value.ridgeline.color,
 					"stroke-width": "1",
@@ -568,7 +568,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, null, 8, S),
-				d("path", {
+				f("path", {
 					fill: `url(#ridgeline-gradient-${G.value})`,
 					stroke: q.value.ridgeline.color,
 					"stroke-width": "1",
@@ -576,7 +576,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, null, 8, C),
-				d("path", {
+				f("path", {
 					fill: `url(#ridgeline-gradient-${G.value})`,
 					stroke: q.value.ridgeline.color,
 					"stroke-width": "1",
@@ -584,7 +584,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, null, 8, w),
-				d("path", {
+				f("path", {
 					fill: `url(#ridgeline-gradient-${G.value})`,
 					stroke: q.value.ridgeline.color,
 					"stroke-width": "1",
@@ -592,16 +592,16 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, null, 8, T)
-			], 12, b)) : l("", !0),
-			J.value === "historyPlot" ? (h(), u("svg", {
+			], 12, ue)) : u("", !0),
+			J.value === "historyPlot" ? (g(), d("svg", {
 				key: 2,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 612 512",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.backgroundColor}`)
 			}, [
-				p(o),
-				d("line", {
+				m(s),
+				f("line", {
 					x1: "12",
 					x2: "12",
 					y1: "12",
@@ -610,7 +610,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": "3",
 					"stroke-linecap": "round"
 				}, null, 8, D),
-				d("line", {
+				f("line", {
 					x1: "12",
 					x2: "600",
 					y1: "500",
@@ -619,13 +619,13 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": "3",
 					"stroke-linecap": "round"
 				}, null, 8, O),
-				d("path", {
+				f("path", {
 					d: "M 80,100 300,200 400,150 560,230 360,420 230,320",
 					fill: "none",
 					stroke: q.value.historyPlot.color,
 					"stroke-width": "3"
 				}, null, 8, k),
-				d("circle", {
+				f("circle", {
 					cx: "80",
 					cy: "100",
 					r: "24",
@@ -633,14 +633,14 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					stroke: q.value.backgroundColor,
 					"stroke-width": "3"
 				}, null, 8, A),
-				d("text", {
+				f("text", {
 					x: "80",
 					y: "108",
 					fill: q.value.backgroundColor,
 					"font-size": "24",
 					"text-anchor": "middle"
 				}, " 1 ", 8, j),
-				d("circle", {
+				f("circle", {
 					cx: "300",
 					cy: "200",
 					r: "24",
@@ -648,14 +648,14 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					stroke: q.value.backgroundColor,
 					"stroke-width": "3"
 				}, null, 8, M),
-				d("text", {
+				f("text", {
 					x: "300",
 					y: "208",
 					fill: q.value.backgroundColor,
 					"font-size": "24",
 					"text-anchor": "middle"
 				}, " 2 ", 8, N),
-				d("circle", {
+				f("circle", {
 					cx: "400",
 					cy: "150",
 					r: "24",
@@ -663,14 +663,14 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					stroke: q.value.backgroundColor,
 					"stroke-width": "3"
 				}, null, 8, P),
-				d("text", {
+				f("text", {
 					x: "400",
 					y: "158",
 					fill: q.value.backgroundColor,
 					"font-size": "24",
 					"text-anchor": "middle"
 				}, " 3 ", 8, F),
-				d("circle", {
+				f("circle", {
 					cx: "560",
 					cy: "230",
 					r: "24",
@@ -678,14 +678,14 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					stroke: q.value.backgroundColor,
 					"stroke-width": "3"
 				}, null, 8, I),
-				d("text", {
+				f("text", {
 					x: "560",
 					y: "238",
 					fill: q.value.backgroundColor,
 					"font-size": "24",
 					"text-anchor": "middle"
 				}, " 4 ", 8, L),
-				d("circle", {
+				f("circle", {
 					cx: "360",
 					cy: "420",
 					r: "24",
@@ -693,14 +693,14 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					stroke: q.value.backgroundColor,
 					"stroke-width": "3"
 				}, null, 8, R),
-				d("text", {
+				f("text", {
 					x: "360",
 					y: "428",
 					fill: q.value.backgroundColor,
 					"font-size": "24",
 					"text-anchor": "middle"
 				}, " 5 ", 8, z),
-				d("circle", {
+				f("circle", {
 					cx: "230",
 					cy: "320",
 					r: "24",
@@ -708,22 +708,22 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					stroke: q.value.backgroundColor,
 					"stroke-width": "3"
 				}, null, 8, B),
-				d("text", {
+				f("text", {
 					x: "230",
 					y: "328",
 					fill: q.value.backgroundColor,
 					"font-size": "24",
 					"text-anchor": "middle"
 				}, " 6 ", 8, V)
-			], 12, E)) : l("", !0),
-			J.value === "circlePack" ? (h(), u("svg", {
+			], 12, E)) : u("", !0),
+			J.value === "circlePack" ? (g(), d("svg", {
 				key: 3,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 100 100",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.backgroundColor}`)
 			}, [
-				d("circle", {
+				f("circle", {
 					cx: 50,
 					cy: 50,
 					r: 20,
@@ -731,7 +731,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": 1,
 					fill: "none"
 				}, null, 8, U),
-				d("circle", {
+				f("circle", {
 					cx: 80,
 					cy: 50,
 					r: 10,
@@ -739,7 +739,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": 1,
 					fill: "none"
 				}, null, 8, de),
-				d("circle", {
+				f("circle", {
 					cx: 28,
 					cy: 30,
 					r: 10,
@@ -747,7 +747,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": 1,
 					fill: "none"
 				}, null, 8, fe),
-				d("circle", {
+				f("circle", {
 					cx: 25,
 					cy: 76,
 					r: 16,
@@ -755,7 +755,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": 1,
 					fill: "none"
 				}, null, 8, pe),
-				d("circle", {
+				f("circle", {
 					cx: 60,
 					cy: 78.5,
 					r: 10,
@@ -763,7 +763,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": 1,
 					fill: "none"
 				}, null, 8, me),
-				d("circle", {
+				f("circle", {
 					cx: 64,
 					cy: 20,
 					r: 13,
@@ -771,7 +771,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": 1,
 					fill: "none"
 				}, null, 8, he),
-				d("circle", {
+				f("circle", {
 					cx: 72,
 					cy: 37,
 					r: 5,
@@ -779,7 +779,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": 1,
 					fill: "none"
 				}, null, 8, ge),
-				d("circle", {
+				f("circle", {
 					cx: 25,
 					cy: 45,
 					r: 5,
@@ -787,7 +787,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": 1,
 					fill: "none"
 				}, null, 8, _e),
-				d("circle", {
+				f("circle", {
 					cx: 70,
 					cy: 66,
 					r: 5,
@@ -795,43 +795,43 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": 1,
 					fill: "none"
 				}, null, 8, ve)
-			], 12, H)) : l("", !0),
-			J.value === "flow" ? (h(), u("svg", {
+			], 12, H)) : u("", !0),
+			J.value === "flow" ? (g(), d("svg", {
 				key: 4,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 80 60",
-				style: m(`background:${q.value.backgroundColor}`)
-			}, [p(o), d("path", {
+				style: h(`background:${q.value.backgroundColor}`)
+			}, [m(s), f("path", {
 				d: "M5 5V55M75 5V55M28 5V55M52 5V55M5 8l23 4L52 9 75 8v4H52L28 21 5 29ZM5 34l23 1L52 24l23-3v6L52 30 28 44l24-5 23 2v6L52 45 28 52H5Z",
 				stroke: q.value.flow.color,
 				"stroke-width": .8,
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round",
 				fill: q.value.flow.color
-			}, null, 8, be)], 12, ye)) : l("", !0),
-			J.value === "parallelCoordinatePlot" ? (h(), u("svg", {
+			}, null, 8, be)], 12, ye)) : u("", !0),
+			J.value === "parallelCoordinatePlot" ? (g(), d("svg", {
 				key: 5,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 80 60",
-				style: m(`background:${q.value.backgroundColor}`)
-			}, [p(o), d("path", {
+				style: h(`background:${q.value.backgroundColor}`)
+			}, [m(s), f("path", {
 				d: "M5 5V55M75 5V55M28 5V55M52 5V55M5 10a1 1 0 000 2 1 1 0 000-2m23 5a1 1 0 000 2 1 1 0 000-2M52 8a1 1 0 000 2 1 1 0 000-2m23 3a1 1 0 000 2 1 1 0 000-2M6 11l21 5m2 0L51 9m2 0 21 3M5 50a1 1 0 000-2 1 1 0 000 2M28 39a1 1 0 000 2 1 1 0 000-2m24 6a1 1 0 000 2 1 1 0 000-2m23 0a1 1 0 000 2 1 1 0 000-2M6 49l21-9m2 0 22 6m2 0H74M5 25a1 1 0 000 2 1 1 0 000-2m23 6a1 1 0 000 2 1 1 0 000-2m24-8a1 1 0 000 2 1 1 0 000-2m23-2a1 1 0 000 2 1 1 0 000-2M6 26l21 6m2 0 22-8m2 0 21-2",
 				stroke: q.value.parallelCoordinatePlot.color,
 				"stroke-width": .8,
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round",
 				fill: q.value.parallelCoordinatePlot.color
-			}, null, 8, Se)], 12, xe)) : l("", !0),
-			J.value === "bullet" ? (h(), u("svg", {
+			}, null, 8, Se)], 12, xe)) : u("", !0),
+			J.value === "bullet" ? (g(), d("svg", {
 				key: 6,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 600 96",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.backgroundColor}`)
 			}, [
-				d("rect", {
+				f("rect", {
 					fill: q.value.bullet.color,
 					x: 24,
 					y: 12,
@@ -839,7 +839,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					height: 72,
 					style: { opacity: "0.8" }
 				}, null, 8, we),
-				d("rect", {
+				f("rect", {
 					fill: q.value.bullet.color,
 					x: 324,
 					y: 12,
@@ -847,7 +847,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					height: 72,
 					style: { opacity: "0.6" }
 				}, null, 8, Te),
-				d("rect", {
+				f("rect", {
 					fill: q.value.bullet.color,
 					x: 474,
 					y: 12,
@@ -855,7 +855,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					height: 72,
 					style: { opacity: "0.3" }
 				}, null, 8, Ee),
-				d("rect", {
+				f("rect", {
 					fill: q.value.bullet.color,
 					x: 24,
 					y: 36,
@@ -863,16 +863,16 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					height: 24,
 					style: { opacity: "1" }
 				}, null, 8, De)
-			], 12, Ce)) : l("", !0),
-			J.value === "dumbbell" ? (h(), u("svg", {
+			], 12, Ce)) : u("", !0),
+			J.value === "dumbbell" ? (g(), d("svg", {
 				key: 7,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 100 55",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.backgroundColor}`)
 			}, [
-				p(o),
-				d("line", {
+				m(s),
+				f("line", {
 					x1: "3",
 					x2: "3",
 					y1: "3",
@@ -882,11 +882,11 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, null, 8, ke),
-				d("path", {
+				f("path", {
 					d: "\n                    M 30,11\n                    C 39,10 39,10\n                    45,11\n                    L 45,9\n                    C 39,10 39,10\n                    30,9 Z\n                ",
 					fill: q.value.dumbbell.color
 				}, null, 8, Ae),
-				d("circle", {
+				f("circle", {
 					cx: "30",
 					cy: "10",
 					r: "2",
@@ -894,7 +894,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": .3,
 					fill: q.value.dumbbell.color
 				}, null, 8, je),
-				d("circle", {
+				f("circle", {
 					cx: "46",
 					cy: "10",
 					r: "2",
@@ -902,11 +902,11 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": .3,
 					fill: q.value.dumbbell.color
 				}, null, 8, Me),
-				d("path", {
+				f("path", {
 					d: "\n                    M 10,21\n                    C 23,20 23,20\n                    36,21\n                    L 36,19\n                    C 23,20 23,20\n                    10,19 Z\n                ",
 					fill: q.value.dumbbell.color
 				}, null, 8, Ne),
-				d("circle", {
+				f("circle", {
 					cx: "10",
 					cy: "20",
 					r: "2",
@@ -914,7 +914,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": .3,
 					fill: q.value.dumbbell.color
 				}, null, 8, Pe),
-				d("circle", {
+				f("circle", {
 					cx: "36",
 					cy: "20",
 					r: "2",
@@ -922,11 +922,11 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": .3,
 					fill: q.value.dumbbell.color
 				}, null, 8, Fe),
-				d("path", {
+				f("path", {
 					d: "\n                    M 30,31\n                    C 45,30 45,30\n                    60,31\n                    L 60,29\n                    C 45,30 45,30\n                    30,29 Z\n                ",
 					fill: q.value.dumbbell.color
 				}, null, 8, Ie),
-				d("circle", {
+				f("circle", {
 					cx: "30",
 					cy: "30",
 					r: "2",
@@ -934,7 +934,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": .3,
 					fill: q.value.dumbbell.color
 				}, null, 8, Le),
-				d("circle", {
+				f("circle", {
 					cx: "60",
 					cy: "30",
 					r: "2",
@@ -942,11 +942,11 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": .3,
 					fill: q.value.dumbbell.color
 				}, null, 8, Re),
-				d("path", {
+				f("path", {
 					d: "\n                    M 50,41\n                    C 65,40 65,40\n                    80,41\n                    L 80,39\n                    C 65,40 65,40\n                    50,39 Z\n                ",
 					fill: q.value.dumbbell.color
 				}, null, 8, ze),
-				d("circle", {
+				f("circle", {
 					cx: "50",
 					cy: "40",
 					r: "2",
@@ -954,7 +954,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": .3,
 					fill: q.value.dumbbell.color
 				}, null, 8, Be),
-				d("circle", {
+				f("circle", {
 					cx: "80",
 					cy: "40",
 					r: "2",
@@ -962,11 +962,11 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": .3,
 					fill: q.value.dumbbell.color
 				}, null, 8, Ve),
-				d("path", {
+				f("path", {
 					d: "\n                    M 40,51\n                    C 65,50 65,50\n                    90,51\n                    L 90,49\n                    C 65,50 65,50\n                    40,49 Z\n                ",
 					fill: q.value.dumbbell.color
 				}, null, 8, He),
-				d("circle", {
+				f("circle", {
 					cx: "40",
 					cy: "50",
 					r: "2",
@@ -974,7 +974,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": .3,
 					fill: q.value.dumbbell.color
 				}, null, 8, Ue),
-				d("circle", {
+				f("circle", {
 					cx: "90",
 					cy: "50",
 					r: "2",
@@ -982,16 +982,16 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": .3,
 					fill: q.value.dumbbell.color
 				}, null, 8, We)
-			], 12, Oe)) : l("", !0),
-			J.value === "stripPlot" ? (h(), u("svg", {
+			], 12, Oe)) : u("", !0),
+			J.value === "stripPlot" ? (g(), d("svg", {
 				key: 8,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 100 100",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.backgroundColor}`)
 			}, [
-				p(o),
-				d("line", {
+				m(s),
+				f("line", {
 					x1: "3",
 					x2: "3",
 					y1: "3",
@@ -1001,7 +1001,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, null, 8, Ke),
-				d("line", {
+				f("line", {
 					x1: "3",
 					x2: "97",
 					y1: "97",
@@ -1011,7 +1011,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, null, 8, qe),
-				d("circle", {
+				f("circle", {
 					cx: "12",
 					cy: "8",
 					r: "4",
@@ -1020,7 +1020,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
 				}, null, 8, Je),
-				d("circle", {
+				f("circle", {
 					cx: "12",
 					cy: "40",
 					r: "4",
@@ -1029,7 +1029,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
 				}, null, 8, Ye),
-				d("circle", {
+				f("circle", {
 					cx: "12",
 					cy: "60",
 					r: "4",
@@ -1038,7 +1038,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
 				}, null, 8, Xe),
-				d("circle", {
+				f("circle", {
 					cx: "12",
 					cy: "70",
 					r: "4",
@@ -1047,7 +1047,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
 				}, null, 8, Ze),
-				d("circle", {
+				f("circle", {
 					cx: "32",
 					cy: "25",
 					r: "4",
@@ -1056,7 +1056,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
 				}, null, 8, Qe),
-				d("circle", {
+				f("circle", {
 					cx: "32",
 					cy: "38",
 					r: "4",
@@ -1065,7 +1065,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
 				}, null, 8, $e),
-				d("circle", {
+				f("circle", {
 					cx: "32",
 					cy: "44",
 					r: "4",
@@ -1074,7 +1074,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
 				}, null, 8, et),
-				d("circle", {
+				f("circle", {
 					cx: "32",
 					cy: "55",
 					r: "4",
@@ -1083,7 +1083,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
 				}, null, 8, tt),
-				d("circle", {
+				f("circle", {
 					cx: "52",
 					cy: "30",
 					r: "4",
@@ -1092,7 +1092,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
 				}, null, 8, nt),
-				d("circle", {
+				f("circle", {
 					cx: "52",
 					cy: "33",
 					r: "4",
@@ -1101,7 +1101,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
 				}, null, 8, rt),
-				d("circle", {
+				f("circle", {
 					cx: "52",
 					cy: "43",
 					r: "4",
@@ -1110,7 +1110,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
 				}, null, 8, it),
-				d("circle", {
+				f("circle", {
 					cx: "52",
 					cy: "63",
 					r: "4",
@@ -1119,7 +1119,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
 				}, null, 8, at),
-				d("circle", {
+				f("circle", {
 					cx: "52",
 					cy: "78",
 					r: "4",
@@ -1128,7 +1128,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
 				}, null, 8, ot),
-				d("circle", {
+				f("circle", {
 					cx: "72",
 					cy: "58",
 					r: "4",
@@ -1137,7 +1137,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
 				}, null, 8, st),
-				d("circle", {
+				f("circle", {
 					cx: "72",
 					cy: "70",
 					r: "4",
@@ -1146,7 +1146,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
 				}, null, 8, ct),
-				d("circle", {
+				f("circle", {
 					cx: "72",
 					cy: "78",
 					r: "4",
@@ -1155,7 +1155,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
 				}, null, 8, lt),
-				d("circle", {
+				f("circle", {
 					cx: "72",
 					cy: "88",
 					r: "4",
@@ -1164,7 +1164,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
 				}, null, 8, ut),
-				d("circle", {
+				f("circle", {
 					cx: "92",
 					cy: "66",
 					r: "4",
@@ -1173,7 +1173,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
 				}, null, 8, dt),
-				d("circle", {
+				f("circle", {
 					cx: "92",
 					cy: "77",
 					r: "4",
@@ -1182,7 +1182,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
 				}, null, 8, ft),
-				d("circle", {
+				f("circle", {
 					cx: "92",
 					cy: "85",
 					r: "4",
@@ -1191,7 +1191,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
 				}, null, 8, pt),
-				d("circle", {
+				f("circle", {
 					cx: "92",
 					cy: "88",
 					r: "4",
@@ -1200,7 +1200,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
 				}, null, 8, mt),
-				d("circle", {
+				f("circle", {
 					cx: "92",
 					cy: "90",
 					r: "4",
@@ -1209,7 +1209,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
 				}, null, 8, ht),
-				d("circle", {
+				f("circle", {
 					cx: "92",
 					cy: "92",
 					r: "4",
@@ -1218,57 +1218,57 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
 				}, null, 8, gt)
-			], 12, Ge)) : l("", !0),
-			J.value === "treemap" ? (h(), u("svg", {
+			], 12, Ge)) : u("", !0),
+			J.value === "treemap" ? (g(), d("svg", {
 				key: 9,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 30 21",
-				style: m(`background:${q.value.backgroundColor}`)
-			}, [p(o), d("path", {
+				style: h(`background:${q.value.backgroundColor}`)
+			}, [m(s), f("path", {
 				fill: "none",
 				stroke: q.value.treemap.color,
 				"stroke-width": "0.3",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round",
 				d: "M 1 1 L 29 1 L 29 20 L 1 20 Z M 10 1 L 10 20 M 1 13 L 10 13 M 22 11 L 22 20 M 10 11 L 22 11 M 22 11 L 29 11 M 7 13 L 7 20 M 17 11 L 17 20 M 22 15 L 29 15 M 26 15 L 26 20 M 20 1 L 20 11"
-			}, null, 8, vt)], 12, _t)) : l("", !0),
-			J.value === "galaxy" ? (h(), u("svg", {
+			}, null, 8, vt)], 12, _t)) : u("", !0),
+			J.value === "galaxy" ? (g(), d("svg", {
 				key: 10,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0.5 0 20 20",
-				style: m(`background:${q.value.backgroundColor}`)
-			}, [p(o), d("path", {
+				style: h(`background:${q.value.backgroundColor}`)
+			}, [m(s), f("path", {
 				fill: "none",
 				stroke: q.value.galaxy.color,
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				d: "M18 11c0 2-1 4-1.6 5M3 11a1 1 0 0115 0m-4 0A1 1 0 013 11m4 0a1 1 0 017 0m-3 0A1 1 0 017 11"
-			}, null, 8, bt)], 12, yt)) : l("", !0),
-			J.value === "bar3d" ? (h(), u("svg", {
+			}, null, 8, bt)], 12, yt)) : u("", !0),
+			J.value === "bar3d" ? (g(), d("svg", {
 				key: 11,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "2 0 16 20",
-				style: m(`background:${q.value.backgroundColor}`)
-			}, [p(o), d("path", {
+				style: h(`background:${q.value.backgroundColor}`)
+			}, [m(s), f("path", {
 				fill: "none",
 				stroke: q.value.bar3d.color,
 				"stroke-width": "0.2",
 				d: "M10 19V5m4-2-4 2L6 3m4-2 4 2V17l-4 2-4-2V3l4-2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, null, 8, St)], 12, xt)) : l("", !0),
-			J.value === "sparkHistogram" ? (h(), u("svg", {
+			}, null, 8, St)], 12, xt)) : u("", !0),
+			J.value === "sparkHistogram" ? (g(), d("svg", {
 				key: 12,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 100 20",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.backgroundColor}`)
 			}, [
-				p(o),
-				d("rect", {
+				m(s),
+				f("rect", {
 					x: "3",
 					y: "8",
 					height: "4",
@@ -1276,7 +1276,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					rx: "1.5",
 					fill: q.value.sparkHistogram.color
 				}, null, 8, wt),
-				d("rect", {
+				f("rect", {
 					x: "11",
 					y: "6",
 					height: "8",
@@ -1284,7 +1284,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					rx: "2",
 					fill: q.value.sparkHistogram.color
 				}, null, 8, Tt),
-				d("rect", {
+				f("rect", {
 					x: "19",
 					y: "7",
 					height: "6",
@@ -1292,7 +1292,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					rx: "2",
 					fill: q.value.sparkHistogram.color
 				}, null, 8, Et),
-				d("rect", {
+				f("rect", {
 					x: "27",
 					y: "6",
 					height: "8",
@@ -1300,7 +1300,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					rx: "2",
 					fill: q.value.sparkHistogram.color
 				}, null, 8, Dt),
-				d("rect", {
+				f("rect", {
 					x: "35",
 					y: "8",
 					height: "4",
@@ -1308,7 +1308,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					rx: "1.5",
 					fill: q.value.sparkHistogram.color
 				}, null, 8, Ot),
-				d("rect", {
+				f("rect", {
 					x: "43",
 					y: "7",
 					height: "6",
@@ -1316,7 +1316,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					rx: "2",
 					fill: q.value.sparkHistogram.color
 				}, null, 8, kt),
-				d("rect", {
+				f("rect", {
 					x: "51",
 					y: "8.5",
 					height: "3",
@@ -1324,7 +1324,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					rx: "1.5",
 					fill: q.value.sparkHistogram.color
 				}, null, 8, At),
-				d("rect", {
+				f("rect", {
 					x: "59",
 					y: "7",
 					height: "6",
@@ -1332,7 +1332,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					rx: "2",
 					fill: q.value.sparkHistogram.color
 				}, null, 8, jt),
-				d("rect", {
+				f("rect", {
 					x: "67",
 					y: "6",
 					height: "8",
@@ -1340,7 +1340,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					rx: "2",
 					fill: q.value.sparkHistogram.color
 				}, null, 8, Mt),
-				d("rect", {
+				f("rect", {
 					x: "75",
 					y: "7",
 					height: "6",
@@ -1348,7 +1348,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					rx: "2",
 					fill: q.value.sparkHistogram.color
 				}, null, 8, Nt),
-				d("rect", {
+				f("rect", {
 					x: "83",
 					y: "7",
 					height: "6",
@@ -1356,7 +1356,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					rx: "2",
 					fill: q.value.sparkHistogram.color
 				}, null, 8, Pt),
-				d("rect", {
+				f("rect", {
 					x: "91",
 					y: "8",
 					height: "4",
@@ -1364,16 +1364,16 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					rx: "1.5",
 					fill: q.value.sparkHistogram.color
 				}, null, 8, Ft)
-			], 12, Ct)) : l("", !0),
-			J.value === "sparkbar" ? (h(), u("svg", {
+			], 12, Ct)) : u("", !0),
+			J.value === "sparkbar" ? (g(), d("svg", {
 				key: 13,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 500 200",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.backgroundColor}`)
 			}, [
-				p(o),
-				d("line", {
+				m(s),
+				f("line", {
 					x1: "12",
 					x2: "488",
 					y1: "50",
@@ -1383,7 +1383,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					stroke: q.value.sparkbar.color,
 					opacity: "0.5"
 				}, null, 8, Lt),
-				d("line", {
+				f("line", {
 					x1: "12",
 					x2: "400",
 					y1: "50",
@@ -1393,7 +1393,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					stroke: q.value.sparkbar.color,
 					opacity: "1"
 				}, null, 8, Rt),
-				d("line", {
+				f("line", {
 					x1: "12",
 					x2: "488",
 					y1: "100",
@@ -1403,7 +1403,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					stroke: q.value.sparkbar.color,
 					opacity: "0.5"
 				}, null, 8, zt),
-				d("line", {
+				f("line", {
 					x1: "12",
 					x2: "350",
 					y1: "100",
@@ -1413,7 +1413,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					stroke: q.value.sparkbar.color,
 					opacity: "1"
 				}, null, 8, Bt),
-				d("line", {
+				f("line", {
 					x1: "12",
 					x2: "488",
 					y1: "150",
@@ -1423,7 +1423,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					stroke: q.value.sparkbar.color,
 					opacity: "0.5"
 				}, null, 8, Vt),
-				d("line", {
+				f("line", {
 					x1: "12",
 					x2: "235",
 					y1: "150",
@@ -1433,16 +1433,16 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					stroke: q.value.sparkbar.color,
 					opacity: "1"
 				}, null, 8, Ht)
-			], 12, It)) : l("", !0),
-			J.value === "sparkStackbar" ? (h(), u("svg", {
+			], 12, It)) : u("", !0),
+			J.value === "sparkStackbar" ? (g(), d("svg", {
 				key: 14,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 500 64",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.backgroundColor}`)
 			}, [
-				p(o),
-				d("line", {
+				m(s),
+				f("line", {
 					x1: "12",
 					x2: "488",
 					y1: "32",
@@ -1452,7 +1452,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					stroke: q.value.sparkStackbar.color,
 					opacity: "0.5"
 				}, null, 8, Wt),
-				d("line", {
+				f("line", {
 					x1: "12",
 					x2: "380",
 					y1: "32",
@@ -1462,7 +1462,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					stroke: q.value.sparkStackbar.color,
 					opacity: "0.6"
 				}, null, 8, Gt),
-				d("line", {
+				f("line", {
 					x1: "12",
 					x2: "200",
 					y1: "32",
@@ -1472,7 +1472,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					stroke: q.value.sparkStackbar.color,
 					opacity: "0.8"
 				}, null, 8, Kt),
-				d("line", {
+				f("line", {
 					x1: "12",
 					x2: "120",
 					y1: "32",
@@ -1482,71 +1482,71 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					stroke: q.value.sparkStackbar.color,
 					opacity: "1"
 				}, null, 8, qt)
-			], 12, Ut)) : l("", !0),
-			J.value === "thermometer" ? (h(), u("svg", {
+			], 12, Ut)) : u("", !0),
+			J.value === "thermometer" ? (g(), d("svg", {
 				key: 15,
 				width: "100%",
 				viewBox: "0 0 20 20",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.backgroundColor}`)
 			}, [
-				p(o),
-				d("path", {
+				m(s),
+				f("path", {
 					fill: "none",
 					stroke: q.value.thermometer.color,
 					"stroke-width": "0.2",
 					"stroke-linecap": "round",
 					d: "M 13 4 A 1 1 0 0 0 7 4 L 7 16 A 1 1 0 0 0 13 16 L 13 4 M 7 15 L 8 15 M 7 12 L 8 12 M 7 9 L 8 9 M 7 6 L 8 6 M 12 15 L 13 15 M 12 12 L 13 12 M 12 9 L 13 9 M 12 6 L 13 6 "
 				}, null, 8, Jt),
-				d("path", {
+				f("path", {
 					stroke: q.value.thermometer.color,
 					"stroke-width": "1",
 					style: { opacity: "0.6" },
 					d: "M 10 17 L 10 12 ",
 					"stroke-linecap": "round"
 				}, null, 8, Yt),
-				d("path", {
+				f("path", {
 					"stroke-linecap": "round",
 					stroke: q.value.thermometer.color,
 					"stroke-width": "1",
 					opacity: "M 10 17 L 10 9"
 				}, null, 8, Xt),
-				d("path", {
+				f("path", {
 					"stroke-linecap": "round",
 					stroke: q.value.thermometer.color,
 					"stroke-width": "1",
 					opacity: "0.3",
 					d: "M 10 17 L 10 6"
 				}, null, 8, Zt),
-				d("path", {
+				f("path", {
 					"stroke-linecap": "round",
 					stroke: q.value.thermometer.color,
 					"stroke-width": "1",
 					style: { opacity: "0.1" },
 					d: "M 10 17 L 10 3"
 				}, null, 8, Qt)
-			], 4)) : l("", !0),
-			J.value === "relationCircle" ? (h(), u("svg", {
+			], 4)) : u("", !0),
+			J.value === "relationCircle" ? (g(), d("svg", {
 				key: 16,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 20 20",
-				style: m(`background:${q.value.backgroundColor}`)
-			}, [p(o), d("path", {
+				style: h(`background:${q.value.backgroundColor}`)
+			}, [m(s), f("path", {
 				fill: "none",
 				stroke: q.value.relationCircle.color,
 				"stroke-width": "0.2",
 				"stroke-linecap": "round",
 				d: "M1 10A1 1 0 0019 10 1 1 0 001 10M1 10C7 11 9 13 10 19M10 19C10 11 8 7 6 2M10 19C10 11 12 7 14 2M10 19C11 13 12 11 19 10"
-			}, null, 8, en)], 12, $t)) : l("", !0),
-			J.value === "molecule" ? (h(), u("svg", {
+			}, null, 8, en)], 12, $t)) : u("", !0),
+			J.value === "molecule" ? (g(), d("svg", {
 				key: 17,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 100 100",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.backgroundColor}`)
 			}, [
-				p(o),
-				d("circle", {
+				m(s),
+				f("circle", {
 					cx: "50",
 					cy: "50",
 					r: "6",
@@ -1554,7 +1554,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: "none",
 					stroke: q.value.molecule.color
 				}, null, 8, nn),
-				d("circle", {
+				f("circle", {
 					cx: "20",
 					cy: "50",
 					r: "3",
@@ -1562,7 +1562,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: "none",
 					stroke: q.value.molecule.color
 				}, null, 8, rn),
-				d("circle", {
+				f("circle", {
 					cx: "80",
 					cy: "50",
 					r: "3",
@@ -1570,7 +1570,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: "none",
 					stroke: q.value.molecule.color
 				}, null, 8, an),
-				d("circle", {
+				f("circle", {
 					cx: "50",
 					cy: "20",
 					r: "3",
@@ -1578,7 +1578,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: "none",
 					stroke: q.value.molecule.color
 				}, null, 8, on),
-				d("circle", {
+				f("circle", {
 					cx: "50",
 					cy: "80",
 					r: "3",
@@ -1586,7 +1586,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: "none",
 					stroke: q.value.molecule.color
 				}, null, 8, sn),
-				d("line", {
+				f("line", {
 					x1: "50",
 					x2: "50",
 					y1: "23",
@@ -1594,7 +1594,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": "1",
 					stroke: q.value.molecule.color
 				}, null, 8, cn),
-				d("line", {
+				f("line", {
 					x1: "50",
 					x2: "50",
 					y1: "77",
@@ -1602,7 +1602,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": "1",
 					stroke: q.value.molecule.color
 				}, null, 8, ln),
-				d("line", {
+				f("line", {
 					x1: "23",
 					x2: "45",
 					y1: "50",
@@ -1610,7 +1610,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": "1",
 					stroke: q.value.molecule.color
 				}, null, 8, un),
-				d("line", {
+				f("line", {
 					x1: "77",
 					x2: "55",
 					y1: "50",
@@ -1618,95 +1618,95 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": "1",
 					stroke: q.value.molecule.color
 				}, null, 8, dn)
-			], 12, tn)) : l("", !0),
-			J.value === "tiremarks" ? (h(), u("svg", {
+			], 12, tn)) : u("", !0),
+			J.value === "tiremarks" ? (g(), d("svg", {
 				key: 18,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 312 56",
-				style: m(`background:${q.value.backgroundColor}`)
-			}, [p(o), (h(), u(s, null, _(100, (e) => d("g", null, [d("line", {
+				style: h(`background:${q.value.backgroundColor}`)
+			}, [m(s), (g(), d(c, null, v(100, (e) => f("g", null, [f("line", {
 				x1: 10 + e * 2.9,
 				y1: 6,
 				x2: 10 + e * 2.9,
 				y2: 50,
 				stroke: q.value.tiremarks.color,
-				style: m(e > 80 ? "opacity: 0.5" : ""),
+				style: h(e > 80 ? "opacity: 0.5" : ""),
 				"stroke-linecap": "round"
-			}, null, 12, pn)])), 64))], 12, fn)) : l("", !0),
-			J.value === "pyramid" ? (h(), u("svg", {
+			}, null, 12, pn)])), 64))], 12, fn)) : u("", !0),
+			J.value === "pyramid" ? (g(), d("svg", {
 				key: 19,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 105 80",
-				style: m(`background:${q.value.backgroundColor}`)
-			}, [p(o), (h(!0), u(s, null, _(Z.value, (e, t) => (h(), u("g", null, [d("rect", {
+				style: h(`background:${q.value.backgroundColor}`)
+			}, [m(s), (g(!0), d(c, null, v(Z.value, (e, t) => (g(), d("g", null, [f("rect", {
 				x: 50 - e[0],
 				y: t * (80 / Z.value.length),
 				width: e[0],
 				height: 80 / Z.value.length * .95,
 				fill: q.value.pyramid.color
-			}, null, 8, hn), d("rect", {
+			}, null, 8, hn), f("rect", {
 				x: 55,
 				y: t * (80 / Z.value.length),
 				width: e[1],
 				height: 80 / Z.value.length * .95,
 				fill: q.value.pyramid.color
-			}, null, 8, gn)]))), 256))], 12, mn)) : l("", !0),
-			J.value === "rings" ? (h(), u("svg", {
+			}, null, 8, gn)]))), 256))], 12, mn)) : u("", !0),
+			J.value === "rings" ? (g(), d("svg", {
 				key: 20,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 400 400",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.backgroundColor}`)
 			}, [
-				p(o),
-				d("circle", {
+				m(s),
+				f("circle", {
 					cx: 200,
 					cy: 200,
 					r: 180,
-					fill: v(n)(q.value.rings.color, 40)
+					fill: y(i)(q.value.rings.color, 40)
 				}, null, 8, vn),
-				d("circle", {
+				f("circle", {
 					cx: 200,
 					cy: 250,
 					r: 130,
-					fill: v(n)(q.value.rings.color, 60)
+					fill: y(i)(q.value.rings.color, 60)
 				}, null, 8, yn),
-				d("circle", {
+				f("circle", {
 					cx: 200,
 					cy: 290,
 					r: 90,
-					fill: v(n)(q.value.rings.color, 100)
+					fill: y(i)(q.value.rings.color, 100)
 				}, null, 8, bn)
-			], 12, _n)) : l("", !0),
-			J.value === "wheel" ? (h(), u("svg", {
+			], 12, _n)) : u("", !0),
+			J.value === "wheel" ? (g(), d("svg", {
 				key: 21,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 400 400",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.backgroundColor}`)
 			}, [
-				p(o),
-				(h(!0), u(s, null, _(Ai.value, (e, t) => (h(), u("line", {
+				m(s),
+				(g(!0), d(c, null, v(Ai.value, (e, t) => (g(), d("line", {
 					x1: e.x1,
 					x2: e.x2,
 					y1: e.y1,
 					y2: e.y2,
-					stroke: t < 66 ? e.color : v(n)(e.color, 50),
+					stroke: t < 66 ? e.color : y(i)(e.color, 50),
 					"stroke-width": 5,
 					"stroke-linecap": "round"
 				}, null, 8, Sn))), 256)),
-				d("circle", {
+				f("circle", {
 					cx: 200,
 					cy: 200,
 					r: 130,
 					"stroke-width": 3,
-					stroke: v(n)(q.value.wheel.color, 50),
+					stroke: y(i)(q.value.wheel.color, 50),
 					fill: "none"
 				}, null, 8, Cn),
-				d("rect", {
-					fill: v(n)(q.value.wheel.color, 50),
+				f("rect", {
+					fill: y(i)(q.value.wheel.color, 50),
 					rx: 12,
 					x: 160,
 					y: 170,
@@ -1714,23 +1714,23 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					width: 80,
 					stroke: "none"
 				}, null, 8, wn)
-			], 12, xn)) : l("", !0),
-			J.value === "sparkline" ? (h(), u("svg", {
+			], 12, xn)) : u("", !0),
+			J.value === "sparkline" ? (g(), d("svg", {
 				key: 22,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 150 32",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.backgroundColor}`)
 			}, [
-				p(o),
-				d("g", null, [d("rect", {
+				m(s),
+				f("g", null, [f("rect", {
 					x: "2",
 					y: "2",
 					height: "6",
 					width: "24",
 					fill: q.value.sparkline.color,
 					rx: "3"
-				}, null, 8, En), d("rect", {
+				}, null, 8, En), f("rect", {
 					x: "2",
 					y: "12",
 					height: "16",
@@ -1738,7 +1738,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: q.value.sparkline.color,
 					rx: "3"
 				}, null, 8, Dn)]),
-				(h(!0), u(s, null, _(Q.value, (e, t) => (h(), u("g", null, [t < Q.value.length - 1 ? (h(), u("line", {
+				(g(!0), d(c, null, v(Q.value, (e, t) => (g(), d("g", null, [t < Q.value.length - 1 ? (g(), d("line", {
 					key: 0,
 					x1: e.x,
 					y1: e.y,
@@ -1748,17 +1748,17 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					stroke: q.value.sparkline.color,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, On)) : l("", !0)]))), 256))
-			], 12, Tn)) : l("", !0),
-			J.value === "candlesticks" ? (h(), u("svg", {
+				}, null, 8, On)) : u("", !0)]))), 256))
+			], 12, Tn)) : u("", !0),
+			J.value === "candlesticks" ? (g(), d("svg", {
 				key: 23,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 512 316",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.backgroundColor}`)
 			}, [
-				p(o),
-				q.value.candlesticks.axis.show ? (h(), u("g", An, [d("line", {
+				m(s),
+				q.value.candlesticks.axis.show ? (g(), d("g", An, [f("line", {
 					x1: 2,
 					x2: 2,
 					y1: 2,
@@ -1766,7 +1766,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					stroke: q.value.candlesticks.axis.color,
 					"stroke-width": q.value.candlesticks.axis.strokeWidth,
 					"stroke-linecap": "round"
-				}, null, 8, jn), d("line", {
+				}, null, 8, jn), f("line", {
 					x1: 2,
 					x2: 510,
 					y1: 314,
@@ -1774,9 +1774,9 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					stroke: q.value.candlesticks.axis.color,
 					"stroke-width": q.value.candlesticks.axis.strokeWidth,
 					"stroke-linecap": "round"
-				}, null, 8, Mn)])) : l("", !0),
-				(h(!0), u(s, null, _(X.value, (e, t) => (h(), u("g", null, [
-					d("line", {
+				}, null, 8, Mn)])) : u("", !0),
+				(g(!0), d(c, null, v(X.value, (e, t) => (g(), d("g", null, [
+					f("line", {
 						x1: 24 + 464 * t / (X.value.length - 1) - 464 / (X.value.length - 1) / 8,
 						x2: 24 + 464 * t / (X.value.length - 1) + 464 / (X.value.length - 1) / 8,
 						y1: e.y,
@@ -1785,7 +1785,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 						"stroke-width": q.value.candlesticks.candle.strokeWidth,
 						"stroke-linecap": "round"
 					}, null, 8, Nn),
-					d("line", {
+					f("line", {
 						x1: 24 + 464 * t / (X.value.length - 1) - 464 / (X.value.length - 1) / 8,
 						x2: 24 + 464 * t / (X.value.length - 1) + 464 / (X.value.length - 1) / 8,
 						y1: e.y + e.height,
@@ -1794,7 +1794,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 						"stroke-width": q.value.candlesticks.candle.strokeWidth,
 						"stroke-linecap": "round"
 					}, null, 8, Pn),
-					d("line", {
+					f("line", {
 						x1: 24 + 464 * t / (X.value.length - 1),
 						x2: 24 + 464 * t / (X.value.length - 1),
 						y1: e.y,
@@ -1803,7 +1803,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 						"stroke-width": q.value.candlesticks.candle.strokeWidth,
 						"stroke-linecap": "round"
 					}, null, 8, Fn),
-					d("rect", {
+					f("rect", {
 						x: 24 + 464 * t / (X.value.length - 1) - 464 / (X.value.length - 1) / 8,
 						y: e.y + (e.height - e.bar * 1.5),
 						height: e.bar,
@@ -1812,43 +1812,43 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 						rx: "1"
 					}, null, 8, In)
 				]))), 256))
-			], 12, kn)) : l("", !0),
-			J.value === "heatmap" ? (h(), u("svg", {
+			], 12, kn)) : u("", !0),
+			J.value === "heatmap" ? (g(), d("svg", {
 				key: 24,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: `0 0 ${10 * q.value.heatmap.cellsX} ${10 * q.value.heatmap.cellsY}`,
-				style: m(`background:${q.value.backgroundColor}`)
-			}, [p(o), (h(!0), u(s, null, _(q.value.heatmap.cellsY, (e, t) => (h(), u("g", null, [(h(!0), u(s, null, _(q.value.heatmap.cellsX, (e, r) => (h(), u("g", null, [d("rect", {
-				x: r * 10,
+				style: h(`background:${q.value.backgroundColor}`)
+			}, [m(s), (g(!0), d(c, null, v(q.value.heatmap.cellsY, (e, t) => (g(), d("g", null, [(g(!0), d(c, null, v(q.value.heatmap.cellsX, (e, n) => (g(), d("g", null, [f("rect", {
+				x: n * 10,
 				y: t * 10,
 				height: 10,
 				width: 10,
 				stroke: q.value.backgroundColor,
 				"stroke-width": 1,
-				fill: v(n)(q.value.heatmap.color, Math.round(Math.random() * 100))
-			}, null, 8, Rn)]))), 256))]))), 256))], 12, Ln)) : l("", !0),
-			J.value === "chestnut" ? (h(), u("svg", {
+				fill: y(i)(q.value.heatmap.color, Math.round(Math.random() * 100))
+			}, null, 8, Rn)]))), 256))]))), 256))], 12, Ln)) : u("", !0),
+			J.value === "chestnut" ? (g(), d("svg", {
 				key: 25,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 512 316",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.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", {
+				m(s),
+				(g(!0), d(c, null, v(Y.value, (e) => (g(), d("g", null, [(g(!0), d(c, null, v(e.bars, (t) => (g(), d("g", null, [(g(), d(c, null, v(22, (n, r) => f("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(n)(q.value.chestnut.color, t.opacity * .2),
+					stroke: y(i)(q.value.chestnut.color, t.opacity * .2),
 					fill: "none",
 					"stroke-width": "2",
 					"shape-rendering": "cirspEdges"
 				}, null, 8, Bn)), 64))]))), 256))]))), 256)),
-				(h(!0), u(s, null, _(Y.value, (e) => (h(), u("circle", {
+				(g(!0), d(c, null, v(Y.value, (e) => (g(), d("circle", {
 					cx: e.root.x,
 					cy: e.root.y,
 					r: e.root.r,
@@ -1856,37 +1856,37 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					stroke: K.value.backgroundColor,
 					"stroke-width": 3
 				}, null, 8, Vn))), 256)),
-				(h(!0), u(s, null, _(Y.value, (e) => (h(), u("circle", {
+				(g(!0), d(c, null, v(Y.value, (e) => (g(), d("circle", {
 					cx: e.root.x,
 					cy: e.root.y,
 					r: e.root.r,
-					fill: v(n)(q.value.chestnut.color, e.root.opacity),
+					fill: y(i)(q.value.chestnut.color, e.root.opacity),
 					stroke: q.value.backgroundColor,
 					"stroke-width": 3
 				}, null, 8, Hn))), 256)),
-				(h(!0), u(s, null, _(Y.value, (e) => (h(), u("g", null, [
-					(h(!0), u(s, null, _(e.bars, (e) => (h(), u("rect", {
+				(g(!0), d(c, null, v(Y.value, (e) => (g(), d("g", null, [
+					(g(!0), d(c, null, v(e.bars, (e) => (g(), d("rect", {
 						rx: "2",
 						x: e.x,
 						y: e.y,
 						width: e.width,
 						height: 22,
-						fill: v(n)(q.value.chestnut.color, e.opacity)
+						fill: y(i)(q.value.chestnut.color, e.opacity)
 					}, null, 8, Un))), 256)),
-					(h(!0), u(s, null, _(e.bars, (e) => (h(), u("circle", {
+					(g(!0), d(c, null, v(e.bars, (e) => (g(), d("circle", {
 						cx: e.x + e.width + 32,
 						cy: e.y + 11,
 						r: 11,
-						fill: v(n)(q.value.chestnut.color, e.opacity)
+						fill: y(i)(q.value.chestnut.color, e.opacity)
 					}, null, 8, Wn))), 256)),
-					(h(!0), u(s, null, _(e.bars, (e) => (h(), u("circle", {
+					(g(!0), d(c, null, v(e.bars, (e) => (g(), d("circle", {
 						cx: e.x + e.width + 32,
 						cy: e.y + 11,
 						r: 5,
 						fill: q.value.backgroundColor
 					}, null, 8, Gn))), 256))
 				]))), 256)),
-				d("line", {
+				f("line", {
 					x1: 200,
 					x2: 200,
 					y1: 10,
@@ -1894,16 +1894,16 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					stroke: q.value.backgroundColor,
 					"stroke-width": 3
 				}, null, 8, Kn)
-			], 12, zn)) : l("", !0),
-			J.value === "donutEvolution" ? (h(), u("svg", {
+			], 12, zn)) : u("", !0),
+			J.value === "donutEvolution" ? (g(), d("svg", {
 				key: 26,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 108 70",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.backgroundColor}`)
 			}, [
-				p(o),
-				q.value.line.axis.show ? (h(), u("path", {
+				m(s),
+				q.value.line.axis.show ? (g(), d("path", {
 					key: 0,
 					d: "M3 3 3 67 105 67",
 					stroke: q.value.donutEvolution.axis.color,
@@ -1911,14 +1911,14 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, null, 8, Jn)) : l("", !0),
-				d("path", {
+				}, null, 8, Jn)) : u("", !0),
+				f("path", {
 					fill: "none",
 					d: "M10 55a1 1 0 0010 0A1 1 0 0010 55m2 0a1 1 0 006 0 1 1 0 00-6 0m-2 0h2m3-3V50m12-5a1 1 0 0010 0A1 1 0 0027 45m2 0a1 1 0 006 0 1 1 0 00-6 0m3 3v2m3-5h2m7 5a1 1 0 0010 0A1 1 0 0044 50m2 0a1 1 0 006 0 1 1 0 00-6 0m3-5v2m0 6v2M61 35a1 1 0 0010 0A1 1 0 0061 35m2 0a1 1 0 006 0 1 1 0 00-6 0m3-5v2m-5 3h2m15 6a1 1 0 0010 0A1 1 0 0078 41m2 0a1 1 0 006 0 1 1 0 00-6 0m-2 0h2m6 0h2m7-27a1 1 0 0010 0A1 1 0 0095 14m2 0a1 1 0 006 0 1 1 0 00-6 0m-2 0h2m3 3v2",
 					stroke: q.value.donutEvolution.donuts.color,
 					"stroke-width": q.value.donutEvolution.donuts.strokeWidth
 				}, null, 8, Yn),
-				d("path", {
+				f("path", {
 					fill: "none",
 					d: "M19 52l8-7m10 0 7 4m8-3 10-8m9-2 7 4m8-3L97 18",
 					stroke: q.value.donutEvolution.axis.color,
@@ -1926,52 +1926,52 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, null, 8, Xn),
-				d("path", {
+				f("path", {
 					d: "M10 55h2c0-2 2-3 3-3V50c-2 0-5 2-5 5",
 					fill: q.value.donutEvolution.donuts.color,
 					stroke: "none",
 					style: { opacity: "0.3" }
 				}, null, 8, Zn),
-				d("path", {
+				f("path", {
 					d: "M32 48v2c3 0 5-3 5-5H35c0 2-2 3-3 3",
 					fill: q.value.donutEvolution.donuts.color,
 					stroke: "none",
 					style: { opacity: "0.3" }
 				}, null, 8, Qn),
-				d("path", {
+				f("path", {
 					d: "M49 53v2a1 1 0 000-10v2c4 0 4 6 0 6",
 					fill: q.value.donutEvolution.donuts.color,
 					stroke: "none",
 					style: { opacity: "0.3" }
 				}, null, 8, $n),
-				d("path", {
+				f("path", {
 					d: "M63 35c0-2 2-3 3-3V30c-3 0-5 3-5 5h2",
 					fill: q.value.donutEvolution.donuts.color,
 					stroke: "none",
 					style: { opacity: "0.3" }
 				}, null, 8, er),
-				d("path", {
+				f("path", {
 					d: "M78 41h2c0 4 6 4 6 0h2A1 1 0 0178 41",
 					fill: q.value.donutEvolution.donuts.color,
 					stroke: "none",
 					style: { opacity: "0.3" }
 				}, null, 8, tr),
-				d("path", {
+				f("path", {
 					d: "M95 14h2c0 2 2 3 3 3v2c-2 0-5-2-5-5",
 					fill: q.value.donutEvolution.donuts.color,
 					stroke: "none",
 					style: { opacity: "0.3" }
 				}, null, 8, nr)
-			], 12, qn)) : l("", !0),
-			J.value === "line" ? (h(), u("svg", {
+			], 12, qn)) : u("", !0),
+			J.value === "line" ? (g(), d("svg", {
 				key: 27,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 100 70",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.backgroundColor}`)
 			}, [
-				p(o),
-				q.value.line.axis.show ? (h(), u("g", ir, [d("line", {
+				m(s),
+				q.value.line.axis.show ? (g(), d("g", ir, [f("line", {
 					x1: "3",
 					x2: "3",
 					y1: "3",
@@ -1980,7 +1980,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": q.value.line.axis.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, ar), d("line", {
+				}, null, 8, ar), f("line", {
 					x1: "3",
 					x2: "97",
 					y1: "67",
@@ -1989,8 +1989,8 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": q.value.line.axis.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, or)])) : l("", !0),
-				d("path", {
+				}, null, 8, or)])) : u("", !0),
+				f("path", {
 					d: "M 9,60 22,50 35,55 48,36 61,40 74,25 87,26 90,12",
 					fill: "none",
 					"stroke-linecap": "round",
@@ -1998,27 +1998,27 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					stroke: q.value.line.path.color,
 					"stroke-width": q.value.line.path.strokeWidth
 				}, null, 8, sr),
-				q.value.line.path.showPlots ? (h(), u("g", cr, [d("circle", {
+				q.value.line.path.showPlots ? (g(), d("g", cr, [f("circle", {
 					cx: "9",
 					cy: "60",
 					r: q.value.line.path.strokeWidth,
 					fill: q.value.line.path.color
-				}, null, 8, lr), d("circle", {
+				}, null, 8, lr), f("circle", {
 					cx: "90",
 					cy: "12",
 					r: q.value.line.path.strokeWidth,
 					fill: q.value.line.path.color
-				}, null, 8, ur)])) : l("", !0)
-			], 12, rr)) : l("", !0),
-			J.value === "bar" ? (h(), u("svg", {
+				}, null, 8, ur)])) : u("", !0)
+			], 12, rr)) : u("", !0),
+			J.value === "bar" ? (g(), d("svg", {
 				key: 28,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 100 70",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.backgroundColor}`)
 			}, [
-				p(o),
-				q.value.bar.axis.show ? (h(), u("g", fr, [d("line", {
+				m(s),
+				q.value.bar.axis.show ? (g(), d("g", fr, [f("line", {
 					x1: "3",
 					x2: "3",
 					y1: "3",
@@ -2027,7 +2027,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": q.value.bar.axis.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, pr), d("line", {
+				}, null, 8, pr), f("line", {
 					x1: "3",
 					x2: "97",
 					y1: "67",
@@ -2036,8 +2036,8 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": q.value.bar.axis.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, mr)])) : l("", !0),
-				(h(!0), u(s, null, _(Ti.value, (e, t) => (h(), u("rect", {
+				}, null, 8, mr)])) : u("", !0),
+				(g(!0), d(c, null, v(Ti.value, (e, t) => (g(), d("rect", {
 					fill: q.value.bar.color,
 					rx: q.value.bar.borderRadius,
 					x: 6 + 11.2 * t,
@@ -2045,85 +2045,85 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					width: q.value.bar.barWidth,
 					height: 67 - e
 				}, null, 8, hr))), 256))
-			], 12, dr)) : l("", !0),
-			J.value === "donut" ? (h(), u("svg", {
+			], 12, dr)) : u("", !0),
+			J.value === "donut" ? (g(), d("svg", {
 				key: 29,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 400 400",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.backgroundColor}`)
 			}, [
-				p(o),
-				d("path", {
+				m(s),
+				f("path", {
 					d: " M 300 200 A 100 100 0 0 1 113 250",
 					fill: "none",
 					"stroke-width": q.value.donut.strokeWidth,
 					stroke: q.value.donut.color
 				}, null, 8, _r),
-				d("path", {
+				f("path", {
 					d: " M 113 250 A 100 100 0 0 1 250 113",
 					fill: "none",
 					"stroke-width": q.value.donut.strokeWidth,
-					stroke: v(n)(q.value.donut.color, 60)
+					stroke: y(i)(q.value.donut.color, 60)
 				}, null, 8, vr),
-				d("path", {
+				f("path", {
 					d: " M 250 113 A 100 100 0 0 1 300 200",
 					fill: "none",
 					"stroke-width": q.value.donut.strokeWidth,
-					stroke: v(n)(q.value.donut.color, 30)
+					stroke: y(i)(q.value.donut.color, 30)
 				}, null, 8, yr)
-			], 12, gr)) : l("", !0),
-			J.value === "onion" ? (h(), u("svg", {
+			], 12, gr)) : u("", !0),
+			J.value === "onion" ? (g(), d("svg", {
 				key: 30,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 400 400",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.backgroundColor}`)
 			}, [
-				p(o),
-				d("path", {
+				m(s),
+				f("path", {
 					d: " M 200 60 A 140 140 0 1 1 60 200",
 					stroke: q.value.onion.color,
 					"stroke-linecap": "round",
 					"stroke-width": "20",
 					fill: "none"
 				}, null, 8, xr),
-				d("path", {
+				f("path", {
 					d: " M 200 100 A 100 100 0 1 1 100 200",
-					stroke: v(n)(q.value.onion.color, 60),
+					stroke: y(i)(q.value.onion.color, 60),
 					"stroke-linecap": "round",
 					"stroke-width": "20",
 					fill: "none"
 				}, null, 8, Sr),
-				d("path", {
+				f("path", {
 					d: " M 200 140 A 60 60 0 1 1 140 200",
 					fill: "none",
-					stroke: v(n)(q.value.onion.color, 40),
+					stroke: y(i)(q.value.onion.color, 40),
 					"stroke-linecap": "round",
 					"stroke-width": "20"
 				}, null, 8, Cr)
-			], 12, br)) : l("", !0),
-			J.value === "gauge" ? (h(), u("svg", {
+			], 12, br)) : u("", !0),
+			J.value === "gauge" ? (g(), d("svg", {
 				key: 31,
 				width: "100%",
 				viewBox: "0 0 400 400",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.backgroundColor}`)
 			}, [
-				p(o),
-				d("path", {
+				m(s),
+				f("path", {
 					d: " M 82 255 A 120 120 0 1 1 318 255",
 					fill: "none",
 					stroke: q.value.gauge.color,
 					"stroke-linecap": "round",
 					"stroke-width": "20"
 				}, null, 8, wr),
-				d("circle", {
+				f("circle", {
 					cx: "200",
 					cy: "256",
 					r: "12",
 					fill: q.value.gauge.color
 				}, null, 8, Tr),
-				d("line", {
+				f("line", {
 					x1: "200",
 					y1: "256",
 					x2: "250",
@@ -2132,15 +2132,15 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					stroke: q.value.gauge.color,
 					"stroke-linecap": "round"
 				}, null, 8, Er)
-			], 4)) : l("", !0),
-			J.value === "quadrant" ? (h(), u("svg", {
+			], 4)) : u("", !0),
+			J.value === "quadrant" ? (g(), d("svg", {
 				key: 32,
-				xmlns: v(i),
+				xmlns: y(a),
 				viewBox: "0 0 100 100",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.backgroundColor}`)
 			}, [
-				p(o),
-				d("line", {
+				m(s),
+				f("line", {
 					x1: "50",
 					x2: "50",
 					y1: "3",
@@ -2148,7 +2148,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					stroke: q.value.quadrant.grid.color,
 					"stroke-width": q.value.quadrant.grid.strokeWidth
 				}, null, 8, Or),
-				d("line", {
+				f("line", {
 					x1: "3",
 					x2: "97",
 					y1: "50",
@@ -2156,69 +2156,69 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					stroke: q.value.quadrant.grid.color,
 					"stroke-width": q.value.quadrant.grid.strokeWidth
 				}, null, 8, kr),
-				d("circle", {
+				f("circle", {
 					fill: q.value.quadrant.plots.color,
 					r: q.value.quadrant.plots.radius,
 					cx: "20",
 					cy: "20"
 				}, null, 8, Ar),
-				d("circle", {
+				f("circle", {
 					fill: q.value.quadrant.plots.color,
 					r: q.value.quadrant.plots.radius,
 					cx: "80",
 					cy: "60"
 				}, null, 8, jr),
-				d("circle", {
+				f("circle", {
 					fill: q.value.quadrant.plots.color,
 					r: q.value.quadrant.plots.radius,
 					cx: "65",
 					cy: "55"
 				}, null, 8, Mr),
-				d("circle", {
+				f("circle", {
 					fill: q.value.quadrant.plots.color,
 					r: q.value.quadrant.plots.radius,
 					cx: "36",
 					cy: "67"
 				}, null, 8, Nr),
-				d("circle", {
+				f("circle", {
 					fill: q.value.quadrant.plots.color,
 					r: q.value.quadrant.plots.radius,
 					cx: "15",
 					cy: "75"
 				}, null, 8, Pr),
-				d("circle", {
+				f("circle", {
 					fill: q.value.quadrant.plots.color,
 					r: q.value.quadrant.plots.radius,
 					cx: "40",
 					cy: "55"
 				}, null, 8, Fr),
-				d("circle", {
+				f("circle", {
 					fill: q.value.quadrant.plots.color,
 					r: q.value.quadrant.plots.radius,
 					cx: "76",
 					cy: "32"
 				}, null, 8, Ir),
-				d("circle", {
+				f("circle", {
 					fill: q.value.quadrant.plots.color,
 					r: q.value.quadrant.plots.radius,
 					cx: "85",
 					cy: "26"
 				}, null, 8, Lr),
-				d("circle", {
+				f("circle", {
 					fill: q.value.quadrant.plots.color,
 					r: q.value.quadrant.plots.radius,
 					cx: "55",
 					cy: "46"
 				}, null, 8, Rr)
-			], 12, Dr)) : l("", !0),
-			J.value === "radar" ? (h(), u("svg", {
+			], 12, Dr)) : u("", !0),
+			J.value === "radar" ? (g(), d("svg", {
 				key: 33,
-				xmlns: v(i),
+				xmlns: y(a),
 				viewBox: "0 0 100 100",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.backgroundColor}`)
 			}, [
-				p(o),
-				d("path", {
+				m(s),
+				f("path", {
 					d: Ei.value,
 					fill: "none",
 					stroke: q.value.radar.grid.color,
@@ -2226,115 +2226,115 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, null, 8, Br),
-				d("path", {
+				f("path", {
 					d: Di.value,
 					fill: "none",
-					stroke: v(n)(q.value.radar.grid.color, 70),
+					stroke: y(i)(q.value.radar.grid.color, 70),
 					"stroke-width": q.value.radar.grid.strokeWidth / 2,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, null, 8, Vr),
-				d("path", {
+				f("path", {
 					d: Oi.value,
 					fill: "none",
-					stroke: v(n)(q.value.radar.grid.color, 70),
+					stroke: y(i)(q.value.radar.grid.color, 70),
 					"stroke-width": q.value.radar.grid.strokeWidth / 2,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, null, 8, Hr),
-				d("path", {
+				f("path", {
 					d: ki.value,
 					fill: "none",
-					stroke: v(n)(q.value.radar.grid.color, 70),
+					stroke: y(i)(q.value.radar.grid.color, 70),
 					"stroke-width": q.value.radar.grid.strokeWidth / 2.5,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, null, 8, Ur),
-				d("path", {
+				f("path", {
 					d: "M 9,50 91,50",
-					stroke: v(n)(q.value.radar.grid.color, 50),
+					stroke: y(i)(q.value.radar.grid.color, 50),
 					"stroke-width": q.value.radar.grid.strokeWidth / 2
 				}, null, 8, Wr),
-				d("path", {
+				f("path", {
 					d: "M 29.5,14.5 70.5 85.5",
-					stroke: v(n)(q.value.radar.grid.color, 50),
+					stroke: y(i)(q.value.radar.grid.color, 50),
 					"stroke-width": q.value.radar.grid.strokeWidth / 2
 				}, null, 8, Gr),
-				d("path", {
+				f("path", {
 					d: "M 29.5,85.5 70.5 14.5",
-					stroke: v(n)(q.value.radar.grid.color, 50),
+					stroke: y(i)(q.value.radar.grid.color, 50),
 					"stroke-width": q.value.radar.grid.strokeWidth / 2
 				}, null, 8, Kr),
-				d("path", {
+				f("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.radar.shapes.color, 30)
+					fill: y(i)(q.value.radar.shapes.color, 30)
 				}, null, 8, qr),
-				d("path", {
+				f("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.radar.shapes.color, 50)
+					fill: y(i)(q.value.radar.shapes.color, 50)
 				}, null, 8, Jr)
-			], 12, zr)) : l("", !0),
-			J.value === "waffle" ? (h(), u("svg", {
+			], 12, zr)) : u("", !0),
+			J.value === "waffle" ? (g(), d("svg", {
 				key: 34,
-				xmlns: v(i),
+				xmlns: y(a),
 				viewBox: "0 0 100 100",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.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,
+				m(s),
+				(g(), d(c, null, v(10, (e, t) => f("g", null, [(g(), d(c, null, v(10, (e, n) => f("g", null, [f("rect", {
+					x: 3 + n * 9.5,
 					y: 3 + t * 9.5,
 					height: 9,
 					width: 9,
-					fill: v(n)(q.value.waffle.color, 20),
+					fill: y(i)(q.value.waffle.color, 20),
 					rx: "1"
 				}, null, 8, Xr)])), 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", {
+				(g(), d(c, null, v(10, (e, t) => f("g", null, [(g(), d(c, null, v(10, (e, n) => f("g", null, [t > 2 ? (g(), d("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.waffle.color, 30),
+					fill: y(i)(q.value.waffle.color, 30),
 					rx: "1"
-				}, null, 8, Zr)) : 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", {
+				}, null, 8, Zr)) : u("", !0)])), 64))])), 64)),
+				(g(), d(c, null, v(10, (e, t) => f("g", null, [(g(), d(c, null, v(10, (e, n) => f("g", null, [t > 6 ? (g(), d("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.waffle.color, 50),
+					fill: y(i)(q.value.waffle.color, 50),
 					rx: "1"
-				}, null, 8, Qr)) : l("", !0)])), 64))])), 64))
-			], 12, Yr)) : l("", !0),
-			J.value === "table" ? (h(), u("svg", {
+				}, null, 8, Qr)) : u("", !0)])), 64))])), 64))
+			], 12, Yr)) : u("", !0),
+			J.value === "table" ? (g(), d("svg", {
 				key: 35,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 100 70",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.backgroundColor}`)
 			}, [
-				p(o),
-				d("rect", {
-					fill: v(n)(q.value.table.th.color, 50),
+				m(s),
+				f("rect", {
+					fill: y(i)(q.value.table.th.color, 50),
 					x: 3.5,
 					y: 5,
 					height: "10",
 					width: "93"
 				}, null, 8, ei),
-				d("rect", {
-					fill: v(n)(q.value.table.th.color, 50),
+				f("rect", {
+					fill: y(i)(q.value.table.th.color, 50),
 					x: 3.5,
 					y: 15,
 					height: "50",
 					width: "23.25"
 				}, null, 8, ti),
-				(h(), u(s, null, _(7, (e, t) => d("line", {
+				(g(), d(c, null, v(7, (e, t) => f("line", {
 					x1: "3.7",
 					x2: "96.3",
 					y1: 5 + t * 10,
@@ -2343,7 +2343,7 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": q.value.table.td.strokeWidth,
 					"stroke-linecap": "round"
 				}, null, 8, ni)), 64)),
-				(h(), u(s, null, _(5, (e, t) => d("line", {
+				(g(), d(c, null, v(5, (e, t) => f("line", {
 					x1: 3.5 + t * 23.25,
 					x2: 3.5 + t * 23.25,
 					y1: "5",
@@ -2352,15 +2352,15 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-width": q.value.table.td.strokeWidth,
 					"stroke-linecap": "round"
 				}, null, 8, ri)), 64))
-			], 12, $r)) : l("", !0),
-			J.value === "rating" ? (h(), u(s, { key: 36 }, [q.value.rating.useSmiley ? (h(), u("div", {
+			], 12, $r)) : u("", !0),
+			J.value === "rating" ? (g(), d(c, { key: 36 }, [q.value.rating.useSmiley ? (g(), d("div", {
 				key: 0,
-				style: m(`display:flex;flex-direction:row;align-items:center;justify-content:center;width:${q.value.rating.maxWidth}px`)
+				style: h(`display:flex;flex-direction:row;align-items:center;justify-content:center;width:${q.value.rating.maxWidth}px`)
 			}, [
-				q.value.rating.filled ? (h(), u("svg", {
+				q.value.rating.filled ? (g(), d("svg", {
 					key: 0,
-					xmlns: v(i),
-					style: m(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
+					xmlns: y(a),
+					style: h(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
 					stroke: q.value.rating.color,
@@ -2368,163 +2368,163 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					"stroke-linejoin": "round",
 					fill: "none"
 				}, [
-					p(o),
-					t[0] ||= d("path", {
+					m(s),
+					n[0] ||= f("path", {
 						stroke: "none",
 						d: "M0 0h24v24H0z",
 						fill: "none"
 					}, null, -1),
-					d("path", {
+					f("path", {
 						d: "M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zm-5 9.86a4.5 4.5 0 00-3.214 1.35 1 1 0 101.428 1.4 2.5 2.5 0 013.572 0 1 1 0 001.428-1.4A4.5 4.5 0 0012 13.2zM9.01 9l-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z",
 						"stroke-width": "0",
 						fill: q.value.rating.color
 					}, null, 8, ai)
-				], 12, ii)) : (h(), u("svg", {
+				], 12, ii)) : (g(), d("svg", {
 					key: 1,
-					xmlns: v(i),
-					style: m(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
+					xmlns: y(a),
+					style: h(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
 					stroke: q.value.rating.color,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...t[1] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-58349b71></path><path d=\"M3 12a9 9 0 1018 0A9 9 0 103 12\" data-v-58349b71></path><path d=\"M9 10l.01 0\" data-v-58349b71></path><path d=\"M15 10l.01 0\" data-v-58349b71></path><path d=\"M9.5 15.25a3.5 3.5 0 015 0\" data-v-58349b71></path>", 5)]], 12, oi)),
-				q.value.rating.filled ? (h(), u("svg", {
+				}, [...n[1] ||= [p("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-58349b71></path><path d=\"M3 12a9 9 0 1018 0A9 9 0 103 12\" data-v-58349b71></path><path d=\"M9 10l.01 0\" data-v-58349b71></path><path d=\"M15 10l.01 0\" data-v-58349b71></path><path d=\"M9.5 15.25a3.5 3.5 0 015 0\" data-v-58349b71></path>", 5)]], 12, oi)),
+				q.value.rating.filled ? (g(), d("svg", {
 					key: 2,
-					xmlns: v(i),
-					style: m(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
+					xmlns: y(a),
+					style: h(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
 					stroke: q.value.rating.color,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [t[2] ||= d("path", {
+				}, [n[2] ||= f("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
-				}, null, -1), d("path", {
+				}, null, -1), f("path", {
 					d: "M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM15 14H9l-.117.007a1 1 0 000 1.986L9 16h6l.117-.007a1 1 0 000-1.986L15 14zm-5.99-5-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z",
 					"stroke-width": "0",
 					fill: q.value.rating.color
-				}, null, 8, ci)], 12, si)) : (h(), u("svg", {
+				}, null, 8, ci)], 12, si)) : (g(), d("svg", {
 					key: 3,
-					xmlns: v(i),
-					style: m(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
+					xmlns: y(a),
+					style: h(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
 					stroke: q.value.rating.color,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...t[3] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-58349b71></path><path d=\"M3 12a9 9 0 1018 0A9 9 0 103 12\" data-v-58349b71></path><path d=\"M9 10l.01 0\" data-v-58349b71></path><path d=\"M15 10l.01 0\" data-v-58349b71></path><path d=\"M9 15l6 0\" data-v-58349b71></path>", 5)]], 12, li)),
-				q.value.rating.filled ? (h(), u("svg", {
+				}, [...n[3] ||= [p("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-58349b71></path><path d=\"M3 12a9 9 0 1018 0A9 9 0 103 12\" data-v-58349b71></path><path d=\"M9 10l.01 0\" data-v-58349b71></path><path d=\"M15 10l.01 0\" data-v-58349b71></path><path d=\"M9 15l6 0\" data-v-58349b71></path>", 5)]], 12, li)),
+				q.value.rating.filled ? (g(), d("svg", {
 					key: 4,
-					xmlns: v(i),
-					style: m(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
+					xmlns: y(a),
+					style: h(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
 					stroke: q.value.rating.color,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [t[4] ||= d("path", {
+				}, [n[4] ||= f("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
-				}, null, -1), d("path", {
+				}, null, -1), f("path", {
 					d: "M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM9.01 9l-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z",
 					"stroke-width": "0",
 					fill: q.value.rating.color
-				}, null, 8, di)], 12, ui)) : (h(), u("svg", {
+				}, null, 8, di)], 12, ui)) : (g(), d("svg", {
 					key: 5,
-					xmlns: v(i),
-					style: m(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
+					xmlns: y(a),
+					style: h(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
 					stroke: q.value.rating.color,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...t[5] ||= [
-					d("path", {
+				}, [...n[5] ||= [
+					f("path", {
 						stroke: "none",
 						d: "M0 0h24v24H0z",
 						fill: "none"
 					}, null, -1),
-					d("path", { d: "M3 12a9 9 0 1018 0A9 9 0 103 12" }, null, -1),
-					d("path", { d: "M9 10l.01 0" }, null, -1),
-					d("path", { d: "M15 10l.01 0" }, null, -1)
+					f("path", { d: "M3 12a9 9 0 1018 0A9 9 0 103 12" }, null, -1),
+					f("path", { d: "M9 10l.01 0" }, null, -1),
+					f("path", { d: "M15 10l.01 0" }, null, -1)
 				]], 12, fi)),
-				q.value.rating.filled ? (h(), u("svg", {
+				q.value.rating.filled ? (g(), d("svg", {
 					key: 6,
-					xmlns: v(i),
-					style: m(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
+					xmlns: y(a),
+					style: h(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
 					stroke: q.value.rating.color,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [t[6] ||= d("path", {
+				}, [n[6] ||= f("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
-				}, null, -1), d("path", {
+				}, null, -1), f("path", {
 					d: "M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zm-1.8 10.946a1 1 0 00-1.414.014 2.5 2.5 0 01-3.572 0 1 1 0 00-1.428 1.4 4.5 4.5 0 006.428 0 1 1 0 00-.014-1.414zM9.01 9l-.127.007A1 1 0 009 11l.127-.007A1 1 0 009.01 9zm6 0-.127.007A1 1 0 0015 11l.127-.007A1 1 0 0015.01 9z",
 					"stroke-width": "0",
 					fill: q.value.rating.color
-				}, null, 8, mi)], 12, pi)) : (h(), u("svg", {
+				}, null, 8, mi)], 12, pi)) : (g(), d("svg", {
 					key: 7,
-					xmlns: v(i),
-					style: m(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
+					xmlns: y(a),
+					style: h(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
 					stroke: q.value.rating.color,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...t[7] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-58349b71></path><path d=\"M3 12a9 9 0 1018 0A9 9 0 103 12\" data-v-58349b71></path><path d=\"M9 10l.01 0\" data-v-58349b71></path><path d=\"M15 10l.01 0\" data-v-58349b71></path><path d=\"M9.5 15a3.5 3.5 0 0 0 5 0\" data-v-58349b71></path>", 5)]], 12, hi)),
-				q.value.rating.filled ? (h(), u("svg", {
+				}, [...n[7] ||= [p("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-58349b71></path><path d=\"M3 12a9 9 0 1018 0A9 9 0 103 12\" data-v-58349b71></path><path d=\"M9 10l.01 0\" data-v-58349b71></path><path d=\"M15 10l.01 0\" data-v-58349b71></path><path d=\"M9.5 15a3.5 3.5 0 0 0 5 0\" data-v-58349b71></path>", 5)]], 12, hi)),
+				q.value.rating.filled ? (g(), d("svg", {
 					key: 8,
-					xmlns: v(i),
-					style: m(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
+					xmlns: y(a),
+					style: h(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
 					stroke: q.value.rating.color,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [t[8] ||= d("path", {
+				}, [n[8] ||= f("path", {
 					stroke: "none",
 					d: "M0 0h24v24H0z",
 					fill: "none"
-				}, null, -1), d("path", {
+				}, null, -1), f("path", {
 					d: "M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM15 13H9a1 1 0 00-1 1v.05a3.975 3.975 0 003.777 3.97l.227.005a4.026 4.026 0 003.99-3.79l.006-.206A1 1 0 0015 13zm-5.99-5-.127.007A1 1 0 009 10l.127-.007A1 1 0 009.01 8zm6 0-.127.007A1 1 0 0015 10l.127-.007A1 1 0 0015.01 8z",
 					"stroke-width": "0",
 					fill: q.value.rating.color
-				}, null, 8, gi)], 12, W)) : (h(), u("svg", {
+				}, null, 8, gi)], 12, W)) : (g(), d("svg", {
 					key: 9,
-					xmlns: v(i),
-					style: m(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
+					xmlns: y(a),
+					style: h(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
 					stroke: q.value.rating.color,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...t[9] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-58349b71></path><path d=\"M3 12a9 9 0 1018 0A9 9 0 103 12\" data-v-58349b71></path><path d=\"M9 9l.01 0\" data-v-58349b71></path><path d=\"M15 9l.01 0\" data-v-58349b71></path><path d=\"M8 13a4 4 0 1 0 8 0h-8\" data-v-58349b71></path>", 5)]], 12, _i))
-			], 4)) : (h(), u("svg", {
+				}, [...n[9] ||= [p("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-58349b71></path><path d=\"M3 12a9 9 0 1018 0A9 9 0 103 12\" data-v-58349b71></path><path d=\"M9 9l.01 0\" data-v-58349b71></path><path d=\"M15 9l.01 0\" data-v-58349b71></path><path d=\"M8 13a4 4 0 1 0 8 0h-8\" data-v-58349b71></path>", 5)]], 12, _i))
+			], 4)) : (g(), d("svg", {
 				key: 1,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 100 30",
-				style: m(`background:${q.value.backgroundColor};max-width:${q.value.rating.maxWidth}px`)
-			}, [p(o), (h(), u(s, null, _(5, (e, t) => d("polygon", {
-				points: v(ee)({
+				style: h(`background:${q.value.backgroundColor};max-width:${q.value.rating.maxWidth}px`)
+			}, [m(s), (g(), d(c, null, v(5, (e, n) => f("polygon", {
+				points: y(t)({
 					plot: {
-						x: 10 + t * 20,
+						x: 10 + n * 20,
 						y: 15
 					},
 					radius: 6
@@ -2534,24 +2534,24 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 				"stroke-width": q.value.rating.strokeWidth,
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, null, 8, yi)), 64))], 12, vi))], 64)) : l("", !0),
-			J.value === "verticalBar" ? (h(), u("svg", {
+			}, null, 8, yi)), 64))], 12, vi))], 64)) : u("", !0),
+			J.value === "verticalBar" ? (g(), d("svg", {
 				key: 37,
-				xmlns: v(i),
+				xmlns: y(a),
 				width: "100%",
 				viewBox: "0 0 100 100",
-				style: m(`background:${q.value.backgroundColor}`)
+				style: h(`background:${q.value.backgroundColor}`)
 			}, [
-				p(o),
-				q.value.verticalBar.axis.show ? (h(), u("g", xi, [d("line", {
+				m(s),
+				q.value.verticalBar.axis.show ? (g(), d("g", xi, [f("line", {
 					x1: 3,
 					x2: 3,
 					y1: 3,
 					y2: 97,
 					stroke: q.value.verticalBar.axis.color,
 					"stroke-width": q.value.verticalBar.axis.strokeWidth
-				}, null, 8, Si)])) : l("", !0),
-				(h(), u(s, null, _(6, (e, t) => d("rect", {
+				}, null, 8, Si)])) : u("", !0),
+				(g(), d(c, null, v(6, (e, t) => f("rect", {
 					x: 3,
 					y: 5 + t * 15.6,
 					height: "12",
@@ -2559,9 +2559,9 @@ var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le
 					fill: q.value.verticalBar.color,
 					rx: q.value.verticalBar.borderRadius
 				}, null, 8, Ci)), 64))
-			], 12, bi)) : l("", !0)
-		], 14, se));
+			], 12, bi)) : u("", !0)
+		], 14, oe));
 	}
 }, [["__scopeId", "data-v-58349b71"]]);
 //#endregion
-export { y as n, G as t };
+export { b as n, G as t };