vue-data-ui 3.25.5 → 3.25.6

package/dist/{vue-ui-skeleton-D_u8EWeW.js → vue-ui-skeleton-BcU1onF6.js}

@@ -1,158 +1,158 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { M as t, Ut as n, q as r, t as i, z as ee } from "./lib-Dql7cqyA.js";
 import { n as te, t as ne } from "./useHints-Dq_w2E8B.js";
-import { t as re } from "./useConfig-C_mX5pOZ.js";
+import { t as re } from "./useConfig-CIQZ6_r7.js";
 import { t as ie } from "./useNestedProp-Chvyfpl-.js";
 import { t as a } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as ae } from "./DefGrad-DVBqDjhO.js";
-import { n as o } from "./PackageVersion-M2Ws-VwJ.js";
+import { n as o } from "./PackageVersion-ur6jKRL5.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 }), se = ["id"], ce = ["xmlns"], le = { transform: "translate(300, 300)" }, b = [
+var y = /* @__PURE__ */ e({ default: () => G }), se = ["id"], ce = ["xmlns"], le = { transform: "translate(300, 300)" }, ue = [
 	"d",
 	"fill",
 	"stroke"
-], 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 = [
+], b = ["xmlns"], x = ["fill", "stroke"], S = ["fill", "stroke"], C = ["fill", "stroke"], w = ["fill", "stroke"], T = ["fill", "stroke"], E = ["xmlns"], D = ["stroke"], O = ["stroke"], k = ["stroke"], A = ["fill", "stroke"], j = ["fill"], M = ["fill", "stroke"], N = ["fill"], P = ["fill", "stroke"], F = ["fill"], I = ["fill", "stroke"], L = ["fill"], R = ["fill", "stroke"], z = ["fill"], B = ["fill", "stroke"], V = ["fill"], H = ["xmlns"], U = ["stroke"], de = ["stroke"], fe = ["stroke"], pe = ["stroke"], me = ["stroke"], he = ["stroke"], ge = ["stroke"], _e = ["stroke"], ve = ["stroke"], ye = ["xmlns"], be = ["stroke", "fill"], xe = ["xmlns"], Se = ["stroke", "fill"], Ce = ["xmlns"], we = ["fill"], Te = ["fill"], Ee = ["fill"], De = ["fill"], Oe = ["xmlns"], ke = ["stroke"], Ae = ["fill"], je = ["stroke", "fill"], Me = ["stroke", "fill"], Ne = ["fill"], Pe = ["stroke", "fill"], Fe = ["stroke", "fill"], Ie = ["fill"], Le = ["stroke", "fill"], Re = ["stroke", "fill"], ze = ["fill"], Be = ["stroke", "fill"], Ve = ["stroke", "fill"], He = ["fill"], Ue = ["stroke", "fill"], We = ["stroke", "fill"], Ge = ["xmlns"], Ke = ["stroke"], qe = ["stroke"], Je = ["stroke", "fill"], Ye = ["stroke", "fill"], Xe = ["stroke", "fill"], Ze = ["stroke", "fill"], Qe = ["stroke", "fill"], $e = ["stroke", "fill"], et = ["stroke", "fill"], tt = ["stroke", "fill"], nt = ["stroke", "fill"], rt = ["stroke", "fill"], it = ["stroke", "fill"], at = ["stroke", "fill"], ot = ["stroke", "fill"], st = ["stroke", "fill"], ct = ["stroke", "fill"], lt = ["stroke", "fill"], ut = ["stroke", "fill"], dt = ["stroke", "fill"], ft = ["stroke", "fill"], pt = ["stroke", "fill"], mt = ["stroke", "fill"], ht = ["stroke", "fill"], gt = ["stroke", "fill"], _t = ["xmlns"], vt = ["stroke"], yt = ["xmlns"], bt = ["stroke"], xt = ["xmlns"], St = ["stroke"], Ct = ["xmlns"], wt = ["fill"], Tt = ["fill"], Et = ["fill"], Dt = ["fill"], Ot = ["fill"], kt = ["fill"], At = ["fill"], jt = ["fill"], Mt = ["fill"], Nt = ["fill"], Pt = ["fill"], Ft = ["fill"], It = ["xmlns"], Lt = ["stroke"], Rt = ["stroke"], zt = ["stroke"], Bt = ["stroke"], Vt = ["stroke"], Ht = ["stroke"], Ut = ["xmlns"], Wt = ["stroke"], Gt = ["stroke"], Kt = ["stroke"], qt = ["stroke"], Jt = ["stroke"], Yt = ["stroke"], Xt = ["stroke"], Zt = ["stroke"], Qt = ["stroke"], $t = ["xmlns"], en = ["stroke"], tn = ["xmlns"], nn = ["stroke"], rn = ["stroke"], an = ["stroke"], on = ["stroke"], sn = ["stroke"], cn = ["stroke"], ln = ["stroke"], un = ["stroke"], dn = ["stroke"], fn = ["xmlns"], pn = [
 	"x1",
 	"x2",
 	"stroke"
-], pn = ["xmlns"], mn = [
+], mn = ["xmlns"], hn = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"fill"
-], hn = [
+], gn = [
 	"y",
 	"width",
 	"height",
 	"fill"
-], gn = ["xmlns"], _n = ["fill"], vn = ["fill"], yn = ["fill"], bn = ["xmlns"], xn = [
+], _n = ["xmlns"], vn = ["fill"], yn = ["fill"], bn = ["fill"], xn = ["xmlns"], Sn = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke"
-], Sn = ["stroke"], Cn = ["fill"], wn = ["xmlns"], Tn = ["fill"], En = ["fill"], Dn = [
+], Cn = ["stroke"], wn = ["fill"], Tn = ["xmlns"], En = ["fill"], Dn = ["fill"], On = [
 	"x1",
 	"y1",
 	"x2",
 	"y2",
 	"stroke-width",
 	"stroke"
-], On = ["xmlns"], kn = { key: 0 }, An = ["stroke", "stroke-width"], jn = ["stroke", "stroke-width"], Mn = [
+], kn = ["xmlns"], An = { key: 0 }, jn = ["stroke", "stroke-width"], Mn = ["stroke", "stroke-width"], Nn = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], Nn = [
+], Pn = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], Pn = [
+], Fn = [
 	"x1",
 	"x2",
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], Fn = [
+], In = [
 	"x",
 	"y",
 	"height",
 	"width",
 	"fill"
-], In = ["xmlns", "viewBox"], Ln = [
+], Ln = ["xmlns", "viewBox"], Rn = [
 	"x",
 	"y",
 	"stroke",
 	"fill"
-], Rn = ["xmlns"], zn = ["d", "stroke"], Bn = [
+], zn = ["xmlns"], Bn = ["d", "stroke"], Vn = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"stroke"
-], Vn = [
+], Hn = [
 	"cx",
 	"cy",
 	"r",
 	"fill",
 	"stroke"
-], Hn = [
+], Un = [
 	"x",
 	"y",
 	"width",
 	"fill"
-], Un = [
+], Wn = [
 	"cx",
 	"cy",
 	"fill"
-], Wn = [
+], Gn = [
 	"cx",
 	"cy",
 	"fill"
-], 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 = [
+], Kn = ["stroke"], qn = ["xmlns"], Jn = ["stroke", "stroke-width"], Yn = ["stroke", "stroke-width"], Xn = ["stroke", "stroke-width"], Zn = ["fill"], Qn = ["fill"], $n = ["fill"], er = ["fill"], tr = ["fill"], nr = ["fill"], rr = ["xmlns"], ir = { key: 0 }, ar = ["stroke", "stroke-width"], or = ["stroke", "stroke-width"], sr = ["stroke", "stroke-width"], cr = { key: 1 }, lr = ["r", "fill"], ur = ["r", "fill"], dr = ["xmlns"], fr = { key: 0 }, pr = ["stroke", "stroke-width"], mr = ["stroke", "stroke-width"], hr = [
 	"fill",
 	"rx",
 	"x",
 	"y",
 	"width",
 	"height"
-], 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 = [
+], gr = ["xmlns"], _r = ["stroke-width", "stroke"], vr = ["stroke-width", "stroke"], yr = ["stroke-width", "stroke"], br = ["xmlns"], xr = ["stroke"], Sr = ["stroke"], Cr = ["stroke"], wr = ["stroke"], Tr = ["fill"], Er = ["stroke"], Dr = ["xmlns"], Or = ["stroke", "stroke-width"], kr = ["stroke", "stroke-width"], 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 = ["fill", "r"], zr = ["xmlns"], Br = [
 	"d",
 	"stroke",
 	"stroke-width"
-], Br = [
+], Vr = [
 	"d",
 	"stroke",
 	"stroke-width"
-], Vr = [
+], Hr = [
 	"d",
 	"stroke",
 	"stroke-width"
-], Hr = [
+], Ur = [
 	"d",
 	"stroke",
 	"stroke-width"
-], Ur = ["stroke", "stroke-width"], Wr = ["stroke", "stroke-width"], Gr = ["stroke", "stroke-width"], Kr = ["fill"], qr = ["fill"], Jr = ["xmlns"], Yr = [
+], Wr = ["stroke", "stroke-width"], Gr = ["stroke", "stroke-width"], Kr = ["stroke", "stroke-width"], qr = ["fill"], Jr = ["fill"], Yr = ["xmlns"], Xr = [
 	"x",
 	"y",
 	"fill"
-], Xr = [
+], Zr = [
 	"x",
 	"y",
 	"fill"
-], Zr = [
+], Qr = [
 	"x",
 	"y",
 	"fill"
-], Qr = ["xmlns"], $r = ["fill"], ei = ["fill"], ti = [
+], $r = ["xmlns"], ei = ["fill"], ti = ["fill"], ni = [
 	"y1",
 	"y2",
 	"stroke",
 	"stroke-width"
-], ni = [
+], ri = [
 	"x1",
 	"x2",
 	"stroke",
 	"stroke-width"
-], 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 = [
+], ii = ["xmlns", "stroke"], ai = ["fill"], oi = ["xmlns", "stroke"], si = ["xmlns", "stroke"], ci = ["fill"], li = ["xmlns", "stroke"], ui = ["xmlns", "stroke"], di = ["fill"], fi = ["xmlns", "stroke"], pi = ["xmlns", "stroke"], mi = ["fill"], hi = ["xmlns", "stroke"], W = ["xmlns", "stroke"], gi = ["fill"], _i = ["xmlns", "stroke"], vi = ["xmlns"], yi = [
 	"points",
 	"fill",
 	"stroke",
 	"stroke-width"
-], yi = ["xmlns"], bi = { key: 0 }, xi = ["stroke", "stroke-width"], Si = [
+], bi = ["xmlns"], xi = { key: 0 }, Si = ["stroke", "stroke-width"], Ci = [
 	"y",
 	"width",
 	"fill",
 	"rx"
-], K = /*#__PURE__*/ a({
+], G = /*#__PURE__*/ a({
 	__name: "vue-ui-skeleton",
 	props: { config: {
 		type: Object,
@@ -161,17 +161,17 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 		}
 	} },
 	setup(e) {
-		let { vue_ui_skeleton: a } = re(), y = e, K = g(`vue-ui-skeleton-${r()}`), q = c(() => ie({
+		let { vue_ui_skeleton: a } = re(), y = e, G = g(`vue-ui-skeleton-${r()}`), K = c(() => ie({
 			userConfig: y.config,
 			defaultConfig: a
-		}));
+		})), q = c(() => K.value.style);
 		te({
-			config: () => q.value,
+			config: () => K.value,
 			dataset: () => [],
 			component: "VueUiSkeleton",
 			rules: [ne.noHint]
 		});
-		let Ci = c(() => q.value.style.animated), J = c(() => q.value.type), wi = g([
+		let wi = c(() => K.value.style.animated), J = c(() => K.value.type), Ti = g([
 			60,
 			50,
 			55,
@@ -180,28 +180,28 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 			25,
 			26,
 			12
-		]), Ti = c(() => t({
+		]), Ei = c(() => t({
 			plot: {
 				x: 50,
 				y: 50
 			},
 			radius: 40,
 			sides: 6
-		}).path), Ei = c(() => t({
+		}).path), Di = c(() => t({
 			plot: {
 				x: 50,
 				y: 50
 			},
 			radius: 30,
 			sides: 6
-		}).path), Di = c(() => t({
+		}).path), Oi = c(() => t({
 			plot: {
 				x: 50,
 				y: 50
 			},
 			radius: 20,
 			sides: 6
-		}).path), Oi = c(() => t({
+		}).path), ki = c(() => t({
 			plot: {
 				x: 50,
 				y: 50
@@ -465,66 +465,66 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 				y: 200 + 160 * Math.sin(n + e * Math.PI / 180) * t
 			};
 		}
-		let ki = c(() => {
+		let Ai = c(() => {
 			let e = [];
 			for (let t = 0; t < 100; t += 1) e.push({
 				x1: $(360 / 100 * t).x,
 				y1: $(360 / 100 * t).y,
 				x2: $(360 / 100 * t, .9).x,
 				y2: $(360 / 100 * t, .9).y,
-				color: q.value.style.wheel.color
+				color: K.value.style.wheel.color
 			});
 			return e;
-		}), 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",
-			"M195.96,56.7 A204,204 0 0 1 11.93,203.65 L10.53,179.69 A180,180 0 0 0 172.91,50.03 Z",
-			"M-166.87,-67.49A180,180 0 0 1 -115.85,-137.77Q0,0 119.83,-134.32A180,180 0 0 1 171.96,-53.19Q0,0 -166.87,-67.49Z",
-			"M-29.99,-177.48A180,180 0 0 1 -19.26,-178.97Q0,0 112.89,140.2A180,180 0 0 1 53.63,171.83Q0,0 -29.99,-177.48Z",
-			"M179.71,10.29A180,180 0 0 1 175.19,41.33Q0,0 -40.87,-175.3A180,180 0 0 1 -29.99,-177.48Q0,0 179.71,10.29Z",
-			"M-19.26,-178.97A180,180 0 0 1 -9,-179.78Q0,0 -179.01,18.87A180,180 0 0 1 -166.87,-67.49Q0,0 -19.26,-178.97Z",
-			"M-108.82,-143.38A180,180 0 0 1 -40.87,-175.3Q0,0 -108.82,-143.38A180,180 0 0 1 -40.87,-175.3Q0,0 -108.82,-143.38Z",
-			"M0,-180A180,180 0 0 1 119.83,-134.32Q0,0 0,-180A180,180 0 0 1 119.83,-134.32Q0,0 0,-180Z",
-			"M-148.85,101.22A180,180 0 0 1 -179.01,18.87Q0,0 -148.85,101.22A180,180 0 0 1 -179.01,18.87Q0,0 -148.85,101.22Z",
-			"M1.53,179.99A180,180 0 0 1 -148.85,101.22Q0,0 53.63,171.83A180,180 0 0 1 31.73,177.18Q0,0 1.53,179.99Z",
-			"M31.73,177.18A180,180 0 0 1 10.53,179.69Q0,0 171.96,-53.19A180,180 0 0 1 179.71,10.29Q0,0 31.73,177.18Z",
-			"M172.91,50.03A180,180 0 0 1 112.89,140.2Q0,0 172.91,50.03A180,180 0 0 1 112.89,140.2Q0,0 172.91,50.03Z"
+		}), ji = g([
+			"M1.74 203.99A204 204 0 01-131.29-156.13l15.44 18.36A180 180 0 001.53 179.99Z",
+			"M-123.33-162.5A204 204 0 01-10.2-203.75L-9-179.78a180 180 0 00-99.82 36.4Z",
+			"M0-180A180 180 0 01175.19 41.33l23.36 5.51A204 204 0 000-204Z",
+			"M172.91 50.03A180 180 0 0110.53 179.69l1.4 23.96A204 204 0 00195.96 56.7Z",
+			"M-166.87-67.49a180 180 0 0151.02-70.28Q0 0 119.83-134.32a180 180 0 0152.13 81.13Q0 0-166.87-67.49Z",
+			"M-29.99-177.48a180 180 0 0110.73-1.49Q0 0 112.89 140.2A180 180 0 0153.63 171.83Q0 0-29.99-177.48Z",
+			"M179.71 10.29a180 180 0 01-4.52 31.04Q0 0-40.87-175.3a180 180 0 0110.88-2.18Q0 0 179.71 10.29Z",
+			"M-19.26-178.97Q0 0-166.87-67.49a180 180 0 00-12.14 86.36Q0 0-9-179.78a180 180 0 00-10.26.81Z",
+			"M-108.82-143.38Q0 0-40.87-175.3a180 180 0 00-67.95 31.92Q0 0-40.87-175.3a180 180 0 00-67.95 31.92Z",
+			"M0-180a180 180 0 01119.83 45.68Q0 0 0-180a180 180 0 01119.83 45.68Q0 0 0-180Z",
+			"M-148.85 101.22Q0 0-179.01 18.87a180 180 0 0030.16 82.35Q0 0-179.01 18.87a180 180 0 0030.16 82.35Z",
+			"M1.53 179.99Q0 0 31.73 177.18a180 180 0 0021.9-5.35Q0 0-148.85 101.22A180 180 0 001.53 179.99Z",
+			"M31.73 177.18a180 180 0 01-21.2 2.51Q0 0 171.96-53.19a180 180 0 017.75 63.48Q0 0 31.73 177.18Z",
+			"M172.91 50.03Q0 0 112.89 140.2a180 180 0 0060.02-90.17Q0 0 112.89 140.2a180 180 0 0060.02-90.17Z"
 		]);
 		return (e, t) => (h(), u("div", {
-			id: K.value,
+			id: G.value,
 			class: oe({
 				"vue-data-ui-component": !0,
 				"vue-ui-skeleton": !0,
-				"vue-ui-skeleton-animated": Ci.value
+				"vue-ui-skeleton-animated": wi.value
 			}),
-			style: m(`background:${q.value.style.backgroundColor};color:${q.value.style.color};display:flex;align-items:center;justify-content:center;`)
+			style: m(`background:${q.value.backgroundColor};color:${q.value.color};display:flex;align-items:center;justify-content:center;`)
 		}, [
 			J.value === "chord" ? (h(), u("svg", {
 				key: 0,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 600 600",
-				style: m({ background: q.value.style.backgroundColor })
-			}, [p(o), d("g", le, [(h(!0), u(s, null, _(Ai.value, (e, t) => (h(), u("path", {
+				style: m({ background: q.value.backgroundColor })
+			}, [p(o), d("g", le, [(h(!0), u(s, null, _(ji.value, (e, t) => (h(), u("path", {
 				key: e,
 				d: e,
-				fill: q.value.style.chord.color,
-				stroke: q.value.style.backgroundColor,
+				fill: q.value.chord.color,
+				stroke: q.value.backgroundColor,
 				"stroke-width": "2",
 				style: m({ opacity: t > 3 ? .6 : 1 })
-			}, null, 12, b))), 128))])], 12, ce)) : l("", !0),
+			}, null, 12, ue))), 128))])], 12, ce)) : l("", !0),
 			J.value === "ridgeline" ? (h(), u("svg", {
 				key: 1,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "20 0 512 200",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				p(o),
 				d("defs", null, [p(ae, {
 					t: "linear",
-					id: `ridgeline-gradient-${K.value}`,
+					id: `ridgeline-gradient-${G.value}`,
 					x1: "50%",
 					y1: "0%",
 					x2: "50%",
@@ -532,73 +532,73 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 					stops: [
 						[
 							"0%",
-							q.value.style.ridgeline.color,
+							q.value.ridgeline.color,
 							1
 						],
 						[
 							"30%",
-							q.value.style.ridgeline.color,
+							q.value.ridgeline.color,
 							.7
 						],
 						[
 							"70%",
-							q.value.style.ridgeline.color,
+							q.value.ridgeline.color,
 							.3
 						],
 						[
 							"100%",
-							q.value.style.ridgeline.color,
+							q.value.ridgeline.color,
 							.1
 						]
 					]
 				}, null, 8, ["id", "stops"])]),
 				d("path", {
-					fill: `url(#ridgeline-gradient-${K.value})`,
-					stroke: q.value.style.ridgeline.color,
+					fill: `url(#ridgeline-gradient-${G.value})`,
+					stroke: q.value.ridgeline.color,
 					"stroke-width": "1",
-					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",
+					d: "M66.7 60c6.18-.6 12.36-1.11 18.55-1.79 6.18-.68 12.37-2.38 18.55-2.4 6.19-.01 12.37 0 18.56-.01 6.18-.02 12.37-5.3 18.55-5.3 6.19 0 12.37 4.95 18.56 4.95 6.18 0 12.37-2.78 18.55-2.78 6.19 0 12.37 1.02 18.56 1.92 6.18.9 12.37 4.58 18.55 4.58s12.37-6.71 18.55-6.71c6.19 0 12.37.89 18.56.89 6.18 0 12.37-4.48 18.55-4.48 6.19 0 12.37 4.79 18.56 4.79 6.18 0 12.37-26.07 18.55-26.07 6.19 0 12.37 9.31 18.56 13.85 6.18 4.54 12.37 13.39 18.55 13.39 6.19 0 12.37-36.14 18.56-36.14 6.18 0 12.36 38.45 18.55 38.45 6.18 0 12.37-11.46 18.55-16.94 6.19-5.48 12.37-15.97 18.56-15.97 6.18 0 12.37 16.4 18.55 16.4 6.19 0 12.37-.12 18.56-.35 6.18-.22 12.37-38.08 18.55-38.08 6.19 0 12.37 24.07 18.56 36.1V60",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, S),
+				}, null, 8, x),
 				d("path", {
-					fill: `url(#ridgeline-gradient-${K.value})`,
-					stroke: q.value.style.ridgeline.color,
+					fill: `url(#ridgeline-gradient-${G.value})`,
+					stroke: q.value.ridgeline.color,
 					"stroke-width": "1",
-					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",
+					d: "M66.7 90c6.18-.22 12.36-.35 18.55-.67 6.18-.32 12.37-1.65 18.55-1.65 6.19 0 12.37 1.66 18.56 1.66 6.18 0 12.37-8.76 18.55-8.76 6.19 0 12.37 4.15 18.56 4.15 6.18 0 12.37-8.44 18.55-8.44 6.19 0 12.37 10.87 18.56 10.87 6.18 0 12.37-9.21 18.55-12.16 6.18-2.96 12.37-6.97 18.55-6.97 6.19 0 12.37 9.59 18.56 12.77 6.18 3.18 12.37 7.6 18.55 7.6 6.19 0 12.37-24.44 18.56-24.44 6.18 0 12.37 16.97 18.55 16.97 6.19 0 12.37-20.62 18.56-20.62 6.18 0 12.37 20.37 18.55 20.37 6.19 0 12.37-13.13 18.56-13.13 6.18 0 12.36 13.51 18.55 13.51 6.18 0 12.37-26.41 18.55-26.41 6.19 0 12.37.49 18.56 1.26 6.18.78 12.37 13.82 18.55 13.82 6.19 0 12.37-5.3 18.56-8.3 6.18-3 12.37-9.81 18.55-9.81 6.19 0 12.37 19.82 18.56 29.72V90",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, C),
+				}, null, 8, S),
 				d("path", {
-					fill: `url(#ridgeline-gradient-${K.value})`,
-					stroke: q.value.style.ridgeline.color,
+					fill: `url(#ridgeline-gradient-${G.value})`,
+					stroke: q.value.ridgeline.color,
 					"stroke-width": "1",
-					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",
+					d: "M66.7 120c6.18-.34 12.36-.55 18.55-1.01 6.18-.46 12.37-1.17 18.55-2.15 6.19-.99 12.37-3.7 18.56-4.69 6.18-.98 12.37-2.15 18.55-2.15 6.19 0 12.37.52 18.56 1.2 6.18.68 12.37 6.67 18.55 6.67 6.19 0 12.37-12.15 18.56-12.15 6.18 0 12.37 4.6 18.55 4.6S227.5 99.7 233.68 98.99c6.19-.71 12.37-1.18 18.56-1.18 6.18 0 12.37 17.75 18.55 18.22 6.19.48 12.37.74 18.56.74 6.18 0 12.37-17.09 18.55-17.09 6.19 0 12.37 12.68 18.56 12.68 6.18 0 12.37-.33 18.55-.67 6.19-.34 12.37-.79 18.56-2.06 6.18-1.26 12.36-25.45 18.55-25.45 6.18 0 12.37 10.35 18.55 10.35 6.19 0 12.37-21.07 18.56-21.07 6.18 0 12.37 33.27 18.55 33.27 6.19 0 12.37-26.97 18.56-26.97 6.18 0 12.37 26.97 18.55 27.36 6.19.4 12.37.41 18.56.61V120",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, w),
+				}, null, 8, C),
 				d("path", {
-					fill: `url(#ridgeline-gradient-${K.value})`,
-					stroke: q.value.style.ridgeline.color,
+					fill: `url(#ridgeline-gradient-${G.value})`,
+					stroke: q.value.ridgeline.color,
 					"stroke-width": "1",
-					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",
+					d: "M66.7 150c6.18-.52 12.36-1.57 18.55-1.57 6.18 0 12.37 1.36 18.55 1.36 6.19 0 12.37-1.75 18.56-3.18 6.18-1.43 12.37-6.62 18.55-6.62 6.19 0 12.37 9.98 18.56 9.98 6.18 0 12.37-4.94 18.55-5.64 6.19-.71 12.37-.52 18.56-1.31 6.18-.78 12.37-12.43 18.55-12.43s12.37 18.52 18.55 18.52c6.19 0 12.37-2.49 18.56-2.49 6.18 0 12.37 3.02 18.55 3.02 6.19 0 12.37-29.39 18.56-29.39 6.18 0 12.37 5.56 18.55 8.36 6.19 2.81 12.37 5.14 18.56 8.47 6.18 3.34 12.37 12.25 18.55 12.25 6.19 0 12.37-4.3 18.56-8.78 6.18-4.48 12.36-28.77 18.55-28.77 6.18 0 12.37 1.29 18.55 3.02 6.19 1.72 12.37 18.36 18.56 18.36 6.18 0 12.37-7.68 18.55-12.92 6.19-5.24 12.37-18.51 18.56-20.1 6.18-1.58 12.37-2.7 18.55-2.7 6.19 0 12.37 34.69 18.56 52.04V150",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, T),
+				}, null, 8, w),
 				d("path", {
-					fill: `url(#ridgeline-gradient-${K.value})`,
-					stroke: q.value.style.ridgeline.color,
+					fill: `url(#ridgeline-gradient-${G.value})`,
+					stroke: q.value.ridgeline.color,
 					"stroke-width": "1",
-					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",
+					d: "M66.7 180c6.18-.6 12.36-1.07 18.55-1.81 6.18-.74 12.37-2.86 18.55-2.86 6.19 0 12.37 2.14 18.56 2.14 6.18 0 12.37-7.08 18.55-7.08 6.19 0 12.37 1.08 18.56 2.03 6.18.95 12.37 4.75 18.55 4.75 6.19 0 12.37-2.45 18.56-4.62 6.18-2.17 12.37-10.99 18.55-10.99s12.37 9.58 18.55 9.58c6.19 0 12.37-.25 18.56-.69 6.18-.43 12.37-13.6 18.55-13.6 6.19 0 12.37 17.23 18.56 17.23 6.18 0 12.37-2.5 18.55-5.19 6.19-2.68 12.37-15.45 18.56-18 6.18-2.55 12.37-4.86 18.55-4.86 6.19 0 12.37 18.61 18.56 18.61 6.18 0 12.36-24.22 18.55-26.66 6.18-2.45 12.37-4.25 18.55-4.25 6.19 0 12.37 7.92 18.56 7.92 6.18 0 12.37-1.95 18.55-1.95 6.19 0 12.37 29.69 18.56 29.69 6.18 0 12.37-2.55 18.55-6.14 6.19-3.58 12.37-28.83 18.56-43.25v60",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, E)
-			], 12, x)) : l("", !0),
+				}, null, 8, T)
+			], 12, b)) : l("", !0),
 			J.value === "historyPlot" ? (h(), u("svg", {
 				key: 2,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 612 512",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				p(o),
 				d("line", {
@@ -606,270 +606,270 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 					x2: "12",
 					y1: "12",
 					y2: "500",
-					stroke: q.value.style.historyPlot.color,
+					stroke: q.value.historyPlot.color,
 					"stroke-width": "3",
 					"stroke-linecap": "round"
-				}, null, 8, O),
+				}, null, 8, D),
 				d("line", {
 					x1: "12",
 					x2: "600",
 					y1: "500",
 					y2: "500",
-					stroke: q.value.style.historyPlot.color,
+					stroke: q.value.historyPlot.color,
 					"stroke-width": "3",
 					"stroke-linecap": "round"
-				}, null, 8, k),
+				}, null, 8, O),
 				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: q.value.historyPlot.color,
 					"stroke-width": "3"
-				}, null, 8, A),
+				}, null, 8, k),
 				d("circle", {
 					cx: "80",
 					cy: "100",
 					r: "24",
-					fill: q.value.style.historyPlot.color,
-					stroke: q.value.style.backgroundColor,
+					fill: q.value.historyPlot.color,
+					stroke: q.value.backgroundColor,
 					"stroke-width": "3"
-				}, null, 8, j),
+				}, null, 8, A),
 				d("text", {
 					x: "80",
 					y: "108",
-					fill: q.value.style.backgroundColor,
+					fill: q.value.backgroundColor,
 					"font-size": "24",
 					"text-anchor": "middle"
-				}, " 1 ", 8, M),
+				}, " 1 ", 8, j),
 				d("circle", {
 					cx: "300",
 					cy: "200",
 					r: "24",
-					fill: q.value.style.historyPlot.color,
-					stroke: q.value.style.backgroundColor,
+					fill: q.value.historyPlot.color,
+					stroke: q.value.backgroundColor,
 					"stroke-width": "3"
-				}, null, 8, N),
+				}, null, 8, M),
 				d("text", {
 					x: "300",
 					y: "208",
-					fill: q.value.style.backgroundColor,
+					fill: q.value.backgroundColor,
 					"font-size": "24",
 					"text-anchor": "middle"
-				}, " 2 ", 8, P),
+				}, " 2 ", 8, N),
 				d("circle", {
 					cx: "400",
 					cy: "150",
 					r: "24",
-					fill: q.value.style.historyPlot.color,
-					stroke: q.value.style.backgroundColor,
+					fill: q.value.historyPlot.color,
+					stroke: q.value.backgroundColor,
 					"stroke-width": "3"
-				}, null, 8, F),
+				}, null, 8, P),
 				d("text", {
 					x: "400",
 					y: "158",
-					fill: q.value.style.backgroundColor,
+					fill: q.value.backgroundColor,
 					"font-size": "24",
 					"text-anchor": "middle"
-				}, " 3 ", 8, I),
+				}, " 3 ", 8, F),
 				d("circle", {
 					cx: "560",
 					cy: "230",
 					r: "24",
-					fill: q.value.style.historyPlot.color,
-					stroke: q.value.style.backgroundColor,
+					fill: q.value.historyPlot.color,
+					stroke: q.value.backgroundColor,
 					"stroke-width": "3"
-				}, null, 8, L),
+				}, null, 8, I),
 				d("text", {
 					x: "560",
 					y: "238",
-					fill: q.value.style.backgroundColor,
+					fill: q.value.backgroundColor,
 					"font-size": "24",
 					"text-anchor": "middle"
-				}, " 4 ", 8, R),
+				}, " 4 ", 8, L),
 				d("circle", {
 					cx: "360",
 					cy: "420",
 					r: "24",
-					fill: q.value.style.historyPlot.color,
-					stroke: q.value.style.backgroundColor,
+					fill: q.value.historyPlot.color,
+					stroke: q.value.backgroundColor,
 					"stroke-width": "3"
-				}, null, 8, z),
+				}, null, 8, R),
 				d("text", {
 					x: "360",
 					y: "428",
-					fill: q.value.style.backgroundColor,
+					fill: q.value.backgroundColor,
 					"font-size": "24",
 					"text-anchor": "middle"
-				}, " 5 ", 8, B),
+				}, " 5 ", 8, z),
 				d("circle", {
 					cx: "230",
 					cy: "320",
 					r: "24",
-					fill: q.value.style.historyPlot.color,
-					stroke: q.value.style.backgroundColor,
+					fill: q.value.historyPlot.color,
+					stroke: q.value.backgroundColor,
 					"stroke-width": "3"
-				}, null, 8, V),
+				}, null, 8, B),
 				d("text", {
 					x: "230",
 					y: "328",
-					fill: q.value.style.backgroundColor,
+					fill: q.value.backgroundColor,
 					"font-size": "24",
 					"text-anchor": "middle"
-				}, " 6 ", 8, H)
-			], 12, D)) : l("", !0),
+				}, " 6 ", 8, V)
+			], 12, E)) : l("", !0),
 			J.value === "circlePack" ? (h(), u("svg", {
 				key: 3,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 100 100",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				d("circle", {
 					cx: 50,
 					cy: 50,
 					r: 20,
-					stroke: q.value.style.circlePack.color,
+					stroke: q.value.circlePack.color,
 					"stroke-width": 1,
 					fill: "none"
-				}, null, 8, W),
+				}, null, 8, U),
 				d("circle", {
 					cx: 80,
 					cy: 50,
 					r: 10,
-					stroke: q.value.style.circlePack.color,
+					stroke: q.value.circlePack.color,
 					"stroke-width": 1,
 					fill: "none"
-				}, null, 8, ue),
+				}, null, 8, de),
 				d("circle", {
 					cx: 28,
 					cy: 30,
 					r: 10,
-					stroke: q.value.style.circlePack.color,
+					stroke: q.value.circlePack.color,
 					"stroke-width": 1,
 					fill: "none"
-				}, null, 8, de),
+				}, null, 8, fe),
 				d("circle", {
 					cx: 25,
 					cy: 76,
 					r: 16,
-					stroke: q.value.style.circlePack.color,
+					stroke: q.value.circlePack.color,
 					"stroke-width": 1,
 					fill: "none"
-				}, null, 8, fe),
+				}, null, 8, pe),
 				d("circle", {
 					cx: 60,
 					cy: 78.5,
 					r: 10,
-					stroke: q.value.style.circlePack.color,
+					stroke: q.value.circlePack.color,
 					"stroke-width": 1,
 					fill: "none"
-				}, null, 8, pe),
+				}, null, 8, me),
 				d("circle", {
 					cx: 64,
 					cy: 20,
 					r: 13,
-					stroke: q.value.style.circlePack.color,
+					stroke: q.value.circlePack.color,
 					"stroke-width": 1,
 					fill: "none"
-				}, null, 8, me),
+				}, null, 8, he),
 				d("circle", {
 					cx: 72,
 					cy: 37,
 					r: 5,
-					stroke: q.value.style.circlePack.color,
+					stroke: q.value.circlePack.color,
 					"stroke-width": 1,
 					fill: "none"
-				}, null, 8, he),
+				}, null, 8, ge),
 				d("circle", {
 					cx: 25,
 					cy: 45,
 					r: 5,
-					stroke: q.value.style.circlePack.color,
+					stroke: q.value.circlePack.color,
 					"stroke-width": 1,
 					fill: "none"
-				}, null, 8, ge),
+				}, null, 8, _e),
 				d("circle", {
 					cx: 70,
 					cy: 66,
 					r: 5,
-					stroke: q.value.style.circlePack.color,
+					stroke: q.value.circlePack.color,
 					"stroke-width": 1,
 					fill: "none"
-				}, null, 8, _e)
-			], 12, U)) : l("", !0),
+				}, null, 8, ve)
+			], 12, H)) : l("", !0),
 			J.value === "flow" ? (h(), u("svg", {
 				key: 4,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 80 60",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [p(o), d("path", {
-				d: "M5 5 5 55M75 5 75 55M28 5 28 55M52 5 52 55M5 8 28 12 52 9 75 8 75 12 52 12 28 21 5 29ZM5 34 28 35 52 24 75 21 75 27 52 30 28 44 52 39 75 41 75 47 52 45 28 52 5 52Z",
-				stroke: q.value.style.flow.color,
+				d: "M5 5V55M75 5V55M28 5V55M52 5V55M5 8l23 4L52 9 75 8v4H52L28 21 5 29ZM5 34l23 1L52 24l23-3v6L52 30 28 44l24-5 23 2v6L52 45 28 52H5Z",
+				stroke: q.value.flow.color,
 				"stroke-width": .8,
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round",
-				fill: q.value.style.flow.color
-			}, null, 8, ye)], 12, ve)) : l("", !0),
+				fill: q.value.flow.color
+			}, null, 8, be)], 12, ye)) : l("", !0),
 			J.value === "parallelCoordinatePlot" ? (h(), u("svg", {
 				key: 5,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 80 60",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [p(o), d("path", {
-				d: "M5 5 5 55M75 5 75 55M28 5 28 55M52 5 52 55M5 10A1 1 0 005 12 1 1 0 005 10M28 15A1 1 0 0028 17 1 1 0 0028 15M52 8A1 1 0 0052 10 1 1 0 0052 8M75 11A1 1 0 0075 13 1 1 0 0075 11M6 11 27 16M29 16 51 9M53 9 74 12M5 50A1 1 0 005 48 1 1 0 005 50M28 39A1 1 0 0028 41 1 1 0 0028 39M52 45A1 1 0 0052 47 1 1 0 0052 45M75 45A1 1 0 0075 47 1 1 0 0075 45M6 49 27 40M29 40 51 46M53 46 74 46M5 25A1 1 0 005 27 1 1 0 005 25M28 31A1 1 0 0028 33 1 1 0 0028 31M52 23A1 1 0 0052 25 1 1 0 0052 23M75 21A1 1 0 0075 23 1 1 0 0075 21M6 26 27 32M29 32 51 24M53 24 74 22",
-				stroke: q.value.style.parallelCoordinatePlot.color,
+				d: "M5 5V55M75 5V55M28 5V55M52 5V55M5 10a1 1 0 000 2 1 1 0 000-2m23 5a1 1 0 000 2 1 1 0 000-2M52 8a1 1 0 000 2 1 1 0 000-2m23 3a1 1 0 000 2 1 1 0 000-2M6 11l21 5m2 0L51 9m2 0 21 3M5 50a1 1 0 000-2 1 1 0 000 2M28 39a1 1 0 000 2 1 1 0 000-2m24 6a1 1 0 000 2 1 1 0 000-2m23 0a1 1 0 000 2 1 1 0 000-2M6 49l21-9m2 0 22 6m2 0H74M5 25a1 1 0 000 2 1 1 0 000-2m23 6a1 1 0 000 2 1 1 0 000-2m24-8a1 1 0 000 2 1 1 0 000-2m23-2a1 1 0 000 2 1 1 0 000-2M6 26l21 6m2 0 22-8m2 0 21-2",
+				stroke: q.value.parallelCoordinatePlot.color,
 				"stroke-width": .8,
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round",
-				fill: q.value.style.parallelCoordinatePlot.color
-			}, null, 8, xe)], 12, be)) : l("", !0),
+				fill: q.value.parallelCoordinatePlot.color
+			}, null, 8, Se)], 12, xe)) : l("", !0),
 			J.value === "bullet" ? (h(), u("svg", {
 				key: 6,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 600 96",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				d("rect", {
-					fill: q.value.style.bullet.color,
+					fill: q.value.bullet.color,
 					x: 24,
 					y: 12,
 					width: 300,
 					height: 72,
 					style: { opacity: "0.8" }
-				}, null, 8, Ce),
+				}, null, 8, we),
 				d("rect", {
-					fill: q.value.style.bullet.color,
+					fill: q.value.bullet.color,
 					x: 324,
 					y: 12,
 					width: 150,
 					height: 72,
 					style: { opacity: "0.6" }
-				}, null, 8, we),
+				}, null, 8, Te),
 				d("rect", {
-					fill: q.value.style.bullet.color,
+					fill: q.value.bullet.color,
 					x: 474,
 					y: 12,
 					width: 102,
 					height: 72,
 					style: { opacity: "0.3" }
-				}, null, 8, Te),
+				}, null, 8, Ee),
 				d("rect", {
-					fill: q.value.style.bullet.color,
+					fill: q.value.bullet.color,
 					x: 24,
 					y: 36,
 					width: 490,
 					height: 24,
 					style: { opacity: "1" }
-				}, null, 8, Ee)
-			], 12, Se)) : l("", !0),
+				}, null, 8, De)
+			], 12, Ce)) : l("", !0),
 			J.value === "dumbbell" ? (h(), u("svg", {
 				key: 7,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 100 55",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				p(o),
 				d("line", {
@@ -877,118 +877,118 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 					x2: "3",
 					y1: "3",
 					y2: "67",
-					stroke: q.value.style.dumbbell.color,
+					stroke: q.value.dumbbell.color,
 					"stroke-width": .5,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, Oe),
+				}, null, 8, ke),
 				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, ke),
+					fill: q.value.dumbbell.color
+				}, null, 8, Ae),
 				d("circle", {
 					cx: "30",
 					cy: "10",
 					r: "2",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.dumbbell.color
-				}, null, 8, Ae),
+					fill: q.value.dumbbell.color
+				}, null, 8, je),
 				d("circle", {
 					cx: "46",
 					cy: "10",
 					r: "2",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.dumbbell.color
-				}, null, 8, je),
+					fill: q.value.dumbbell.color
+				}, null, 8, Me),
 				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, Me),
+					fill: q.value.dumbbell.color
+				}, null, 8, Ne),
 				d("circle", {
 					cx: "10",
 					cy: "20",
 					r: "2",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.dumbbell.color
-				}, null, 8, Ne),
+					fill: q.value.dumbbell.color
+				}, null, 8, Pe),
 				d("circle", {
 					cx: "36",
 					cy: "20",
 					r: "2",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.dumbbell.color
-				}, null, 8, Pe),
+					fill: q.value.dumbbell.color
+				}, null, 8, Fe),
 				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, Fe),
+					fill: q.value.dumbbell.color
+				}, null, 8, Ie),
 				d("circle", {
 					cx: "30",
 					cy: "30",
 					r: "2",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.dumbbell.color
-				}, null, 8, Ie),
+					fill: q.value.dumbbell.color
+				}, null, 8, Le),
 				d("circle", {
 					cx: "60",
 					cy: "30",
 					r: "2",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.dumbbell.color
-				}, null, 8, Le),
+					fill: q.value.dumbbell.color
+				}, null, 8, Re),
 				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, Re),
+					fill: q.value.dumbbell.color
+				}, null, 8, ze),
 				d("circle", {
 					cx: "50",
 					cy: "40",
 					r: "2",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.dumbbell.color
-				}, null, 8, ze),
+					fill: q.value.dumbbell.color
+				}, null, 8, Be),
 				d("circle", {
 					cx: "80",
 					cy: "40",
 					r: "2",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.dumbbell.color
-				}, null, 8, Be),
+					fill: q.value.dumbbell.color
+				}, null, 8, Ve),
 				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, Ve),
+					fill: q.value.dumbbell.color
+				}, null, 8, He),
 				d("circle", {
 					cx: "40",
 					cy: "50",
 					r: "2",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.dumbbell.color
-				}, null, 8, He),
+					fill: q.value.dumbbell.color
+				}, null, 8, Ue),
 				d("circle", {
 					cx: "90",
 					cy: "50",
 					r: "2",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.dumbbell.color
-				}, null, 8, Ue)
-			], 12, De)) : l("", !0),
+					fill: q.value.dumbbell.color
+				}, null, 8, We)
+			], 12, Oe)) : l("", !0),
 			J.value === "stripPlot" ? (h(), u("svg", {
 				key: 8,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 100 100",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				p(o),
 				d("line", {
@@ -996,276 +996,276 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 					x2: "3",
 					y1: "3",
 					y2: "97",
-					stroke: q.value.style.stripPlot.color,
+					stroke: q.value.stripPlot.color,
 					"stroke-width": .5,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, Ge),
+				}, null, 8, Ke),
 				d("line", {
 					x1: "3",
 					x2: "97",
 					y1: "97",
 					y2: "97",
-					stroke: q.value.style.stripPlot.color,
+					stroke: q.value.stripPlot.color,
 					"stroke-width": .5,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, Ke),
+				}, null, 8, qe),
 				d("circle", {
 					cx: "12",
 					cy: "8",
 					r: "4",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.stripPlot.color,
+					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, qe),
+				}, null, 8, Je),
 				d("circle", {
 					cx: "12",
 					cy: "40",
 					r: "4",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.stripPlot.color,
+					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, Je),
+				}, null, 8, Ye),
 				d("circle", {
 					cx: "12",
 					cy: "60",
 					r: "4",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.stripPlot.color,
+					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, Ye),
+				}, null, 8, Xe),
 				d("circle", {
 					cx: "12",
 					cy: "70",
 					r: "4",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.stripPlot.color,
+					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, Xe),
+				}, null, 8, Ze),
 				d("circle", {
 					cx: "32",
 					cy: "25",
 					r: "4",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.stripPlot.color,
+					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, Ze),
+				}, null, 8, Qe),
 				d("circle", {
 					cx: "32",
 					cy: "38",
 					r: "4",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.stripPlot.color,
+					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, Qe),
+				}, null, 8, $e),
 				d("circle", {
 					cx: "32",
 					cy: "44",
 					r: "4",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.stripPlot.color,
+					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, $e),
+				}, null, 8, et),
 				d("circle", {
 					cx: "32",
 					cy: "55",
 					r: "4",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.stripPlot.color,
+					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, et),
+				}, null, 8, tt),
 				d("circle", {
 					cx: "52",
 					cy: "30",
 					r: "4",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.stripPlot.color,
+					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, tt),
+				}, null, 8, nt),
 				d("circle", {
 					cx: "52",
 					cy: "33",
 					r: "4",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.stripPlot.color,
+					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, nt),
+				}, null, 8, rt),
 				d("circle", {
 					cx: "52",
 					cy: "43",
 					r: "4",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.stripPlot.color,
+					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, rt),
+				}, null, 8, it),
 				d("circle", {
 					cx: "52",
 					cy: "63",
 					r: "4",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.stripPlot.color,
+					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, it),
+				}, null, 8, at),
 				d("circle", {
 					cx: "52",
 					cy: "78",
 					r: "4",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.stripPlot.color,
+					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, at),
+				}, null, 8, ot),
 				d("circle", {
 					cx: "72",
 					cy: "58",
 					r: "4",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.stripPlot.color,
+					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, ot),
+				}, null, 8, st),
 				d("circle", {
 					cx: "72",
 					cy: "70",
 					r: "4",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.stripPlot.color,
+					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, st),
+				}, null, 8, ct),
 				d("circle", {
 					cx: "72",
 					cy: "78",
 					r: "4",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.stripPlot.color,
+					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, ct),
+				}, null, 8, lt),
 				d("circle", {
 					cx: "72",
 					cy: "88",
 					r: "4",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.stripPlot.color,
+					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, lt),
+				}, null, 8, ut),
 				d("circle", {
 					cx: "92",
 					cy: "66",
 					r: "4",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.stripPlot.color,
+					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, ut),
+				}, null, 8, dt),
 				d("circle", {
 					cx: "92",
 					cy: "77",
 					r: "4",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.stripPlot.color,
+					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, dt),
+				}, null, 8, ft),
 				d("circle", {
 					cx: "92",
 					cy: "85",
 					r: "4",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.stripPlot.color,
+					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, ft),
+				}, null, 8, pt),
 				d("circle", {
 					cx: "92",
 					cy: "88",
 					r: "4",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.stripPlot.color,
+					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, pt),
+				}, null, 8, mt),
 				d("circle", {
 					cx: "92",
 					cy: "90",
 					r: "4",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.stripPlot.color,
+					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, mt),
+				}, null, 8, ht),
 				d("circle", {
 					cx: "92",
 					cy: "92",
 					r: "4",
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": .3,
-					fill: q.value.style.stripPlot.color,
+					fill: q.value.stripPlot.color,
 					style: { opacity: "0.5" }
-				}, null, 8, ht)
-			], 12, We)) : l("", !0),
+				}, null, 8, gt)
+			], 12, Ge)) : l("", !0),
 			J.value === "treemap" ? (h(), u("svg", {
 				key: 9,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 30 21",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [p(o), d("path", {
 				fill: "none",
-				stroke: q.value.style.treemap.color,
+				stroke: q.value.treemap.color,
 				"stroke-width": "0.3",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round",
 				d: "M 1 1 L 29 1 L 29 20 L 1 20 Z M 10 1 L 10 20 M 1 13 L 10 13 M 22 11 L 22 20 M 10 11 L 22 11 M 22 11 L 29 11 M 7 13 L 7 20 M 17 11 L 17 20 M 22 15 L 29 15 M 26 15 L 26 20 M 20 1 L 20 11"
-			}, null, 8, _t)], 12, gt)) : l("", !0),
+			}, null, 8, vt)], 12, _t)) : l("", !0),
 			J.value === "galaxy" ? (h(), u("svg", {
 				key: 10,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0.5 0 20 20",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [p(o), d("path", {
 				fill: "none",
-				stroke: q.value.style.galaxy.color,
+				stroke: q.value.galaxy.color,
 				"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, yt)], 12, vt)) : l("", !0),
+				d: "M18 11c0 2-1 4-1.6 5M3 11a1 1 0 0115 0m-4 0A1 1 0 013 11m4 0a1 1 0 017 0m-3 0A1 1 0 017 11"
+			}, null, 8, bt)], 12, yt)) : l("", !0),
 			J.value === "bar3d" ? (h(), u("svg", {
 				key: 11,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "2 0 16 20",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [p(o), d("path", {
 				fill: "none",
-				stroke: q.value.style.bar3d.color,
+				stroke: q.value.bar3d.color,
 				"stroke-width": "0.2",
-				d: "M10 1 6 3 6 17 10 19 14 17 14 3 10 1M6 3 10 5 14 3M10 5 10 19",
+				d: "M10 19V5m4-2-4 2L6 3m4-2 4 2V17l-4 2-4-2V3l4-2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, null, 8, xt)], 12, bt)) : l("", !0),
+			}, null, 8, St)], 12, xt)) : l("", !0),
 			J.value === "sparkHistogram" ? (h(), u("svg", {
 				key: 12,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 100 20",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				p(o),
 				d("rect", {
@@ -1274,103 +1274,103 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 					height: "4",
 					width: "6",
 					rx: "1.5",
-					fill: q.value.style.sparkHistogram.color
-				}, null, 8, Ct),
+					fill: q.value.sparkHistogram.color
+				}, null, 8, wt),
 				d("rect", {
 					x: "11",
 					y: "6",
 					height: "8",
 					width: "6",
 					rx: "2",
-					fill: q.value.style.sparkHistogram.color
-				}, null, 8, wt),
+					fill: q.value.sparkHistogram.color
+				}, null, 8, Tt),
 				d("rect", {
 					x: "19",
 					y: "7",
 					height: "6",
 					width: "6",
 					rx: "2",
-					fill: q.value.style.sparkHistogram.color
-				}, null, 8, Tt),
+					fill: q.value.sparkHistogram.color
+				}, null, 8, Et),
 				d("rect", {
 					x: "27",
 					y: "6",
 					height: "8",
 					width: "6",
 					rx: "2",
-					fill: q.value.style.sparkHistogram.color
-				}, null, 8, Et),
+					fill: q.value.sparkHistogram.color
+				}, null, 8, Dt),
 				d("rect", {
 					x: "35",
 					y: "8",
 					height: "4",
 					width: "6",
 					rx: "1.5",
-					fill: q.value.style.sparkHistogram.color
-				}, null, 8, Dt),
+					fill: q.value.sparkHistogram.color
+				}, null, 8, Ot),
 				d("rect", {
 					x: "43",
 					y: "7",
 					height: "6",
 					width: "6",
 					rx: "2",
-					fill: q.value.style.sparkHistogram.color
-				}, null, 8, Ot),
+					fill: q.value.sparkHistogram.color
+				}, null, 8, kt),
 				d("rect", {
 					x: "51",
 					y: "8.5",
 					height: "3",
 					width: "6",
 					rx: "1.5",
-					fill: q.value.style.sparkHistogram.color
-				}, null, 8, kt),
+					fill: q.value.sparkHistogram.color
+				}, null, 8, At),
 				d("rect", {
 					x: "59",
 					y: "7",
 					height: "6",
 					width: "6",
 					rx: "2",
-					fill: q.value.style.sparkHistogram.color
-				}, null, 8, At),
+					fill: q.value.sparkHistogram.color
+				}, null, 8, jt),
 				d("rect", {
 					x: "67",
 					y: "6",
 					height: "8",
 					width: "6",
 					rx: "2",
-					fill: q.value.style.sparkHistogram.color
-				}, null, 8, jt),
+					fill: q.value.sparkHistogram.color
+				}, null, 8, Mt),
 				d("rect", {
 					x: "75",
 					y: "7",
 					height: "6",
 					width: "6",
 					rx: "2",
-					fill: q.value.style.sparkHistogram.color
-				}, null, 8, Mt),
+					fill: q.value.sparkHistogram.color
+				}, null, 8, Nt),
 				d("rect", {
 					x: "83",
 					y: "7",
 					height: "6",
 					width: "6",
 					rx: "2",
-					fill: q.value.style.sparkHistogram.color
-				}, null, 8, Nt),
+					fill: q.value.sparkHistogram.color
+				}, null, 8, Pt),
 				d("rect", {
 					x: "91",
 					y: "8",
 					height: "4",
 					width: "6",
 					rx: "1.5",
-					fill: q.value.style.sparkHistogram.color
-				}, null, 8, Pt)
-			], 12, St)) : l("", !0),
+					fill: q.value.sparkHistogram.color
+				}, null, 8, Ft)
+			], 12, Ct)) : l("", !0),
 			J.value === "sparkbar" ? (h(), u("svg", {
 				key: 13,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 500 200",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				p(o),
 				d("line", {
@@ -1380,9 +1380,9 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 					y2: "50",
 					"stroke-width": "16",
 					"stroke-linecap": "round",
-					stroke: q.value.style.sparkbar.color,
+					stroke: q.value.sparkbar.color,
 					opacity: "0.5"
-				}, null, 8, It),
+				}, null, 8, Lt),
 				d("line", {
 					x1: "12",
 					x2: "400",
@@ -1390,9 +1390,9 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 					y2: "50",
 					"stroke-width": "16",
 					"stroke-linecap": "round",
-					stroke: q.value.style.sparkbar.color,
+					stroke: q.value.sparkbar.color,
 					opacity: "1"
-				}, null, 8, Lt),
+				}, null, 8, Rt),
 				d("line", {
 					x1: "12",
 					x2: "488",
@@ -1400,9 +1400,9 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 					y2: "100",
 					"stroke-width": "16",
 					"stroke-linecap": "round",
-					stroke: q.value.style.sparkbar.color,
+					stroke: q.value.sparkbar.color,
 					opacity: "0.5"
-				}, null, 8, Rt),
+				}, null, 8, zt),
 				d("line", {
 					x1: "12",
 					x2: "350",
@@ -1410,9 +1410,9 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 					y2: "100",
 					"stroke-width": "16",
 					"stroke-linecap": "round",
-					stroke: q.value.style.sparkbar.color,
+					stroke: q.value.sparkbar.color,
 					opacity: "1"
-				}, null, 8, zt),
+				}, null, 8, Bt),
 				d("line", {
 					x1: "12",
 					x2: "488",
@@ -1420,9 +1420,9 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 					y2: "150",
 					"stroke-width": "16",
 					"stroke-linecap": "round",
-					stroke: q.value.style.sparkbar.color,
+					stroke: q.value.sparkbar.color,
 					opacity: "0.5"
-				}, null, 8, Bt),
+				}, null, 8, Vt),
 				d("line", {
 					x1: "12",
 					x2: "235",
@@ -1430,16 +1430,16 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 					y2: "150",
 					"stroke-width": "16",
 					"stroke-linecap": "round",
-					stroke: q.value.style.sparkbar.color,
+					stroke: q.value.sparkbar.color,
 					opacity: "1"
-				}, null, 8, Vt)
-			], 12, Ft)) : l("", !0),
+				}, null, 8, Ht)
+			], 12, It)) : l("", !0),
 			J.value === "sparkStackbar" ? (h(), u("svg", {
 				key: 14,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 500 64",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				p(o),
 				d("line", {
@@ -1449,9 +1449,9 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 					y2: "32",
 					"stroke-width": "16",
 					"stroke-linecap": "round",
-					stroke: q.value.style.sparkStackbar.color,
+					stroke: q.value.sparkStackbar.color,
 					opacity: "0.5"
-				}, null, 8, Ut),
+				}, null, 8, Wt),
 				d("line", {
 					x1: "12",
 					x2: "380",
@@ -1459,9 +1459,9 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 					y2: "32",
 					"stroke-width": "16",
 					"stroke-linecap": "round",
-					stroke: q.value.style.sparkStackbar.color,
+					stroke: q.value.sparkStackbar.color,
 					opacity: "0.6"
-				}, null, 8, Wt),
+				}, null, 8, Gt),
 				d("line", {
 					x1: "12",
 					x2: "200",
@@ -1469,9 +1469,9 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 					y2: "32",
 					"stroke-width": "16",
 					"stroke-linecap": "round",
-					stroke: q.value.style.sparkStackbar.color,
+					stroke: q.value.sparkStackbar.color,
 					opacity: "0.8"
-				}, null, 8, Gt),
+				}, null, 8, Kt),
 				d("line", {
 					x1: "12",
 					x2: "120",
@@ -1479,71 +1479,71 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 					y2: "32",
 					"stroke-width": "16",
 					"stroke-linecap": "round",
-					stroke: q.value.style.sparkStackbar.color,
+					stroke: q.value.sparkStackbar.color,
 					opacity: "1"
-				}, null, 8, Kt)
-			], 12, Ht)) : l("", !0),
+				}, null, 8, qt)
+			], 12, Ut)) : l("", !0),
 			J.value === "thermometer" ? (h(), u("svg", {
 				key: 15,
 				width: "100%",
 				viewBox: "0 0 20 20",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				p(o),
 				d("path", {
 					fill: "none",
-					stroke: q.value.style.thermometer.color,
+					stroke: q.value.thermometer.color,
 					"stroke-width": "0.2",
 					"stroke-linecap": "round",
 					d: "M 13 4 A 1 1 0 0 0 7 4 L 7 16 A 1 1 0 0 0 13 16 L 13 4 M 7 15 L 8 15 M 7 12 L 8 12 M 7 9 L 8 9 M 7 6 L 8 6 M 12 15 L 13 15 M 12 12 L 13 12 M 12 9 L 13 9 M 12 6 L 13 6 "
-				}, null, 8, qt),
+				}, null, 8, Jt),
 				d("path", {
-					stroke: q.value.style.thermometer.color,
+					stroke: q.value.thermometer.color,
 					"stroke-width": "1",
 					style: { opacity: "0.6" },
 					d: "M 10 17 L 10 12 ",
 					"stroke-linecap": "round"
-				}, null, 8, Jt),
+				}, null, 8, Yt),
 				d("path", {
 					"stroke-linecap": "round",
-					stroke: q.value.style.thermometer.color,
+					stroke: q.value.thermometer.color,
 					"stroke-width": "1",
 					opacity: "M 10 17 L 10 9"
-				}, null, 8, Yt),
+				}, null, 8, Xt),
 				d("path", {
 					"stroke-linecap": "round",
-					stroke: q.value.style.thermometer.color,
+					stroke: q.value.thermometer.color,
 					"stroke-width": "1",
 					opacity: "0.3",
 					d: "M 10 17 L 10 6"
-				}, null, 8, Xt),
+				}, null, 8, Zt),
 				d("path", {
 					"stroke-linecap": "round",
-					stroke: q.value.style.thermometer.color,
+					stroke: q.value.thermometer.color,
 					"stroke-width": "1",
 					style: { opacity: "0.1" },
 					d: "M 10 17 L 10 3"
-				}, null, 8, Zt)
+				}, null, 8, Qt)
 			], 4)) : l("", !0),
 			J.value === "relationCircle" ? (h(), u("svg", {
 				key: 16,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 20 20",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [p(o), d("path", {
 				fill: "none",
-				stroke: q.value.style.relationCircle.color,
+				stroke: q.value.relationCircle.color,
 				"stroke-width": "0.2",
 				"stroke-linecap": "round",
 				d: "M1 10A1 1 0 0019 10 1 1 0 001 10M1 10C7 11 9 13 10 19M10 19C10 11 8 7 6 2M10 19C10 11 12 7 14 2M10 19C11 13 12 11 19 10"
-			}, null, 8, $t)], 12, Qt)) : l("", !0),
+			}, null, 8, en)], 12, $t)) : l("", !0),
 			J.value === "molecule" ? (h(), u("svg", {
 				key: 17,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 100 100",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				p(o),
 				d("circle", {
@@ -1552,143 +1552,143 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 					r: "6",
 					"stroke-width": "2",
 					fill: "none",
-					stroke: q.value.style.molecule.color
-				}, null, 8, tn),
+					stroke: q.value.molecule.color
+				}, null, 8, nn),
 				d("circle", {
 					cx: "20",
 					cy: "50",
 					r: "3",
 					"stroke-width": "1.6",
 					fill: "none",
-					stroke: q.value.style.molecule.color
-				}, null, 8, nn),
+					stroke: q.value.molecule.color
+				}, null, 8, rn),
 				d("circle", {
 					cx: "80",
 					cy: "50",
 					r: "3",
 					"stroke-width": "1.6",
 					fill: "none",
-					stroke: q.value.style.molecule.color
-				}, null, 8, rn),
+					stroke: q.value.molecule.color
+				}, null, 8, an),
 				d("circle", {
 					cx: "50",
 					cy: "20",
 					r: "3",
 					"stroke-width": "1.6",
 					fill: "none",
-					stroke: q.value.style.molecule.color
-				}, null, 8, an),
+					stroke: q.value.molecule.color
+				}, null, 8, on),
 				d("circle", {
 					cx: "50",
 					cy: "80",
 					r: "3",
 					"stroke-width": "1.6",
 					fill: "none",
-					stroke: q.value.style.molecule.color
-				}, null, 8, on),
+					stroke: q.value.molecule.color
+				}, null, 8, sn),
 				d("line", {
 					x1: "50",
 					x2: "50",
 					y1: "23",
 					y2: "45",
 					"stroke-width": "1",
-					stroke: q.value.style.molecule.color
-				}, null, 8, sn),
+					stroke: q.value.molecule.color
+				}, null, 8, cn),
 				d("line", {
 					x1: "50",
 					x2: "50",
 					y1: "77",
 					y2: "55",
 					"stroke-width": "1",
-					stroke: q.value.style.molecule.color
-				}, null, 8, cn),
+					stroke: q.value.molecule.color
+				}, null, 8, ln),
 				d("line", {
 					x1: "23",
 					x2: "45",
 					y1: "50",
 					y2: "50",
 					"stroke-width": "1",
-					stroke: q.value.style.molecule.color
-				}, null, 8, ln),
+					stroke: q.value.molecule.color
+				}, null, 8, un),
 				d("line", {
 					x1: "77",
 					x2: "55",
 					y1: "50",
 					y2: "50",
 					"stroke-width": "1",
-					stroke: q.value.style.molecule.color
-				}, null, 8, un)
-			], 12, en)) : l("", !0),
+					stroke: q.value.molecule.color
+				}, null, 8, dn)
+			], 12, tn)) : l("", !0),
 			J.value === "tiremarks" ? (h(), u("svg", {
 				key: 18,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 312 56",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [p(o), (h(), u(s, null, _(100, (e) => d("g", null, [d("line", {
 				x1: 10 + e * 2.9,
 				y1: 6,
 				x2: 10 + e * 2.9,
 				y2: 50,
-				stroke: q.value.style.tiremarks.color,
+				stroke: q.value.tiremarks.color,
 				style: m(e > 80 ? "opacity: 0.5" : ""),
 				"stroke-linecap": "round"
-			}, null, 12, fn)])), 64))], 12, dn)) : l("", !0),
+			}, null, 12, pn)])), 64))], 12, fn)) : l("", !0),
 			J.value === "pyramid" ? (h(), u("svg", {
 				key: 19,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 105 80",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [p(o), (h(!0), u(s, null, _(Z.value, (e, t) => (h(), u("g", null, [d("rect", {
 				x: 50 - e[0],
 				y: t * (80 / Z.value.length),
 				width: e[0],
 				height: 80 / Z.value.length * .95,
-				fill: q.value.style.pyramid.color
-			}, null, 8, mn), d("rect", {
+				fill: q.value.pyramid.color
+			}, null, 8, hn), 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, hn)]))), 256))], 12, pn)) : l("", !0),
+				fill: q.value.pyramid.color
+			}, null, 8, gn)]))), 256))], 12, mn)) : l("", !0),
 			J.value === "rings" ? (h(), u("svg", {
 				key: 20,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 400 400",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				p(o),
 				d("circle", {
 					cx: 200,
 					cy: 200,
 					r: 180,
-					fill: v(n)(q.value.style.rings.color, 40)
-				}, null, 8, _n),
+					fill: v(n)(q.value.rings.color, 40)
+				}, null, 8, vn),
 				d("circle", {
 					cx: 200,
 					cy: 250,
 					r: 130,
-					fill: v(n)(q.value.style.rings.color, 60)
-				}, null, 8, vn),
+					fill: v(n)(q.value.rings.color, 60)
+				}, null, 8, yn),
 				d("circle", {
 					cx: 200,
 					cy: 290,
 					r: 90,
-					fill: v(n)(q.value.style.rings.color, 100)
-				}, null, 8, yn)
-			], 12, gn)) : l("", !0),
+					fill: v(n)(q.value.rings.color, 100)
+				}, null, 8, bn)
+			], 12, _n)) : l("", !0),
 			J.value === "wheel" ? (h(), u("svg", {
 				key: 21,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 400 400",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				p(o),
-				(h(!0), u(s, null, _(ki.value, (e, t) => (h(), u("line", {
+				(h(!0), u(s, null, _(Ai.value, (e, t) => (h(), u("line", {
 					x1: e.x1,
 					x2: e.x2,
 					y1: e.y1,
@@ -1696,31 +1696,31 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 					stroke: t < 66 ? e.color : v(n)(e.color, 50),
 					"stroke-width": 5,
 					"stroke-linecap": "round"
-				}, null, 8, xn))), 256)),
+				}, null, 8, Sn))), 256)),
 				d("circle", {
 					cx: 200,
 					cy: 200,
 					r: 130,
 					"stroke-width": 3,
-					stroke: v(n)(q.value.style.wheel.color, 50),
+					stroke: v(n)(q.value.wheel.color, 50),
 					fill: "none"
-				}, null, 8, Sn),
+				}, null, 8, Cn),
 				d("rect", {
-					fill: v(n)(q.value.style.wheel.color, 50),
+					fill: v(n)(q.value.wheel.color, 50),
 					rx: 12,
 					x: 160,
 					y: 170,
 					height: 60,
 					width: 80,
 					stroke: "none"
-				}, null, 8, Cn)
-			], 12, bn)) : l("", !0),
+				}, null, 8, wn)
+			], 12, xn)) : l("", !0),
 			J.value === "sparkline" ? (h(), u("svg", {
 				key: 22,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 150 32",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				p(o),
 				d("g", null, [d("rect", {
@@ -1728,112 +1728,112 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 					y: "2",
 					height: "6",
 					width: "24",
-					fill: q.value.style.sparkline.color,
+					fill: q.value.sparkline.color,
 					rx: "3"
-				}, null, 8, Tn), d("rect", {
+				}, null, 8, En), d("rect", {
 					x: "2",
 					y: "12",
 					height: "16",
 					width: "16",
-					fill: q.value.style.sparkline.color,
+					fill: q.value.sparkline.color,
 					rx: "3"
-				}, null, 8, En)]),
+				}, null, 8, Dn)]),
 				(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,
 					y1: e.y,
 					x2: Q.value[t + 1].x,
 					y2: Q.value[t + 1].y,
-					"stroke-width": q.value.style.sparkline.strokeWidth,
-					stroke: q.value.style.sparkline.color,
+					"stroke-width": q.value.sparkline.strokeWidth,
+					stroke: q.value.sparkline.color,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, Dn)) : l("", !0)]))), 256))
-			], 12, wn)) : l("", !0),
+				}, null, 8, On)) : l("", !0)]))), 256))
+			], 12, Tn)) : l("", !0),
 			J.value === "candlesticks" ? (h(), u("svg", {
 				key: 23,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 512 316",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				p(o),
-				q.value.style.candlesticks.axis.show ? (h(), u("g", kn, [d("line", {
+				q.value.candlesticks.axis.show ? (h(), u("g", An, [d("line", {
 					x1: 2,
 					x2: 2,
 					y1: 2,
 					y2: 314,
-					stroke: q.value.style.candlesticks.axis.color,
-					"stroke-width": q.value.style.candlesticks.axis.strokeWidth,
+					stroke: q.value.candlesticks.axis.color,
+					"stroke-width": q.value.candlesticks.axis.strokeWidth,
 					"stroke-linecap": "round"
-				}, null, 8, An), d("line", {
+				}, null, 8, jn), d("line", {
 					x1: 2,
 					x2: 510,
 					y1: 314,
 					y2: 314,
-					stroke: q.value.style.candlesticks.axis.color,
-					"stroke-width": q.value.style.candlesticks.axis.strokeWidth,
+					stroke: q.value.candlesticks.axis.color,
+					"stroke-width": q.value.candlesticks.axis.strokeWidth,
 					"stroke-linecap": "round"
-				}, null, 8, jn)])) : l("", !0),
+				}, null, 8, Mn)])) : 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,
 						x2: 24 + 464 * t / (X.value.length - 1) + 464 / (X.value.length - 1) / 8,
 						y1: e.y,
 						y2: e.y,
-						stroke: q.value.style.candlesticks.candle.color,
-						"stroke-width": q.value.style.candlesticks.candle.strokeWidth,
+						stroke: q.value.candlesticks.candle.color,
+						"stroke-width": q.value.candlesticks.candle.strokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, Mn),
+					}, null, 8, Nn),
 					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,
 						y1: e.y + e.height,
 						y2: e.y + e.height,
-						stroke: q.value.style.candlesticks.candle.color,
-						"stroke-width": q.value.style.candlesticks.candle.strokeWidth,
+						stroke: q.value.candlesticks.candle.color,
+						"stroke-width": q.value.candlesticks.candle.strokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, Nn),
+					}, null, 8, Pn),
 					d("line", {
 						x1: 24 + 464 * t / (X.value.length - 1),
 						x2: 24 + 464 * t / (X.value.length - 1),
 						y1: e.y,
 						y2: e.y + e.height,
-						stroke: q.value.style.candlesticks.candle.color,
-						"stroke-width": q.value.style.candlesticks.candle.strokeWidth,
+						stroke: q.value.candlesticks.candle.color,
+						"stroke-width": q.value.candlesticks.candle.strokeWidth,
 						"stroke-linecap": "round"
-					}, null, 8, Pn),
+					}, null, 8, Fn),
 					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),
 						height: e.bar,
 						width: 464 / (X.value.length - 1) / 4,
-						fill: q.value.style.candlesticks.candle.color,
+						fill: q.value.candlesticks.candle.color,
 						rx: "1"
-					}, null, 8, Fn)
+					}, null, 8, In)
 				]))), 256))
-			], 12, On)) : l("", !0),
+			], 12, kn)) : l("", !0),
 			J.value === "heatmap" ? (h(), u("svg", {
 				key: 24,
 				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, r) => (h(), u("g", null, [d("rect", {
+				viewBox: `0 0 ${10 * q.value.heatmap.cellsX} ${10 * q.value.heatmap.cellsY}`,
+				style: m(`background:${q.value.backgroundColor}`)
+			}, [p(o), (h(!0), u(s, null, _(q.value.heatmap.cellsY, (e, t) => (h(), u("g", null, [(h(!0), u(s, null, _(q.value.heatmap.cellsX, (e, r) => (h(), u("g", null, [d("rect", {
 				x: r * 10,
 				y: t * 10,
 				height: 10,
 				width: 10,
-				stroke: q.value.style.backgroundColor,
+				stroke: q.value.backgroundColor,
 				"stroke-width": 1,
-				fill: v(n)(q.value.style.heatmap.color, Math.round(Math.random() * 100))
-			}, null, 8, Ln)]))), 256))]))), 256))], 12, In)) : l("", !0),
+				fill: v(n)(q.value.heatmap.color, Math.round(Math.random() * 100))
+			}, null, 8, Rn)]))), 256))]))), 256))], 12, Ln)) : l("", !0),
 			J.value === "chestnut" ? (h(), u("svg", {
 				key: 25,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 512 316",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				p(o),
 				(h(!0), u(s, null, _(Y.value, (e) => (h(), u("g", null, [(h(!0), u(s, null, _(e.bars, (t) => (h(), u("g", null, [(h(), u(s, null, _(22, (r, i) => d("path", {
@@ -1843,27 +1843,27 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
                             ${t.x - 80},${t.y + i} 
                             ${e.root.x + e.root.r / 2}, ${e.root.y}
                         `,
-					stroke: v(n)(q.value.style.chestnut.color, t.opacity * .2),
+					stroke: v(n)(q.value.chestnut.color, t.opacity * .2),
 					fill: "none",
 					"stroke-width": "2",
 					"shape-rendering": "cirspEdges"
-				}, null, 8, zn)), 64))]))), 256))]))), 256)),
+				}, null, 8, Bn)), 64))]))), 256))]))), 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: `${q.value.style.backgroundColor}`,
-					stroke: q.value.backgroundColor,
+					fill: `${q.value.backgroundColor}`,
+					stroke: K.value.backgroundColor,
 					"stroke-width": 3
-				}, null, 8, Bn))), 256)),
+				}, null, 8, Vn))), 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(n)(q.value.style.chestnut.color, e.root.opacity),
-					stroke: q.value.style.backgroundColor,
+					fill: v(n)(q.value.chestnut.color, e.root.opacity),
+					stroke: q.value.backgroundColor,
 					"stroke-width": 3
-				}, null, 8, Vn))), 256)),
+				}, null, 8, Hn))), 256)),
 				(h(!0), u(s, null, _(Y.value, (e) => (h(), u("g", null, [
 					(h(!0), u(s, null, _(e.bars, (e) => (h(), u("rect", {
 						rx: "2",
@@ -1871,273 +1871,273 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 						y: e.y,
 						width: e.width,
 						height: 22,
-						fill: v(n)(q.value.style.chestnut.color, e.opacity)
-					}, null, 8, Hn))), 256)),
+						fill: v(n)(q.value.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: 11,
-						fill: v(n)(q.value.style.chestnut.color, e.opacity)
-					}, null, 8, Un))), 256)),
+						fill: v(n)(q.value.chestnut.color, e.opacity)
+					}, null, 8, Wn))), 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, Wn))), 256))
+						fill: q.value.backgroundColor
+					}, null, 8, Gn))), 256))
 				]))), 256)),
 				d("line", {
 					x1: 200,
 					x2: 200,
 					y1: 10,
 					y2: 300,
-					stroke: q.value.style.backgroundColor,
+					stroke: q.value.backgroundColor,
 					"stroke-width": 3
-				}, null, 8, Gn)
-			], 12, Rn)) : l("", !0),
+				}, null, 8, Kn)
+			], 12, zn)) : l("", !0),
 			J.value === "donutEvolution" ? (h(), u("svg", {
 				key: 26,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 108 70",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				p(o),
-				q.value.style.line.axis.show ? (h(), u("path", {
+				q.value.line.axis.show ? (h(), u("path", {
 					key: 0,
 					d: "M3 3 3 67 105 67",
-					stroke: q.value.style.donutEvolution.axis.color,
-					"stroke-width": q.value.style.donutEvolution.axis.strokeWidth,
+					stroke: q.value.donutEvolution.axis.color,
+					"stroke-width": q.value.donutEvolution.axis.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, null, 8, qn)) : l("", !0),
+				}, null, 8, Jn)) : 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, Jn),
+					d: "M10 55a1 1 0 0010 0A1 1 0 0010 55m2 0a1 1 0 006 0 1 1 0 00-6 0m-2 0h2m3-3V50m12-5a1 1 0 0010 0A1 1 0 0027 45m2 0a1 1 0 006 0 1 1 0 00-6 0m3 3v2m3-5h2m7 5a1 1 0 0010 0A1 1 0 0044 50m2 0a1 1 0 006 0 1 1 0 00-6 0m3-5v2m0 6v2M61 35a1 1 0 0010 0A1 1 0 0061 35m2 0a1 1 0 006 0 1 1 0 00-6 0m3-5v2m-5 3h2m15 6a1 1 0 0010 0A1 1 0 0078 41m2 0a1 1 0 006 0 1 1 0 00-6 0m-2 0h2m6 0h2m7-27a1 1 0 0010 0A1 1 0 0095 14m2 0a1 1 0 006 0 1 1 0 00-6 0m-2 0h2m3 3v2",
+					stroke: q.value.donutEvolution.donuts.color,
+					"stroke-width": q.value.donutEvolution.donuts.strokeWidth
+				}, null, 8, Yn),
 				d("path", {
 					fill: "none",
-					d: "M19 52 27 45M37 45 44 49M52 46 62 38M71 36 78 40M86 37 97 18",
-					stroke: q.value.style.donutEvolution.axis.color,
-					"stroke-width": q.value.style.donutEvolution.axis.strokeWidth,
+					d: "M19 52l8-7m10 0 7 4m8-3 10-8m9-2 7 4m8-3L97 18",
+					stroke: q.value.donutEvolution.axis.color,
+					"stroke-width": q.value.donutEvolution.axis.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, 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, 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,
+					d: "M10 55h2c0-2 2-3 3-3V50c-2 0-5 2-5 5",
+					fill: q.value.donutEvolution.donuts.color,
 					stroke: "none",
 					style: { opacity: "0.3" }
 				}, null, 8, Zn),
 				d("path", {
-					d: "M49 53 49 55A1 1 0 0049 45L49 47C53 47 53 53 49 53",
-					fill: q.value.style.donutEvolution.donuts.color,
+					d: "M32 48v2c3 0 5-3 5-5H35c0 2-2 3-3 3",
+					fill: q.value.donutEvolution.donuts.color,
 					stroke: "none",
 					style: { opacity: "0.3" }
 				}, null, 8, Qn),
 				d("path", {
-					d: "M63 35C63 33 65 32 66 32L66 30C63 30 61 33 61 35L63 35",
-					fill: q.value.style.donutEvolution.donuts.color,
+					d: "M49 53v2a1 1 0 000-10v2c4 0 4 6 0 6",
+					fill: q.value.donutEvolution.donuts.color,
 					stroke: "none",
 					style: { opacity: "0.3" }
 				}, null, 8, $n),
 				d("path", {
-					d: "M78 41A1 1 0 0088 41L86 41C86 45 80 45 80 41L78 41",
-					fill: q.value.style.donutEvolution.donuts.color,
+					d: "M63 35c0-2 2-3 3-3V30c-3 0-5 3-5 5h2",
+					fill: q.value.donutEvolution.donuts.color,
 					stroke: "none",
 					style: { opacity: "0.3" }
 				}, null, 8, er),
 				d("path", {
-					d: "M95 14C95 17 98 19 100 19L100 17C99 17 97 16 97 14L95 14",
-					fill: q.value.style.donutEvolution.donuts.color,
+					d: "M78 41h2c0 4 6 4 6 0h2A1 1 0 0178 41",
+					fill: q.value.donutEvolution.donuts.color,
+					stroke: "none",
+					style: { opacity: "0.3" }
+				}, null, 8, tr),
+				d("path", {
+					d: "M95 14h2c0 2 2 3 3 3v2c-2 0-5-2-5-5",
+					fill: q.value.donutEvolution.donuts.color,
 					stroke: "none",
 					style: { opacity: "0.3" }
-				}, null, 8, tr)
-			], 12, Kn)) : l("", !0),
+				}, null, 8, nr)
+			], 12, qn)) : l("", !0),
 			J.value === "line" ? (h(), u("svg", {
 				key: 27,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 100 70",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				p(o),
-				q.value.style.line.axis.show ? (h(), u("g", rr, [d("line", {
+				q.value.line.axis.show ? (h(), u("g", ir, [d("line", {
 					x1: "3",
 					x2: "3",
 					y1: "3",
 					y2: "67",
-					stroke: q.value.style.line.axis.color,
-					"stroke-width": q.value.style.line.axis.strokeWidth,
+					stroke: q.value.line.axis.color,
+					"stroke-width": q.value.line.axis.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, ir), d("line", {
+				}, null, 8, ar), d("line", {
 					x1: "3",
 					x2: "97",
 					y1: "67",
 					y2: "67",
-					stroke: q.value.style.line.axis.color,
-					"stroke-width": q.value.style.line.axis.strokeWidth,
+					stroke: q.value.line.axis.color,
+					"stroke-width": q.value.line.axis.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, ar)])) : l("", !0),
+				}, null, 8, or)])) : l("", !0),
 				d("path", {
 					d: "M 9,60 22,50 35,55 48,36 61,40 74,25 87,26 90,12",
 					fill: "none",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
-					stroke: q.value.style.line.path.color,
-					"stroke-width": q.value.style.line.path.strokeWidth
-				}, null, 8, or),
-				q.value.style.line.path.showPlots ? (h(), u("g", sr, [d("circle", {
+					stroke: q.value.line.path.color,
+					"stroke-width": q.value.line.path.strokeWidth
+				}, null, 8, sr),
+				q.value.line.path.showPlots ? (h(), u("g", cr, [d("circle", {
 					cx: "9",
 					cy: "60",
-					r: q.value.style.line.path.strokeWidth,
-					fill: q.value.style.line.path.color
-				}, null, 8, cr), d("circle", {
+					r: q.value.line.path.strokeWidth,
+					fill: q.value.line.path.color
+				}, null, 8, lr), d("circle", {
 					cx: "90",
 					cy: "12",
-					r: q.value.style.line.path.strokeWidth,
-					fill: q.value.style.line.path.color
-				}, null, 8, lr)])) : l("", !0)
-			], 12, nr)) : l("", !0),
+					r: q.value.line.path.strokeWidth,
+					fill: q.value.line.path.color
+				}, null, 8, ur)])) : l("", !0)
+			], 12, rr)) : l("", !0),
 			J.value === "bar" ? (h(), u("svg", {
 				key: 28,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 100 70",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				p(o),
-				q.value.style.bar.axis.show ? (h(), u("g", dr, [d("line", {
+				q.value.bar.axis.show ? (h(), u("g", fr, [d("line", {
 					x1: "3",
 					x2: "3",
 					y1: "3",
 					y2: "67",
-					stroke: q.value.style.bar.axis.color,
-					"stroke-width": q.value.style.bar.axis.strokeWidth,
+					stroke: q.value.bar.axis.color,
+					"stroke-width": q.value.bar.axis.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, null, 8, fr), d("line", {
+				}, null, 8, pr), d("line", {
 					x1: "3",
 					x2: "97",
 					y1: "67",
 					y2: "67",
-					stroke: q.value.style.bar.axis.color,
-					"stroke-width": q.value.style.bar.axis.strokeWidth,
+					stroke: q.value.bar.axis.color,
+					"stroke-width": q.value.bar.axis.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
-				}, 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,
+				}, null, 8, mr)])) : l("", !0),
+				(h(!0), u(s, null, _(Ti.value, (e, t) => (h(), u("rect", {
+					fill: q.value.bar.color,
+					rx: q.value.bar.borderRadius,
 					x: 6 + 11.2 * t,
 					y: e,
-					width: q.value.style.bar.barWidth,
+					width: q.value.bar.barWidth,
 					height: 67 - e
-				}, null, 8, mr))), 256))
-			], 12, ur)) : l("", !0),
+				}, null, 8, hr))), 256))
+			], 12, dr)) : l("", !0),
 			J.value === "donut" ? (h(), u("svg", {
 				key: 29,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 400 400",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				p(o),
 				d("path", {
 					d: " M 300 200 A 100 100 0 0 1 113 250",
 					fill: "none",
-					"stroke-width": q.value.style.donut.strokeWidth,
-					stroke: q.value.style.donut.color
-				}, null, 8, gr),
+					"stroke-width": q.value.donut.strokeWidth,
+					stroke: q.value.donut.color
+				}, null, 8, _r),
 				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(n)(q.value.style.donut.color, 60)
-				}, null, 8, _r),
+					"stroke-width": q.value.donut.strokeWidth,
+					stroke: v(n)(q.value.donut.color, 60)
+				}, null, 8, vr),
 				d("path", {
 					d: " M 250 113 A 100 100 0 0 1 300 200",
 					fill: "none",
-					"stroke-width": q.value.style.donut.strokeWidth,
-					stroke: v(n)(q.value.style.donut.color, 30)
-				}, null, 8, vr)
-			], 12, hr)) : l("", !0),
+					"stroke-width": q.value.donut.strokeWidth,
+					stroke: v(n)(q.value.donut.color, 30)
+				}, null, 8, yr)
+			], 12, gr)) : l("", !0),
 			J.value === "onion" ? (h(), u("svg", {
 				key: 30,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 400 400",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				p(o),
 				d("path", {
 					d: " M 200 60 A 140 140 0 1 1 60 200",
-					stroke: q.value.style.onion.color,
+					stroke: q.value.onion.color,
 					"stroke-linecap": "round",
 					"stroke-width": "20",
 					fill: "none"
-				}, null, 8, br),
+				}, null, 8, xr),
 				d("path", {
 					d: " M 200 100 A 100 100 0 1 1 100 200",
-					stroke: v(n)(q.value.style.onion.color, 60),
+					stroke: v(n)(q.value.onion.color, 60),
 					"stroke-linecap": "round",
 					"stroke-width": "20",
 					fill: "none"
-				}, null, 8, xr),
+				}, null, 8, Sr),
 				d("path", {
 					d: " M 200 140 A 60 60 0 1 1 140 200",
 					fill: "none",
-					stroke: v(n)(q.value.style.onion.color, 40),
+					stroke: v(n)(q.value.onion.color, 40),
 					"stroke-linecap": "round",
 					"stroke-width": "20"
-				}, null, 8, Sr)
-			], 12, yr)) : l("", !0),
+				}, null, 8, Cr)
+			], 12, br)) : l("", !0),
 			J.value === "gauge" ? (h(), u("svg", {
 				key: 31,
 				width: "100%",
 				viewBox: "0 0 400 400",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				p(o),
 				d("path", {
 					d: " M 82 255 A 120 120 0 1 1 318 255",
 					fill: "none",
-					stroke: q.value.style.gauge.color,
+					stroke: q.value.gauge.color,
 					"stroke-linecap": "round",
 					"stroke-width": "20"
-				}, null, 8, Cr),
+				}, null, 8, wr),
 				d("circle", {
 					cx: "200",
 					cy: "256",
 					r: "12",
-					fill: q.value.style.gauge.color
-				}, null, 8, wr),
+					fill: q.value.gauge.color
+				}, null, 8, Tr),
 				d("line", {
 					x1: "200",
 					y1: "256",
 					x2: "250",
 					y2: "160",
 					"stroke-width": "8",
-					stroke: q.value.style.gauge.color,
+					stroke: q.value.gauge.color,
 					"stroke-linecap": "round"
-				}, null, 8, Tr)
+				}, null, 8, Er)
 			], 4)) : l("", !0),
 			J.value === "quadrant" ? (h(), u("svg", {
 				key: 32,
 				xmlns: v(i),
 				viewBox: "0 0 100 100",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				p(o),
 				d("line", {
@@ -2145,144 +2145,144 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 					x2: "50",
 					y1: "3",
 					y2: "97",
-					stroke: q.value.style.quadrant.grid.color,
-					"stroke-width": q.value.style.quadrant.grid.strokeWidth
-				}, null, 8, Dr),
+					stroke: q.value.quadrant.grid.color,
+					"stroke-width": q.value.quadrant.grid.strokeWidth
+				}, null, 8, Or),
 				d("line", {
 					x1: "3",
 					x2: "97",
 					y1: "50",
 					y2: "50",
-					stroke: q.value.style.quadrant.grid.color,
-					"stroke-width": q.value.style.quadrant.grid.strokeWidth
-				}, null, 8, Or),
+					stroke: q.value.quadrant.grid.color,
+					"stroke-width": q.value.quadrant.grid.strokeWidth
+				}, null, 8, kr),
 				d("circle", {
-					fill: q.value.style.quadrant.plots.color,
-					r: q.value.style.quadrant.plots.radius,
+					fill: q.value.quadrant.plots.color,
+					r: q.value.quadrant.plots.radius,
 					cx: "20",
 					cy: "20"
-				}, null, 8, kr),
+				}, null, 8, Ar),
 				d("circle", {
-					fill: q.value.style.quadrant.plots.color,
-					r: q.value.style.quadrant.plots.radius,
+					fill: q.value.quadrant.plots.color,
+					r: q.value.quadrant.plots.radius,
 					cx: "80",
 					cy: "60"
-				}, null, 8, Ar),
+				}, null, 8, jr),
 				d("circle", {
-					fill: q.value.style.quadrant.plots.color,
-					r: q.value.style.quadrant.plots.radius,
+					fill: q.value.quadrant.plots.color,
+					r: q.value.quadrant.plots.radius,
 					cx: "65",
 					cy: "55"
-				}, null, 8, jr),
+				}, null, 8, Mr),
 				d("circle", {
-					fill: q.value.style.quadrant.plots.color,
-					r: q.value.style.quadrant.plots.radius,
+					fill: q.value.quadrant.plots.color,
+					r: q.value.quadrant.plots.radius,
 					cx: "36",
 					cy: "67"
-				}, null, 8, Mr),
+				}, null, 8, Nr),
 				d("circle", {
-					fill: q.value.style.quadrant.plots.color,
-					r: q.value.style.quadrant.plots.radius,
+					fill: q.value.quadrant.plots.color,
+					r: q.value.quadrant.plots.radius,
 					cx: "15",
 					cy: "75"
-				}, null, 8, Nr),
+				}, null, 8, Pr),
 				d("circle", {
-					fill: q.value.style.quadrant.plots.color,
-					r: q.value.style.quadrant.plots.radius,
+					fill: q.value.quadrant.plots.color,
+					r: q.value.quadrant.plots.radius,
 					cx: "40",
 					cy: "55"
-				}, null, 8, Pr),
+				}, null, 8, Fr),
 				d("circle", {
-					fill: q.value.style.quadrant.plots.color,
-					r: q.value.style.quadrant.plots.radius,
+					fill: q.value.quadrant.plots.color,
+					r: q.value.quadrant.plots.radius,
 					cx: "76",
 					cy: "32"
-				}, null, 8, Fr),
+				}, null, 8, Ir),
 				d("circle", {
-					fill: q.value.style.quadrant.plots.color,
-					r: q.value.style.quadrant.plots.radius,
+					fill: q.value.quadrant.plots.color,
+					r: q.value.quadrant.plots.radius,
 					cx: "85",
 					cy: "26"
-				}, null, 8, Ir),
+				}, null, 8, Lr),
 				d("circle", {
-					fill: q.value.style.quadrant.plots.color,
-					r: q.value.style.quadrant.plots.radius,
+					fill: q.value.quadrant.plots.color,
+					r: q.value.quadrant.plots.radius,
 					cx: "55",
 					cy: "46"
-				}, null, 8, Lr)
-			], 12, Er)) : l("", !0),
+				}, null, 8, Rr)
+			], 12, Dr)) : l("", !0),
 			J.value === "radar" ? (h(), u("svg", {
 				key: 33,
 				xmlns: v(i),
 				viewBox: "0 0 100 100",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				p(o),
-				d("path", {
-					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, zr),
 				d("path", {
 					d: Ei.value,
 					fill: "none",
-					stroke: v(n)(q.value.style.radar.grid.color, 70),
-					"stroke-width": q.value.style.radar.grid.strokeWidth / 2,
+					stroke: q.value.radar.grid.color,
+					"stroke-width": q.value.radar.grid.strokeWidth,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, null, 8, Br),
 				d("path", {
 					d: Di.value,
 					fill: "none",
-					stroke: v(n)(q.value.style.radar.grid.color, 70),
-					"stroke-width": q.value.style.radar.grid.strokeWidth / 2,
+					stroke: v(n)(q.value.radar.grid.color, 70),
+					"stroke-width": q.value.radar.grid.strokeWidth / 2,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, null, 8, Vr),
 				d("path", {
 					d: Oi.value,
 					fill: "none",
-					stroke: v(n)(q.value.style.radar.grid.color, 70),
-					"stroke-width": q.value.style.radar.grid.strokeWidth / 2.5,
+					stroke: v(n)(q.value.radar.grid.color, 70),
+					"stroke-width": q.value.radar.grid.strokeWidth / 2,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round"
 				}, null, 8, Hr),
 				d("path", {
-					d: "M 9,50 91,50",
-					stroke: v(n)(q.value.style.radar.grid.color, 50),
-					"stroke-width": q.value.style.radar.grid.strokeWidth / 2
+					d: ki.value,
+					fill: "none",
+					stroke: v(n)(q.value.radar.grid.color, 70),
+					"stroke-width": q.value.radar.grid.strokeWidth / 2.5,
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round"
 				}, null, 8, Ur),
 				d("path", {
-					d: "M 29.5,14.5 70.5 85.5",
-					stroke: v(n)(q.value.style.radar.grid.color, 50),
-					"stroke-width": q.value.style.radar.grid.strokeWidth / 2
+					d: "M 9,50 91,50",
+					stroke: v(n)(q.value.radar.grid.color, 50),
+					"stroke-width": q.value.radar.grid.strokeWidth / 2
 				}, null, 8, Wr),
 				d("path", {
-					d: "M 29.5,85.5 70.5 14.5",
-					stroke: v(n)(q.value.style.radar.grid.color, 50),
-					"stroke-width": q.value.style.radar.grid.strokeWidth / 2
+					d: "M 29.5,14.5 70.5 85.5",
+					stroke: v(n)(q.value.radar.grid.color, 50),
+					"stroke-width": q.value.radar.grid.strokeWidth / 2
 				}, null, 8, Gr),
+				d("path", {
+					d: "M 29.5,85.5 70.5 14.5",
+					stroke: v(n)(q.value.radar.grid.color, 50),
+					"stroke-width": q.value.radar.grid.strokeWidth / 2
+				}, null, 8, Kr),
 				d("path", {
 					d: "M 34,23 68.5,18, 70,50 61.5,70 35,75.5 10,50  Z",
 					stroke: "none",
 					"stroke-linejoin": "round",
-					fill: v(n)(q.value.style.radar.shapes.color, 30)
-				}, null, 8, Kr),
+					fill: v(n)(q.value.radar.shapes.color, 30)
+				}, null, 8, qr),
 				d("path", {
 					d: "M 43.5,40 64.5,25, 84,50 55.5,60 29.5,85.5 25,50  Z",
 					stroke: "none",
 					"stroke-linejoin": "round",
-					fill: v(n)(q.value.style.radar.shapes.color, 50)
-				}, null, 8, qr)
-			], 12, Rr)) : l("", !0),
+					fill: v(n)(q.value.radar.shapes.color, 50)
+				}, null, 8, Jr)
+			], 12, zr)) : l("", !0),
 			J.value === "waffle" ? (h(), u("svg", {
 				key: 34,
 				xmlns: v(i),
 				viewBox: "0 0 100 100",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				p(o),
 				(h(), u(s, null, _(10, (e, t) => d("g", null, [(h(), u(s, null, _(10, (e, r) => d("g", null, [d("rect", {
@@ -2290,80 +2290,80 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 					y: 3 + t * 9.5,
 					height: 9,
 					width: 9,
-					fill: v(n)(q.value.style.waffle.color, 20),
+					fill: v(n)(q.value.waffle.color, 20),
 					rx: "1"
-				}, null, 8, Yr)])), 64))])), 64)),
+				}, null, 8, Xr)])), 64))])), 64)),
 				(h(), u(s, null, _(10, (e, t) => d("g", null, [(h(), u(s, null, _(10, (e, r) => d("g", null, [t > 2 ? (h(), u("rect", {
 					key: 0,
 					x: 3 + r * 9.5,
 					y: 3 + t * 9.5,
 					height: 9,
 					width: 9,
-					fill: v(n)(q.value.style.waffle.color, 30),
+					fill: v(n)(q.value.waffle.color, 30),
 					rx: "1"
-				}, null, 8, Xr)) : l("", !0)])), 64))])), 64)),
+				}, null, 8, Zr)) : l("", !0)])), 64))])), 64)),
 				(h(), u(s, null, _(10, (e, t) => d("g", null, [(h(), u(s, null, _(10, (e, r) => d("g", null, [t > 6 ? (h(), u("rect", {
 					key: 0,
 					x: 3 + r * 9.5,
 					y: 3 + t * 9.5,
 					height: 9,
 					width: 9,
-					fill: v(n)(q.value.style.waffle.color, 50),
+					fill: v(n)(q.value.waffle.color, 50),
 					rx: "1"
-				}, null, 8, Zr)) : l("", !0)])), 64))])), 64))
-			], 12, Jr)) : l("", !0),
+				}, null, 8, Qr)) : l("", !0)])), 64))])), 64))
+			], 12, Yr)) : l("", !0),
 			J.value === "table" ? (h(), u("svg", {
 				key: 35,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 100 70",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				p(o),
 				d("rect", {
-					fill: v(n)(q.value.style.table.th.color, 50),
+					fill: v(n)(q.value.table.th.color, 50),
 					x: 3.5,
 					y: 5,
 					height: "10",
 					width: "93"
-				}, null, 8, $r),
+				}, null, 8, ei),
 				d("rect", {
-					fill: v(n)(q.value.style.table.th.color, 50),
+					fill: v(n)(q.value.table.th.color, 50),
 					x: 3.5,
 					y: 15,
 					height: "50",
 					width: "23.25"
-				}, null, 8, ei),
+				}, null, 8, ti),
 				(h(), u(s, null, _(7, (e, t) => d("line", {
 					x1: "3.7",
 					x2: "96.3",
 					y1: 5 + t * 10,
 					y2: 5 + t * 10,
-					stroke: q.value.style.table.td.color,
-					"stroke-width": q.value.style.table.td.strokeWidth,
+					stroke: q.value.table.td.color,
+					"stroke-width": q.value.table.td.strokeWidth,
 					"stroke-linecap": "round"
-				}, null, 8, ti)), 64)),
+				}, null, 8, ni)), 64)),
 				(h(), u(s, null, _(5, (e, t) => d("line", {
 					x1: 3.5 + t * 23.25,
 					x2: 3.5 + t * 23.25,
 					y1: "5",
 					y2: "65",
-					stroke: q.value.style.table.td.color,
-					"stroke-width": q.value.style.table.td.strokeWidth,
+					stroke: q.value.table.td.color,
+					"stroke-width": q.value.table.td.strokeWidth,
 					"stroke-linecap": "round"
-				}, null, 8, ni)), 64))
-			], 12, Qr)) : l("", !0),
-			J.value === "rating" ? (h(), u(s, { key: 36 }, [q.value.style.rating.useSmiley ? (h(), u("div", {
+				}, null, 8, ri)), 64))
+			], 12, $r)) : l("", !0),
+			J.value === "rating" ? (h(), u(s, { key: 36 }, [q.value.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`)
+				style: m(`display:flex;flex-direction:row;align-items:center;justify-content:center;width:${q.value.rating.maxWidth}px`)
 			}, [
-				q.value.style.rating.filled ? (h(), u("svg", {
+				q.value.rating.filled ? (h(), u("svg", {
 					key: 0,
 					xmlns: v(i),
-					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
+					style: m(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
-					stroke: q.value.style.rating.color,
+					stroke: q.value.rating.color,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
@@ -2375,28 +2375,28 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 						fill: "none"
 					}, null, -1),
 					d("path", {
-						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",
+						d: "M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zm-5 9.86a4.5 4.5 0 00-3.214 1.35 1 1 0 101.428 1.4 2.5 2.5 0 013.572 0 1 1 0 001.428-1.4A4.5 4.5 0 0012 13.2zM9.01 9l-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z",
 						"stroke-width": "0",
-						fill: q.value.style.rating.color
-					}, null, 8, ii)
-				], 12, ri)) : (h(), u("svg", {
+						fill: q.value.rating.color
+					}, null, 8, ai)
+				], 12, ii)) : (h(), u("svg", {
 					key: 1,
 					xmlns: v(i),
-					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
+					style: m(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
-					stroke: q.value.style.rating.color,
+					stroke: q.value.rating.color,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...t[1] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-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", {
+				}, [...t[1] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-58349b71></path><path d=\"M3 12a9 9 0 1018 0A9 9 0 103 12\" data-v-58349b71></path><path d=\"M9 10l.01 0\" data-v-58349b71></path><path d=\"M15 10l.01 0\" data-v-58349b71></path><path d=\"M9.5 15.25a3.5 3.5 0 015 0\" data-v-58349b71></path>", 5)]], 12, oi)),
+				q.value.rating.filled ? (h(), u("svg", {
 					key: 2,
 					xmlns: v(i),
-					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
+					style: m(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
-					stroke: q.value.style.rating.color,
+					stroke: q.value.rating.color,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
@@ -2405,27 +2405,27 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 					d: "M0 0h24v24H0z",
 					fill: "none"
 				}, null, -1), d("path", {
-					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",
+					d: "M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM15 14H9l-.117.007a1 1 0 000 1.986L9 16h6l.117-.007a1 1 0 000-1.986L15 14zm-5.99-5-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z",
 					"stroke-width": "0",
-					fill: q.value.style.rating.color
-				}, null, 8, si)], 12, oi)) : (h(), u("svg", {
+					fill: q.value.rating.color
+				}, null, 8, ci)], 12, si)) : (h(), u("svg", {
 					key: 3,
 					xmlns: v(i),
-					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
+					style: m(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
-					stroke: q.value.style.rating.color,
+					stroke: q.value.rating.color,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...t[3] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-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", {
+				}, [...t[3] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-58349b71></path><path d=\"M3 12a9 9 0 1018 0A9 9 0 103 12\" data-v-58349b71></path><path d=\"M9 10l.01 0\" data-v-58349b71></path><path d=\"M15 10l.01 0\" data-v-58349b71></path><path d=\"M9 15l6 0\" data-v-58349b71></path>", 5)]], 12, li)),
+				q.value.rating.filled ? (h(), u("svg", {
 					key: 4,
 					xmlns: v(i),
-					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
+					style: m(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
-					stroke: q.value.style.rating.color,
+					stroke: q.value.rating.color,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
@@ -2434,16 +2434,16 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 					d: "M0 0h24v24H0z",
 					fill: "none"
 				}, null, -1), d("path", {
-					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",
+					d: "M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM9.01 9l-.127.007a1 1 0 000 1.986L9 11l.127-.007a1 1 0 000-1.986L9.01 9zm6 0-.127.007a1 1 0 000 1.986L15 11l.127-.007a1 1 0 000-1.986L15.01 9z",
 					"stroke-width": "0",
-					fill: q.value.style.rating.color
-				}, null, 8, ui)], 12, li)) : (h(), u("svg", {
+					fill: q.value.rating.color
+				}, null, 8, di)], 12, ui)) : (h(), u("svg", {
 					key: 5,
 					xmlns: v(i),
-					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
+					style: m(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
-					stroke: q.value.style.rating.color,
+					stroke: q.value.rating.color,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
@@ -2453,17 +2453,17 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 						d: "M0 0h24v24H0z",
 						fill: "none"
 					}, null, -1),
-					d("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }, null, -1),
+					d("path", { d: "M3 12a9 9 0 1018 0A9 9 0 103 12" }, null, -1),
 					d("path", { d: "M9 10l.01 0" }, null, -1),
 					d("path", { d: "M15 10l.01 0" }, null, -1)
-				]], 12, di)),
-				q.value.style.rating.filled ? (h(), u("svg", {
+				]], 12, fi)),
+				q.value.rating.filled ? (h(), u("svg", {
 					key: 6,
 					xmlns: v(i),
-					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
+					style: m(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
-					stroke: q.value.style.rating.color,
+					stroke: q.value.rating.color,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
@@ -2472,27 +2472,27 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 					d: "M0 0h24v24H0z",
 					fill: "none"
 				}, null, -1), d("path", {
-					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",
+					d: "M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zm-1.8 10.946a1 1 0 00-1.414.014 2.5 2.5 0 01-3.572 0 1 1 0 00-1.428 1.4 4.5 4.5 0 006.428 0 1 1 0 00-.014-1.414zM9.01 9l-.127.007A1 1 0 009 11l.127-.007A1 1 0 009.01 9zm6 0-.127.007A1 1 0 0015 11l.127-.007A1 1 0 0015.01 9z",
 					"stroke-width": "0",
-					fill: q.value.style.rating.color
-				}, null, 8, pi)], 12, fi)) : (h(), u("svg", {
+					fill: q.value.rating.color
+				}, null, 8, mi)], 12, pi)) : (h(), u("svg", {
 					key: 7,
 					xmlns: v(i),
-					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
+					style: m(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
-					stroke: q.value.style.rating.color,
+					stroke: q.value.rating.color,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...t[7] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-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", {
+				}, [...t[7] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-58349b71></path><path d=\"M3 12a9 9 0 1018 0A9 9 0 103 12\" data-v-58349b71></path><path d=\"M9 10l.01 0\" data-v-58349b71></path><path d=\"M15 10l.01 0\" data-v-58349b71></path><path d=\"M9.5 15a3.5 3.5 0 0 0 5 0\" data-v-58349b71></path>", 5)]], 12, hi)),
+				q.value.rating.filled ? (h(), u("svg", {
 					key: 8,
 					xmlns: v(i),
-					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
+					style: m(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
-					stroke: q.value.style.rating.color,
+					stroke: q.value.rating.color,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
@@ -2501,26 +2501,26 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 					d: "M0 0h24v24H0z",
 					fill: "none"
 				}, null, -1), d("path", {
-					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",
+					d: "M17 3.34A10 10 0 112.005 12.324L2 12l.005-.324A10 10 0 0117 3.34zM15 13H9a1 1 0 00-1 1v.05a3.975 3.975 0 003.777 3.97l.227.005a4.026 4.026 0 003.99-3.79l.006-.206A1 1 0 0015 13zm-5.99-5-.127.007A1 1 0 009 10l.127-.007A1 1 0 009.01 8zm6 0-.127.007A1 1 0 0015 10l.127-.007A1 1 0 0015.01 8z",
 					"stroke-width": "0",
-					fill: q.value.style.rating.color
-				}, null, 8, hi)], 12, G)) : (h(), u("svg", {
+					fill: q.value.rating.color
+				}, null, 8, gi)], 12, W)) : (h(), u("svg", {
 					key: 9,
 					xmlns: v(i),
-					style: m(`width:${q.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
+					style: m(`width:${q.value.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
 					viewBox: "0 0 24 24",
 					"stroke-width": "1.5",
-					stroke: q.value.style.rating.color,
+					stroke: q.value.rating.color,
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
 					fill: "none"
-				}, [...t[9] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-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))
+				}, [...t[9] ||= [f("<path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" data-v-58349b71></path><path d=\"M3 12a9 9 0 1018 0A9 9 0 103 12\" data-v-58349b71></path><path d=\"M9 9l.01 0\" data-v-58349b71></path><path d=\"M15 9l.01 0\" data-v-58349b71></path><path d=\"M8 13a4 4 0 1 0 8 0h-8\" data-v-58349b71></path>", 5)]], 12, _i))
 			], 4)) : (h(), u("svg", {
 				key: 1,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 100 30",
-				style: m(`background:${q.value.style.backgroundColor};max-width:${q.value.style.rating.maxWidth}px`)
+				style: m(`background:${q.value.backgroundColor};max-width:${q.value.rating.maxWidth}px`)
 			}, [p(o), (h(), u(s, null, _(5, (e, t) => d("polygon", {
 				points: v(ee)({
 					plot: {
@@ -2529,39 +2529,39 @@ var y = /* @__PURE__ */ e({ default: () => K }), se = ["id"], ce = ["xmlns"], le
 					},
 					radius: 6
 				}),
-				fill: q.value.style.rating.filled ? q.value.style.rating.color : "none",
-				stroke: q.value.style.rating.color,
-				"stroke-width": q.value.style.rating.strokeWidth,
+				fill: q.value.rating.filled ? q.value.rating.color : "none",
+				stroke: q.value.rating.color,
+				"stroke-width": q.value.rating.strokeWidth,
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			}, null, 8, vi)), 64))], 12, _i))], 64)) : l("", !0),
+			}, null, 8, yi)), 64))], 12, vi))], 64)) : l("", !0),
 			J.value === "verticalBar" ? (h(), u("svg", {
 				key: 37,
 				xmlns: v(i),
 				width: "100%",
 				viewBox: "0 0 100 100",
-				style: m(`background:${q.value.style.backgroundColor}`)
+				style: m(`background:${q.value.backgroundColor}`)
 			}, [
 				p(o),
-				q.value.style.verticalBar.axis.show ? (h(), u("g", bi, [d("line", {
+				q.value.verticalBar.axis.show ? (h(), u("g", xi, [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, xi)])) : l("", !0),
+					stroke: q.value.verticalBar.axis.color,
+					"stroke-width": q.value.verticalBar.axis.strokeWidth
+				}, null, 8, Si)])) : l("", !0),
 				(h(), u(s, null, _(6, (e, t) => d("rect", {
 					x: 3,
 					y: 5 + t * 15.6,
 					height: "12",
 					width: 94 - 94 * t / 6,
-					fill: q.value.style.verticalBar.color,
-					rx: q.value.style.verticalBar.borderRadius
-				}, null, 8, Si)), 64))
-			], 12, yi)) : l("", !0)
+					fill: q.value.verticalBar.color,
+					rx: q.value.verticalBar.borderRadius
+				}, null, 8, Ci)), 64))
+			], 12, bi)) : l("", !0)
 		], 14, se));
 	}
-}, [["__scopeId", "data-v-f95b295f"]]);
+}, [["__scopeId", "data-v-58349b71"]]);
 //#endregion
-export { y as n, K as t };
+export { y as n, G as t };