vue-data-ui 3.27.0 → 3.27.1-beta.0

package/dist/vue-ui-skeleton-t7e6KEZ2.js

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