vue-data-ui 2.9.5 → 2.9.7-beta.0

package/dist/{vue-ui-skeleton-hrplR5wa.js → vue-ui-skeleton-kS_CJIiv.js}

@@ -1,9 +1,9 @@
-import { ref as w, computed as g, createElementBlock as e, openBlock as o, normalizeStyle as n, normalizeClass as N, createCommentVNode as a, unref as s, createVNode as d, createElementVNode as t, Fragment as k, renderList as v, createStaticVNode as $ } from "vue";
-import { u as F, P as A, X as c, s as h, W as O } from "./index-BDGf85YF.js";
-import { u as V } from "./useNestedProp-BsN3TOQ0.js";
-import { _ as y } from "./PackageVersion-Bq98eXon.js";
+import { ref as b, computed as g, createElementBlock as e, openBlock as o, normalizeStyle as n, normalizeClass as N, createCommentVNode as a, unref as s, createVNode as d, createElementVNode as t, Fragment as k, renderList as v, createStaticVNode as A } from "vue";
+import { u as F, P as B, X as c, s as h, W as O } from "./index-DwNTTJ28.js";
+import { u as V } from "./useNestedProp-DLKXTEny.js";
+import { _ as y } from "./PackageVersion-smHUcsQE.js";
 import { _ as X } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"], U = ["fill", "stroke"], J = ["fill"], K = ["fill", "stroke"], Q = ["fill"], ll = ["fill", "stroke"], tl = ["fill"], el = ["fill", "stroke"], ol = ["fill"], sl = ["fill", "stroke"], rl = ["fill"], il = ["fill", "stroke"], nl = ["fill"], al = ["xmlns"], cl = ["stroke"], ul = ["stroke"], dl = ["stroke"], yl = ["stroke"], kl = ["stroke"], hl = ["stroke"], vl = ["stroke"], _l = ["stroke"], xl = ["stroke"], pl = ["xmlns"], gl = ["stroke", "fill"], fl = ["xmlns"], wl = ["stroke", "fill"], ml = ["xmlns"], bl = ["fill"], Ml = ["fill"], Cl = ["fill"], Ll = ["fill"], $l = ["xmlns"], Al = ["stroke"], Pl = ["fill"], Bl = ["stroke", "fill"], Wl = ["stroke", "fill"], zl = ["fill"], jl = ["stroke", "fill"], ql = ["stroke", "fill"], Hl = ["fill"], El = ["stroke", "fill"], Sl = ["stroke", "fill"], Zl = ["fill"], Il = ["stroke", "fill"], Nl = ["stroke", "fill"], Fl = ["fill"], Ol = ["stroke", "fill"], Vl = ["stroke", "fill"], Xl = ["xmlns"], Gl = ["stroke"], Rl = ["stroke"], Tl = ["stroke", "fill"], Yl = ["stroke", "fill"], Dl = ["stroke", "fill"], Ul = ["stroke", "fill"], Jl = ["stroke", "fill"], Kl = ["stroke", "fill"], Ql = ["stroke", "fill"], lt = ["stroke", "fill"], tt = ["stroke", "fill"], et = ["stroke", "fill"], ot = ["stroke", "fill"], st = ["stroke", "fill"], rt = ["stroke", "fill"], it = ["stroke", "fill"], nt = ["stroke", "fill"], at = ["stroke", "fill"], ct = ["stroke", "fill"], ut = ["stroke", "fill"], dt = ["stroke", "fill"], yt = ["stroke", "fill"], kt = ["stroke", "fill"], ht = ["stroke", "fill"], vt = ["stroke", "fill"], _t = ["xmlns"], xt = ["stroke"], pt = ["xmlns"], gt = ["stroke"], ft = ["xmlns"], wt = ["stroke"], mt = ["xmlns"], bt = ["fill"], Mt = ["fill"], Ct = ["fill"], Lt = ["fill"], $t = ["fill"], At = ["fill"], Pt = ["fill"], Bt = ["fill"], Wt = ["fill"], zt = ["fill"], jt = ["fill"], qt = ["fill"], Ht = ["xmlns"], Et = ["stroke"], St = ["stroke"], Zt = ["stroke"], It = ["stroke"], Nt = ["stroke"], Ft = ["stroke"], Ot = ["xmlns"], Vt = ["stroke"], Xt = ["stroke"], Gt = ["stroke"], Rt = ["stroke"], Tt = ["stroke"], Yt = ["stroke"], Dt = ["stroke"], Ut = ["stroke"], Jt = ["stroke"], Kt = ["xmlns"], Qt = ["stroke"], le = ["xmlns"], te = ["stroke"], ee = ["stroke"], oe = ["stroke"], se = ["stroke"], re = ["stroke"], ie = ["stroke"], ne = ["stroke"], ae = ["stroke"], ce = ["stroke"], ue = ["xmlns"], de = ["x1", "x2", "stroke"], ye = ["xmlns"], ke = ["x", "y", "width", "height", "fill"], he = ["y", "width", "height", "fill"], ve = ["xmlns"], _e = ["fill"], xe = ["fill"], pe = ["fill"], ge = ["xmlns"], fe = ["x1", "x2", "y1", "y2", "stroke"], we = ["stroke"], me = ["fill"], be = ["xmlns"], Me = ["fill"], Ce = ["fill"], Le = ["x1", "y1", "x2", "y2", "stroke-width", "stroke"], $e = ["xmlns"], Ae = { key: 0 }, Pe = ["stroke", "stroke-width"], Be = ["stroke", "stroke-width"], We = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ze = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], je = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], qe = ["x", "y", "height", "width", "fill"], He = ["xmlns", "viewBox"], Ee = ["x", "y", "stroke", "fill"], Se = ["xmlns"], Ze = ["d", "stroke"], Ie = ["cx", "cy", "r", "fill", "stroke"], Ne = ["cx", "cy", "r", "fill", "stroke"], Fe = ["x", "y", "width", "fill"], Oe = ["cx", "cy", "fill"], Ve = ["cx", "cy", "fill"], Xe = ["stroke"], Ge = ["xmlns"], Re = ["stroke", "stroke-width"], Te = ["stroke", "stroke-width"], Ye = ["stroke", "stroke-width"], De = ["fill"], Ue = ["fill"], Je = ["fill"], Ke = ["fill"], Qe = ["fill"], lo = ["fill"], to = ["xmlns"], eo = { key: 0 }, oo = ["stroke", "stroke-width"], so = ["stroke", "stroke-width"], ro = ["stroke", "stroke-width"], io = { key: 1 }, no = ["r", "fill"], ao = ["r", "fill"], co = ["xmlns"], uo = { key: 0 }, yo = ["stroke", "stroke-width"], ko = ["stroke", "stroke-width"], ho = ["fill", "rx", "x", "y", "width", "height"], vo = ["xmlns"], _o = ["stroke-width", "stroke"], xo = ["stroke-width", "stroke"], po = ["stroke-width", "stroke"], go = ["xmlns"], fo = ["stroke"], wo = ["stroke"], mo = ["stroke"], bo = ["stroke"], Mo = ["fill"], Co = ["stroke"], Lo = ["xmlns"], $o = ["stroke", "stroke-width"], Ao = ["stroke", "stroke-width"], Po = ["fill", "r"], Bo = ["fill", "r"], Wo = ["fill", "r"], zo = ["fill", "r"], jo = ["fill", "r"], qo = ["fill", "r"], Ho = ["fill", "r"], Eo = ["fill", "r"], So = ["fill", "r"], Zo = ["xmlns"], Io = ["d", "stroke", "stroke-width"], No = ["d", "stroke", "stroke-width"], Fo = ["d", "stroke", "stroke-width"], Oo = ["d", "stroke", "stroke-width"], Vo = ["stroke", "stroke-width"], Xo = ["stroke", "stroke-width"], Go = ["stroke", "stroke-width"], Ro = ["fill"], To = ["fill"], Yo = ["xmlns"], Do = ["x", "y", "fill"], Uo = ["x", "y", "fill"], Jo = ["x", "y", "fill"], Ko = ["xmlns"], Qo = ["fill"], ls = ["fill"], ts = ["y1", "y2", "stroke", "stroke-width"], es = ["x1", "x2", "stroke", "stroke-width"], os = ["xmlns", "stroke"], ss = ["fill"], rs = ["xmlns", "stroke"], is = ["xmlns", "stroke"], ns = ["fill"], as = ["xmlns", "stroke"], cs = ["xmlns", "stroke"], us = ["fill"], ds = ["xmlns", "stroke"], ys = ["xmlns", "stroke"], ks = ["fill"], hs = ["xmlns", "stroke"], vs = ["xmlns", "stroke"], _s = ["fill"], xs = ["xmlns", "stroke"], ps = ["xmlns"], gs = ["points", "fill", "stroke", "stroke-width"], fs = ["xmlns"], ws = { key: 0 }, ms = ["stroke", "stroke-width"], bs = ["y", "width", "fill", "rx"], Ms = {
+const G = ["id"], R = ["xmlns"], T = ["id"], Y = ["stop-color"], D = ["stop-color"], U = ["stop-color"], J = ["stop-color"], K = ["fill", "stroke"], Q = ["fill", "stroke"], ll = ["fill", "stroke"], tl = ["fill", "stroke"], el = ["fill", "stroke"], ol = ["xmlns"], sl = ["stroke"], rl = ["stroke"], il = ["stroke"], nl = ["fill", "stroke"], al = ["fill"], cl = ["fill", "stroke"], ul = ["fill"], dl = ["fill", "stroke"], yl = ["fill"], kl = ["fill", "stroke"], hl = ["fill"], vl = ["fill", "stroke"], _l = ["fill"], xl = ["fill", "stroke"], pl = ["fill"], gl = ["xmlns"], fl = ["stroke"], wl = ["stroke"], bl = ["stroke"], Cl = ["stroke"], ml = ["stroke"], Ml = ["stroke"], Ll = ["stroke"], $l = ["stroke"], Al = ["stroke"], Bl = ["xmlns"], Pl = ["stroke", "fill"], Wl = ["xmlns"], jl = ["stroke", "fill"], zl = ["xmlns"], ql = ["fill"], Hl = ["fill"], El = ["fill"], Sl = ["fill"], Zl = ["xmlns"], Il = ["stroke"], Nl = ["fill"], Fl = ["stroke", "fill"], Ol = ["stroke", "fill"], Vl = ["fill"], Xl = ["stroke", "fill"], Gl = ["stroke", "fill"], Rl = ["fill"], Tl = ["stroke", "fill"], Yl = ["stroke", "fill"], Dl = ["fill"], Ul = ["stroke", "fill"], Jl = ["stroke", "fill"], Kl = ["fill"], Ql = ["stroke", "fill"], lt = ["stroke", "fill"], tt = ["xmlns"], et = ["stroke"], ot = ["stroke"], st = ["stroke", "fill"], rt = ["stroke", "fill"], it = ["stroke", "fill"], nt = ["stroke", "fill"], at = ["stroke", "fill"], ct = ["stroke", "fill"], ut = ["stroke", "fill"], dt = ["stroke", "fill"], yt = ["stroke", "fill"], kt = ["stroke", "fill"], ht = ["stroke", "fill"], vt = ["stroke", "fill"], _t = ["stroke", "fill"], xt = ["stroke", "fill"], pt = ["stroke", "fill"], gt = ["stroke", "fill"], ft = ["stroke", "fill"], wt = ["stroke", "fill"], bt = ["stroke", "fill"], Ct = ["stroke", "fill"], mt = ["stroke", "fill"], Mt = ["stroke", "fill"], Lt = ["stroke", "fill"], $t = ["xmlns"], At = ["stroke"], Bt = ["xmlns"], Pt = ["stroke"], Wt = ["xmlns"], jt = ["stroke"], zt = ["xmlns"], qt = ["fill"], Ht = ["fill"], Et = ["fill"], St = ["fill"], Zt = ["fill"], It = ["fill"], Nt = ["fill"], Ft = ["fill"], Ot = ["fill"], Vt = ["fill"], Xt = ["fill"], Gt = ["fill"], Rt = ["xmlns"], Tt = ["stroke"], Yt = ["stroke"], Dt = ["stroke"], Ut = ["stroke"], Jt = ["stroke"], Kt = ["stroke"], Qt = ["xmlns"], l1 = ["stroke"], t1 = ["stroke"], e1 = ["stroke"], o1 = ["stroke"], s1 = ["stroke"], r1 = ["stroke"], i1 = ["stroke"], n1 = ["stroke"], a1 = ["stroke"], c1 = ["xmlns"], u1 = ["stroke"], d1 = ["xmlns"], y1 = ["stroke"], k1 = ["stroke"], h1 = ["stroke"], v1 = ["stroke"], _1 = ["stroke"], x1 = ["stroke"], p1 = ["stroke"], g1 = ["stroke"], f1 = ["stroke"], w1 = ["xmlns"], b1 = ["x1", "x2", "stroke"], C1 = ["xmlns"], m1 = ["x", "y", "width", "height", "fill"], M1 = ["y", "width", "height", "fill"], L1 = ["xmlns"], $1 = ["fill"], A1 = ["fill"], B1 = ["fill"], P1 = ["xmlns"], W1 = ["x1", "x2", "y1", "y2", "stroke"], j1 = ["stroke"], z1 = ["fill"], q1 = ["xmlns"], H1 = ["fill"], E1 = ["fill"], S1 = ["x1", "y1", "x2", "y2", "stroke-width", "stroke"], Z1 = ["xmlns"], I1 = { key: 0 }, N1 = ["stroke", "stroke-width"], F1 = ["stroke", "stroke-width"], O1 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], V1 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], X1 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], G1 = ["x", "y", "height", "width", "fill"], R1 = ["xmlns", "viewBox"], T1 = ["x", "y", "stroke", "fill"], Y1 = ["xmlns"], D1 = ["d", "stroke"], U1 = ["cx", "cy", "r", "fill", "stroke"], J1 = ["cx", "cy", "r", "fill", "stroke"], K1 = ["x", "y", "width", "fill"], Q1 = ["cx", "cy", "fill"], le = ["cx", "cy", "fill"], te = ["stroke"], ee = ["xmlns"], oe = ["stroke", "stroke-width"], se = ["stroke", "stroke-width"], re = ["stroke", "stroke-width"], ie = ["fill"], ne = ["fill"], ae = ["fill"], ce = ["fill"], ue = ["fill"], de = ["fill"], ye = ["xmlns"], ke = { key: 0 }, he = ["stroke", "stroke-width"], ve = ["stroke", "stroke-width"], _e = ["stroke", "stroke-width"], xe = { key: 1 }, pe = ["r", "fill"], ge = ["r", "fill"], fe = ["xmlns"], we = { key: 0 }, be = ["stroke", "stroke-width"], Ce = ["stroke", "stroke-width"], me = ["fill", "rx", "x", "y", "width", "height"], Me = ["xmlns"], Le = ["stroke-width", "stroke"], $e = ["stroke-width", "stroke"], Ae = ["stroke-width", "stroke"], Be = ["xmlns"], Pe = ["stroke"], We = ["stroke"], je = ["stroke"], ze = ["stroke"], qe = ["fill"], He = ["stroke"], Ee = ["xmlns"], Se = ["stroke", "stroke-width"], Ze = ["stroke", "stroke-width"], Ie = ["fill", "r"], Ne = ["fill", "r"], Fe = ["fill", "r"], Oe = ["fill", "r"], Ve = ["fill", "r"], Xe = ["fill", "r"], Ge = ["fill", "r"], Re = ["fill", "r"], Te = ["fill", "r"], Ye = ["xmlns"], De = ["d", "stroke", "stroke-width"], Ue = ["d", "stroke", "stroke-width"], Je = ["d", "stroke", "stroke-width"], Ke = ["d", "stroke", "stroke-width"], Qe = ["stroke", "stroke-width"], lo = ["stroke", "stroke-width"], to = ["stroke", "stroke-width"], eo = ["fill"], oo = ["fill"], so = ["xmlns"], ro = ["x", "y", "fill"], io = ["x", "y", "fill"], no = ["x", "y", "fill"], ao = ["xmlns"], co = ["fill"], uo = ["fill"], yo = ["y1", "y2", "stroke", "stroke-width"], ko = ["x1", "x2", "stroke", "stroke-width"], ho = ["xmlns", "stroke"], vo = ["fill"], _o = ["xmlns", "stroke"], xo = ["xmlns", "stroke"], po = ["fill"], go = ["xmlns", "stroke"], fo = ["xmlns", "stroke"], wo = ["fill"], bo = ["xmlns", "stroke"], Co = ["xmlns", "stroke"], mo = ["fill"], Mo = ["xmlns", "stroke"], Lo = ["xmlns", "stroke"], $o = ["fill"], Ao = ["xmlns", "stroke"], Bo = ["xmlns"], Po = ["points", "fill", "stroke", "stroke-width"], Wo = ["xmlns"], jo = { key: 0 }, zo = ["stroke", "stroke-width"], qo = ["y", "width", "fill", "rx"], Ho = {
   __name: "vue-ui-skeleton",
   props: {
     config: {
@@ -14,26 +14,26 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
     }
   },
   setup(P) {
-    const { vue_ui_skeleton: B } = F(), W = P, z = w(`vue-ui-skeleton-${Math.random()}`), l = g(() => V({
-      userConfig: W.config,
-      defaultConfig: B
-    })), j = g(() => l.value.style.animated), u = g(() => l.value.type), q = w([60, 50, 55, 36, 40, 25, 26, 12]), H = g(() => A({
+    const { vue_ui_skeleton: W } = F(), j = P, f = b(`vue-ui-skeleton-${Math.random()}`), l = g(() => V({
+      userConfig: j.config,
+      defaultConfig: W
+    })), z = g(() => l.value.style.animated), u = g(() => l.value.type), q = b([60, 50, 55, 36, 40, 25, 26, 12]), H = g(() => B({
       plot: { x: 50, y: 50 },
       radius: 40,
       sides: 6
-    }).path), E = g(() => A({
+    }).path), E = g(() => B({
       plot: { x: 50, y: 50 },
       radius: 30,
       sides: 6
-    }).path), S = g(() => A({
+    }).path), S = g(() => B({
       plot: { x: 50, y: 50 },
       radius: 20,
       sides: 6
-    }).path), Z = g(() => A({
+    }).path), Z = g(() => B({
       plot: { x: 50, y: 50 },
       radius: 10,
       sides: 6
-    }).path), b = w([
+    }).path), m = b([
       {
         root: {
           x: 70,
@@ -118,7 +118,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           }
         ]
       }
-    ]), x = w([
+    ]), x = b([
       {
         y: 200,
         height: 100,
@@ -169,7 +169,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
         height: 45,
         bar: 19
       }
-    ]), m = w([
+    ]), C = b([
       [3, 2.5],
       [4, 3.1],
       [8, 6],
@@ -189,7 +189,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
       [44, 45],
       [38, 35],
       [31, 32]
-    ]), M = w(
+    ]), M = b(
       [
         { x: 40, y: 30 },
         { x: 45, y: 28 },
@@ -216,33 +216,112 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
         { x: 150, y: 1 }
       ]
     );
-    function C(f, _ = 1) {
+    function L(w, _ = 1) {
       return {
-        x: 200 + 160 * Math.cos(29.85 + f * Math.PI / 180) * _,
-        y: 200 + 160 * Math.sin(29.85 + f * Math.PI / 180) * _
+        x: 200 + 160 * Math.cos(29.85 + w * Math.PI / 180) * _,
+        y: 200 + 160 * Math.sin(29.85 + w * Math.PI / 180) * _
       };
     }
     const I = g(() => {
-      const f = [];
+      const w = [];
       for (let r = 0; r < 100; r += 1)
-        f.push({
-          x1: C(360 / 100 * r).x,
-          y1: C(360 / 100 * r).y,
-          x2: C(360 / 100 * r, 0.9).x,
-          y2: C(360 / 100 * r, 0.9).y,
+        w.push({
+          x1: L(360 / 100 * r).x,
+          y1: L(360 / 100 * r).y,
+          x2: L(360 / 100 * r, 0.9).x,
+          y2: L(360 / 100 * r, 0.9).y,
           color: l.value.style.wheel.color
         });
-      return f;
+      return w;
     });
-    return (f, _) => (o(), e("div", {
-      id: z.value,
-      class: N({ "vue-ui-skeleton": !0, "vue-ui-skeleton-animated": j.value }),
+    return (w, _) => (o(), e("div", {
+      id: f.value,
+      class: N({ "vue-ui-skeleton": !0, "vue-ui-skeleton-animated": z.value }),
       style: n(`background:${l.value.style.backgroundColor};color:${l.value.style.color};display:flex;align-items:center;justify-content:center;`)
     }, [
-      u.value === "historyPlot" ? (o(), e("svg", {
+      u.value === "ridgeline" ? (o(), e("svg", {
         key: 0,
         xmlns: s(c),
         width: "100%",
+        viewBox: "20 0 512 200",
+        style: n(`background:${l.value.style.backgroundColor}`)
+      }, [
+        d(y),
+        t("defs", null, [
+          t("linearGradient", {
+            id: `ridgeline-gradient-${f.value}`,
+            x1: "50%",
+            y1: "0%",
+            x2: "50%",
+            y2: "100%"
+          }, [
+            t("stop", {
+              offset: "0%",
+              "stop-color": l.value.style.ridgeline.color,
+              "stop-opacity": "1"
+            }, null, 8, Y),
+            t("stop", {
+              offset: "30%",
+              "stop-color": l.value.style.ridgeline.color,
+              "stop-opacity": "0.7"
+            }, null, 8, D),
+            t("stop", {
+              offset: "70%",
+              "stop-color": l.value.style.ridgeline.color,
+              "stop-opacity": "0.3"
+            }, null, 8, U),
+            t("stop", {
+              offset: "100%",
+              "stop-color": l.value.style.ridgeline.color,
+              "stop-opacity": "0.1"
+            }, null, 8, J)
+          ], 8, T)
+        ]),
+        t("path", {
+          fill: `url(#ridgeline-gradient-${f.value})`,
+          stroke: l.value.style.ridgeline.color,
+          "stroke-width": "1",
+          d: "M66.6953125,60 L66.6953125,60 C72.88009982638889,59.403611453288086 79.06488715277779,58.89368232203086 85.24967447916667,58.21083435986425 C91.43446180555556,57.52798639769764 97.61924913194446,55.827101525061806 103.80403645833334,55.81495611628739 C109.98882378472223,55.802810707512975 116.17361111111111,55.808794600725854 122.3583984375,55.79659841225535 C128.54318576388889,55.784402223784845 134.7279730902778,50.50120257180663 140.91276041666669,50.50120257180663 C147.09754774305557,50.50120257180663 153.28233506944446,55.449371402529025 159.46712239583334,55.449371402529025 C165.65190972222223,55.449371402529025 171.83669704861111,52.6726852661858 178.021484375,52.6726852661858 C184.20627170138889,52.6726852661858 190.3910590277778,53.68748523105861 196.57584635416669,54.588107791627955 C202.76063368055557,55.4887303521973 208.94542100694446,59.17209535382662 215.13020833333334,59.17209535382662 C221.31499565972223,59.17209535382662 227.49978298611111,52.45924262596313 233.6845703125,52.45924262596313 C239.86935763888889,52.45924262596313 246.0541449652778,53.35394069624585 252.23893229166669,53.35394069624585 C258.4237196180556,53.35394069624585 264.60850694444446,48.87053557137407 270.79329427083337,48.87053557137407 C276.97808159722223,48.87053557137407 283.16286892361114,53.66236486164665 289.34765625,53.66236486164665 C295.5324435763889,53.66236486164665 301.71723090277777,27.591473273183208 307.9020182291667,27.591473273183208 C314.0868055555556,27.591473273183208 320.27159288194446,36.89852761880239 326.45638020833337,41.437518391010784 C332.64116753472223,45.97650916321916 338.82595486111114,54.832874234480315 345.0107421875,54.832874234480315 C351.1955295138889,54.832874234480315 357.38031684027777,18.691201442289355 363.5651041666667,18.691201442289355 C369.7498914930556,18.691201442289355 375.93467881944446,57.13764103396694 382.11946614583337,57.13764103396694 C388.30425347222223,57.13764103396694 394.48904079861114,45.68426316642005 400.673828125,40.20394349296662 C406.8586154513889,34.72362381951317 413.04340277777777,24.227858288281524 419.2281901041667,24.227858288281524 C425.4129774305556,24.227858288281524 431.59776475694446,40.62757421574731 437.78255208333337,40.62757421574731 C443.96733940972223,40.62757421574731 450.15212673611114,40.51108265240213 456.3369140625,40.28423459323992 C462.5217013888889,40.057386534077715 468.70648871527777,2.1986259303168354 474.8912760416667,2.1986259303168354 C481.0760633680556,2.1986259303168354 487.26085069444446,26.26823707335967 493.44563802083337,38.30304264488109 L493.44563802083337,60 ",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, null, 8, K),
+        t("path", {
+          fill: `url(#ridgeline-gradient-${f.value})`,
+          stroke: l.value.style.ridgeline.color,
+          "stroke-width": "1",
+          d: "M66.6953125,90 L66.6953125,90 C72.88009982638889,89.77691866194493 79.06488715277779,89.6480674216807 85.24967447916667,89.3307559858348 C91.43446180555556,89.0134445499889 97.61924913194446,87.68266335878263 103.80403645833334,87.68266335878263 C109.98882378472223,87.68266335878263 116.17361111111111,89.33939506404997 122.3583984375,89.33939506404997 C128.54318576388889,89.33939506404997 134.7279730902778,80.57818692301632 140.91276041666669,80.57818692301632 C147.09754774305557,80.57818692301632 153.28233506944446,84.72929899595943 159.46712239583334,84.72929899595943 C165.65190972222223,84.72929899595943 171.83669704861111,76.29369461861882 178.021484375,76.29369461861882 C184.20627170138889,76.29369461861882 190.3910590277778,87.15511944847793 196.57584635416669,87.15511944847793 C202.76063368055557,87.15511944847793 208.94542100694446,77.94863017425682 215.13020833333334,74.99584997381157 C221.31499565972223,72.04306977336633 227.49978298611111,68.02886623624688 233.6845703125,68.02886623624688 C239.86935763888889,68.02886623624688 246.0541449652778,77.62348634322068 252.23893229166669,80.79968178070098 C258.4237196180556,83.97587721818128 264.60850694444446,88.39897472556459 270.79329427083337,88.39897472556459 C276.97808159722223,88.39897472556459 283.16286892361114,63.96493991037978 289.34765625,63.96493991037978 C295.5324435763889,63.96493991037978 301.71723090277777,80.9314320263608 307.9020182291667,80.9314320263608 C314.0868055555556,80.9314320263608 320.27159288194446,60.30690675691305 326.45638020833337,60.30690675691305 C332.64116753472223,60.30690675691305 338.82595486111114,80.67911579309319 345.0107421875,80.67911579309319 C351.1955295138889,80.67911579309319 357.38031684027777,67.55382714087668 363.5651041666667,67.55382714087668 C369.7498914930556,67.55382714087668 375.93467881944446,81.05597396275368 382.11946614583337,81.05597396275368 C388.30425347222223,81.05597396275368 394.48904079861114,54.64612249628824 400.673828125,54.64612249628824 C406.8586154513889,54.64612249628824 413.04340277777777,55.13964865957763 419.2281901041667,55.91372079887162 C425.4129774305556,56.687792938165614 431.59776475694446,69.73490119628686 437.78255208333337,69.73490119628686 C443.96733940972223,69.73490119628686 450.15212673611114,64.42569974333888 456.3369140625,61.42720502984072 C462.5217013888889,58.42871031634255 468.70648871527777,51.619770711423186 474.8912760416667,51.619770711423186 C481.0760633680556,51.619770711423186 487.26085069444446,71.43616197640954 493.44563802083337,81.34435760890271 L493.44563802083337,90 ",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, null, 8, Q),
+        t("path", {
+          fill: `url(#ridgeline-gradient-${f.value})`,
+          stroke: l.value.style.ridgeline.color,
+          "stroke-width": "1",
+          d: "M66.6953125,120 L66.6953125,120 C72.88009982638889,119.66196806626975 79.06488715277779,119.44533270180851 85.24967447916667,118.98590419880924 C91.43446180555556,118.52647569580996 97.61924913194446,117.81773649883283 103.80403645833334,116.83526495762351 C109.98882378472223,115.85279341641419 116.17361111111111,113.13699308912776 122.3583984375,112.1532391330314 C128.54318576388889,111.16948517693505 134.7279730902778,109.99850075011585 140.91276041666669,109.99850075011585 C147.09754774305557,109.99850075011585 153.28233506944446,110.52302856658399 159.46712239583334,111.20320255966007 C165.65190972222223,111.88337655273615 171.83669704861111,117.86718432281516 178.021484375,117.86718432281516 C184.20627170138889,117.86718432281516 190.3910590277778,105.7185696258208 196.57584635416669,105.7185696258208 C202.76063368055557,105.7185696258208 208.94542100694446,110.31751295094999 215.13020833333334,110.31751295094999 C221.31499565972223,110.31751295094999 227.49978298611111,99.70404230342633 233.6845703125,98.99064382512827 C239.86935763888889,98.27724534683021 246.0541449652778,97.80890189925606 252.23893229166669,97.80890189925606 C258.4237196180556,97.80890189925606 264.60850694444446,115.55764695626283 270.79329427083337,116.03253869768785 C276.97808159722223,116.50743043911288 283.16286892361114,116.77385330737809 289.34765625,116.77385330737809 C295.5324435763889,116.77385330737809 301.71723090277777,99.67826782033458 307.9020182291667,99.67826782033458 C314.0868055555556,99.67826782033458 320.27159288194446,112.3566918690216 326.45638020833337,112.3566918690216 C332.64116753472223,112.3566918690216 338.82595486111114,112.02516373585607 345.0107421875,111.68929597325065 C351.1955295138889,111.35342821064523 357.38031684027777,110.90183216475394 363.5651041666667,109.63399668493035 C369.7498914930556,108.36616120510676 375.93467881944446,84.17797508108582 382.11946614583337,84.17797508108582 C388.30425347222223,84.17797508108582 394.48904079861114,94.53076076341709 400.673828125,94.53076076341709 C406.8586154513889,94.53076076341709 413.04340277777777,73.4620627222233 419.2281901041667,73.4620627222233 C425.4129774305556,73.4620627222233 431.59776475694446,106.73221498100051 437.78255208333337,106.73221498100051 C443.96733940972223,106.73221498100051 450.15212673611114,79.76344757126915 456.3369140625,79.76344757126915 C462.5217013888889,79.76344757126915 468.70648871527777,106.72764789963081 474.8912760416667,107.12246048541942 C481.0760633680556,107.51727307120804 487.26085069444446,107.52600835218848 493.44563802083337,107.72778228557301 L493.44563802083337,120 ",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, null, 8, ll),
+        t("path", {
+          fill: `url(#ridgeline-gradient-${f.value})`,
+          stroke: l.value.style.ridgeline.color,
+          "stroke-width": "1",
+          d: "M66.6953125,150 L66.6953125,150 C72.88009982638889,149.47795029840844 79.06488715277779,148.4338508952253 85.24967447916667,148.4338508952253 C91.43446180555556,148.4338508952253 97.61924913194446,149.78862806087534 103.80403645833334,149.78862806087534 C109.98882378472223,149.78862806087534 116.17361111111111,148.04072353168746 122.3583984375,146.60906937938194 C128.54318576388889,145.1774152270764 134.7279730902778,139.99324557351443 140.91276041666669,139.99324557351443 C147.09754774305557,139.99324557351443 153.28233506944446,149.97273754861985 159.46712239583334,149.97273754861985 C165.65190972222223,149.97273754861985 171.83669704861111,145.03376687065332 178.021484375,144.32772797689168 C184.20627170138889,143.62168908313004 190.3910590277778,143.8107253736048 196.57584635416669,143.02409560735822 C202.76063368055557,142.23746584111163 208.94542100694446,130.58782434985233 215.13020833333334,130.58782434985233 C221.31499565972223,130.58782434985233 227.49978298611111,149.11182283334733 233.6845703125,149.11182283334733 C239.86935763888889,149.11182283334733 246.0541449652778,146.61934000905183 252.23893229166669,146.61934000905183 C258.4237196180556,146.61934000905183 264.60850694444446,149.63856103727883 270.79329427083337,149.63856103727883 C276.97808159722223,149.63856103727883 283.16286892361114,120.24508280084818 289.34765625,120.24508280084818 C295.5324435763889,120.24508280084818 301.71723090277777,125.8060617486636 307.9020182291667,128.6125576296939 C314.0868055555556,131.4190535107242 320.27159288194446,133.74644461824312 326.45638020833337,137.08470876232406 C332.64116753472223,140.422972906405 338.82595486111114,149.32898535510793 345.0107421875,149.32898535510793 C351.1955295138889,149.32898535510793 357.38031684027777,145.03425137258355 363.5651041666667,140.55008414046353 C369.7498914930556,136.0659169083435 375.93467881944446,111.78284121111767 382.11946614583337,111.78284121111767 C388.30425347222223,111.78284121111767 394.48904079861114,113.0713199708892 400.673828125,114.79772539893028 C406.8586154513889,116.52413082697136 413.04340277777777,133.15608044416945 419.2281901041667,133.15608044416945 C425.4129774305556,133.15608044416945 431.59776475694446,125.48444339686912 437.78255208333337,120.24326995443076 C443.96733940972223,115.0020965119924 450.15212673611114,101.73324574781462 456.3369140625,100.14499087277113 C462.5217013888889,98.55673599772764 468.70648871527777,97.44223271035757 474.8912760416667,97.44223271035757 C481.0760633680556,97.44223271035757 487.26085069444446,132.1334233728692 493.44563802083337,149.479018704125 L493.44563802083337,150 ",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, null, 8, tl),
+        t("path", {
+          fill: `url(#ridgeline-gradient-${f.value})`,
+          stroke: l.value.style.ridgeline.color,
+          "stroke-width": "1",
+          d: "M66.6953125,180 L66.6953125,180 C72.88009982638889,179.39605101103442 79.06488715277779,178.92730785819862 85.24967447916667,178.18815303310322 C91.43446180555556,177.44899820800782 97.61924913194446,175.33107571940982 103.80403645833334,175.33107571940982 C109.98882378472223,175.33107571940982 116.17361111111111,177.47366730075544 122.3583984375,177.47366730075544 C128.54318576388889,177.47366730075544 134.7279730902778,170.38775880855806 140.91276041666669,170.38775880855806 C147.09754774305557,170.38775880855806 153.28233506944446,171.4694838366037 159.46712239583334,172.41798939562977 C165.65190972222223,173.36649495465585 171.83669704861111,177.1729843832873 178.021484375,177.1729843832873 C184.20627170138889,177.1729843832873 190.3910590277778,174.7215709705521 196.57584635416669,172.5530222705251 C202.76063368055557,170.3844735704981 208.94542100694446,161.56078332389657 215.13020833333334,161.56078332389657 C221.31499565972223,161.56078332389657 227.49978298611111,171.1370681840353 233.6845703125,171.1370681840353 C239.86935763888889,171.1370681840353 246.0541449652778,170.88725102137704 252.23893229166669,170.45309201950832 C258.4237196180556,170.0189330176396 264.60850694444446,156.84700075078612 270.79329427083337,156.84700075078612 C276.97808159722223,156.84700075078612 283.16286892361114,174.0829766419065 289.34765625,174.0829766419065 C295.5324435763889,174.0829766419065 301.71723090277777,171.5781917260595 307.9020182291667,168.8920253992975 C314.0868055555556,166.2058590725355 320.27159288194446,153.43891051012255 326.45638020833337,150.88771611488693 C332.64116753472223,148.3365217196513 338.82595486111114,146.02799801023272 345.0107421875,146.02799801023272 C351.1955295138889,146.02799801023272 357.38031684027777,164.6350120745111 363.5651041666667,164.6350120745111 C369.7498914930556,164.6350120745111 375.93467881944446,140.42043513396675 382.11946614583337,137.9765300293455 C388.30425347222223,135.53262492472425 394.48904079861114,133.72620179898215 400.673828125,133.72620179898215 C406.8586154513889,133.72620179898215 413.04340277777777,141.64613191592866 419.2281901041667,141.64613191592866 C425.4129774305556,141.64613191592866 431.59776475694446,139.69953612312747 437.78255208333337,139.69953612312747 C443.96733940972223,139.69953612312747 450.15212673611114,169.39176477225985 456.3369140625,169.39176477225985 C462.5217013888889,169.39176477225985 468.70648871527777,166.8370171970348 474.8912760416667,163.2533085704992 C481.0760633680556,159.6695999439636 487.26085069444446,134.41776952349974 493.44563802083337,120 L493.44563802083337,180 ",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, null, 8, el)
+      ], 12, R)) : a("", !0),
+      u.value === "historyPlot" ? (o(), e("svg", {
+        key: 1,
+        xmlns: s(c),
+        width: "100%",
         viewBox: "0 0 612 512",
         style: n(`background:${l.value.style.backgroundColor}`)
       }, [
@@ -255,7 +334,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           stroke: l.value.style.historyPlot.color,
           "stroke-width": "3",
           "stroke-linecap": "round"
-        }, null, 8, T),
+        }, null, 8, sl),
         t("line", {
           x1: "12",
           x2: "600",
@@ -264,13 +343,13 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           stroke: l.value.style.historyPlot.color,
           "stroke-width": "3",
           "stroke-linecap": "round"
-        }, null, 8, Y),
+        }, null, 8, rl),
         t("path", {
           d: "M 80,100 300,200 400,150 560,230 360,420 230,320",
           fill: "none",
           stroke: l.value.style.historyPlot.color,
           "stroke-width": "3"
-        }, null, 8, D),
+        }, null, 8, il),
         t("circle", {
           cx: "80",
           cy: "100",
@@ -278,14 +357,14 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           fill: l.value.style.historyPlot.color,
           stroke: l.value.style.backgroundColor,
           "stroke-width": "3"
-        }, null, 8, U),
+        }, null, 8, nl),
         t("text", {
           x: "80",
           y: "108",
           fill: l.value.style.backgroundColor,
           "font-size": "24",
           "text-anchor": "middle"
-        }, "1", 8, J),
+        }, "1", 8, al),
         t("circle", {
           cx: "300",
           cy: "200",
@@ -293,14 +372,14 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           fill: l.value.style.historyPlot.color,
           stroke: l.value.style.backgroundColor,
           "stroke-width": "3"
-        }, null, 8, K),
+        }, null, 8, cl),
         t("text", {
           x: "300",
           y: "208",
           fill: l.value.style.backgroundColor,
           "font-size": "24",
           "text-anchor": "middle"
-        }, "2", 8, Q),
+        }, "2", 8, ul),
         t("circle", {
           cx: "400",
           cy: "150",
@@ -308,14 +387,14 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           fill: l.value.style.historyPlot.color,
           stroke: l.value.style.backgroundColor,
           "stroke-width": "3"
-        }, null, 8, ll),
+        }, null, 8, dl),
         t("text", {
           x: "400",
           y: "158",
           fill: l.value.style.backgroundColor,
           "font-size": "24",
           "text-anchor": "middle"
-        }, "3", 8, tl),
+        }, "3", 8, yl),
         t("circle", {
           cx: "560",
           cy: "230",
@@ -323,14 +402,14 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           fill: l.value.style.historyPlot.color,
           stroke: l.value.style.backgroundColor,
           "stroke-width": "3"
-        }, null, 8, el),
+        }, null, 8, kl),
         t("text", {
           x: "560",
           y: "238",
           fill: l.value.style.backgroundColor,
           "font-size": "24",
           "text-anchor": "middle"
-        }, "4", 8, ol),
+        }, "4", 8, hl),
         t("circle", {
           cx: "360",
           cy: "420",
@@ -338,14 +417,14 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           fill: l.value.style.historyPlot.color,
           stroke: l.value.style.backgroundColor,
           "stroke-width": "3"
-        }, null, 8, sl),
+        }, null, 8, vl),
         t("text", {
           x: "360",
           y: "428",
           fill: l.value.style.backgroundColor,
           "font-size": "24",
           "text-anchor": "middle"
-        }, "5", 8, rl),
+        }, "5", 8, _l),
         t("circle", {
           cx: "230",
           cy: "320",
@@ -353,17 +432,17 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           fill: l.value.style.historyPlot.color,
           stroke: l.value.style.backgroundColor,
           "stroke-width": "3"
-        }, null, 8, il),
+        }, null, 8, xl),
         t("text", {
           x: "230",
           y: "328",
           fill: l.value.style.backgroundColor,
           "font-size": "24",
           "text-anchor": "middle"
-        }, "6", 8, nl)
-      ], 12, R)) : a("", !0),
+        }, "6", 8, pl)
+      ], 12, ol)) : a("", !0),
       u.value === "circlePack" ? (o(), e("svg", {
-        key: 1,
+        key: 2,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 100 100",
@@ -376,7 +455,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           stroke: l.value.style.circlePack.color,
           "stroke-width": 1,
           fill: "none"
-        }, null, 8, cl),
+        }, null, 8, fl),
         t("circle", {
           cx: 80,
           cy: 50,
@@ -384,7 +463,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           stroke: l.value.style.circlePack.color,
           "stroke-width": 1,
           fill: "none"
-        }, null, 8, ul),
+        }, null, 8, wl),
         t("circle", {
           cx: 28,
           cy: 30,
@@ -392,7 +471,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           stroke: l.value.style.circlePack.color,
           "stroke-width": 1,
           fill: "none"
-        }, null, 8, dl),
+        }, null, 8, bl),
         t("circle", {
           cx: 25,
           cy: 76,
@@ -400,7 +479,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           stroke: l.value.style.circlePack.color,
           "stroke-width": 1,
           fill: "none"
-        }, null, 8, yl),
+        }, null, 8, Cl),
         t("circle", {
           cx: 60,
           cy: 78.5,
@@ -408,7 +487,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           stroke: l.value.style.circlePack.color,
           "stroke-width": 1,
           fill: "none"
-        }, null, 8, kl),
+        }, null, 8, ml),
         t("circle", {
           cx: 64,
           cy: 20,
@@ -416,7 +495,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           stroke: l.value.style.circlePack.color,
           "stroke-width": 1,
           fill: "none"
-        }, null, 8, hl),
+        }, null, 8, Ml),
         t("circle", {
           cx: 72,
           cy: 37,
@@ -424,7 +503,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           stroke: l.value.style.circlePack.color,
           "stroke-width": 1,
           fill: "none"
-        }, null, 8, vl),
+        }, null, 8, Ll),
         t("circle", {
           cx: 25,
           cy: 45,
@@ -432,7 +511,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           stroke: l.value.style.circlePack.color,
           "stroke-width": 1,
           fill: "none"
-        }, null, 8, _l),
+        }, null, 8, $l),
         t("circle", {
           cx: 70,
           cy: 66,
@@ -440,10 +519,10 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           stroke: l.value.style.circlePack.color,
           "stroke-width": 1,
           fill: "none"
-        }, null, 8, xl)
-      ], 12, al)) : a("", !0),
+        }, null, 8, Al)
+      ], 12, gl)) : a("", !0),
       u.value === "flow" ? (o(), e("svg", {
-        key: 2,
+        key: 3,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 80 60",
@@ -457,10 +536,10 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-linecap": "round",
           "stroke-linejoin": "round",
           fill: l.value.style.flow.color
-        }, null, 8, gl)
-      ], 12, pl)) : a("", !0),
+        }, null, 8, Pl)
+      ], 12, Bl)) : a("", !0),
       u.value === "parallelCoordinatePlot" ? (o(), e("svg", {
-        key: 3,
+        key: 4,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 80 60",
@@ -474,10 +553,10 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-linecap": "round",
           "stroke-linejoin": "round",
           fill: l.value.style.parallelCoordinatePlot.color
-        }, null, 8, wl)
-      ], 12, fl)) : a("", !0),
+        }, null, 8, jl)
+      ], 12, Wl)) : a("", !0),
       u.value === "bullet" ? (o(), e("svg", {
-        key: 4,
+        key: 5,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 600 96",
@@ -490,7 +569,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           width: 300,
           height: 72,
           style: { opacity: "0.8" }
-        }, null, 8, bl),
+        }, null, 8, ql),
         t("rect", {
           fill: l.value.style.bullet.color,
           x: 324,
@@ -498,7 +577,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           width: 150,
           height: 72,
           style: { opacity: "0.6" }
-        }, null, 8, Ml),
+        }, null, 8, Hl),
         t("rect", {
           fill: l.value.style.bullet.color,
           x: 474,
@@ -506,7 +585,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           width: 102,
           height: 72,
           style: { opacity: "0.3" }
-        }, null, 8, Cl),
+        }, null, 8, El),
         t("rect", {
           fill: l.value.style.bullet.color,
           x: 24,
@@ -514,10 +593,10 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           width: 490,
           height: 24,
           style: { opacity: "1" }
-        }, null, 8, Ll)
-      ], 12, ml)) : a("", !0),
+        }, null, 8, Sl)
+      ], 12, zl)) : a("", !0),
       u.value === "dumbbell" ? (o(), e("svg", {
-        key: 5,
+        key: 6,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 100 55",
@@ -533,7 +612,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.5,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, Al),
+        }, null, 8, Il),
         t("path", {
           d: `
                     M 30,11
@@ -544,7 +623,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
                     30,9 Z
                 `,
           fill: l.value.style.dumbbell.color
-        }, null, 8, Pl),
+        }, null, 8, Nl),
         t("circle", {
           cx: "30",
           cy: "10",
@@ -552,7 +631,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           stroke: l.value.style.backgroundColor,
           "stroke-width": 0.3,
           fill: l.value.style.dumbbell.color
-        }, null, 8, Bl),
+        }, null, 8, Fl),
         t("circle", {
           cx: "46",
           cy: "10",
@@ -560,7 +639,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           stroke: l.value.style.backgroundColor,
           "stroke-width": 0.3,
           fill: l.value.style.dumbbell.color
-        }, null, 8, Wl),
+        }, null, 8, Ol),
         t("path", {
           d: `
                     M 10,21
@@ -571,7 +650,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
                     10,19 Z
                 `,
           fill: l.value.style.dumbbell.color
-        }, null, 8, zl),
+        }, null, 8, Vl),
         t("circle", {
           cx: "10",
           cy: "20",
@@ -579,7 +658,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           stroke: l.value.style.backgroundColor,
           "stroke-width": 0.3,
           fill: l.value.style.dumbbell.color
-        }, null, 8, jl),
+        }, null, 8, Xl),
         t("circle", {
           cx: "36",
           cy: "20",
@@ -587,7 +666,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           stroke: l.value.style.backgroundColor,
           "stroke-width": 0.3,
           fill: l.value.style.dumbbell.color
-        }, null, 8, ql),
+        }, null, 8, Gl),
         t("path", {
           d: `
                     M 30,31
@@ -598,7 +677,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
                     30,29 Z
                 `,
           fill: l.value.style.dumbbell.color
-        }, null, 8, Hl),
+        }, null, 8, Rl),
         t("circle", {
           cx: "30",
           cy: "30",
@@ -606,7 +685,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           stroke: l.value.style.backgroundColor,
           "stroke-width": 0.3,
           fill: l.value.style.dumbbell.color
-        }, null, 8, El),
+        }, null, 8, Tl),
         t("circle", {
           cx: "60",
           cy: "30",
@@ -614,7 +693,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           stroke: l.value.style.backgroundColor,
           "stroke-width": 0.3,
           fill: l.value.style.dumbbell.color
-        }, null, 8, Sl),
+        }, null, 8, Yl),
         t("path", {
           d: `
                     M 50,41
@@ -625,7 +704,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
                     50,39 Z
                 `,
           fill: l.value.style.dumbbell.color
-        }, null, 8, Zl),
+        }, null, 8, Dl),
         t("circle", {
           cx: "50",
           cy: "40",
@@ -633,7 +712,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           stroke: l.value.style.backgroundColor,
           "stroke-width": 0.3,
           fill: l.value.style.dumbbell.color
-        }, null, 8, Il),
+        }, null, 8, Ul),
         t("circle", {
           cx: "80",
           cy: "40",
@@ -641,7 +720,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           stroke: l.value.style.backgroundColor,
           "stroke-width": 0.3,
           fill: l.value.style.dumbbell.color
-        }, null, 8, Nl),
+        }, null, 8, Jl),
         t("path", {
           d: `
                     M 40,51
@@ -652,7 +731,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
                     40,49 Z
                 `,
           fill: l.value.style.dumbbell.color
-        }, null, 8, Fl),
+        }, null, 8, Kl),
         t("circle", {
           cx: "40",
           cy: "50",
@@ -660,7 +739,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           stroke: l.value.style.backgroundColor,
           "stroke-width": 0.3,
           fill: l.value.style.dumbbell.color
-        }, null, 8, Ol),
+        }, null, 8, Ql),
         t("circle", {
           cx: "90",
           cy: "50",
@@ -668,10 +747,10 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           stroke: l.value.style.backgroundColor,
           "stroke-width": 0.3,
           fill: l.value.style.dumbbell.color
-        }, null, 8, Vl)
-      ], 12, $l)) : a("", !0),
+        }, null, 8, lt)
+      ], 12, Zl)) : a("", !0),
       u.value === "stripPlot" ? (o(), e("svg", {
-        key: 6,
+        key: 7,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 100 100",
@@ -687,7 +766,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.5,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, Gl),
+        }, null, 8, et),
         t("line", {
           x1: "3",
           x2: "97",
@@ -697,7 +776,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.5,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, Rl),
+        }, null, 8, ot),
         t("circle", {
           cx: "12",
           cy: "8",
@@ -706,7 +785,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, Tl),
+        }, null, 8, st),
         t("circle", {
           cx: "12",
           cy: "40",
@@ -715,7 +794,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, Yl),
+        }, null, 8, rt),
         t("circle", {
           cx: "12",
           cy: "60",
@@ -724,7 +803,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, Dl),
+        }, null, 8, it),
         t("circle", {
           cx: "12",
           cy: "70",
@@ -733,7 +812,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, Ul),
+        }, null, 8, nt),
         t("circle", {
           cx: "32",
           cy: "25",
@@ -742,7 +821,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, Jl),
+        }, null, 8, at),
         t("circle", {
           cx: "32",
           cy: "38",
@@ -751,7 +830,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, Kl),
+        }, null, 8, ct),
         t("circle", {
           cx: "32",
           cy: "44",
@@ -760,7 +839,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, Ql),
+        }, null, 8, ut),
         t("circle", {
           cx: "32",
           cy: "55",
@@ -769,7 +848,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, lt),
+        }, null, 8, dt),
         t("circle", {
           cx: "52",
           cy: "30",
@@ -778,7 +857,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, tt),
+        }, null, 8, yt),
         t("circle", {
           cx: "52",
           cy: "33",
@@ -787,7 +866,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, et),
+        }, null, 8, kt),
         t("circle", {
           cx: "52",
           cy: "43",
@@ -796,7 +875,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, ot),
+        }, null, 8, ht),
         t("circle", {
           cx: "52",
           cy: "63",
@@ -805,7 +884,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, st),
+        }, null, 8, vt),
         t("circle", {
           cx: "52",
           cy: "78",
@@ -814,7 +893,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, rt),
+        }, null, 8, _t),
         t("circle", {
           cx: "72",
           cy: "58",
@@ -823,7 +902,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, it),
+        }, null, 8, xt),
         t("circle", {
           cx: "72",
           cy: "70",
@@ -832,7 +911,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, nt),
+        }, null, 8, pt),
         t("circle", {
           cx: "72",
           cy: "78",
@@ -841,7 +920,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, at),
+        }, null, 8, gt),
         t("circle", {
           cx: "72",
           cy: "88",
@@ -850,7 +929,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, ct),
+        }, null, 8, ft),
         t("circle", {
           cx: "92",
           cy: "66",
@@ -859,7 +938,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, ut),
+        }, null, 8, wt),
         t("circle", {
           cx: "92",
           cy: "77",
@@ -868,7 +947,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, dt),
+        }, null, 8, bt),
         t("circle", {
           cx: "92",
           cy: "85",
@@ -877,7 +956,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, yt),
+        }, null, 8, Ct),
         t("circle", {
           cx: "92",
           cy: "88",
@@ -886,7 +965,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, kt),
+        }, null, 8, mt),
         t("circle", {
           cx: "92",
           cy: "90",
@@ -895,7 +974,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, ht),
+        }, null, 8, Mt),
         t("circle", {
           cx: "92",
           cy: "92",
@@ -904,10 +983,10 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, vt)
-      ], 12, Xl)) : a("", !0),
+        }, null, 8, Lt)
+      ], 12, tt)) : a("", !0),
       u.value === "treemap" ? (o(), e("svg", {
-        key: 7,
+        key: 8,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 30 21",
@@ -921,10 +1000,10 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "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, xt)
-      ], 12, _t)) : a("", !0),
+        }, null, 8, At)
+      ], 12, $t)) : a("", !0),
       u.value === "galaxy" ? (o(), e("svg", {
-        key: 8,
+        key: 9,
         xmlns: s(c),
         width: "100%",
         viewBox: "0.5 0 20 20",
@@ -937,10 +1016,10 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": "2",
           "stroke-linecap": "round",
           d: "M 7 11 A 1 1 0 0 0 11 11 M 14 11 A 1 1 0 0 0 7 11 M 3 11 A 1 1 0 0 0 14 11 M 18 11 A 1 1 0 0 0 3 11 M 16.4 16 C 17 15 18 13 18 11"
-        }, null, 8, gt)
-      ], 12, pt)) : a("", !0),
+        }, null, 8, Pt)
+      ], 12, Bt)) : a("", !0),
       u.value === "bar3d" ? (o(), e("svg", {
-        key: 9,
+        key: 10,
         xmlns: s(c),
         width: "100%",
         viewBox: "2 0 16 20",
@@ -954,10 +1033,10 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           d: "M10 1 6 3 6 17 10 19 14 17 14 3 10 1M6 3 10 5 14 3M10 5 10 19",
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, wt)
-      ], 12, ft)) : a("", !0),
+        }, null, 8, jt)
+      ], 12, Wt)) : a("", !0),
       u.value === "sparkHistogram" ? (o(), e("svg", {
-        key: 10,
+        key: 11,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 100 20",
@@ -971,7 +1050,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           width: "6",
           rx: "1.5",
           fill: l.value.style.sparkHistogram.color
-        }, null, 8, bt),
+        }, null, 8, qt),
         t("rect", {
           x: "11",
           y: "6",
@@ -979,7 +1058,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           width: "6",
           rx: "2",
           fill: l.value.style.sparkHistogram.color
-        }, null, 8, Mt),
+        }, null, 8, Ht),
         t("rect", {
           x: "19",
           y: "7",
@@ -987,7 +1066,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           width: "6",
           rx: "2",
           fill: l.value.style.sparkHistogram.color
-        }, null, 8, Ct),
+        }, null, 8, Et),
         t("rect", {
           x: "27",
           y: "6",
@@ -995,7 +1074,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           width: "6",
           rx: "2",
           fill: l.value.style.sparkHistogram.color
-        }, null, 8, Lt),
+        }, null, 8, St),
         t("rect", {
           x: "35",
           y: "8",
@@ -1003,7 +1082,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           width: "6",
           rx: "1.5",
           fill: l.value.style.sparkHistogram.color
-        }, null, 8, $t),
+        }, null, 8, Zt),
         t("rect", {
           x: "43",
           y: "7",
@@ -1011,7 +1090,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           width: "6",
           rx: "2",
           fill: l.value.style.sparkHistogram.color
-        }, null, 8, At),
+        }, null, 8, It),
         t("rect", {
           x: "51",
           y: "8.5",
@@ -1019,7 +1098,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           width: "6",
           rx: "1.5",
           fill: l.value.style.sparkHistogram.color
-        }, null, 8, Pt),
+        }, null, 8, Nt),
         t("rect", {
           x: "59",
           y: "7",
@@ -1027,7 +1106,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           width: "6",
           rx: "2",
           fill: l.value.style.sparkHistogram.color
-        }, null, 8, Bt),
+        }, null, 8, Ft),
         t("rect", {
           x: "67",
           y: "6",
@@ -1035,7 +1114,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           width: "6",
           rx: "2",
           fill: l.value.style.sparkHistogram.color
-        }, null, 8, Wt),
+        }, null, 8, Ot),
         t("rect", {
           x: "75",
           y: "7",
@@ -1043,7 +1122,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           width: "6",
           rx: "2",
           fill: l.value.style.sparkHistogram.color
-        }, null, 8, zt),
+        }, null, 8, Vt),
         t("rect", {
           x: "83",
           y: "7",
@@ -1051,7 +1130,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           width: "6",
           rx: "2",
           fill: l.value.style.sparkHistogram.color
-        }, null, 8, jt),
+        }, null, 8, Xt),
         t("rect", {
           x: "91",
           y: "8",
@@ -1059,10 +1138,10 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           width: "6",
           rx: "1.5",
           fill: l.value.style.sparkHistogram.color
-        }, null, 8, qt)
-      ], 12, mt)) : a("", !0),
+        }, null, 8, Gt)
+      ], 12, zt)) : a("", !0),
       u.value === "sparkbar" ? (o(), e("svg", {
-        key: 11,
+        key: 12,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 500 200",
@@ -1078,7 +1157,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-linecap": "round",
           stroke: l.value.style.sparkbar.color,
           opacity: "0.5"
-        }, null, 8, Et),
+        }, null, 8, Tt),
         t("line", {
           x1: "12",
           x2: "400",
@@ -1088,7 +1167,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-linecap": "round",
           stroke: l.value.style.sparkbar.color,
           opacity: "1"
-        }, null, 8, St),
+        }, null, 8, Yt),
         t("line", {
           x1: "12",
           x2: "488",
@@ -1098,7 +1177,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-linecap": "round",
           stroke: l.value.style.sparkbar.color,
           opacity: "0.5"
-        }, null, 8, Zt),
+        }, null, 8, Dt),
         t("line", {
           x1: "12",
           x2: "350",
@@ -1108,7 +1187,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-linecap": "round",
           stroke: l.value.style.sparkbar.color,
           opacity: "1"
-        }, null, 8, It),
+        }, null, 8, Ut),
         t("line", {
           x1: "12",
           x2: "488",
@@ -1118,7 +1197,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-linecap": "round",
           stroke: l.value.style.sparkbar.color,
           opacity: "0.5"
-        }, null, 8, Nt),
+        }, null, 8, Jt),
         t("line", {
           x1: "12",
           x2: "235",
@@ -1128,10 +1207,10 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-linecap": "round",
           stroke: l.value.style.sparkbar.color,
           opacity: "1"
-        }, null, 8, Ft)
-      ], 12, Ht)) : a("", !0),
+        }, null, 8, Kt)
+      ], 12, Rt)) : a("", !0),
       u.value === "sparkStackbar" ? (o(), e("svg", {
-        key: 12,
+        key: 13,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 500 64",
@@ -1147,7 +1226,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-linecap": "round",
           stroke: l.value.style.sparkStackbar.color,
           opacity: "0.5"
-        }, null, 8, Vt),
+        }, null, 8, l1),
         t("line", {
           x1: "12",
           x2: "380",
@@ -1157,7 +1236,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-linecap": "round",
           stroke: l.value.style.sparkStackbar.color,
           opacity: "0.6"
-        }, null, 8, Xt),
+        }, null, 8, t1),
         t("line", {
           x1: "12",
           x2: "200",
@@ -1167,7 +1246,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-linecap": "round",
           stroke: l.value.style.sparkStackbar.color,
           opacity: "0.8"
-        }, null, 8, Gt),
+        }, null, 8, e1),
         t("line", {
           x1: "12",
           x2: "120",
@@ -1177,10 +1256,10 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-linecap": "round",
           stroke: l.value.style.sparkStackbar.color,
           opacity: "1"
-        }, null, 8, Rt)
-      ], 12, Ot)) : a("", !0),
+        }, null, 8, o1)
+      ], 12, Qt)) : a("", !0),
       u.value === "thermometer" ? (o(), e("svg", {
-        key: 13,
+        key: 14,
         width: "100%",
         viewBox: "0 0 20 20",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1192,37 +1271,37 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "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, Tt),
+        }, null, 8, s1),
         t("path", {
           stroke: l.value.style.thermometer.color,
           "stroke-width": "1",
           style: { opacity: "0.6" },
           d: "M 10 17 L 10 12 ",
           "stroke-linecap": "round"
-        }, null, 8, Yt),
+        }, null, 8, r1),
         t("path", {
           "stroke-linecap": "round",
           stroke: l.value.style.thermometer.color,
           "stroke-width": "1",
           opacity: "M 10 17 L 10 9"
-        }, null, 8, Dt),
+        }, null, 8, i1),
         t("path", {
           "stroke-linecap": "round",
           stroke: l.value.style.thermometer.color,
           "stroke-width": "1",
           opacity: "0.3",
           d: "M 10 17 L 10 6"
-        }, null, 8, Ut),
+        }, null, 8, n1),
         t("path", {
           "stroke-linecap": "round",
           stroke: l.value.style.thermometer.color,
           "stroke-width": "1",
           style: { opacity: "0.1" },
           d: "M 10 17 L 10 3"
-        }, null, 8, Jt)
+        }, null, 8, a1)
       ], 4)) : a("", !0),
       u.value === "relationCircle" ? (o(), e("svg", {
-        key: 14,
+        key: 15,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 20 20",
@@ -1235,10 +1314,10 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "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, Qt)
-      ], 12, Kt)) : a("", !0),
+        }, null, 8, u1)
+      ], 12, c1)) : a("", !0),
       u.value === "molecule" ? (o(), e("svg", {
-        key: 15,
+        key: 16,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 100 100",
@@ -1252,7 +1331,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": "2",
           fill: "none",
           stroke: l.value.style.molecule.color
-        }, null, 8, te),
+        }, null, 8, y1),
         t("circle", {
           cx: "20",
           cy: "50",
@@ -1260,7 +1339,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": "1.6",
           fill: "none",
           stroke: l.value.style.molecule.color
-        }, null, 8, ee),
+        }, null, 8, k1),
         t("circle", {
           cx: "80",
           cy: "50",
@@ -1268,7 +1347,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": "1.6",
           fill: "none",
           stroke: l.value.style.molecule.color
-        }, null, 8, oe),
+        }, null, 8, h1),
         t("circle", {
           cx: "50",
           cy: "20",
@@ -1276,7 +1355,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": "1.6",
           fill: "none",
           stroke: l.value.style.molecule.color
-        }, null, 8, se),
+        }, null, 8, v1),
         t("circle", {
           cx: "50",
           cy: "80",
@@ -1284,7 +1363,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": "1.6",
           fill: "none",
           stroke: l.value.style.molecule.color
-        }, null, 8, re),
+        }, null, 8, _1),
         t("line", {
           x1: "50",
           x2: "50",
@@ -1292,7 +1371,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           y2: "45",
           "stroke-width": "1",
           stroke: l.value.style.molecule.color
-        }, null, 8, ie),
+        }, null, 8, x1),
         t("line", {
           x1: "50",
           x2: "50",
@@ -1300,7 +1379,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           y2: "55",
           "stroke-width": "1",
           stroke: l.value.style.molecule.color
-        }, null, 8, ne),
+        }, null, 8, p1),
         t("line", {
           x1: "23",
           x2: "45",
@@ -1308,7 +1387,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           y2: "50",
           "stroke-width": "1",
           stroke: l.value.style.molecule.color
-        }, null, 8, ae),
+        }, null, 8, g1),
         t("line", {
           x1: "77",
           x2: "55",
@@ -1316,10 +1395,10 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           y2: "50",
           "stroke-width": "1",
           stroke: l.value.style.molecule.color
-        }, null, 8, ce)
-      ], 12, le)) : a("", !0),
+        }, null, 8, f1)
+      ], 12, d1)) : a("", !0),
       u.value === "tiremarks" ? (o(), e("svg", {
-        key: 16,
+        key: 17,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 312 56",
@@ -1335,36 +1414,36 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
             stroke: l.value.style.tiremarks.color,
             style: n(r > 80 ? "opacity: 0.5" : ""),
             "stroke-linecap": "round"
-          }, null, 12, de)
+          }, null, 12, b1)
         ])), 64))
-      ], 12, ue)) : a("", !0),
+      ], 12, w1)) : a("", !0),
       u.value === "pyramid" ? (o(), e("svg", {
-        key: 17,
+        key: 18,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 105 80",
         style: n(`background:${l.value.style.backgroundColor}`)
       }, [
         d(y),
-        (o(!0), e(k, null, v(m.value, (r, i) => (o(), e("g", null, [
+        (o(!0), e(k, null, v(C.value, (r, i) => (o(), e("g", null, [
           t("rect", {
             x: 50 - r[0],
-            y: i * (80 / m.value.length),
+            y: i * (80 / C.value.length),
             width: r[0],
-            height: 80 / m.value.length * 0.95,
+            height: 80 / C.value.length * 0.95,
             fill: l.value.style.pyramid.color
-          }, null, 8, ke),
+          }, null, 8, m1),
           t("rect", {
             x: 55,
-            y: i * (80 / m.value.length),
+            y: i * (80 / C.value.length),
             width: r[1],
-            height: 80 / m.value.length * 0.95,
+            height: 80 / C.value.length * 0.95,
             fill: l.value.style.pyramid.color
-          }, null, 8, he)
+          }, null, 8, M1)
         ]))), 256))
-      ], 12, ye)) : a("", !0),
+      ], 12, C1)) : a("", !0),
       u.value === "rings" ? (o(), e("svg", {
-        key: 18,
+        key: 19,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 400 400",
@@ -1376,22 +1455,22 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           cy: 200,
           r: 180,
           fill: s(h)(l.value.style.rings.color, 40)
-        }, null, 8, _e),
+        }, null, 8, $1),
         t("circle", {
           cx: 200,
           cy: 250,
           r: 130,
           fill: s(h)(l.value.style.rings.color, 60)
-        }, null, 8, xe),
+        }, null, 8, A1),
         t("circle", {
           cx: 200,
           cy: 290,
           r: 90,
           fill: s(h)(l.value.style.rings.color, 100)
-        }, null, 8, pe)
-      ], 12, ve)) : a("", !0),
+        }, null, 8, B1)
+      ], 12, L1)) : a("", !0),
       u.value === "wheel" ? (o(), e("svg", {
-        key: 19,
+        key: 20,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 400 400",
@@ -1406,7 +1485,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           stroke: i < 66 ? r.color : s(h)(r.color, 50),
           "stroke-width": 5,
           "stroke-linecap": "round"
-        }, null, 8, fe))), 256)),
+        }, null, 8, W1))), 256)),
         t("circle", {
           cx: 200,
           cy: 200,
@@ -1414,7 +1493,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": 3,
           stroke: s(h)(l.value.style.wheel.color, 50),
           fill: "none"
-        }, null, 8, we),
+        }, null, 8, j1),
         t("rect", {
           fill: s(h)(l.value.style.wheel.color, 50),
           rx: 12,
@@ -1423,10 +1502,10 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           height: 60,
           width: 80,
           stroke: "none"
-        }, null, 8, me)
-      ], 12, ge)) : a("", !0),
+        }, null, 8, z1)
+      ], 12, P1)) : a("", !0),
       u.value === "sparkline" ? (o(), e("svg", {
-        key: 20,
+        key: 21,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 150 32",
@@ -1441,7 +1520,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
             width: "24",
             fill: l.value.style.sparkline.color,
             rx: "3"
-          }, null, 8, Me),
+          }, null, 8, H1),
           t("rect", {
             x: "2",
             y: "12",
@@ -1449,7 +1528,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
             width: "16",
             fill: l.value.style.sparkline.color,
             rx: "3"
-          }, null, 8, Ce)
+          }, null, 8, E1)
         ]),
         (o(!0), e(k, null, v(M.value, (r, i) => (o(), e("g", null, [
           i < M.value.length - 1 ? (o(), e("line", {
@@ -1462,18 +1541,18 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
             stroke: l.value.style.sparkline.color,
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, Le)) : a("", !0)
+          }, null, 8, S1)) : a("", !0)
         ]))), 256))
-      ], 12, be)) : a("", !0),
+      ], 12, q1)) : a("", !0),
       u.value === "candlesticks" ? (o(), e("svg", {
-        key: 21,
+        key: 22,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 512 316",
         style: n(`background:${l.value.style.backgroundColor}`)
       }, [
         d(y),
-        l.value.style.candlesticks.axis.show ? (o(), e("g", Ae, [
+        l.value.style.candlesticks.axis.show ? (o(), e("g", I1, [
           t("line", {
             x1: 2,
             x2: 2,
@@ -1482,7 +1561,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
             stroke: l.value.style.candlesticks.axis.color,
             "stroke-width": l.value.style.candlesticks.axis.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, Pe),
+          }, null, 8, N1),
           t("line", {
             x1: 2,
             x2: 510,
@@ -1491,7 +1570,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
             stroke: l.value.style.candlesticks.axis.color,
             "stroke-width": l.value.style.candlesticks.axis.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, Be)
+          }, null, 8, F1)
         ])) : a("", !0),
         (o(!0), e(k, null, v(x.value, (r, i) => (o(), e("g", null, [
           t("line", {
@@ -1502,7 +1581,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
             stroke: l.value.style.candlesticks.candle.color,
             "stroke-width": l.value.style.candlesticks.candle.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, We),
+          }, null, 8, O1),
           t("line", {
             x1: 24 + 464 * i / (x.value.length - 1) - 464 / (x.value.length - 1) / 8,
             x2: 24 + 464 * i / (x.value.length - 1) + 464 / (x.value.length - 1) / 8,
@@ -1511,7 +1590,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
             stroke: l.value.style.candlesticks.candle.color,
             "stroke-width": l.value.style.candlesticks.candle.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, ze),
+          }, null, 8, V1),
           t("line", {
             x1: 24 + 464 * i / (x.value.length - 1),
             x2: 24 + 464 * i / (x.value.length - 1),
@@ -1520,7 +1599,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
             stroke: l.value.style.candlesticks.candle.color,
             "stroke-width": l.value.style.candlesticks.candle.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, je),
+          }, null, 8, X1),
           t("rect", {
             x: 24 + 464 * i / (x.value.length - 1) - 464 / (x.value.length - 1) / 8,
             y: r.y + (r.height - r.bar * 1.5),
@@ -1528,11 +1607,11 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
             width: 464 / (x.value.length - 1) / 4,
             fill: l.value.style.candlesticks.candle.color,
             rx: "1"
-          }, null, 8, qe)
+          }, null, 8, G1)
         ]))), 256))
-      ], 12, $e)) : a("", !0),
+      ], 12, Z1)) : a("", !0),
       u.value === "heatmap" ? (o(), e("svg", {
-        key: 22,
+        key: 23,
         xmlns: s(c),
         width: "100%",
         viewBox: `0 0 ${10 * l.value.style.heatmap.cellsX} ${10 * l.value.style.heatmap.cellsY}`,
@@ -1540,7 +1619,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
       }, [
         d(y),
         (o(!0), e(k, null, v(l.value.style.heatmap.cellsY, (r, i) => (o(), e("g", null, [
-          (o(!0), e(k, null, v(l.value.style.heatmap.cellsX, (L, p) => (o(), e("g", null, [
+          (o(!0), e(k, null, v(l.value.style.heatmap.cellsX, ($, p) => (o(), e("g", null, [
             t("rect", {
               x: p * 10,
               y: i * 10,
@@ -1549,21 +1628,21 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
               stroke: l.value.style.backgroundColor,
               "stroke-width": 1,
               fill: s(h)(l.value.style.heatmap.color, Math.round(Math.random() * 100))
-            }, null, 8, Ee)
+            }, null, 8, T1)
           ]))), 256))
         ]))), 256))
-      ], 12, He)) : a("", !0),
+      ], 12, R1)) : a("", !0),
       u.value === "chestnut" ? (o(), e("svg", {
-        key: 23,
+        key: 24,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 512 316",
         style: n(`background:${l.value.style.backgroundColor}`)
       }, [
         d(y),
-        (o(!0), e(k, null, v(b.value, (r) => (o(), e("g", null, [
+        (o(!0), e(k, null, v(m.value, (r) => (o(), e("g", null, [
           (o(!0), e(k, null, v(r.bars, (i) => (o(), e("g", null, [
-            (o(), e(k, null, v(22, (L, p) => t("path", {
+            (o(), e(k, null, v(22, ($, p) => t("path", {
               d: `M
                             ${i.x},${i.y + p}
                             C${i.x - 20},${i.y + p} 
@@ -1574,26 +1653,26 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
               fill: "none",
               "stroke-width": "2",
               "shape-rendering": "cirspEdges"
-            }, null, 8, Ze)), 64))
+            }, null, 8, D1)), 64))
           ]))), 256))
         ]))), 256)),
-        (o(!0), e(k, null, v(b.value, (r) => (o(), e("circle", {
+        (o(!0), e(k, null, v(m.value, (r) => (o(), e("circle", {
           cx: r.root.x,
           cy: r.root.y,
           r: r.root.r,
           fill: `${l.value.style.backgroundColor}`,
           stroke: l.value.backgroundColor,
           "stroke-width": 3
-        }, null, 8, Ie))), 256)),
-        (o(!0), e(k, null, v(b.value, (r) => (o(), e("circle", {
+        }, null, 8, U1))), 256)),
+        (o(!0), e(k, null, v(m.value, (r) => (o(), e("circle", {
           cx: r.root.x,
           cy: r.root.y,
           r: r.root.r,
           fill: s(h)(l.value.style.chestnut.color, r.root.opacity),
           stroke: l.value.style.backgroundColor,
           "stroke-width": 3
-        }, null, 8, Ne))), 256)),
-        (o(!0), e(k, null, v(b.value, (r) => (o(), e("g", null, [
+        }, null, 8, J1))), 256)),
+        (o(!0), e(k, null, v(m.value, (r) => (o(), e("g", null, [
           (o(!0), e(k, null, v(r.bars, (i) => (o(), e("rect", {
             rx: "2",
             x: i.x,
@@ -1601,19 +1680,19 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
             width: i.width,
             height: 22,
             fill: s(h)(l.value.style.chestnut.color, i.opacity)
-          }, null, 8, Fe))), 256)),
+          }, null, 8, K1))), 256)),
           (o(!0), e(k, null, v(r.bars, (i) => (o(), e("circle", {
             cx: i.x + i.width + 32,
             cy: i.y + 11,
             r: 11,
             fill: s(h)(l.value.style.chestnut.color, i.opacity)
-          }, null, 8, Oe))), 256)),
+          }, null, 8, Q1))), 256)),
           (o(!0), e(k, null, v(r.bars, (i) => (o(), e("circle", {
             cx: i.x + i.width + 32,
             cy: i.y + 11,
             r: 5,
             fill: l.value.style.backgroundColor
-          }, null, 8, Ve))), 256))
+          }, null, 8, le))), 256))
         ]))), 256)),
         t("line", {
           x1: 200,
@@ -1622,10 +1701,10 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           y2: 300,
           stroke: l.value.style.backgroundColor,
           "stroke-width": 3
-        }, null, 8, Xe)
-      ], 12, Se)) : a("", !0),
+        }, null, 8, te)
+      ], 12, Y1)) : a("", !0),
       u.value === "donutEvolution" ? (o(), e("svg", {
-        key: 24,
+        key: 25,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 108 70",
@@ -1640,13 +1719,13 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-linecap": "round",
           "stroke-linejoin": "round",
           fill: "none"
-        }, null, 8, Re)) : a("", !0),
+        }, null, 8, oe)) : a("", !0),
         t("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: l.value.style.donutEvolution.donuts.color,
           "stroke-width": l.value.style.donutEvolution.donuts.strokeWidth
-        }, null, 8, Te),
+        }, null, 8, se),
         t("path", {
           fill: "none",
           d: "M19 52 27 45M37 45 44 49M52 46 62 38M71 36 78 40M86 37 97 18",
@@ -1654,53 +1733,53 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": l.value.style.donutEvolution.axis.strokeWidth,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, Ye),
+        }, null, 8, re),
         t("path", {
           d: "M10 55 12 55C12 53 14 52 15 52L15 50C13 50 10 52 10 55",
           fill: l.value.style.donutEvolution.donuts.color,
           stroke: "none",
           style: { opacity: "0.3" }
-        }, null, 8, De),
+        }, null, 8, ie),
         t("path", {
           d: "M32 48 32 50C35 50 37 47 37 45L35 45C35 47 33 48 32 48",
           fill: l.value.style.donutEvolution.donuts.color,
           stroke: "none",
           style: { opacity: "0.3" }
-        }, null, 8, Ue),
+        }, null, 8, ne),
         t("path", {
           d: "M49 53 49 55A1 1 0 0049 45L49 47C53 47 53 53 49 53",
           fill: l.value.style.donutEvolution.donuts.color,
           stroke: "none",
           style: { opacity: "0.3" }
-        }, null, 8, Je),
+        }, null, 8, ae),
         t("path", {
           d: "M63 35C63 33 65 32 66 32L66 30C63 30 61 33 61 35L63 35",
           fill: l.value.style.donutEvolution.donuts.color,
           stroke: "none",
           style: { opacity: "0.3" }
-        }, null, 8, Ke),
+        }, null, 8, ce),
         t("path", {
           d: "M78 41A1 1 0 0088 41L86 41C86 45 80 45 80 41L78 41",
           fill: l.value.style.donutEvolution.donuts.color,
           stroke: "none",
           style: { opacity: "0.3" }
-        }, null, 8, Qe),
+        }, null, 8, ue),
         t("path", {
           d: "M95 14C95 17 98 19 100 19L100 17C99 17 97 16 97 14L95 14",
           fill: l.value.style.donutEvolution.donuts.color,
           stroke: "none",
           style: { opacity: "0.3" }
-        }, null, 8, lo)
-      ], 12, Ge)) : a("", !0),
+        }, null, 8, de)
+      ], 12, ee)) : a("", !0),
       u.value === "line" ? (o(), e("svg", {
-        key: 25,
+        key: 26,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 100 70",
         style: n(`background:${l.value.style.backgroundColor}`)
       }, [
         d(y),
-        l.value.style.line.axis.show ? (o(), e("g", eo, [
+        l.value.style.line.axis.show ? (o(), e("g", ke, [
           t("line", {
             x1: "3",
             x2: "3",
@@ -1710,7 +1789,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
             "stroke-width": l.value.style.line.axis.strokeWidth,
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, oo),
+          }, null, 8, he),
           t("line", {
             x1: "3",
             x2: "97",
@@ -1720,7 +1799,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
             "stroke-width": l.value.style.line.axis.strokeWidth,
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, so)
+          }, null, 8, ve)
         ])) : a("", !0),
         t("path", {
           d: "M 9,60 22,50 35,55 48,36 61,40 74,25 87,26 90,12",
@@ -1729,31 +1808,31 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-linejoin": "round",
           stroke: l.value.style.line.path.color,
           "stroke-width": l.value.style.line.path.strokeWidth
-        }, null, 8, ro),
-        l.value.style.line.path.showPlots ? (o(), e("g", io, [
+        }, null, 8, _e),
+        l.value.style.line.path.showPlots ? (o(), e("g", xe, [
           t("circle", {
             cx: "9",
             cy: "60",
             r: l.value.style.line.path.strokeWidth,
             fill: l.value.style.line.path.color
-          }, null, 8, no),
+          }, null, 8, pe),
           t("circle", {
             cx: "90",
             cy: "12",
             r: l.value.style.line.path.strokeWidth,
             fill: l.value.style.line.path.color
-          }, null, 8, ao)
+          }, null, 8, ge)
         ])) : a("", !0)
-      ], 12, to)) : a("", !0),
+      ], 12, ye)) : a("", !0),
       u.value === "bar" ? (o(), e("svg", {
-        key: 26,
+        key: 27,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 100 70",
         style: n(`background:${l.value.style.backgroundColor}`)
       }, [
         d(y),
-        l.value.style.bar.axis.show ? (o(), e("g", uo, [
+        l.value.style.bar.axis.show ? (o(), e("g", we, [
           t("line", {
             x1: "3",
             x2: "3",
@@ -1763,7 +1842,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
             "stroke-width": l.value.style.bar.axis.strokeWidth,
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, yo),
+          }, null, 8, be),
           t("line", {
             x1: "3",
             x2: "97",
@@ -1773,7 +1852,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
             "stroke-width": l.value.style.bar.axis.strokeWidth,
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, ko)
+          }, null, 8, Ce)
         ])) : a("", !0),
         (o(!0), e(k, null, v(q.value, (r, i) => (o(), e("rect", {
           fill: l.value.style.bar.color,
@@ -1782,10 +1861,10 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           y: r,
           width: l.value.style.bar.barWidth,
           height: 67 - r
-        }, null, 8, ho))), 256))
-      ], 12, co)) : a("", !0),
+        }, null, 8, me))), 256))
+      ], 12, fe)) : a("", !0),
       u.value === "donut" ? (o(), e("svg", {
-        key: 27,
+        key: 28,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 400 400",
@@ -1797,22 +1876,22 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           fill: "none",
           "stroke-width": l.value.style.donut.strokeWidth,
           stroke: l.value.style.donut.color
-        }, null, 8, _o),
+        }, null, 8, Le),
         t("path", {
           d: " M 113 250 A 100 100 0 0 1 250 113",
           fill: "none",
           "stroke-width": l.value.style.donut.strokeWidth,
           stroke: s(h)(l.value.style.donut.color, 60)
-        }, null, 8, xo),
+        }, null, 8, $e),
         t("path", {
           d: " M 250 113 A 100 100 0 0 1 300 200",
           fill: "none",
           "stroke-width": l.value.style.donut.strokeWidth,
           stroke: s(h)(l.value.style.donut.color, 30)
-        }, null, 8, po)
-      ], 12, vo)) : a("", !0),
+        }, null, 8, Ae)
+      ], 12, Me)) : a("", !0),
       u.value === "onion" ? (o(), e("svg", {
-        key: 28,
+        key: 29,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 400 400",
@@ -1825,24 +1904,24 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-linecap": "round",
           "stroke-width": "20",
           fill: "none"
-        }, null, 8, fo),
+        }, null, 8, Pe),
         t("path", {
           d: " M 200 100 A 100 100 0 1 1 100 200",
           stroke: s(h)(l.value.style.onion.color, 60),
           "stroke-linecap": "round",
           "stroke-width": "20",
           fill: "none"
-        }, null, 8, wo),
+        }, null, 8, We),
         t("path", {
           d: " M 200 140 A 60 60 0 1 1 140 200",
           fill: "none",
           stroke: s(h)(l.value.style.onion.color, 40),
           "stroke-linecap": "round",
           "stroke-width": "20"
-        }, null, 8, mo)
-      ], 12, go)) : a("", !0),
+        }, null, 8, je)
+      ], 12, Be)) : a("", !0),
       u.value === "gauge" ? (o(), e("svg", {
-        key: 29,
+        key: 30,
         width: "100%",
         viewBox: "0 0 400 400",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1854,13 +1933,13 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           stroke: l.value.style.gauge.color,
           "stroke-linecap": "round",
           "stroke-width": "20"
-        }, null, 8, bo),
+        }, null, 8, ze),
         t("circle", {
           cx: "200",
           cy: "256",
           r: "12",
           fill: l.value.style.gauge.color
-        }, null, 8, Mo),
+        }, null, 8, qe),
         t("line", {
           x1: "200",
           y1: "256",
@@ -1869,10 +1948,10 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": "8",
           stroke: l.value.style.gauge.color,
           "stroke-linecap": "round"
-        }, null, 8, Co)
+        }, null, 8, He)
       ], 4)) : a("", !0),
       u.value === "quadrant" ? (o(), e("svg", {
-        key: 30,
+        key: 31,
         xmlns: s(c),
         viewBox: "0 0 100 100",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1885,7 +1964,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           y2: "97",
           stroke: l.value.style.quadrant.grid.color,
           "stroke-width": l.value.style.quadrant.grid.strokeWidth
-        }, null, 8, $o),
+        }, null, 8, Se),
         t("line", {
           x1: "3",
           x2: "97",
@@ -1893,64 +1972,64 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           y2: "50",
           stroke: l.value.style.quadrant.grid.color,
           "stroke-width": l.value.style.quadrant.grid.strokeWidth
-        }, null, 8, Ao),
+        }, null, 8, Ze),
         t("circle", {
           fill: l.value.style.quadrant.plots.color,
           r: l.value.style.quadrant.plots.radius,
           cx: "20",
           cy: "20"
-        }, null, 8, Po),
+        }, null, 8, Ie),
         t("circle", {
           fill: l.value.style.quadrant.plots.color,
           r: l.value.style.quadrant.plots.radius,
           cx: "80",
           cy: "60"
-        }, null, 8, Bo),
+        }, null, 8, Ne),
         t("circle", {
           fill: l.value.style.quadrant.plots.color,
           r: l.value.style.quadrant.plots.radius,
           cx: "65",
           cy: "55"
-        }, null, 8, Wo),
+        }, null, 8, Fe),
         t("circle", {
           fill: l.value.style.quadrant.plots.color,
           r: l.value.style.quadrant.plots.radius,
           cx: "36",
           cy: "67"
-        }, null, 8, zo),
+        }, null, 8, Oe),
         t("circle", {
           fill: l.value.style.quadrant.plots.color,
           r: l.value.style.quadrant.plots.radius,
           cx: "15",
           cy: "75"
-        }, null, 8, jo),
+        }, null, 8, Ve),
         t("circle", {
           fill: l.value.style.quadrant.plots.color,
           r: l.value.style.quadrant.plots.radius,
           cx: "40",
           cy: "55"
-        }, null, 8, qo),
+        }, null, 8, Xe),
         t("circle", {
           fill: l.value.style.quadrant.plots.color,
           r: l.value.style.quadrant.plots.radius,
           cx: "76",
           cy: "32"
-        }, null, 8, Ho),
+        }, null, 8, Ge),
         t("circle", {
           fill: l.value.style.quadrant.plots.color,
           r: l.value.style.quadrant.plots.radius,
           cx: "85",
           cy: "26"
-        }, null, 8, Eo),
+        }, null, 8, Re),
         t("circle", {
           fill: l.value.style.quadrant.plots.color,
           r: l.value.style.quadrant.plots.radius,
           cx: "55",
           cy: "46"
-        }, null, 8, So)
-      ], 12, Lo)) : a("", !0),
+        }, null, 8, Te)
+      ], 12, Ee)) : a("", !0),
       u.value === "radar" ? (o(), e("svg", {
-        key: 31,
+        key: 32,
         xmlns: s(c),
         viewBox: "0 0 100 100",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1963,7 +2042,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": l.value.style.radar.grid.strokeWidth,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, Io),
+        }, null, 8, De),
         t("path", {
           d: E.value,
           fill: "none",
@@ -1971,7 +2050,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": l.value.style.radar.grid.strokeWidth / 2,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, No),
+        }, null, 8, Ue),
         t("path", {
           d: S.value,
           fill: "none",
@@ -1979,7 +2058,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": l.value.style.radar.grid.strokeWidth / 2,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, Fo),
+        }, null, 8, Je),
         t("path", {
           d: Z.value,
           fill: "none",
@@ -1987,44 +2066,44 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           "stroke-width": l.value.style.radar.grid.strokeWidth / 2.5,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, Oo),
+        }, null, 8, Ke),
         t("path", {
           d: "M 9,50 91,50",
           stroke: s(h)(l.value.style.radar.grid.color, 50),
           "stroke-width": l.value.style.radar.grid.strokeWidth / 2
-        }, null, 8, Vo),
+        }, null, 8, Qe),
         t("path", {
           d: "M 29.5,14.5 70.5 85.5",
           stroke: s(h)(l.value.style.radar.grid.color, 50),
           "stroke-width": l.value.style.radar.grid.strokeWidth / 2
-        }, null, 8, Xo),
+        }, null, 8, lo),
         t("path", {
           d: "M 29.5,85.5 70.5 14.5",
           stroke: s(h)(l.value.style.radar.grid.color, 50),
           "stroke-width": l.value.style.radar.grid.strokeWidth / 2
-        }, null, 8, Go),
+        }, null, 8, to),
         t("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: s(h)(l.value.style.radar.shapes.color, 30)
-        }, null, 8, Ro),
+        }, null, 8, eo),
         t("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: s(h)(l.value.style.radar.shapes.color, 50)
-        }, null, 8, To)
-      ], 12, Zo)) : a("", !0),
+        }, null, 8, oo)
+      ], 12, Ye)) : a("", !0),
       u.value === "waffle" ? (o(), e("svg", {
-        key: 32,
+        key: 33,
         xmlns: s(c),
         viewBox: "0 0 100 100",
         style: n(`background:${l.value.style.backgroundColor}`)
       }, [
         d(y),
         (o(), e(k, null, v(10, (r, i) => t("g", null, [
-          (o(), e(k, null, v(10, (L, p) => t("g", null, [
+          (o(), e(k, null, v(10, ($, p) => t("g", null, [
             t("rect", {
               x: 3 + p * 9.5,
               y: 3 + i * 9.5,
@@ -2032,11 +2111,11 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
               width: 9,
               fill: s(h)(l.value.style.waffle.color, 20),
               rx: "1"
-            }, null, 8, Do)
+            }, null, 8, ro)
           ])), 64))
         ])), 64)),
         (o(), e(k, null, v(10, (r, i) => t("g", null, [
-          (o(), e(k, null, v(10, (L, p) => t("g", null, [
+          (o(), e(k, null, v(10, ($, p) => t("g", null, [
             i > 2 ? (o(), e("rect", {
               key: 0,
               x: 3 + p * 9.5,
@@ -2045,11 +2124,11 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
               width: 9,
               fill: s(h)(l.value.style.waffle.color, 30),
               rx: "1"
-            }, null, 8, Uo)) : a("", !0)
+            }, null, 8, io)) : a("", !0)
           ])), 64))
         ])), 64)),
         (o(), e(k, null, v(10, (r, i) => t("g", null, [
-          (o(), e(k, null, v(10, (L, p) => t("g", null, [
+          (o(), e(k, null, v(10, ($, p) => t("g", null, [
             i > 6 ? (o(), e("rect", {
               key: 0,
               x: 3 + p * 9.5,
@@ -2058,12 +2137,12 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
               width: 9,
               fill: s(h)(l.value.style.waffle.color, 50),
               rx: "1"
-            }, null, 8, Jo)) : a("", !0)
+            }, null, 8, no)) : a("", !0)
           ])), 64))
         ])), 64))
-      ], 12, Yo)) : a("", !0),
+      ], 12, so)) : a("", !0),
       u.value === "table" ? (o(), e("svg", {
-        key: 33,
+        key: 34,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 100 70",
@@ -2076,14 +2155,14 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           y: 5,
           height: "10",
           width: "93"
-        }, null, 8, Qo),
+        }, null, 8, co),
         t("rect", {
           fill: s(h)(l.value.style.table.th.color, 50),
           x: 3.5,
           y: 15,
           height: "50",
           width: "23.25"
-        }, null, 8, ls),
+        }, null, 8, uo),
         (o(), e(k, null, v(7, (r, i) => t("line", {
           x1: "3.7",
           x2: "96.3",
@@ -2092,7 +2171,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           stroke: l.value.style.table.td.color,
           "stroke-width": l.value.style.table.td.strokeWidth,
           "stroke-linecap": "round"
-        }, null, 8, ts)), 64)),
+        }, null, 8, yo)), 64)),
         (o(), e(k, null, v(5, (r, i) => t("line", {
           x1: 3.5 + i * 23.25,
           x2: 3.5 + i * 23.25,
@@ -2101,9 +2180,9 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           stroke: l.value.style.table.td.color,
           "stroke-width": l.value.style.table.td.strokeWidth,
           "stroke-linecap": "round"
-        }, null, 8, es)), 64))
-      ], 12, Ko)) : a("", !0),
-      u.value === "rating" ? (o(), e(k, { key: 34 }, [
+        }, null, 8, ko)), 64))
+      ], 12, ao)) : a("", !0),
+      u.value === "rating" ? (o(), e(k, { key: 35 }, [
         l.value.style.rating.useSmiley ? (o(), e("div", {
           key: 0,
           style: n(`display:flex;flex-direction:row;align-items:center;justify-content:center;width:${l.value.style.rating.maxWidth}px`)
@@ -2129,8 +2208,8 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
               d: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-5 9.86a4.5 4.5 0 0 0 -3.214 1.35a1 1 0 1 0 1.428 1.4a2.5 2.5 0 0 1 3.572 0a1 1 0 0 0 1.428 -1.4a4.5 4.5 0 0 0 -3.214 -1.35zm-2.99 -4.2l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm6 0l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z",
               "stroke-width": "0",
               fill: l.value.style.rating.color
-            }, null, 8, ss)
-          ], 12, os)) : (o(), e("svg", {
+            }, null, 8, vo)
+          ], 12, ho)) : (o(), e("svg", {
             key: 1,
             xmlns: s(c),
             style: n(`width:${l.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
@@ -2141,8 +2220,8 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
             "stroke-linejoin": "round",
             fill: "none"
           }, _[1] || (_[1] = [
-            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-1c824e2d></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-1c824e2d></path><path d="M9 10l.01 0" data-v-1c824e2d></path><path d="M15 10l.01 0" data-v-1c824e2d></path><path d="M9.5 15.25a3.5 3.5 0 0 1 5 0" data-v-1c824e2d></path>', 5)
-          ]), 12, rs)),
+            A('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-cb05b210></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-cb05b210></path><path d="M9 10l.01 0" data-v-cb05b210></path><path d="M15 10l.01 0" data-v-cb05b210></path><path d="M9.5 15.25a3.5 3.5 0 0 1 5 0" data-v-cb05b210></path>', 5)
+          ]), 12, _o)),
           l.value.style.rating.filled ? (o(), e("svg", {
             key: 2,
             xmlns: s(c),
@@ -2163,8 +2242,8 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
               d: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-2 10.66h-6l-.117 .007a1 1 0 0 0 0 1.986l.117 .007h6l.117 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-5.99 -5l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm6 0l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z",
               "stroke-width": "0",
               fill: l.value.style.rating.color
-            }, null, 8, ns)
-          ], 12, is)) : (o(), e("svg", {
+            }, null, 8, po)
+          ], 12, xo)) : (o(), e("svg", {
             key: 3,
             xmlns: s(c),
             style: n(`width:${l.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
@@ -2175,8 +2254,8 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
             "stroke-linejoin": "round",
             fill: "none"
           }, _[3] || (_[3] = [
-            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-1c824e2d></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-1c824e2d></path><path d="M9 10l.01 0" data-v-1c824e2d></path><path d="M15 10l.01 0" data-v-1c824e2d></path><path d="M9 15l6 0" data-v-1c824e2d></path>', 5)
-          ]), 12, as)),
+            A('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-cb05b210></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-cb05b210></path><path d="M9 10l.01 0" data-v-cb05b210></path><path d="M15 10l.01 0" data-v-cb05b210></path><path d="M9 15l6 0" data-v-cb05b210></path>', 5)
+          ]), 12, go)),
           l.value.style.rating.filled ? (o(), e("svg", {
             key: 4,
             xmlns: s(c),
@@ -2197,8 +2276,8 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
               d: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-7.99 5.66l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm6 0l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z",
               "stroke-width": "0",
               fill: l.value.style.rating.color
-            }, null, 8, us)
-          ], 12, cs)) : (o(), e("svg", {
+            }, null, 8, wo)
+          ], 12, fo)) : (o(), e("svg", {
             key: 5,
             xmlns: s(c),
             style: n(`width:${l.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
@@ -2217,7 +2296,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
             t("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }, null, -1),
             t("path", { d: "M9 10l.01 0" }, null, -1),
             t("path", { d: "M15 10l.01 0" }, null, -1)
-          ]), 12, ds)),
+          ]), 12, bo)),
           l.value.style.rating.filled ? (o(), e("svg", {
             key: 6,
             xmlns: s(c),
@@ -2238,8 +2317,8 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
               d: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.8 10.946a1 1 0 0 0 -1.414 .014a2.5 2.5 0 0 1 -3.572 0a1 1 0 0 0 -1.428 1.4a4.5 4.5 0 0 0 6.428 0a1 1 0 0 0 -.014 -1.414zm-6.19 -5.286l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993zm6 0l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993z",
               "stroke-width": "0",
               fill: l.value.style.rating.color
-            }, null, 8, ks)
-          ], 12, ys)) : (o(), e("svg", {
+            }, null, 8, mo)
+          ], 12, Co)) : (o(), e("svg", {
             key: 7,
             xmlns: s(c),
             style: n(`width:${l.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
@@ -2250,8 +2329,8 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
             "stroke-linejoin": "round",
             fill: "none"
           }, _[7] || (_[7] = [
-            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-1c824e2d></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-1c824e2d></path><path d="M9 10l.01 0" data-v-1c824e2d></path><path d="M15 10l.01 0" data-v-1c824e2d></path><path d="M9.5 15a3.5 3.5 0 0 0 5 0" data-v-1c824e2d></path>', 5)
-          ]), 12, hs)),
+            A('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-cb05b210></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-cb05b210></path><path d="M9 10l.01 0" data-v-cb05b210></path><path d="M15 10l.01 0" data-v-cb05b210></path><path d="M9.5 15a3.5 3.5 0 0 0 5 0" data-v-cb05b210></path>', 5)
+          ]), 12, Mo)),
           l.value.style.rating.filled ? (o(), e("svg", {
             key: 8,
             xmlns: s(c),
@@ -2272,8 +2351,8 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
               d: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-2 9.66h-6a1 1 0 0 0 -1 1v.05a3.975 3.975 0 0 0 3.777 3.97l.227 .005a4.026 4.026 0 0 0 3.99 -3.79l.006 -.206a1 1 0 0 0 -1 -1.029zm-5.99 -5l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993zm6 0l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993z",
               "stroke-width": "0",
               fill: l.value.style.rating.color
-            }, null, 8, _s)
-          ], 12, vs)) : (o(), e("svg", {
+            }, null, 8, $o)
+          ], 12, Lo)) : (o(), e("svg", {
             key: 9,
             xmlns: s(c),
             style: n(`width:${l.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
@@ -2284,8 +2363,8 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
             "stroke-linejoin": "round",
             fill: "none"
           }, _[9] || (_[9] = [
-            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-1c824e2d></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-1c824e2d></path><path d="M9 9l.01 0" data-v-1c824e2d></path><path d="M15 9l.01 0" data-v-1c824e2d></path><path d="M8 13a4 4 0 1 0 8 0h-8" data-v-1c824e2d></path>', 5)
-          ]), 12, xs))
+            A('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-cb05b210></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-cb05b210></path><path d="M9 9l.01 0" data-v-cb05b210></path><path d="M15 9l.01 0" data-v-cb05b210></path><path d="M8 13a4 4 0 1 0 8 0h-8" data-v-cb05b210></path>', 5)
+          ]), 12, Ao))
         ], 4)) : (o(), e("svg", {
           key: 1,
           xmlns: s(c),
@@ -2304,18 +2383,18 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
             "stroke-width": l.value.style.rating.strokeWidth,
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, gs)), 64))
-        ], 12, ps))
+          }, null, 8, Po)), 64))
+        ], 12, Bo))
       ], 64)) : a("", !0),
       u.value === "verticalBar" ? (o(), e("svg", {
-        key: 35,
+        key: 36,
         xmlns: s(c),
         width: "100%",
         viewBox: "0 0 100 100",
         style: n(`background:${l.value.style.backgroundColor}`)
       }, [
         d(y),
-        l.value.style.verticalBar.axis.show ? (o(), e("g", ws, [
+        l.value.style.verticalBar.axis.show ? (o(), e("g", jo, [
           t("line", {
             x1: 3,
             x2: 3,
@@ -2323,7 +2402,7 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
             y2: 97,
             stroke: l.value.style.verticalBar.axis.color,
             "stroke-width": l.value.style.verticalBar.axis.strokeWidth
-          }, null, 8, ms)
+          }, null, 8, zo)
         ])) : a("", !0),
         (o(), e(k, null, v(6, (r, i) => t("rect", {
           x: 3,
@@ -2332,11 +2411,11 @@ const G = ["id"], R = ["xmlns"], T = ["stroke"], Y = ["stroke"], D = ["stroke"],
           width: 94 - 94 * i / 6,
           fill: l.value.style.verticalBar.color,
           rx: l.value.style.verticalBar.borderRadius
-        }, null, 8, bs)), 64))
-      ], 12, fs)) : a("", !0)
+        }, null, 8, qo)), 64))
+      ], 12, Wo)) : a("", !0)
     ], 14, G));
   }
-}, Bs = /* @__PURE__ */ X(Ms, [["__scopeId", "data-v-1c824e2d"]]);
+}, Fo = /* @__PURE__ */ X(Ho, [["__scopeId", "data-v-cb05b210"]]);
 export {
-  Bs as default
+  Fo as default
 };