vue-data-ui 3.22.13 → 3.23.0

package/dist/{vue-ui-skeleton-COytVrfN.js → vue-ui-skeleton-B9ZP1w-i.js}

@@ -1,152 +1,153 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { R as t, j as n, t as r, zt as i } from "./lib-CFm_J26b.js";
-import { t as ee } from "./useConfig-C0V0eG7L.js";
-import { t as te } from "./useNestedProp-BY6DNN3i.js";
+import { Bt as t, M as n, q as r, t as i, z as ee } from "./lib-BuMGJ_a0.js";
+import { n as te, t as ne } from "./useHints-Dq_w2E8B.js";
+import { t as re } from "./useConfig-BilxnBNr.js";
+import { t as ie } from "./useNestedProp--NSEmhOH.js";
 import { t as a } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as ne } from "./DefGrad-DVBqDjhO.js";
-import { n as o } from "./PackageVersion-B6Hokxw9.js";
-import { Fragment as s, computed as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createStaticVNode as f, createVNode as p, normalizeClass as re, normalizeStyle as m, openBlock as h, ref as g, renderList as _, unref as v } from "vue";
+import { t as ae } from "./DefGrad-DVBqDjhO.js";
+import { n as o } from "./PackageVersion--QCMh5k_.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";
 //#region src/components/vue-ui-skeleton.vue
-var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe = { transform: "translate(300, 300)" }, se = [
+var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le = { transform: "translate(300, 300)" }, b = [
 	"d",
 	"fill",
 	"stroke"
-], ce = ["xmlns"], le = ["fill", "stroke"], b = ["fill", "stroke"], x = ["fill", "stroke"], S = ["fill", "stroke"], C = ["fill", "stroke"], w = ["xmlns"], T = ["stroke"], E = ["stroke"], D = ["stroke"], O = ["fill", "stroke"], k = ["fill"], 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 = ["xmlns"], V = ["stroke"], H = ["stroke"], U = ["stroke"], W = ["stroke"], ue = ["stroke"], de = ["stroke"], fe = ["stroke"], pe = ["stroke"], me = ["stroke"], he = ["xmlns"], ge = ["stroke", "fill"], _e = ["xmlns"], ve = ["stroke", "fill"], ye = ["xmlns"], be = ["fill"], xe = ["fill"], Se = ["fill"], Ce = ["fill"], we = ["xmlns"], Te = ["stroke"], Ee = ["fill"], De = ["stroke", "fill"], Oe = ["stroke", "fill"], ke = ["fill"], Ae = ["stroke", "fill"], je = ["stroke", "fill"], Me = ["fill"], Ne = ["stroke", "fill"], Pe = ["stroke", "fill"], Fe = ["fill"], Ie = ["stroke", "fill"], Le = ["stroke", "fill"], Re = ["fill"], ze = ["stroke", "fill"], Be = ["stroke", "fill"], Ve = ["xmlns"], He = ["stroke"], Ue = ["stroke"], We = ["stroke", "fill"], Ge = ["stroke", "fill"], Ke = ["stroke", "fill"], qe = ["stroke", "fill"], 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 = ["xmlns"], mt = ["stroke"], ht = ["xmlns"], gt = ["stroke"], _t = ["xmlns"], vt = ["stroke"], yt = ["xmlns"], bt = ["fill"], xt = ["fill"], St = ["fill"], Ct = ["fill"], wt = ["fill"], Tt = ["fill"], Et = ["fill"], Dt = ["fill"], Ot = ["fill"], kt = ["fill"], At = ["fill"], jt = ["fill"], Mt = ["xmlns"], Nt = ["stroke"], Pt = ["stroke"], Ft = ["stroke"], It = ["stroke"], Lt = ["stroke"], Rt = ["stroke"], zt = ["xmlns"], Bt = ["stroke"], Vt = ["stroke"], Ht = ["stroke"], Ut = ["stroke"], Wt = ["stroke"], Gt = ["stroke"], Kt = ["stroke"], qt = ["stroke"], Jt = ["stroke"], Yt = ["xmlns"], Xt = ["stroke"], Zt = ["xmlns"], Qt = ["stroke"], $t = ["stroke"], en = ["stroke"], tn = ["stroke"], nn = ["stroke"], rn = ["stroke"], an = ["stroke"], on = ["stroke"], sn = ["stroke"], cn = ["xmlns"], ln = [
+], x = ["xmlns"], S = ["fill", "stroke"], C = ["fill", "stroke"], w = ["fill", "stroke"], T = ["fill", "stroke"], E = ["fill", "stroke"], D = ["xmlns"], O = ["stroke"], k = ["stroke"], A = ["stroke"], j = ["fill", "stroke"], M = ["fill"], N = ["fill", "stroke"], P = ["fill"], F = ["fill", "stroke"], I = ["fill"], L = ["fill", "stroke"], R = ["fill"], z = ["fill", "stroke"], B = ["fill"], V = ["fill", "stroke"], H = ["fill"], U = ["xmlns"], W = ["stroke"], ue = ["stroke"], de = ["stroke"], fe = ["stroke"], pe = ["stroke"], me = ["stroke"], he = ["stroke"], ge = ["stroke"], _e = ["stroke"], ve = ["xmlns"], ye = ["stroke", "fill"], be = ["xmlns"], xe = ["stroke", "fill"], Se = ["xmlns"], Ce = ["fill"], we = ["fill"], Te = ["fill"], Ee = ["fill"], De = ["xmlns"], Oe = ["stroke"], ke = ["fill"], Ae = ["stroke", "fill"], je = ["stroke", "fill"], Me = ["fill"], Ne = ["stroke", "fill"], Pe = ["stroke", "fill"], Fe = ["fill"], Ie = ["stroke", "fill"], Le = ["stroke", "fill"], Re = ["fill"], ze = ["stroke", "fill"], Be = ["stroke", "fill"], Ve = ["fill"], He = ["stroke", "fill"], Ue = ["stroke", "fill"], We = ["xmlns"], Ge = ["stroke"], Ke = ["stroke"], qe = ["stroke", "fill"], 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 = ["xmlns"], _t = ["stroke"], vt = ["xmlns"], yt = ["stroke"], bt = ["xmlns"], xt = ["stroke"], St = ["xmlns"], Ct = ["fill"], wt = ["fill"], Tt = ["fill"], Et = ["fill"], Dt = ["fill"], Ot = ["fill"], kt = ["fill"], At = ["fill"], jt = ["fill"], Mt = ["fill"], Nt = ["fill"], Pt = ["fill"], Ft = ["xmlns"], It = ["stroke"], Lt = ["stroke"], Rt = ["stroke"], zt = ["stroke"], Bt = ["stroke"], Vt = ["stroke"], Ht = ["xmlns"], Ut = ["stroke"], Wt = ["stroke"], Gt = ["stroke"], Kt = ["stroke"], qt = ["stroke"], Jt = ["stroke"], Yt = ["stroke"], Xt = ["stroke"], Zt = ["stroke"], Qt = ["xmlns"], $t = ["stroke"], en = ["xmlns"], tn = ["stroke"], nn = ["stroke"], rn = ["stroke"], an = ["stroke"], on = ["stroke"], sn = ["stroke"], cn = ["stroke"], ln = ["stroke"], un = ["stroke"], dn = ["xmlns"], fn = [
 	"x1",
 	"x2",
 	"stroke"
-], un = ["xmlns"], dn = [
+], pn = ["xmlns"], mn = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"fill"
-], fn = [
+], hn = [
 	"y",
 	"width",
 	"height",
 	"fill"
-], pn = ["xmlns"], mn = ["fill"], hn = ["fill"], gn = ["fill"], _n = ["xmlns"], vn = [
+], gn = ["xmlns"], _n = ["fill"], vn = ["fill"], yn = ["fill"], bn = ["xmlns"], xn = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke"
-], yn = ["stroke"], bn = ["fill"], xn = ["xmlns"], Sn = ["fill"], Cn = ["fill"], wn = [
+], Sn = ["stroke"], Cn = ["fill"], wn = ["xmlns"], Tn = ["fill"], En = ["fill"], Dn = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke-width",
 	"stroke"
-], Tn = ["xmlns"], En = { key: 0 }, Dn = ["stroke", "stroke-width"], On = ["stroke", "stroke-width"], kn = [
+], On = ["xmlns"], kn = { key: 0 }, An = ["stroke", "stroke-width"], jn = ["stroke", "stroke-width"], Mn = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], An = [
+], Nn = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], jn = [
+], Pn = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], Mn = [
+], Fn = [
 	"x",
 	"y",
 	"height",
 	"width",
 	"fill"
-], Nn = ["xmlns", "viewBox"], Pn = [
+], In = ["xmlns", "viewBox"], Ln = [
 	"x",
 	"y",
 	"stroke",
 	"fill"
-], Fn = ["xmlns"], In = ["d", "stroke"], Ln = [
+], Rn = ["xmlns"], zn = ["d", "stroke"], Bn = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"stroke"
-], Rn = [
+], Vn = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"stroke"
-], zn = [
+], Hn = [
 	"x",
 	"y",
 	"width",
 	"fill"
-], Bn = [
+], Un = [
 	"cx",
 	"cy",
 	"fill"
-], Vn = [
+], Wn = [
 	"cx",
 	"cy",
 	"fill"
-], Hn = ["stroke"], Un = ["xmlns"], Wn = ["stroke", "stroke-width"], Gn = ["stroke", "stroke-width"], Kn = ["stroke", "stroke-width"], qn = ["fill"], Jn = ["fill"], Yn = ["fill"], Xn = ["fill"], Zn = ["fill"], Qn = ["fill"], $n = ["xmlns"], er = { key: 0 }, tr = ["stroke", "stroke-width"], nr = ["stroke", "stroke-width"], rr = ["stroke", "stroke-width"], ir = { key: 1 }, ar = ["r", "fill"], or = ["r", "fill"], sr = ["xmlns"], cr = { key: 0 }, lr = ["stroke", "stroke-width"], ur = ["stroke", "stroke-width"], dr = [
+], Gn = ["stroke"], Kn = ["xmlns"], qn = ["stroke", "stroke-width"], Jn = ["stroke", "stroke-width"], Yn = ["stroke", "stroke-width"], Xn = ["fill"], Zn = ["fill"], Qn = ["fill"], $n = ["fill"], er = ["fill"], tr = ["fill"], nr = ["xmlns"], rr = { key: 0 }, ir = ["stroke", "stroke-width"], ar = ["stroke", "stroke-width"], or = ["stroke", "stroke-width"], sr = { key: 1 }, cr = ["r", "fill"], lr = ["r", "fill"], ur = ["xmlns"], dr = { key: 0 }, fr = ["stroke", "stroke-width"], pr = ["stroke", "stroke-width"], mr = [
 	"fill",
 	"rx",
 	"x",
 	"y",
 	"width",
 	"height"
-], fr = ["xmlns"], pr = ["stroke-width", "stroke"], mr = ["stroke-width", "stroke"], hr = ["stroke-width", "stroke"], gr = ["xmlns"], _r = ["stroke"], vr = ["stroke"], yr = ["stroke"], br = ["stroke"], xr = ["fill"], Sr = ["stroke"], Cr = ["xmlns"], wr = ["stroke", "stroke-width"], Tr = ["stroke", "stroke-width"], Er = ["fill", "r"], Dr = ["fill", "r"], Or = ["fill", "r"], kr = ["fill", "r"], Ar = ["fill", "r"], jr = ["fill", "r"], Mr = ["fill", "r"], Nr = ["fill", "r"], Pr = ["fill", "r"], Fr = ["xmlns"], Ir = [
+], hr = ["xmlns"], gr = ["stroke-width", "stroke"], _r = ["stroke-width", "stroke"], vr = ["stroke-width", "stroke"], yr = ["xmlns"], br = ["stroke"], xr = ["stroke"], Sr = ["stroke"], Cr = ["stroke"], wr = ["fill"], Tr = ["stroke"], Er = ["xmlns"], Dr = ["stroke", "stroke-width"], Or = ["stroke", "stroke-width"], kr = ["fill", "r"], Ar = ["fill", "r"], jr = ["fill", "r"], Mr = ["fill", "r"], Nr = ["fill", "r"], Pr = ["fill", "r"], Fr = ["fill", "r"], Ir = ["fill", "r"], Lr = ["fill", "r"], Rr = ["xmlns"], zr = [
 	"d",
 	"stroke",
 	"stroke-width"
-], Lr = [
+], Br = [
 	"d",
 	"stroke",
 	"stroke-width"
-], Rr = [
+], Vr = [
 	"d",
 	"stroke",
 	"stroke-width"
-], zr = [
+], Hr = [
 	"d",
 	"stroke",
 	"stroke-width"
-], Br = ["stroke", "stroke-width"], Vr = ["stroke", "stroke-width"], Hr = ["stroke", "stroke-width"], Ur = ["fill"], Wr = ["fill"], Gr = ["xmlns"], Kr = [
+], Ur = ["stroke", "stroke-width"], Wr = ["stroke", "stroke-width"], Gr = ["stroke", "stroke-width"], Kr = ["fill"], qr = ["fill"], Jr = ["xmlns"], Yr = [
 	"x",
 	"y",
 	"fill"
-], qr = [
+], Xr = [
 	"x",
 	"y",
 	"fill"
-], Jr = [
+], Zr = [
 	"x",
 	"y",
 	"fill"
-], Yr = ["xmlns"], Xr = ["fill"], Zr = ["fill"], Qr = [
+], Qr = ["xmlns"], $r = ["fill"], ei = ["fill"], ti = [
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], $r = [
+], ni = [
 	"x1",
 	"x2",
 	"stroke",
 	"stroke-width"
-], ei = ["xmlns", "stroke"], ti = ["fill"], ni = ["xmlns", "stroke"], ri = ["xmlns", "stroke"], ii = ["fill"], ai = ["xmlns", "stroke"], oi = ["xmlns", "stroke"], si = ["fill"], ci = ["xmlns", "stroke"], li = ["xmlns", "stroke"], ui = ["fill"], di = ["xmlns", "stroke"], fi = ["xmlns", "stroke"], pi = ["fill"], mi = ["xmlns", "stroke"], G = ["xmlns"], hi = [
+], ri = ["xmlns", "stroke"], ii = ["fill"], ai = ["xmlns", "stroke"], oi = ["xmlns", "stroke"], si = ["fill"], ci = ["xmlns", "stroke"], li = ["xmlns", "stroke"], ui = ["fill"], di = ["xmlns", "stroke"], fi = ["xmlns", "stroke"], pi = ["fill"], mi = ["xmlns", "stroke"], G = ["xmlns", "stroke"], hi = ["fill"], gi = ["xmlns", "stroke"], _i = ["xmlns"], vi = [
 	"points",
 	"fill",
 	"stroke",
 	"stroke-width"
-], gi = ["xmlns"], _i = { key: 0 }, vi = ["stroke", "stroke-width"], yi = [
+], yi = ["xmlns"], bi = { key: 0 }, xi = ["stroke", "stroke-width"], Si = [
 	"y",
 	"width",
 	"fill",
@@ -160,10 +161,17 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 		}
 	} },
 	setup(e) {
-		let { vue_ui_skeleton: a } = ee(), y = e, K = g(`vue-ui-skeleton-${Math.random()}`), q = c(() => te({
+		let { vue_ui_skeleton: a } = re(), y = e, K = g(`vue-ui-skeleton-${r()}`), q = c(() => ie({
 			userConfig: y.config,
 			defaultConfig: a
-		})), bi = c(() => q.value.style.animated), J = c(() => q.value.type), xi = g([
+		}));
+		te({
+			config: () => q.value,
+			dataset: () => [],
+			component: "VueUiSkeleton",
+			rules: [ne.noHint]
+		});
+		let Ci = c(() => q.value.style.animated), J = c(() => q.value.type), wi = g([
 			60,
 			50,
 			55,
@@ -172,28 +180,28 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 			25,
 			26,
 			12
-		]), Si = c(() => n({
+		]), Ti = c(() => n({
 			plot: {
 				x: 50,
 				y: 50
 			},
 			radius: 40,
 			sides: 6
-		}).path), Ci = c(() => n({
+		}).path), Ei = c(() => n({
 			plot: {
 				x: 50,
 				y: 50
 			},
 			radius: 30,
 			sides: 6
-		}).path), wi = c(() => n({
+		}).path), Di = c(() => n({
 			plot: {
 				x: 50,
 				y: 50
 			},
 			radius: 20,
 			sides: 6
-		}).path), Ti = c(() => n({
+		}).path), Oi = c(() => n({
 			plot: {
 				x: 50,
 				y: 50
@@ -457,7 +465,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 				y: 200 + 160 * Math.sin(n + e * Math.PI / 180) * t
 			};
 		}
-		let Ei = c(() => {
+		let ki = c(() => {
 			let e = [];
 			for (let t = 0; t < 100; t += 1) e.push({
 				x1: $(360 / 100 * t).x,
@@ -467,7 +475,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 				color: q.value.style.wheel.color
 			});
 			return e;
-		}), Di = g([
+		}), Ai = g([
 			"M1.74,203.99 A204,204 0 0 1 -131.29,-156.13 L-115.85,-137.77 A180,180 0 0 0 1.53,179.99 Z",
 			"M-123.33,-162.5 A204,204 0 0 1 -10.2,-203.75 L-9,-179.78 A180,180 0 0 0 -108.82,-143.38 Z",
 			"M0,-204 A204,204 0 0 1 198.55,46.84 L175.19,41.33 A180,180 0 0 0 0,-180 Z",
@@ -485,36 +493,36 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 		]);
 		return (e, n) => (h(), u("div", {
 			id: K.value,
-			class: re({
+			class: oe({
 				"vue-data-ui-component": !0,
 				"vue-ui-skeleton": !0,
-				"vue-ui-skeleton-animated": bi.value
+				"vue-ui-skeleton-animated": Ci.value
 			}),
 			style: m(`background:${q.value.style.backgroundColor};color:${q.value.style.color};display:flex;align-items:center;justify-content:center;`)
 		}, [
 			J.value === "chord" ? (h(), u("svg", {
 				key: 0,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 600 600",
 				style: m({ background: q.value.style.backgroundColor })
-			}, [p(o), d("g", oe, [(h(!0), u(s, null, _(Di.value, (e, t) => (h(), u("path", {
+			}, [p(o), d("g", le, [(h(!0), u(s, null, _(Ai.value, (e, t) => (h(), u("path", {
 				key: e,
 				d: e,
 				fill: q.value.style.chord.color,
 				stroke: q.value.style.backgroundColor,
 				"stroke-width": "2",
 				style: m({ opacity: t > 3 ? .6 : 1 })
-			}, null, 12, se))), 128))])], 12, ae)) : l("", !0),
+			}, null, 12, b))), 128))])], 12, ce)) : l("", !0),
 			J.value === "ridgeline" ? (h(), u("svg", {
 				key: 1,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "20 0 512 200",
 				style: m(`background:${q.value.style.backgroundColor}`)
 			}, [
 				p(o),
-				d("defs", null, [p(ne, {
+				d("defs", null, [p(ae, {
 					t: "linear",
 					id: `ridgeline-gradient-${K.value}`,
 					x1: "50%",
@@ -551,7 +559,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					d: "M66.7 60 66.7 60C72.88 59.4 79.06 58.89 85.25 58.21 91.43 57.53 97.62 55.83 103.8 55.81 109.99 55.8 116.17 55.81 122.36 55.8 128.54 55.78 134.73 50.5 140.91 50.5 147.1 50.5 153.28 55.45 159.47 55.45 165.65 55.45 171.84 52.67 178.02 52.67 184.21 52.67 190.39 53.69 196.58 54.59 202.76 55.49 208.95 59.17 215.13 59.17 221.31 59.17 227.5 52.46 233.68 52.46 239.87 52.46 246.05 53.35 252.24 53.35 258.42 53.35 264.61 48.87 270.79 48.87 276.98 48.87 283.16 53.66 289.35 53.66 295.53 53.66 301.72 27.59 307.9 27.59 314.09 27.59 320.27 36.9 326.46 41.44 332.64 45.98 338.83 54.83 345.01 54.83 351.2 54.83 357.38 18.69 363.57 18.69 369.75 18.69 375.93 57.14 382.12 57.14 388.3 57.14 394.49 45.68 400.67 40.2 406.86 34.72 413.04 24.23 419.23 24.23 425.41 24.23 431.6 40.63 437.78 40.63 443.97 40.63 450.15 40.51 456.34 40.28 462.52 40.06 468.71 2.2 474.89 2.2 481.08 2.2 487.26 26.27 493.45 38.3L493.45 60",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, le),
+				}, null, 8, S),
 				d("path", {
 					fill: `url(#ridgeline-gradient-${K.value})`,
 					stroke: q.value.style.ridgeline.color,
@@ -559,7 +567,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					d: "M66.7 90 66.7 90C72.88 89.78 79.06 89.65 85.25 89.33 91.43 89.01 97.62 87.68 103.8 87.68 109.99 87.68 116.17 89.34 122.36 89.34 128.54 89.34 134.73 80.58 140.91 80.58 147.1 80.58 153.28 84.73 159.47 84.73 165.65 84.73 171.84 76.29 178.02 76.29 184.21 76.29 190.39 87.16 196.58 87.16 202.76 87.16 208.95 77.95 215.13 75 221.31 72.04 227.5 68.03 233.68 68.03 239.87 68.03 246.05 77.62 252.24 80.8 258.42 83.98 264.61 88.4 270.79 88.4 276.98 88.4 283.16 63.96 289.35 63.96 295.53 63.96 301.72 80.93 307.9 80.93 314.09 80.93 320.27 60.31 326.46 60.31 332.64 60.31 338.83 80.68 345.01 80.68 351.2 80.68 357.38 67.55 363.57 67.55 369.75 67.55 375.93 81.06 382.12 81.06 388.3 81.06 394.49 54.65 400.67 54.65 406.86 54.65 413.04 55.14 419.23 55.91 425.41 56.69 431.6 69.73 437.78 69.73 443.97 69.73 450.15 64.43 456.34 61.43 462.52 58.43 468.71 51.62 474.89 51.62 481.08 51.62 487.26 71.44 493.45 81.34L493.45 90",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, b),
+				}, null, 8, C),
 				d("path", {
 					fill: `url(#ridgeline-gradient-${K.value})`,
 					stroke: q.value.style.ridgeline.color,
@@ -567,7 +575,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					d: "M66.7 120 66.7 120C72.88 119.66 79.06 119.45 85.25 118.99 91.43 118.53 97.62 117.82 103.8 116.84 109.99 115.85 116.17 113.14 122.36 112.15 128.54 111.17 134.73 110 140.91 110 147.1 110 153.28 110.52 159.47 111.2 165.65 111.88 171.84 117.87 178.02 117.87 184.21 117.87 190.39 105.72 196.58 105.72 202.76 105.72 208.95 110.32 215.13 110.32 221.31 110.32 227.5 99.7 233.68 98.99 239.87 98.28 246.05 97.81 252.24 97.81 258.42 97.81 264.61 115.56 270.79 116.03 276.98 116.51 283.16 116.77 289.35 116.77 295.53 116.77 301.72 99.68 307.9 99.68 314.09 99.68 320.27 112.36 326.46 112.36 332.64 112.36 338.83 112.03 345.01 111.69 351.2 111.35 357.38 110.9 363.57 109.63 369.75 108.37 375.93 84.18 382.12 84.18 388.3 84.18 394.49 94.53 400.67 94.53 406.86 94.53 413.04 73.46 419.23 73.46 425.41 73.46 431.6 106.73 437.78 106.73 443.97 106.73 450.15 79.76 456.34 79.76 462.52 79.76 468.71 106.73 474.89 107.12 481.08 107.52 487.26 107.53 493.45 107.73L493.45 120",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, x),
+				}, null, 8, w),
 				d("path", {
 					fill: `url(#ridgeline-gradient-${K.value})`,
 					stroke: q.value.style.ridgeline.color,
@@ -575,7 +583,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					d: "M66.7 150 66.7 150C72.88 149.48 79.06 148.43 85.25 148.43 91.43 148.43 97.62 149.79 103.8 149.79 109.99 149.79 116.17 148.04 122.36 146.61 128.54 145.18 134.73 139.99 140.91 139.99 147.1 139.99 153.28 149.97 159.47 149.97 165.65 149.97 171.84 145.03 178.02 144.33 184.21 143.62 190.39 143.81 196.58 143.02 202.76 142.24 208.95 130.59 215.13 130.59 221.31 130.59 227.5 149.11 233.68 149.11 239.87 149.11 246.05 146.62 252.24 146.62 258.42 146.62 264.61 149.64 270.79 149.64 276.98 149.64 283.16 120.25 289.35 120.25 295.53 120.25 301.72 125.81 307.9 128.61 314.09 131.42 320.27 133.75 326.46 137.08 332.64 140.42 338.83 149.33 345.01 149.33 351.2 149.33 357.38 145.03 363.57 140.55 369.75 136.07 375.93 111.78 382.12 111.78 388.3 111.78 394.49 113.07 400.67 114.8 406.86 116.52 413.04 133.16 419.23 133.16 425.41 133.16 431.6 125.48 437.78 120.24 443.97 115 450.15 101.73 456.34 100.14 462.52 98.56 468.71 97.44 474.89 97.44 481.08 97.44 487.26 132.13 493.45 149.48L493.45 150",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, S),
+				}, null, 8, T),
 				d("path", {
 					fill: `url(#ridgeline-gradient-${K.value})`,
 					stroke: q.value.style.ridgeline.color,
@@ -583,11 +591,11 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					d: "M66.7 180 66.7 180C72.88 179.4 79.06 178.93 85.25 178.19 91.43 177.45 97.62 175.33 103.8 175.33 109.99 175.33 116.17 177.47 122.36 177.47 128.54 177.47 134.73 170.39 140.91 170.39 147.1 170.39 153.28 171.47 159.47 172.42 165.65 173.37 171.84 177.17 178.02 177.17 184.21 177.17 190.39 174.72 196.58 172.55 202.76 170.38 208.95 161.56 215.13 161.56 221.31 161.56 227.5 171.14 233.68 171.14 239.87 171.14 246.05 170.89 252.24 170.45 258.42 170.02 264.61 156.85 270.79 156.85 276.98 156.85 283.16 174.08 289.35 174.08 295.53 174.08 301.72 171.58 307.9 168.89 314.09 166.21 320.27 153.44 326.46 150.89 332.64 148.34 338.83 146.03 345.01 146.03 351.2 146.03 357.38 164.64 363.57 164.64 369.75 164.64 375.93 140.42 382.12 137.98 388.3 135.53 394.49 133.73 400.67 133.73 406.86 133.73 413.04 141.65 419.23 141.65 425.41 141.65 431.6 139.7 437.78 139.7 443.97 139.7 450.15 169.39 456.34 169.39 462.52 169.39 468.71 166.84 474.89 163.25 481.08 159.67 487.26 134.42 493.45 120L493.45 180",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, C)
-			], 12, ce)) : l("", !0),
+				}, null, 8, E)
+			], 12, x)) : l("", !0),
 			J.value === "historyPlot" ? (h(), u("svg", {
 				key: 2,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 612 512",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -601,7 +609,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.historyPlot.color,
 					"stroke-width": "3",
 					"stroke-linecap": "round"
-				}, null, 8, T),
+				}, null, 8, O),
 				d("line", {
 					x1: "12",
 					x2: "600",
@@ -610,13 +618,13 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.historyPlot.color,
 					"stroke-width": "3",
 					"stroke-linecap": "round"
-				}, null, 8, E),
+				}, null, 8, k),
 				d("path", {
 					d: "M 80,100 300,200 400,150 560,230 360,420 230,320",
 					fill: "none",
 					stroke: q.value.style.historyPlot.color,
 					"stroke-width": "3"
-				}, null, 8, D),
+				}, null, 8, A),
 				d("circle", {
 					cx: "80",
 					cy: "100",
@@ -624,14 +632,14 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					fill: q.value.style.historyPlot.color,
 					stroke: q.value.style.backgroundColor,
 					"stroke-width": "3"
-				}, null, 8, O),
+				}, null, 8, j),
 				d("text", {
 					x: "80",
 					y: "108",
 					fill: q.value.style.backgroundColor,
 					"font-size": "24",
 					"text-anchor": "middle"
-				}, " 1 ", 8, k),
+				}, " 1 ", 8, M),
 				d("circle", {
 					cx: "300",
 					cy: "200",
@@ -639,14 +647,14 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					fill: q.value.style.historyPlot.color,
 					stroke: q.value.style.backgroundColor,
 					"stroke-width": "3"
-				}, null, 8, A),
+				}, null, 8, N),
 				d("text", {
 					x: "300",
 					y: "208",
 					fill: q.value.style.backgroundColor,
 					"font-size": "24",
 					"text-anchor": "middle"
-				}, " 2 ", 8, j),
+				}, " 2 ", 8, P),
 				d("circle", {
 					cx: "400",
 					cy: "150",
@@ -654,14 +662,14 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					fill: q.value.style.historyPlot.color,
 					stroke: q.value.style.backgroundColor,
 					"stroke-width": "3"
-				}, null, 8, M),
+				}, null, 8, F),
 				d("text", {
 					x: "400",
 					y: "158",
 					fill: q.value.style.backgroundColor,
 					"font-size": "24",
 					"text-anchor": "middle"
-				}, " 3 ", 8, N),
+				}, " 3 ", 8, I),
 				d("circle", {
 					cx: "560",
 					cy: "230",
@@ -669,14 +677,14 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					fill: q.value.style.historyPlot.color,
 					stroke: q.value.style.backgroundColor,
 					"stroke-width": "3"
-				}, null, 8, P),
+				}, null, 8, L),
 				d("text", {
 					x: "560",
 					y: "238",
 					fill: q.value.style.backgroundColor,
 					"font-size": "24",
 					"text-anchor": "middle"
-				}, " 4 ", 8, F),
+				}, " 4 ", 8, R),
 				d("circle", {
 					cx: "360",
 					cy: "420",
@@ -684,14 +692,14 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					fill: q.value.style.historyPlot.color,
 					stroke: q.value.style.backgroundColor,
 					"stroke-width": "3"
-				}, null, 8, I),
+				}, null, 8, z),
 				d("text", {
 					x: "360",
 					y: "428",
 					fill: q.value.style.backgroundColor,
 					"font-size": "24",
 					"text-anchor": "middle"
-				}, " 5 ", 8, L),
+				}, " 5 ", 8, B),
 				d("circle", {
 					cx: "230",
 					cy: "320",
@@ -699,18 +707,18 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					fill: q.value.style.historyPlot.color,
 					stroke: q.value.style.backgroundColor,
 					"stroke-width": "3"
-				}, null, 8, R),
+				}, null, 8, V),
 				d("text", {
 					x: "230",
 					y: "328",
 					fill: q.value.style.backgroundColor,
 					"font-size": "24",
 					"text-anchor": "middle"
-				}, " 6 ", 8, z)
-			], 12, w)) : l("", !0),
+				}, " 6 ", 8, H)
+			], 12, D)) : l("", !0),
 			J.value === "circlePack" ? (h(), u("svg", {
 				key: 3,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 100 100",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -722,7 +730,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.circlePack.color,
 					"stroke-width": 1,
 					fill: "none"
-				}, null, 8, V),
+				}, null, 8, W),
 				d("circle", {
 					cx: 80,
 					cy: 50,
@@ -730,7 +738,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.circlePack.color,
 					"stroke-width": 1,
 					fill: "none"
-				}, null, 8, H),
+				}, null, 8, ue),
 				d("circle", {
 					cx: 28,
 					cy: 30,
@@ -738,7 +746,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.circlePack.color,
 					"stroke-width": 1,
 					fill: "none"
-				}, null, 8, U),
+				}, null, 8, de),
 				d("circle", {
 					cx: 25,
 					cy: 76,
@@ -746,7 +754,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.circlePack.color,
 					"stroke-width": 1,
 					fill: "none"
-				}, null, 8, W),
+				}, null, 8, fe),
 				d("circle", {
 					cx: 60,
 					cy: 78.5,
@@ -754,7 +762,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.circlePack.color,
 					"stroke-width": 1,
 					fill: "none"
-				}, null, 8, ue),
+				}, null, 8, pe),
 				d("circle", {
 					cx: 64,
 					cy: 20,
@@ -762,7 +770,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.circlePack.color,
 					"stroke-width": 1,
 					fill: "none"
-				}, null, 8, de),
+				}, null, 8, me),
 				d("circle", {
 					cx: 72,
 					cy: 37,
@@ -770,7 +778,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.circlePack.color,
 					"stroke-width": 1,
 					fill: "none"
-				}, null, 8, fe),
+				}, null, 8, he),
 				d("circle", {
 					cx: 25,
 					cy: 45,
@@ -778,7 +786,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.circlePack.color,
 					"stroke-width": 1,
 					fill: "none"
-				}, null, 8, pe),
+				}, null, 8, ge),
 				d("circle", {
 					cx: 70,
 					cy: 66,
@@ -786,11 +794,11 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.circlePack.color,
 					"stroke-width": 1,
 					fill: "none"
-				}, null, 8, me)
-			], 12, B)) : l("", !0),
+				}, null, 8, _e)
+			], 12, U)) : l("", !0),
 			J.value === "flow" ? (h(), u("svg", {
 				key: 4,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 80 60",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -801,10 +809,10 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round",
 				fill: q.value.style.flow.color
-			}, null, 8, ge)], 12, he)) : l("", !0),
+			}, null, 8, ye)], 12, ve)) : l("", !0),
 			J.value === "parallelCoordinatePlot" ? (h(), u("svg", {
 				key: 5,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 80 60",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -815,10 +823,10 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round",
 				fill: q.value.style.parallelCoordinatePlot.color
-			}, null, 8, ve)], 12, _e)) : l("", !0),
+			}, null, 8, xe)], 12, be)) : l("", !0),
 			J.value === "bullet" ? (h(), u("svg", {
 				key: 6,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 600 96",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -830,7 +838,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					width: 300,
 					height: 72,
 					style: { opacity: "0.8" }
-				}, null, 8, be),
+				}, null, 8, Ce),
 				d("rect", {
 					fill: q.value.style.bullet.color,
 					x: 324,
@@ -838,7 +846,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					width: 150,
 					height: 72,
 					style: { opacity: "0.6" }
-				}, null, 8, xe),
+				}, null, 8, we),
 				d("rect", {
 					fill: q.value.style.bullet.color,
 					x: 474,
@@ -846,7 +854,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					width: 102,
 					height: 72,
 					style: { opacity: "0.3" }
-				}, null, 8, Se),
+				}, null, 8, Te),
 				d("rect", {
 					fill: q.value.style.bullet.color,
 					x: 24,
@@ -854,11 +862,11 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					width: 490,
 					height: 24,
 					style: { opacity: "1" }
-				}, null, 8, Ce)
-			], 12, ye)) : l("", !0),
+				}, null, 8, Ee)
+			], 12, Se)) : l("", !0),
 			J.value === "dumbbell" ? (h(), u("svg", {
 				key: 7,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 100 55",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -873,11 +881,11 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .5,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, Te),
+				}, null, 8, Oe),
 				d("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.style.dumbbell.color
-				}, null, 8, Ee),
+				}, null, 8, ke),
 				d("circle", {
 					cx: "30",
 					cy: "10",
@@ -885,7 +893,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.backgroundColor,
 					"stroke-width": .3,
 					fill: q.value.style.dumbbell.color
-				}, null, 8, De),
+				}, null, 8, Ae),
 				d("circle", {
 					cx: "46",
 					cy: "10",
@@ -893,11 +901,11 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.backgroundColor,
 					"stroke-width": .3,
 					fill: q.value.style.dumbbell.color
-				}, null, 8, Oe),
+				}, null, 8, je),
 				d("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.style.dumbbell.color
-				}, null, 8, ke),
+				}, null, 8, Me),
 				d("circle", {
 					cx: "10",
 					cy: "20",
@@ -905,7 +913,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.backgroundColor,
 					"stroke-width": .3,
 					fill: q.value.style.dumbbell.color
-				}, null, 8, Ae),
+				}, null, 8, Ne),
 				d("circle", {
 					cx: "36",
 					cy: "20",
@@ -913,11 +921,11 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.backgroundColor,
 					"stroke-width": .3,
 					fill: q.value.style.dumbbell.color
-				}, null, 8, je),
+				}, null, 8, Pe),
 				d("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.style.dumbbell.color
-				}, null, 8, Me),
+				}, null, 8, Fe),
 				d("circle", {
 					cx: "30",
 					cy: "30",
@@ -925,7 +933,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.backgroundColor,
 					"stroke-width": .3,
 					fill: q.value.style.dumbbell.color
-				}, null, 8, Ne),
+				}, null, 8, Ie),
 				d("circle", {
 					cx: "60",
 					cy: "30",
@@ -933,11 +941,11 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.backgroundColor,
 					"stroke-width": .3,
 					fill: q.value.style.dumbbell.color
-				}, null, 8, Pe),
+				}, null, 8, Le),
 				d("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.style.dumbbell.color
-				}, null, 8, Fe),
+				}, null, 8, Re),
 				d("circle", {
 					cx: "50",
 					cy: "40",
@@ -945,7 +953,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.backgroundColor,
 					"stroke-width": .3,
 					fill: q.value.style.dumbbell.color
-				}, null, 8, Ie),
+				}, null, 8, ze),
 				d("circle", {
 					cx: "80",
 					cy: "40",
@@ -953,11 +961,11 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.backgroundColor,
 					"stroke-width": .3,
 					fill: q.value.style.dumbbell.color
-				}, null, 8, Le),
+				}, null, 8, Be),
 				d("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.style.dumbbell.color
-				}, null, 8, Re),
+				}, null, 8, Ve),
 				d("circle", {
 					cx: "40",
 					cy: "50",
@@ -965,7 +973,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.backgroundColor,
 					"stroke-width": .3,
 					fill: q.value.style.dumbbell.color
-				}, null, 8, ze),
+				}, null, 8, He),
 				d("circle", {
 					cx: "90",
 					cy: "50",
@@ -973,11 +981,11 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.backgroundColor,
 					"stroke-width": .3,
 					fill: q.value.style.dumbbell.color
-				}, null, 8, Be)
-			], 12, we)) : l("", !0),
+				}, null, 8, Ue)
+			], 12, De)) : l("", !0),
 			J.value === "stripPlot" ? (h(), u("svg", {
 				key: 8,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 100 100",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -992,7 +1000,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .5,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, He),
+				}, null, 8, Ge),
 				d("line", {
 					x1: "3",
 					x2: "97",
@@ -1002,7 +1010,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .5,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, Ue),
+				}, null, 8, Ke),
 				d("circle", {
 					cx: "12",
 					cy: "8",
@@ -1011,7 +1019,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .3,
 					fill: q.value.style.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, We),
+				}, null, 8, qe),
 				d("circle", {
 					cx: "12",
 					cy: "40",
@@ -1020,7 +1028,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .3,
 					fill: q.value.style.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, Ge),
+				}, null, 8, Je),
 				d("circle", {
 					cx: "12",
 					cy: "60",
@@ -1029,7 +1037,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .3,
 					fill: q.value.style.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, Ke),
+				}, null, 8, Ye),
 				d("circle", {
 					cx: "12",
 					cy: "70",
@@ -1038,7 +1046,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .3,
 					fill: q.value.style.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, qe),
+				}, null, 8, Xe),
 				d("circle", {
 					cx: "32",
 					cy: "25",
@@ -1047,7 +1055,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .3,
 					fill: q.value.style.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, Je),
+				}, null, 8, Ze),
 				d("circle", {
 					cx: "32",
 					cy: "38",
@@ -1056,7 +1064,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .3,
 					fill: q.value.style.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, Ye),
+				}, null, 8, Qe),
 				d("circle", {
 					cx: "32",
 					cy: "44",
@@ -1065,7 +1073,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .3,
 					fill: q.value.style.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, Xe),
+				}, null, 8, $e),
 				d("circle", {
 					cx: "32",
 					cy: "55",
@@ -1074,7 +1082,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .3,
 					fill: q.value.style.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, Ze),
+				}, null, 8, et),
 				d("circle", {
 					cx: "52",
 					cy: "30",
@@ -1083,7 +1091,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .3,
 					fill: q.value.style.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, Qe),
+				}, null, 8, tt),
 				d("circle", {
 					cx: "52",
 					cy: "33",
@@ -1092,7 +1100,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .3,
 					fill: q.value.style.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, $e),
+				}, null, 8, nt),
 				d("circle", {
 					cx: "52",
 					cy: "43",
@@ -1101,7 +1109,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .3,
 					fill: q.value.style.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, et),
+				}, null, 8, rt),
 				d("circle", {
 					cx: "52",
 					cy: "63",
@@ -1110,7 +1118,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .3,
 					fill: q.value.style.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, tt),
+				}, null, 8, it),
 				d("circle", {
 					cx: "52",
 					cy: "78",
@@ -1119,7 +1127,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .3,
 					fill: q.value.style.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, nt),
+				}, null, 8, at),
 				d("circle", {
 					cx: "72",
 					cy: "58",
@@ -1128,7 +1136,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .3,
 					fill: q.value.style.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, rt),
+				}, null, 8, ot),
 				d("circle", {
 					cx: "72",
 					cy: "70",
@@ -1137,7 +1145,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .3,
 					fill: q.value.style.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, it),
+				}, null, 8, st),
 				d("circle", {
 					cx: "72",
 					cy: "78",
@@ -1146,7 +1154,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .3,
 					fill: q.value.style.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, at),
+				}, null, 8, ct),
 				d("circle", {
 					cx: "72",
 					cy: "88",
@@ -1155,7 +1163,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .3,
 					fill: q.value.style.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, ot),
+				}, null, 8, lt),
 				d("circle", {
 					cx: "92",
 					cy: "66",
@@ -1164,7 +1172,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .3,
 					fill: q.value.style.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, st),
+				}, null, 8, ut),
 				d("circle", {
 					cx: "92",
 					cy: "77",
@@ -1173,7 +1181,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .3,
 					fill: q.value.style.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, ct),
+				}, null, 8, dt),
 				d("circle", {
 					cx: "92",
 					cy: "85",
@@ -1182,7 +1190,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .3,
 					fill: q.value.style.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, lt),
+				}, null, 8, ft),
 				d("circle", {
 					cx: "92",
 					cy: "88",
@@ -1191,7 +1199,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .3,
 					fill: q.value.style.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, ut),
+				}, null, 8, pt),
 				d("circle", {
 					cx: "92",
 					cy: "90",
@@ -1200,7 +1208,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .3,
 					fill: q.value.style.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, dt),
+				}, null, 8, mt),
 				d("circle", {
 					cx: "92",
 					cy: "92",
@@ -1209,11 +1217,11 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": .3,
 					fill: q.value.style.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, ft)
-			], 12, Ve)) : l("", !0),
+				}, null, 8, ht)
+			], 12, We)) : l("", !0),
 			J.value === "treemap" ? (h(), u("svg", {
 				key: 9,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 30 21",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1224,10 +1232,10 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 				"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, mt)], 12, pt)) : l("", !0),
+			}, null, 8, _t)], 12, gt)) : l("", !0),
 			J.value === "galaxy" ? (h(), u("svg", {
 				key: 10,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0.5 0 20 20",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1237,10 +1245,10 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				d: "M 7 11 A 1 1 0 0 0 11 11 M 14 11 A 1 1 0 0 0 7 11 M 3 11 A 1 1 0 0 0 14 11 M 18 11 A 1 1 0 0 0 3 11 M 16.4 16 C 17 15 18 13 18 11"
-			}, null, 8, gt)], 12, ht)) : l("", !0),
+			}, null, 8, yt)], 12, vt)) : l("", !0),
 			J.value === "bar3d" ? (h(), u("svg", {
 				key: 11,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "2 0 16 20",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1251,10 +1259,10 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 				d: "M10 1 6 3 6 17 10 19 14 17 14 3 10 1M6 3 10 5 14 3M10 5 10 19",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, null, 8, vt)], 12, _t)) : l("", !0),
+			}, null, 8, xt)], 12, bt)) : l("", !0),
 			J.value === "sparkHistogram" ? (h(), u("svg", {
 				key: 12,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 100 20",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1267,7 +1275,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					width: "6",
 					rx: "1.5",
 					fill: q.value.style.sparkHistogram.color
-				}, null, 8, bt),
+				}, null, 8, Ct),
 				d("rect", {
 					x: "11",
 					y: "6",
@@ -1275,7 +1283,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					width: "6",
 					rx: "2",
 					fill: q.value.style.sparkHistogram.color
-				}, null, 8, xt),
+				}, null, 8, wt),
 				d("rect", {
 					x: "19",
 					y: "7",
@@ -1283,7 +1291,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					width: "6",
 					rx: "2",
 					fill: q.value.style.sparkHistogram.color
-				}, null, 8, St),
+				}, null, 8, Tt),
 				d("rect", {
 					x: "27",
 					y: "6",
@@ -1291,7 +1299,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					width: "6",
 					rx: "2",
 					fill: q.value.style.sparkHistogram.color
-				}, null, 8, Ct),
+				}, null, 8, Et),
 				d("rect", {
 					x: "35",
 					y: "8",
@@ -1299,7 +1307,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					width: "6",
 					rx: "1.5",
 					fill: q.value.style.sparkHistogram.color
-				}, null, 8, wt),
+				}, null, 8, Dt),
 				d("rect", {
 					x: "43",
 					y: "7",
@@ -1307,7 +1315,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					width: "6",
 					rx: "2",
 					fill: q.value.style.sparkHistogram.color
-				}, null, 8, Tt),
+				}, null, 8, Ot),
 				d("rect", {
 					x: "51",
 					y: "8.5",
@@ -1315,7 +1323,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					width: "6",
 					rx: "1.5",
 					fill: q.value.style.sparkHistogram.color
-				}, null, 8, Et),
+				}, null, 8, kt),
 				d("rect", {
 					x: "59",
 					y: "7",
@@ -1323,7 +1331,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					width: "6",
 					rx: "2",
 					fill: q.value.style.sparkHistogram.color
-				}, null, 8, Dt),
+				}, null, 8, At),
 				d("rect", {
 					x: "67",
 					y: "6",
@@ -1331,7 +1339,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					width: "6",
 					rx: "2",
 					fill: q.value.style.sparkHistogram.color
-				}, null, 8, Ot),
+				}, null, 8, jt),
 				d("rect", {
 					x: "75",
 					y: "7",
@@ -1339,7 +1347,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					width: "6",
 					rx: "2",
 					fill: q.value.style.sparkHistogram.color
-				}, null, 8, kt),
+				}, null, 8, Mt),
 				d("rect", {
 					x: "83",
 					y: "7",
@@ -1347,7 +1355,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					width: "6",
 					rx: "2",
 					fill: q.value.style.sparkHistogram.color
-				}, null, 8, At),
+				}, null, 8, Nt),
 				d("rect", {
 					x: "91",
 					y: "8",
@@ -1355,11 +1363,11 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					width: "6",
 					rx: "1.5",
 					fill: q.value.style.sparkHistogram.color
-				}, null, 8, jt)
-			], 12, yt)) : l("", !0),
+				}, null, 8, Pt)
+			], 12, St)) : l("", !0),
 			J.value === "sparkbar" ? (h(), u("svg", {
 				key: 13,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 500 200",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1374,7 +1382,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linecap": "round",
 					stroke: q.value.style.sparkbar.color,
 					opacity: "0.5"
-				}, null, 8, Nt),
+				}, null, 8, It),
 				d("line", {
 					x1: "12",
 					x2: "400",
@@ -1384,7 +1392,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linecap": "round",
 					stroke: q.value.style.sparkbar.color,
 					opacity: "1"
-				}, null, 8, Pt),
+				}, null, 8, Lt),
 				d("line", {
 					x1: "12",
 					x2: "488",
@@ -1394,7 +1402,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linecap": "round",
 					stroke: q.value.style.sparkbar.color,
 					opacity: "0.5"
-				}, null, 8, Ft),
+				}, null, 8, Rt),
 				d("line", {
 					x1: "12",
 					x2: "350",
@@ -1404,7 +1412,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linecap": "round",
 					stroke: q.value.style.sparkbar.color,
 					opacity: "1"
-				}, null, 8, It),
+				}, null, 8, zt),
 				d("line", {
 					x1: "12",
 					x2: "488",
@@ -1414,7 +1422,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linecap": "round",
 					stroke: q.value.style.sparkbar.color,
 					opacity: "0.5"
-				}, null, 8, Lt),
+				}, null, 8, Bt),
 				d("line", {
 					x1: "12",
 					x2: "235",
@@ -1424,11 +1432,11 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linecap": "round",
 					stroke: q.value.style.sparkbar.color,
 					opacity: "1"
-				}, null, 8, Rt)
-			], 12, Mt)) : l("", !0),
+				}, null, 8, Vt)
+			], 12, Ft)) : l("", !0),
 			J.value === "sparkStackbar" ? (h(), u("svg", {
 				key: 14,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 500 64",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1443,7 +1451,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linecap": "round",
 					stroke: q.value.style.sparkStackbar.color,
 					opacity: "0.5"
-				}, null, 8, Bt),
+				}, null, 8, Ut),
 				d("line", {
 					x1: "12",
 					x2: "380",
@@ -1453,7 +1461,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linecap": "round",
 					stroke: q.value.style.sparkStackbar.color,
 					opacity: "0.6"
-				}, null, 8, Vt),
+				}, null, 8, Wt),
 				d("line", {
 					x1: "12",
 					x2: "200",
@@ -1463,7 +1471,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linecap": "round",
 					stroke: q.value.style.sparkStackbar.color,
 					opacity: "0.8"
-				}, null, 8, Ht),
+				}, null, 8, Gt),
 				d("line", {
 					x1: "12",
 					x2: "120",
@@ -1473,8 +1481,8 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linecap": "round",
 					stroke: q.value.style.sparkStackbar.color,
 					opacity: "1"
-				}, null, 8, Ut)
-			], 12, zt)) : l("", !0),
+				}, null, 8, Kt)
+			], 12, Ht)) : l("", !0),
 			J.value === "thermometer" ? (h(), u("svg", {
 				key: 15,
 				width: "100%",
@@ -1488,38 +1496,38 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"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, Wt),
+				}, null, 8, qt),
 				d("path", {
 					stroke: q.value.style.thermometer.color,
 					"stroke-width": "1",
 					style: { opacity: "0.6" },
 					d: "M 10 17 L 10 12 ",
 					"stroke-linecap": "round"
-				}, null, 8, Gt),
+				}, null, 8, Jt),
 				d("path", {
 					"stroke-linecap": "round",
 					stroke: q.value.style.thermometer.color,
 					"stroke-width": "1",
 					opacity: "M 10 17 L 10 9"
-				}, null, 8, Kt),
+				}, null, 8, Yt),
 				d("path", {
 					"stroke-linecap": "round",
 					stroke: q.value.style.thermometer.color,
 					"stroke-width": "1",
 					opacity: "0.3",
 					d: "M 10 17 L 10 6"
-				}, null, 8, qt),
+				}, null, 8, Xt),
 				d("path", {
 					"stroke-linecap": "round",
 					stroke: q.value.style.thermometer.color,
 					"stroke-width": "1",
 					style: { opacity: "0.1" },
 					d: "M 10 17 L 10 3"
-				}, null, 8, Jt)
+				}, null, 8, Zt)
 			], 4)) : l("", !0),
 			J.value === "relationCircle" ? (h(), u("svg", {
 				key: 16,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 20 20",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1529,10 +1537,10 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 				"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, Xt)], 12, Yt)) : l("", !0),
+			}, null, 8, $t)], 12, Qt)) : l("", !0),
 			J.value === "molecule" ? (h(), u("svg", {
 				key: 17,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 100 100",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1545,7 +1553,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": "2",
 					fill: "none",
 					stroke: q.value.style.molecule.color
-				}, null, 8, Qt),
+				}, null, 8, tn),
 				d("circle", {
 					cx: "20",
 					cy: "50",
@@ -1553,7 +1561,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": "1.6",
 					fill: "none",
 					stroke: q.value.style.molecule.color
-				}, null, 8, $t),
+				}, null, 8, nn),
 				d("circle", {
 					cx: "80",
 					cy: "50",
@@ -1561,7 +1569,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": "1.6",
 					fill: "none",
 					stroke: q.value.style.molecule.color
-				}, null, 8, en),
+				}, null, 8, rn),
 				d("circle", {
 					cx: "50",
 					cy: "20",
@@ -1569,7 +1577,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": "1.6",
 					fill: "none",
 					stroke: q.value.style.molecule.color
-				}, null, 8, tn),
+				}, null, 8, an),
 				d("circle", {
 					cx: "50",
 					cy: "80",
@@ -1577,7 +1585,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": "1.6",
 					fill: "none",
 					stroke: q.value.style.molecule.color
-				}, null, 8, nn),
+				}, null, 8, on),
 				d("line", {
 					x1: "50",
 					x2: "50",
@@ -1585,7 +1593,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					y2: "45",
 					"stroke-width": "1",
 					stroke: q.value.style.molecule.color
-				}, null, 8, rn),
+				}, null, 8, sn),
 				d("line", {
 					x1: "50",
 					x2: "50",
@@ -1593,7 +1601,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					y2: "55",
 					"stroke-width": "1",
 					stroke: q.value.style.molecule.color
-				}, null, 8, an),
+				}, null, 8, cn),
 				d("line", {
 					x1: "23",
 					x2: "45",
@@ -1601,7 +1609,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					y2: "50",
 					"stroke-width": "1",
 					stroke: q.value.style.molecule.color
-				}, null, 8, on),
+				}, null, 8, ln),
 				d("line", {
 					x1: "77",
 					x2: "55",
@@ -1609,11 +1617,11 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					y2: "50",
 					"stroke-width": "1",
 					stroke: q.value.style.molecule.color
-				}, null, 8, sn)
-			], 12, Zt)) : l("", !0),
+				}, null, 8, un)
+			], 12, en)) : l("", !0),
 			J.value === "tiremarks" ? (h(), u("svg", {
 				key: 18,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 312 56",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1625,10 +1633,10 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 				stroke: q.value.style.tiremarks.color,
 				style: m(e > 80 ? "opacity: 0.5" : ""),
 				"stroke-linecap": "round"
-			}, null, 12, ln)])), 64))], 12, cn)) : l("", !0),
+			}, null, 12, fn)])), 64))], 12, dn)) : l("", !0),
 			J.value === "pyramid" ? (h(), u("svg", {
 				key: 19,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 105 80",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1638,16 +1646,16 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 				width: e[0],
 				height: 80 / Z.value.length * .95,
 				fill: q.value.style.pyramid.color
-			}, null, 8, dn), d("rect", {
+			}, null, 8, mn), d("rect", {
 				x: 55,
 				y: t * (80 / Z.value.length),
 				width: e[1],
 				height: 80 / Z.value.length * .95,
 				fill: q.value.style.pyramid.color
-			}, null, 8, fn)]))), 256))], 12, un)) : l("", !0),
+			}, null, 8, hn)]))), 256))], 12, pn)) : l("", !0),
 			J.value === "rings" ? (h(), u("svg", {
 				key: 20,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 400 400",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1657,59 +1665,59 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					cx: 200,
 					cy: 200,
 					r: 180,
-					fill: v(i)(q.value.style.rings.color, 40)
-				}, null, 8, mn),
+					fill: v(t)(q.value.style.rings.color, 40)
+				}, null, 8, _n),
 				d("circle", {
 					cx: 200,
 					cy: 250,
 					r: 130,
-					fill: v(i)(q.value.style.rings.color, 60)
-				}, null, 8, hn),
+					fill: v(t)(q.value.style.rings.color, 60)
+				}, null, 8, vn),
 				d("circle", {
 					cx: 200,
 					cy: 290,
 					r: 90,
-					fill: v(i)(q.value.style.rings.color, 100)
-				}, null, 8, gn)
-			], 12, pn)) : l("", !0),
+					fill: v(t)(q.value.style.rings.color, 100)
+				}, null, 8, yn)
+			], 12, gn)) : l("", !0),
 			J.value === "wheel" ? (h(), u("svg", {
 				key: 21,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 400 400",
 				style: m(`background:${q.value.style.backgroundColor}`)
 			}, [
 				p(o),
-				(h(!0), u(s, null, _(Ei.value, (e, t) => (h(), u("line", {
+				(h(!0), u(s, null, _(ki.value, (e, n) => (h(), u("line", {
 					x1: e.x1,
 					x2: e.x2,
 					y1: e.y1,
 					y2: e.y2,
-					stroke: t < 66 ? e.color : v(i)(e.color, 50),
+					stroke: n < 66 ? e.color : v(t)(e.color, 50),
 					"stroke-width": 5,
 					"stroke-linecap": "round"
-				}, null, 8, vn))), 256)),
+				}, null, 8, xn))), 256)),
 				d("circle", {
 					cx: 200,
 					cy: 200,
 					r: 130,
 					"stroke-width": 3,
-					stroke: v(i)(q.value.style.wheel.color, 50),
+					stroke: v(t)(q.value.style.wheel.color, 50),
 					fill: "none"
-				}, null, 8, yn),
+				}, null, 8, Sn),
 				d("rect", {
-					fill: v(i)(q.value.style.wheel.color, 50),
+					fill: v(t)(q.value.style.wheel.color, 50),
 					rx: 12,
 					x: 160,
 					y: 170,
 					height: 60,
 					width: 80,
 					stroke: "none"
-				}, null, 8, bn)
-			], 12, _n)) : l("", !0),
+				}, null, 8, Cn)
+			], 12, bn)) : l("", !0),
 			J.value === "sparkline" ? (h(), u("svg", {
 				key: 22,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 150 32",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1722,14 +1730,14 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					width: "24",
 					fill: q.value.style.sparkline.color,
 					rx: "3"
-				}, null, 8, Sn), d("rect", {
+				}, null, 8, Tn), d("rect", {
 					x: "2",
 					y: "12",
 					height: "16",
 					width: "16",
 					fill: q.value.style.sparkline.color,
 					rx: "3"
-				}, null, 8, Cn)]),
+				}, null, 8, En)]),
 				(h(!0), u(s, null, _(Q.value, (e, t) => (h(), u("g", null, [t < Q.value.length - 1 ? (h(), u("line", {
 					key: 0,
 					x1: e.x,
@@ -1740,17 +1748,17 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.sparkline.color,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, wn)) : l("", !0)]))), 256))
-			], 12, xn)) : l("", !0),
+				}, null, 8, Dn)) : l("", !0)]))), 256))
+			], 12, wn)) : l("", !0),
 			J.value === "candlesticks" ? (h(), u("svg", {
 				key: 23,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 512 316",
 				style: m(`background:${q.value.style.backgroundColor}`)
 			}, [
 				p(o),
-				q.value.style.candlesticks.axis.show ? (h(), u("g", En, [d("line", {
+				q.value.style.candlesticks.axis.show ? (h(), u("g", kn, [d("line", {
 					x1: 2,
 					x2: 2,
 					y1: 2,
@@ -1758,7 +1766,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.candlesticks.axis.color,
 					"stroke-width": q.value.style.candlesticks.axis.strokeWidth,
 					"stroke-linecap": "round"
-				}, null, 8, Dn), d("line", {
+				}, null, 8, An), d("line", {
 					x1: 2,
 					x2: 510,
 					y1: 314,
@@ -1766,7 +1774,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.candlesticks.axis.color,
 					"stroke-width": q.value.style.candlesticks.axis.strokeWidth,
 					"stroke-linecap": "round"
-				}, null, 8, On)])) : l("", !0),
+				}, null, 8, jn)])) : l("", !0),
 				(h(!0), u(s, null, _(X.value, (e, t) => (h(), u("g", null, [
 					d("line", {
 						x1: 24 + 464 * t / (X.value.length - 1) - 464 / (X.value.length - 1) / 8,
@@ -1776,7 +1784,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 						stroke: q.value.style.candlesticks.candle.color,
 						"stroke-width": q.value.style.candlesticks.candle.strokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, kn),
+					}, null, 8, Mn),
 					d("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,
@@ -1785,7 +1793,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 						stroke: q.value.style.candlesticks.candle.color,
 						"stroke-width": q.value.style.candlesticks.candle.strokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, An),
+					}, null, 8, Nn),
 					d("line", {
 						x1: 24 + 464 * t / (X.value.length - 1),
 						x2: 24 + 464 * t / (X.value.length - 1),
@@ -1794,7 +1802,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 						stroke: q.value.style.candlesticks.candle.color,
 						"stroke-width": q.value.style.candlesticks.candle.strokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, jn),
+					}, null, 8, Pn),
 					d("rect", {
 						x: 24 + 464 * t / (X.value.length - 1) - 464 / (X.value.length - 1) / 8,
 						y: e.y + (e.height - e.bar * 1.5),
@@ -1802,44 +1810,44 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 						width: 464 / (X.value.length - 1) / 4,
 						fill: q.value.style.candlesticks.candle.color,
 						rx: "1"
-					}, null, 8, Mn)
+					}, null, 8, Fn)
 				]))), 256))
-			], 12, Tn)) : l("", !0),
+			], 12, On)) : l("", !0),
 			J.value === "heatmap" ? (h(), u("svg", {
 				key: 24,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: `0 0 ${10 * q.value.style.heatmap.cellsX} ${10 * q.value.style.heatmap.cellsY}`,
 				style: m(`background:${q.value.style.backgroundColor}`)
-			}, [p(o), (h(!0), u(s, null, _(q.value.style.heatmap.cellsY, (e, t) => (h(), u("g", null, [(h(!0), u(s, null, _(q.value.style.heatmap.cellsX, (e, n) => (h(), u("g", null, [d("rect", {
-				x: n * 10,
-				y: t * 10,
+			}, [p(o), (h(!0), u(s, null, _(q.value.style.heatmap.cellsY, (e, n) => (h(), u("g", null, [(h(!0), u(s, null, _(q.value.style.heatmap.cellsX, (e, r) => (h(), u("g", null, [d("rect", {
+				x: r * 10,
+				y: n * 10,
 				height: 10,
 				width: 10,
 				stroke: q.value.style.backgroundColor,
 				"stroke-width": 1,
-				fill: v(i)(q.value.style.heatmap.color, Math.round(Math.random() * 100))
-			}, null, 8, Pn)]))), 256))]))), 256))], 12, Nn)) : l("", !0),
+				fill: v(t)(q.value.style.heatmap.color, Math.round(Math.random() * 100))
+			}, null, 8, Ln)]))), 256))]))), 256))], 12, In)) : l("", !0),
 			J.value === "chestnut" ? (h(), u("svg", {
 				key: 25,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 512 316",
 				style: m(`background:${q.value.style.backgroundColor}`)
 			}, [
 				p(o),
-				(h(!0), u(s, null, _(Y.value, (e) => (h(), u("g", null, [(h(!0), u(s, null, _(e.bars, (t) => (h(), u("g", null, [(h(), u(s, null, _(22, (n, r) => d("path", {
+				(h(!0), u(s, null, _(Y.value, (e) => (h(), u("g", null, [(h(!0), u(s, null, _(e.bars, (n) => (h(), u("g", null, [(h(), u(s, null, _(22, (r, i) => d("path", {
 					d: `M
-                            ${t.x},${t.y + r}
-                            C${t.x - 20},${t.y + r} 
-                            ${t.x - 80},${t.y + r} 
+                            ${n.x},${n.y + i}
+                            C${n.x - 20},${n.y + i} 
+                            ${n.x - 80},${n.y + i} 
                             ${e.root.x + e.root.r / 2}, ${e.root.y}
                         `,
-					stroke: v(i)(q.value.style.chestnut.color, t.opacity * .2),
+					stroke: v(t)(q.value.style.chestnut.color, n.opacity * .2),
 					fill: "none",
 					"stroke-width": "2",
 					"shape-rendering": "cirspEdges"
-				}, null, 8, In)), 64))]))), 256))]))), 256)),
+				}, null, 8, zn)), 64))]))), 256))]))), 256)),
 				(h(!0), u(s, null, _(Y.value, (e) => (h(), u("circle", {
 					cx: e.root.x,
 					cy: e.root.y,
@@ -1847,15 +1855,15 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					fill: `${q.value.style.backgroundColor}`,
 					stroke: q.value.backgroundColor,
 					"stroke-width": 3
-				}, null, 8, Ln))), 256)),
+				}, null, 8, Bn))), 256)),
 				(h(!0), u(s, null, _(Y.value, (e) => (h(), u("circle", {
 					cx: e.root.x,
 					cy: e.root.y,
 					r: e.root.r,
-					fill: v(i)(q.value.style.chestnut.color, e.root.opacity),
+					fill: v(t)(q.value.style.chestnut.color, e.root.opacity),
 					stroke: q.value.style.backgroundColor,
 					"stroke-width": 3
-				}, null, 8, Rn))), 256)),
+				}, null, 8, Vn))), 256)),
 				(h(!0), u(s, null, _(Y.value, (e) => (h(), u("g", null, [
 					(h(!0), u(s, null, _(e.bars, (e) => (h(), u("rect", {
 						rx: "2",
@@ -1863,20 +1871,20 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 						y: e.y,
 						width: e.width,
 						height: 22,
-						fill: v(i)(q.value.style.chestnut.color, e.opacity)
-					}, null, 8, zn))), 256)),
+						fill: v(t)(q.value.style.chestnut.color, e.opacity)
+					}, null, 8, Hn))), 256)),
 					(h(!0), u(s, null, _(e.bars, (e) => (h(), u("circle", {
 						cx: e.x + e.width + 32,
 						cy: e.y + 11,
 						r: 11,
-						fill: v(i)(q.value.style.chestnut.color, e.opacity)
-					}, null, 8, Bn))), 256)),
+						fill: v(t)(q.value.style.chestnut.color, e.opacity)
+					}, null, 8, Un))), 256)),
 					(h(!0), u(s, null, _(e.bars, (e) => (h(), u("circle", {
 						cx: e.x + e.width + 32,
 						cy: e.y + 11,
 						r: 5,
 						fill: q.value.style.backgroundColor
-					}, null, 8, Vn))), 256))
+					}, null, 8, Wn))), 256))
 				]))), 256)),
 				d("line", {
 					x1: 200,
@@ -1885,11 +1893,11 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					y2: 300,
 					stroke: q.value.style.backgroundColor,
 					"stroke-width": 3
-				}, null, 8, Hn)
-			], 12, Fn)) : l("", !0),
+				}, null, 8, Gn)
+			], 12, Rn)) : l("", !0),
 			J.value === "donutEvolution" ? (h(), u("svg", {
 				key: 26,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 108 70",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -1903,13 +1911,13 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, null, 8, Wn)) : l("", !0),
+				}, null, 8, qn)) : l("", !0),
 				d("path", {
 					fill: "none",
 					d: "M10 55A1 1 0 0020 55 1 1 0 0010 55M12 55A1 1 0 0018 55 1 1 0 0012 55M10 55 12 55M15 52 15 50M27 45A1 1 0 0037 45 1 1 0 0027 45M29 45A1 1 0 0035 45 1 1 0 0029 45M32 48 32 50M35 45 37 45M44 50A1 1 0 0054 50 1 1 0 0044 50M46 50A1 1 0 0052 50 1 1 0 0046 50M49 45 49 47M49 53 49 55M61 35A1 1 0 0071 35 1 1 0 0061 35M63 35A1 1 0 0069 35 1 1 0 0063 35M66 30 66 32M61 35 63 35M78 41A1 1 0 0088 41 1 1 0 0078 41M80 41A1 1 0 0086 41 1 1 0 0080 41M78 41 80 41M86 41 88 41M95 14A1 1 0 00105 14 1 1 0 0095 14M97 14A1 1 0 00103 14 1 1 0 0097 14M95 14 97 14M100 17 100 19",
 					stroke: q.value.style.donutEvolution.donuts.color,
 					"stroke-width": q.value.style.donutEvolution.donuts.strokeWidth
-				}, null, 8, Gn),
+				}, null, 8, Jn),
 				d("path", {
 					fill: "none",
 					d: "M19 52 27 45M37 45 44 49M52 46 62 38M71 36 78 40M86 37 97 18",
@@ -1917,53 +1925,53 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": q.value.style.donutEvolution.axis.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, Kn),
+				}, null, 8, Yn),
 				d("path", {
 					d: "M10 55 12 55C12 53 14 52 15 52L15 50C13 50 10 52 10 55",
 					fill: q.value.style.donutEvolution.donuts.color,
 					stroke: "none",
 					style: { opacity: "0.3" }
-				}, null, 8, qn),
+				}, null, 8, Xn),
 				d("path", {
 					d: "M32 48 32 50C35 50 37 47 37 45L35 45C35 47 33 48 32 48",
 					fill: q.value.style.donutEvolution.donuts.color,
 					stroke: "none",
 					style: { opacity: "0.3" }
-				}, null, 8, Jn),
+				}, null, 8, Zn),
 				d("path", {
 					d: "M49 53 49 55A1 1 0 0049 45L49 47C53 47 53 53 49 53",
 					fill: q.value.style.donutEvolution.donuts.color,
 					stroke: "none",
 					style: { opacity: "0.3" }
-				}, null, 8, Yn),
+				}, null, 8, Qn),
 				d("path", {
 					d: "M63 35C63 33 65 32 66 32L66 30C63 30 61 33 61 35L63 35",
 					fill: q.value.style.donutEvolution.donuts.color,
 					stroke: "none",
 					style: { opacity: "0.3" }
-				}, null, 8, Xn),
+				}, null, 8, $n),
 				d("path", {
 					d: "M78 41A1 1 0 0088 41L86 41C86 45 80 45 80 41L78 41",
 					fill: q.value.style.donutEvolution.donuts.color,
 					stroke: "none",
 					style: { opacity: "0.3" }
-				}, null, 8, Zn),
+				}, null, 8, er),
 				d("path", {
 					d: "M95 14C95 17 98 19 100 19L100 17C99 17 97 16 97 14L95 14",
 					fill: q.value.style.donutEvolution.donuts.color,
 					stroke: "none",
 					style: { opacity: "0.3" }
-				}, null, 8, Qn)
-			], 12, Un)) : l("", !0),
+				}, null, 8, tr)
+			], 12, Kn)) : l("", !0),
 			J.value === "line" ? (h(), u("svg", {
 				key: 27,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 100 70",
 				style: m(`background:${q.value.style.backgroundColor}`)
 			}, [
 				p(o),
-				q.value.style.line.axis.show ? (h(), u("g", er, [d("line", {
+				q.value.style.line.axis.show ? (h(), u("g", rr, [d("line", {
 					x1: "3",
 					x2: "3",
 					y1: "3",
@@ -1972,7 +1980,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": q.value.style.line.axis.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, tr), d("line", {
+				}, null, 8, ir), d("line", {
 					x1: "3",
 					x2: "97",
 					y1: "67",
@@ -1981,7 +1989,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": q.value.style.line.axis.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, nr)])) : l("", !0),
+				}, null, 8, ar)])) : l("", !0),
 				d("path", {
 					d: "M 9,60 22,50 35,55 48,36 61,40 74,25 87,26 90,12",
 					fill: "none",
@@ -1989,28 +1997,28 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linejoin": "round",
 					stroke: q.value.style.line.path.color,
 					"stroke-width": q.value.style.line.path.strokeWidth
-				}, null, 8, rr),
-				q.value.style.line.path.showPlots ? (h(), u("g", ir, [d("circle", {
+				}, null, 8, or),
+				q.value.style.line.path.showPlots ? (h(), u("g", sr, [d("circle", {
 					cx: "9",
 					cy: "60",
 					r: q.value.style.line.path.strokeWidth,
 					fill: q.value.style.line.path.color
-				}, null, 8, ar), d("circle", {
+				}, null, 8, cr), d("circle", {
 					cx: "90",
 					cy: "12",
 					r: q.value.style.line.path.strokeWidth,
 					fill: q.value.style.line.path.color
-				}, null, 8, or)])) : l("", !0)
-			], 12, $n)) : l("", !0),
+				}, null, 8, lr)])) : l("", !0)
+			], 12, nr)) : l("", !0),
 			J.value === "bar" ? (h(), u("svg", {
 				key: 28,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 100 70",
 				style: m(`background:${q.value.style.backgroundColor}`)
 			}, [
 				p(o),
-				q.value.style.bar.axis.show ? (h(), u("g", cr, [d("line", {
+				q.value.style.bar.axis.show ? (h(), u("g", dr, [d("line", {
 					x1: "3",
 					x2: "3",
 					y1: "3",
@@ -2019,7 +2027,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": q.value.style.bar.axis.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, lr), d("line", {
+				}, null, 8, fr), d("line", {
 					x1: "3",
 					x2: "97",
 					y1: "67",
@@ -2028,19 +2036,19 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": q.value.style.bar.axis.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, ur)])) : l("", !0),
-				(h(!0), u(s, null, _(xi.value, (e, t) => (h(), u("rect", {
+				}, null, 8, pr)])) : l("", !0),
+				(h(!0), u(s, null, _(wi.value, (e, t) => (h(), u("rect", {
 					fill: q.value.style.bar.color,
 					rx: q.value.style.bar.borderRadius,
 					x: 6 + 11.2 * t,
 					y: e,
 					width: q.value.style.bar.barWidth,
 					height: 67 - e
-				}, null, 8, dr))), 256))
-			], 12, sr)) : l("", !0),
+				}, null, 8, mr))), 256))
+			], 12, ur)) : l("", !0),
 			J.value === "donut" ? (h(), u("svg", {
 				key: 29,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 400 400",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -2051,23 +2059,23 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					fill: "none",
 					"stroke-width": q.value.style.donut.strokeWidth,
 					stroke: q.value.style.donut.color
-				}, null, 8, pr),
+				}, null, 8, gr),
 				d("path", {
 					d: " M 113 250 A 100 100 0 0 1 250 113",
 					fill: "none",
 					"stroke-width": q.value.style.donut.strokeWidth,
-					stroke: v(i)(q.value.style.donut.color, 60)
-				}, null, 8, mr),
+					stroke: v(t)(q.value.style.donut.color, 60)
+				}, null, 8, _r),
 				d("path", {
 					d: " M 250 113 A 100 100 0 0 1 300 200",
 					fill: "none",
 					"stroke-width": q.value.style.donut.strokeWidth,
-					stroke: v(i)(q.value.style.donut.color, 30)
-				}, null, 8, hr)
-			], 12, fr)) : l("", !0),
+					stroke: v(t)(q.value.style.donut.color, 30)
+				}, null, 8, vr)
+			], 12, hr)) : l("", !0),
 			J.value === "onion" ? (h(), u("svg", {
 				key: 30,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 400 400",
 				style: m(`background:${q.value.style.backgroundColor}`)
@@ -2079,22 +2087,22 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linecap": "round",
 					"stroke-width": "20",
 					fill: "none"
-				}, null, 8, _r),
+				}, null, 8, br),
 				d("path", {
 					d: " M 200 100 A 100 100 0 1 1 100 200",
-					stroke: v(i)(q.value.style.onion.color, 60),
+					stroke: v(t)(q.value.style.onion.color, 60),
 					"stroke-linecap": "round",
 					"stroke-width": "20",
 					fill: "none"
-				}, null, 8, vr),
+				}, null, 8, xr),
 				d("path", {
 					d: " M 200 140 A 60 60 0 1 1 140 200",
 					fill: "none",
-					stroke: v(i)(q.value.style.onion.color, 40),
+					stroke: v(t)(q.value.style.onion.color, 40),
 					"stroke-linecap": "round",
 					"stroke-width": "20"
-				}, null, 8, yr)
-			], 12, gr)) : l("", !0),
+				}, null, 8, Sr)
+			], 12, yr)) : l("", !0),
 			J.value === "gauge" ? (h(), u("svg", {
 				key: 31,
 				width: "100%",
@@ -2108,13 +2116,13 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.gauge.color,
 					"stroke-linecap": "round",
 					"stroke-width": "20"
-				}, null, 8, br),
+				}, null, 8, Cr),
 				d("circle", {
 					cx: "200",
 					cy: "256",
 					r: "12",
 					fill: q.value.style.gauge.color
-				}, null, 8, xr),
+				}, null, 8, wr),
 				d("line", {
 					x1: "200",
 					y1: "256",
@@ -2123,11 +2131,11 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-width": "8",
 					stroke: q.value.style.gauge.color,
 					"stroke-linecap": "round"
-				}, null, 8, Sr)
+				}, null, 8, Tr)
 			], 4)) : l("", !0),
 			J.value === "quadrant" ? (h(), u("svg", {
 				key: 32,
-				xmlns: v(r),
+				xmlns: v(i),
 				viewBox: "0 0 100 100",
 				style: m(`background:${q.value.style.backgroundColor}`)
 			}, [
@@ -2139,7 +2147,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					y2: "97",
 					stroke: q.value.style.quadrant.grid.color,
 					"stroke-width": q.value.style.quadrant.grid.strokeWidth
-				}, null, 8, wr),
+				}, null, 8, Dr),
 				d("line", {
 					x1: "3",
 					x2: "97",
@@ -2147,185 +2155,185 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					y2: "50",
 					stroke: q.value.style.quadrant.grid.color,
 					"stroke-width": q.value.style.quadrant.grid.strokeWidth
-				}, null, 8, Tr),
+				}, null, 8, Or),
 				d("circle", {
 					fill: q.value.style.quadrant.plots.color,
 					r: q.value.style.quadrant.plots.radius,
 					cx: "20",
 					cy: "20"
-				}, null, 8, Er),
+				}, null, 8, kr),
 				d("circle", {
 					fill: q.value.style.quadrant.plots.color,
 					r: q.value.style.quadrant.plots.radius,
 					cx: "80",
 					cy: "60"
-				}, null, 8, Dr),
+				}, null, 8, Ar),
 				d("circle", {
 					fill: q.value.style.quadrant.plots.color,
 					r: q.value.style.quadrant.plots.radius,
 					cx: "65",
 					cy: "55"
-				}, null, 8, Or),
+				}, null, 8, jr),
 				d("circle", {
 					fill: q.value.style.quadrant.plots.color,
 					r: q.value.style.quadrant.plots.radius,
 					cx: "36",
 					cy: "67"
-				}, null, 8, kr),
+				}, null, 8, Mr),
 				d("circle", {
 					fill: q.value.style.quadrant.plots.color,
 					r: q.value.style.quadrant.plots.radius,
 					cx: "15",
 					cy: "75"
-				}, null, 8, Ar),
+				}, null, 8, Nr),
 				d("circle", {
 					fill: q.value.style.quadrant.plots.color,
 					r: q.value.style.quadrant.plots.radius,
 					cx: "40",
 					cy: "55"
-				}, null, 8, jr),
+				}, null, 8, Pr),
 				d("circle", {
 					fill: q.value.style.quadrant.plots.color,
 					r: q.value.style.quadrant.plots.radius,
 					cx: "76",
 					cy: "32"
-				}, null, 8, Mr),
+				}, null, 8, Fr),
 				d("circle", {
 					fill: q.value.style.quadrant.plots.color,
 					r: q.value.style.quadrant.plots.radius,
 					cx: "85",
 					cy: "26"
-				}, null, 8, Nr),
+				}, null, 8, Ir),
 				d("circle", {
 					fill: q.value.style.quadrant.plots.color,
 					r: q.value.style.quadrant.plots.radius,
 					cx: "55",
 					cy: "46"
-				}, null, 8, Pr)
-			], 12, Cr)) : l("", !0),
+				}, null, 8, Lr)
+			], 12, Er)) : l("", !0),
 			J.value === "radar" ? (h(), u("svg", {
 				key: 33,
-				xmlns: v(r),
+				xmlns: v(i),
 				viewBox: "0 0 100 100",
 				style: m(`background:${q.value.style.backgroundColor}`)
 			}, [
 				p(o),
 				d("path", {
-					d: Si.value,
+					d: Ti.value,
 					fill: "none",
 					stroke: q.value.style.radar.grid.color,
 					"stroke-width": q.value.style.radar.grid.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, Ir),
+				}, null, 8, zr),
 				d("path", {
-					d: Ci.value,
+					d: Ei.value,
 					fill: "none",
-					stroke: v(i)(q.value.style.radar.grid.color, 70),
+					stroke: v(t)(q.value.style.radar.grid.color, 70),
 					"stroke-width": q.value.style.radar.grid.strokeWidth / 2,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, Lr),
+				}, null, 8, Br),
 				d("path", {
-					d: wi.value,
+					d: Di.value,
 					fill: "none",
-					stroke: v(i)(q.value.style.radar.grid.color, 70),
+					stroke: v(t)(q.value.style.radar.grid.color, 70),
 					"stroke-width": q.value.style.radar.grid.strokeWidth / 2,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, Rr),
+				}, null, 8, Vr),
 				d("path", {
-					d: Ti.value,
+					d: Oi.value,
 					fill: "none",
-					stroke: v(i)(q.value.style.radar.grid.color, 70),
+					stroke: v(t)(q.value.style.radar.grid.color, 70),
 					"stroke-width": q.value.style.radar.grid.strokeWidth / 2.5,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, zr),
+				}, null, 8, Hr),
 				d("path", {
 					d: "M 9,50 91,50",
-					stroke: v(i)(q.value.style.radar.grid.color, 50),
+					stroke: v(t)(q.value.style.radar.grid.color, 50),
 					"stroke-width": q.value.style.radar.grid.strokeWidth / 2
-				}, null, 8, Br),
+				}, null, 8, Ur),
 				d("path", {
 					d: "M 29.5,14.5 70.5 85.5",
-					stroke: v(i)(q.value.style.radar.grid.color, 50),
+					stroke: v(t)(q.value.style.radar.grid.color, 50),
 					"stroke-width": q.value.style.radar.grid.strokeWidth / 2
-				}, null, 8, Vr),
+				}, null, 8, Wr),
 				d("path", {
 					d: "M 29.5,85.5 70.5 14.5",
-					stroke: v(i)(q.value.style.radar.grid.color, 50),
+					stroke: v(t)(q.value.style.radar.grid.color, 50),
 					"stroke-width": q.value.style.radar.grid.strokeWidth / 2
-				}, null, 8, Hr),
+				}, null, 8, Gr),
 				d("path", {
 					d: "M 34,23 68.5,18, 70,50 61.5,70 35,75.5 10,50  Z",
 					stroke: "none",
 					"stroke-linejoin": "round",
-					fill: v(i)(q.value.style.radar.shapes.color, 30)
-				}, null, 8, Ur),
+					fill: v(t)(q.value.style.radar.shapes.color, 30)
+				}, null, 8, Kr),
 				d("path", {
 					d: "M 43.5,40 64.5,25, 84,50 55.5,60 29.5,85.5 25,50  Z",
 					stroke: "none",
 					"stroke-linejoin": "round",
-					fill: v(i)(q.value.style.radar.shapes.color, 50)
-				}, null, 8, Wr)
-			], 12, Fr)) : l("", !0),
+					fill: v(t)(q.value.style.radar.shapes.color, 50)
+				}, null, 8, qr)
+			], 12, Rr)) : l("", !0),
 			J.value === "waffle" ? (h(), u("svg", {
 				key: 34,
-				xmlns: v(r),
+				xmlns: v(i),
 				viewBox: "0 0 100 100",
 				style: m(`background:${q.value.style.backgroundColor}`)
 			}, [
 				p(o),
-				(h(), u(s, null, _(10, (e, t) => d("g", null, [(h(), u(s, null, _(10, (e, n) => d("g", null, [d("rect", {
-					x: 3 + n * 9.5,
-					y: 3 + t * 9.5,
+				(h(), u(s, null, _(10, (e, n) => d("g", null, [(h(), u(s, null, _(10, (e, r) => d("g", null, [d("rect", {
+					x: 3 + r * 9.5,
+					y: 3 + n * 9.5,
 					height: 9,
 					width: 9,
-					fill: v(i)(q.value.style.waffle.color, 20),
+					fill: v(t)(q.value.style.waffle.color, 20),
 					rx: "1"
-				}, null, 8, Kr)])), 64))])), 64)),
-				(h(), u(s, null, _(10, (e, t) => d("g", null, [(h(), u(s, null, _(10, (e, n) => d("g", null, [t > 2 ? (h(), u("rect", {
+				}, null, 8, Yr)])), 64))])), 64)),
+				(h(), u(s, null, _(10, (e, n) => d("g", null, [(h(), u(s, null, _(10, (e, r) => d("g", null, [n > 2 ? (h(), u("rect", {
 					key: 0,
-					x: 3 + n * 9.5,
-					y: 3 + t * 9.5,
+					x: 3 + r * 9.5,
+					y: 3 + n * 9.5,
 					height: 9,
 					width: 9,
-					fill: v(i)(q.value.style.waffle.color, 30),
+					fill: v(t)(q.value.style.waffle.color, 30),
 					rx: "1"
-				}, null, 8, qr)) : l("", !0)])), 64))])), 64)),
-				(h(), u(s, null, _(10, (e, t) => d("g", null, [(h(), u(s, null, _(10, (e, n) => d("g", null, [t > 6 ? (h(), u("rect", {
+				}, null, 8, Xr)) : l("", !0)])), 64))])), 64)),
+				(h(), u(s, null, _(10, (e, n) => d("g", null, [(h(), u(s, null, _(10, (e, r) => d("g", null, [n > 6 ? (h(), u("rect", {
 					key: 0,
-					x: 3 + n * 9.5,
-					y: 3 + t * 9.5,
+					x: 3 + r * 9.5,
+					y: 3 + n * 9.5,
 					height: 9,
 					width: 9,
-					fill: v(i)(q.value.style.waffle.color, 50),
+					fill: v(t)(q.value.style.waffle.color, 50),
 					rx: "1"
-				}, null, 8, Jr)) : l("", !0)])), 64))])), 64))
-			], 12, Gr)) : l("", !0),
+				}, null, 8, Zr)) : l("", !0)])), 64))])), 64))
+			], 12, Jr)) : l("", !0),
 			J.value === "table" ? (h(), u("svg", {
 				key: 35,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 100 70",
 				style: m(`background:${q.value.style.backgroundColor}`)
 			}, [
 				p(o),
 				d("rect", {
-					fill: v(i)(q.value.style.table.th.color, 50),
+					fill: v(t)(q.value.style.table.th.color, 50),
 					x: 3.5,
 					y: 5,
 					height: "10",
 					width: "93"
-				}, null, 8, Xr),
+				}, null, 8, $r),
 				d("rect", {
-					fill: v(i)(q.value.style.table.th.color, 50),
+					fill: v(t)(q.value.style.table.th.color, 50),
 					x: 3.5,
 					y: 15,
 					height: "50",
 					width: "23.25"
-				}, null, 8, Zr),
+				}, null, 8, ei),
 				(h(), u(s, null, _(7, (e, t) => d("line", {
 					x1: "3.7",
 					x2: "96.3",
@@ -2334,7 +2342,7 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.table.td.color,
 					"stroke-width": q.value.style.table.td.strokeWidth,
 					"stroke-linecap": "round"
-				}, null, 8, Qr)), 64)),
+				}, null, 8, ti)), 64)),
 				(h(), u(s, null, _(5, (e, t) => d("line", {
 					x1: 3.5 + t * 23.25,
 					x2: 3.5 + t * 23.25,
@@ -2343,15 +2351,15 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					stroke: q.value.style.table.td.color,
 					"stroke-width": q.value.style.table.td.strokeWidth,
 					"stroke-linecap": "round"
-				}, null, 8, $r)), 64))
-			], 12, Yr)) : l("", !0),
+				}, null, 8, ni)), 64))
+			], 12, Qr)) : l("", !0),
 			J.value === "rating" ? (h(), u(s, { key: 36 }, [q.value.style.rating.useSmiley ? (h(), u("div", {
 				key: 0,
 				style: m(`display:flex;flex-direction:row;align-items:center;justify-content:center;width:${q.value.style.rating.maxWidth}px`)
 			}, [
 				q.value.style.rating.filled ? (h(), u("svg", {
 					key: 0,
-					xmlns: v(r),
+					xmlns: v(i),
 					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
@@ -2370,10 +2378,10 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 						d: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-5 9.86a4.5 4.5 0 0 0 -3.214 1.35a1 1 0 1 0 1.428 1.4a2.5 2.5 0 0 1 3.572 0a1 1 0 0 0 1.428 -1.4a4.5 4.5 0 0 0 -3.214 -1.35zm-2.99 -4.2l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm6 0l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z",
 						"stroke-width": "0",
 						fill: q.value.style.rating.color
-					}, null, 8, ti)
-				], 12, ei)) : (h(), u("svg", {
+					}, null, 8, ii)
+				], 12, ri)) : (h(), u("svg", {
 					key: 1,
-					xmlns: v(r),
+					xmlns: v(i),
 					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
@@ -2381,10 +2389,10 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...n[1] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-0952b9e9></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-0952b9e9></path><path d=\"M9 10l.01 0\" data-v-0952b9e9></path><path d=\"M15 10l.01 0\" data-v-0952b9e9></path><path d=\"M9.5 15.25a3.5 3.5 0 0 1 5 0\" data-v-0952b9e9></path>", 5)]], 12, ni)),
+				}, [...n[1] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-f95b295f></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-f95b295f></path><path d=\"M9 10l.01 0\" data-v-f95b295f></path><path d=\"M15 10l.01 0\" data-v-f95b295f></path><path d=\"M9.5 15.25a3.5 3.5 0 0 1 5 0\" data-v-f95b295f></path>", 5)]], 12, ai)),
 				q.value.style.rating.filled ? (h(), u("svg", {
 					key: 2,
-					xmlns: v(r),
+					xmlns: v(i),
 					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
@@ -2400,9 +2408,9 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					d: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-2 10.66h-6l-.117 .007a1 1 0 0 0 0 1.986l.117 .007h6l.117 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-5.99 -5l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm6 0l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z",
 					"stroke-width": "0",
 					fill: q.value.style.rating.color
-				}, null, 8, ii)], 12, ri)) : (h(), u("svg", {
+				}, null, 8, si)], 12, oi)) : (h(), u("svg", {
 					key: 3,
-					xmlns: v(r),
+					xmlns: v(i),
 					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
@@ -2410,10 +2418,10 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...n[3] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-0952b9e9></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-0952b9e9></path><path d=\"M9 10l.01 0\" data-v-0952b9e9></path><path d=\"M15 10l.01 0\" data-v-0952b9e9></path><path d=\"M9 15l6 0\" data-v-0952b9e9></path>", 5)]], 12, ai)),
+				}, [...n[3] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-f95b295f></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-f95b295f></path><path d=\"M9 10l.01 0\" data-v-f95b295f></path><path d=\"M15 10l.01 0\" data-v-f95b295f></path><path d=\"M9 15l6 0\" data-v-f95b295f></path>", 5)]], 12, ci)),
 				q.value.style.rating.filled ? (h(), u("svg", {
 					key: 4,
-					xmlns: v(r),
+					xmlns: v(i),
 					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
@@ -2429,9 +2437,9 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					d: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-7.99 5.66l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm6 0l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z",
 					"stroke-width": "0",
 					fill: q.value.style.rating.color
-				}, null, 8, si)], 12, oi)) : (h(), u("svg", {
+				}, null, 8, ui)], 12, li)) : (h(), u("svg", {
 					key: 5,
-					xmlns: v(r),
+					xmlns: v(i),
 					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
@@ -2448,10 +2456,10 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					d("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }, null, -1),
 					d("path", { d: "M9 10l.01 0" }, null, -1),
 					d("path", { d: "M15 10l.01 0" }, null, -1)
-				]], 12, ci)),
+				]], 12, di)),
 				q.value.style.rating.filled ? (h(), u("svg", {
 					key: 6,
-					xmlns: v(r),
+					xmlns: v(i),
 					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
@@ -2467,9 +2475,9 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					d: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.8 10.946a1 1 0 0 0 -1.414 .014a2.5 2.5 0 0 1 -3.572 0a1 1 0 0 0 -1.428 1.4a4.5 4.5 0 0 0 6.428 0a1 1 0 0 0 -.014 -1.414zm-6.19 -5.286l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993zm6 0l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993z",
 					"stroke-width": "0",
 					fill: q.value.style.rating.color
-				}, null, 8, ui)], 12, li)) : (h(), u("svg", {
+				}, null, 8, pi)], 12, fi)) : (h(), u("svg", {
 					key: 7,
-					xmlns: v(r),
+					xmlns: v(i),
 					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
@@ -2477,10 +2485,10 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...n[7] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-0952b9e9></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-0952b9e9></path><path d=\"M9 10l.01 0\" data-v-0952b9e9></path><path d=\"M15 10l.01 0\" data-v-0952b9e9></path><path d=\"M9.5 15a3.5 3.5 0 0 0 5 0\" data-v-0952b9e9></path>", 5)]], 12, di)),
+				}, [...n[7] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-f95b295f></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-f95b295f></path><path d=\"M9 10l.01 0\" data-v-f95b295f></path><path d=\"M15 10l.01 0\" data-v-f95b295f></path><path d=\"M9.5 15a3.5 3.5 0 0 0 5 0\" data-v-f95b295f></path>", 5)]], 12, mi)),
 				q.value.style.rating.filled ? (h(), u("svg", {
 					key: 8,
-					xmlns: v(r),
+					xmlns: v(i),
 					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
@@ -2496,9 +2504,9 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					d: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-2 9.66h-6a1 1 0 0 0 -1 1v.05a3.975 3.975 0 0 0 3.777 3.97l.227 .005a4.026 4.026 0 0 0 3.99 -3.79l.006 -.206a1 1 0 0 0 -1 -1.029zm-5.99 -5l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993zm6 0l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993z",
 					"stroke-width": "0",
 					fill: q.value.style.rating.color
-				}, null, 8, pi)], 12, fi)) : (h(), u("svg", {
+				}, null, 8, hi)], 12, G)) : (h(), u("svg", {
 					key: 9,
-					xmlns: v(r),
+					xmlns: v(i),
 					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
@@ -2506,17 +2514,17 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...n[9] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-0952b9e9></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-0952b9e9></path><path d=\"M9 9l.01 0\" data-v-0952b9e9></path><path d=\"M15 9l.01 0\" data-v-0952b9e9></path><path d=\"M8 13a4 4 0 1 0 8 0h-8\" data-v-0952b9e9></path>", 5)]], 12, mi))
+				}, [...n[9] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-f95b295f></path><path d=\"M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0\" data-v-f95b295f></path><path d=\"M9 9l.01 0\" data-v-f95b295f></path><path d=\"M15 9l.01 0\" data-v-f95b295f></path><path d=\"M8 13a4 4 0 1 0 8 0h-8\" data-v-f95b295f></path>", 5)]], 12, gi))
 			], 4)) : (h(), u("svg", {
 				key: 1,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 100 30",
 				style: m(`background:${q.value.style.backgroundColor};max-width:${q.value.style.rating.maxWidth}px`)
-			}, [p(o), (h(), u(s, null, _(5, (e, n) => d("polygon", {
-				points: v(t)({
+			}, [p(o), (h(), u(s, null, _(5, (e, t) => d("polygon", {
+				points: v(ee)({
 					plot: {
-						x: 10 + n * 20,
+						x: 10 + t * 20,
 						y: 15
 					},
 					radius: 6
@@ -2526,23 +2534,23 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 				"stroke-width": q.value.style.rating.strokeWidth,
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, null, 8, hi)), 64))], 12, G))], 64)) : l("", !0),
+			}, null, 8, vi)), 64))], 12, _i))], 64)) : l("", !0),
 			J.value === "verticalBar" ? (h(), u("svg", {
 				key: 37,
-				xmlns: v(r),
+				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 100 100",
 				style: m(`background:${q.value.style.backgroundColor}`)
 			}, [
 				p(o),
-				q.value.style.verticalBar.axis.show ? (h(), u("g", _i, [d("line", {
+				q.value.style.verticalBar.axis.show ? (h(), u("g", bi, [d("line", {
 					x1: 3,
 					x2: 3,
 					y1: 3,
 					y2: 97,
 					stroke: q.value.style.verticalBar.axis.color,
 					"stroke-width": q.value.style.verticalBar.axis.strokeWidth
-				}, null, 8, vi)])) : l("", !0),
+				}, null, 8, xi)])) : l("", !0),
 				(h(), u(s, null, _(6, (e, t) => d("rect", {
 					x: 3,
 					y: 5 + t * 15.6,
@@ -2550,10 +2558,10 @@ var y = /* @__PURE__ */ e({ default: () => K }), ie = ["id"], ae = ["xmlns"], oe
 					width: 94 - 94 * t / 6,
 					fill: q.value.style.verticalBar.color,
 					rx: q.value.style.verticalBar.borderRadius
-				}, null, 8, yi)), 64))
-			], 12, gi)) : l("", !0)
-		], 14, ie));
+				}, null, 8, Si)), 64))
+			], 12, yi)) : l("", !0)
+		], 14, se));
 	}
-}, [["__scopeId", "data-v-0952b9e9"]]);
+}, [["__scopeId", "data-v-f95b295f"]]);
 //#endregion
 export { y as n, K as t };