vue-data-ui 2.4.89 → 2.5.0

package/dist/{vue-ui-skeleton-odlG21I6.js → vue-ui-skeleton-BM3ut-zl.js}

@@ -1,46 +1,46 @@
-import { ref as w, computed as g, openBlock as e, createElementBlock as o, normalizeClass as F, normalizeStyle as n, unref as s, createVNode as d, createElementVNode as t, createCommentVNode as a, Fragment as h, renderList as v, pushScopeId as O, popScopeId as V, createStaticVNode as P } from "vue";
-import { u as X, P as B, X as u, s as k, W as G } from "./index-CbMgQMOZ.js";
-import { u as R } from "./useNestedProp-vYrmxXEi.js";
-import { _ as y } from "./PackageVersion-DtBpSOiQ.js";
+import { ref as w, computed as g, openBlock as e, createElementBlock as o, normalizeClass as F, normalizeStyle as n, unref as s, createVNode as d, createElementVNode as t, createCommentVNode as a, Fragment as h, renderList as v, pushScopeId as O, popScopeId as V, createStaticVNode as B } from "vue";
+import { u as X, P, X as c, s as k, W as G } from "./index-DAAFXQJj.js";
+import { u as R } from "./useNestedProp-DMtJzMiX.js";
+import { _ as y } from "./PackageVersion-DKr8jVlI.js";
 import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmlns"], U = ["stroke"], J = ["stroke"], K = ["stroke"], Q = ["fill", "stroke"], ll = ["fill"], tl = ["fill", "stroke"], el = ["fill"], ol = ["fill", "stroke"], sl = ["fill"], rl = ["fill", "stroke"], il = ["fill"], nl = ["fill", "stroke"], al = ["fill"], ul = ["fill", "stroke"], cl = ["fill"], dl = ["xmlns"], yl = ["stroke", "fill"], hl = ["xmlns"], kl = ["stroke", "fill"], vl = ["xmlns"], _l = ["fill"], xl = ["fill"], pl = ["fill"], gl = ["fill"], fl = ["xmlns"], wl = ["stroke"], ml = ["fill"], bl = ["stroke", "fill"], Ml = ["stroke", "fill"], Cl = ["fill"], Ll = ["stroke", "fill"], Al = ["stroke", "fill"], $l = ["fill"], Bl = ["stroke", "fill"], Pl = ["stroke", "fill"], Wl = ["fill"], zl = ["stroke", "fill"], jl = ["stroke", "fill"], ql = ["fill"], Hl = ["stroke", "fill"], Sl = ["stroke", "fill"], El = ["xmlns"], Il = ["stroke"], Zl = ["stroke"], Nl = ["stroke", "fill"], Fl = ["stroke", "fill"], Ol = ["stroke", "fill"], Vl = ["stroke", "fill"], Xl = ["stroke", "fill"], Gl = ["stroke", "fill"], Rl = ["stroke", "fill"], 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"], ut = ["xmlns"], ct = ["stroke"], dt = ["xmlns"], yt = ["stroke"], ht = ["xmlns"], kt = ["stroke"], vt = ["xmlns"], _t = ["fill"], xt = ["fill"], pt = ["fill"], gt = ["fill"], ft = ["fill"], wt = ["fill"], mt = ["fill"], bt = ["fill"], Mt = ["fill"], Ct = ["fill"], Lt = ["fill"], At = ["fill"], $t = ["xmlns"], Bt = ["stroke"], Pt = ["stroke"], Wt = ["stroke"], zt = ["stroke"], jt = ["stroke"], qt = ["stroke"], Ht = ["xmlns"], St = ["stroke"], Et = ["stroke"], It = ["stroke"], Zt = ["stroke"], Nt = ["stroke"], Ft = ["stroke"], Ot = ["stroke"], Vt = ["stroke"], Xt = ["stroke"], Gt = ["xmlns"], Rt = ["stroke"], Tt = ["xmlns"], Yt = ["stroke"], Dt = ["stroke"], Ut = ["stroke"], Jt = ["stroke"], Kt = ["stroke"], Qt = ["stroke"], le = ["stroke"], te = ["stroke"], ee = ["stroke"], oe = ["xmlns"], se = ["x1", "x2", "stroke"], re = ["xmlns"], ie = ["x", "y", "width", "height", "fill"], ne = ["y", "width", "height", "fill"], ae = ["xmlns"], ue = ["fill"], ce = ["fill"], de = ["fill"], ye = ["xmlns"], he = ["x1", "x2", "y1", "y2", "stroke"], ke = ["stroke"], ve = ["fill"], _e = ["xmlns"], xe = ["fill"], pe = ["fill"], ge = ["x1", "y1", "x2", "y2", "stroke-width", "stroke"], fe = ["xmlns"], we = { key: 0 }, me = ["stroke", "stroke-width"], be = ["stroke", "stroke-width"], Me = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ce = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Le = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ae = ["x", "y", "height", "width", "fill"], $e = ["xmlns", "viewBox"], Be = ["x", "y", "stroke", "fill"], Pe = ["xmlns"], We = ["d", "stroke"], ze = ["cx", "cy", "r", "fill", "stroke"], je = ["cx", "cy", "r", "fill", "stroke"], qe = ["x", "y", "width", "fill"], He = ["cx", "cy", "fill"], Se = ["cx", "cy", "fill"], Ee = ["stroke"], Ie = ["xmlns"], Ze = ["stroke", "stroke-width"], Ne = ["stroke", "stroke-width"], Fe = ["stroke", "stroke-width"], Oe = ["fill"], Ve = ["fill"], Xe = ["fill"], Ge = ["fill"], Re = ["fill"], Te = ["fill"], Ye = ["xmlns"], De = { key: 0 }, Ue = ["stroke", "stroke-width"], Je = ["stroke", "stroke-width"], Ke = ["stroke", "stroke-width"], Qe = { key: 1 }, lo = ["r", "fill"], to = ["r", "fill"], eo = ["xmlns"], oo = { key: 0 }, so = ["stroke", "stroke-width"], ro = ["stroke", "stroke-width"], io = ["fill", "rx", "x", "y", "width", "height"], no = ["xmlns"], ao = ["stroke-width", "stroke"], uo = ["stroke-width", "stroke"], co = ["stroke-width", "stroke"], yo = ["xmlns"], ho = ["stroke"], ko = ["stroke"], vo = ["stroke"], _o = ["stroke"], xo = ["fill"], po = ["stroke"], go = ["xmlns"], fo = ["stroke", "stroke-width"], wo = ["stroke", "stroke-width"], mo = ["fill", "r"], bo = ["fill", "r"], Mo = ["fill", "r"], Co = ["fill", "r"], Lo = ["fill", "r"], Ao = ["fill", "r"], $o = ["fill", "r"], Bo = ["fill", "r"], Po = ["fill", "r"], Wo = ["xmlns"], zo = ["d", "stroke", "stroke-width"], jo = ["d", "stroke", "stroke-width"], qo = ["d", "stroke", "stroke-width"], Ho = ["d", "stroke", "stroke-width"], So = ["stroke", "stroke-width"], Eo = ["stroke", "stroke-width"], Io = ["stroke", "stroke-width"], Zo = ["fill"], No = ["fill"], Fo = ["xmlns"], Oo = ["x", "y", "fill"], Vo = ["x", "y", "fill"], Xo = ["x", "y", "fill"], Go = ["xmlns"], Ro = ["fill"], To = ["fill"], Yo = ["y1", "y2", "stroke", "stroke-width"], Do = ["x1", "x2", "stroke", "stroke-width"], Uo = ["xmlns", "stroke"], Jo = /* @__PURE__ */ p(() => /* @__PURE__ */ t("path", {
+const p = (m) => (O("data-v-1c824e2d"), m = m(), V(), m), Y = ["id"], D = ["xmlns"], U = ["stroke"], J = ["stroke"], K = ["stroke"], Q = ["fill", "stroke"], ll = ["fill"], tl = ["fill", "stroke"], el = ["fill"], ol = ["fill", "stroke"], sl = ["fill"], rl = ["fill", "stroke"], il = ["fill"], nl = ["fill", "stroke"], al = ["fill"], cl = ["fill", "stroke"], ul = ["fill"], dl = ["xmlns"], yl = ["stroke"], hl = ["stroke"], kl = ["stroke"], vl = ["stroke"], _l = ["stroke"], xl = ["stroke"], pl = ["stroke"], gl = ["stroke"], fl = ["stroke"], wl = ["xmlns"], ml = ["stroke", "fill"], bl = ["xmlns"], Ml = ["stroke", "fill"], Cl = ["xmlns"], Ll = ["fill"], $l = ["fill"], Al = ["fill"], Pl = ["fill"], Bl = ["xmlns"], Wl = ["stroke"], zl = ["fill"], jl = ["stroke", "fill"], ql = ["stroke", "fill"], Hl = ["fill"], Sl = ["stroke", "fill"], El = ["stroke", "fill"], Il = ["fill"], Zl = ["stroke", "fill"], Nl = ["stroke", "fill"], Fl = ["fill"], Ol = ["stroke", "fill"], Vl = ["stroke", "fill"], Xl = ["fill"], Gl = ["stroke", "fill"], Rl = ["stroke", "fill"], Tl = ["xmlns"], Yl = ["stroke"], Dl = ["stroke"], 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"], ht = ["stroke", "fill"], kt = ["stroke", "fill"], vt = ["stroke", "fill"], _t = ["stroke", "fill"], xt = ["stroke", "fill"], pt = ["stroke", "fill"], gt = ["xmlns"], ft = ["stroke"], wt = ["xmlns"], mt = ["stroke"], bt = ["xmlns"], Mt = ["stroke"], Ct = ["xmlns"], Lt = ["fill"], $t = ["fill"], At = ["fill"], Pt = ["fill"], Bt = ["fill"], Wt = ["fill"], zt = ["fill"], jt = ["fill"], qt = ["fill"], Ht = ["fill"], St = ["fill"], Et = ["fill"], It = ["xmlns"], Zt = ["stroke"], Nt = ["stroke"], Ft = ["stroke"], Ot = ["stroke"], Vt = ["stroke"], Xt = ["stroke"], Gt = ["xmlns"], Rt = ["stroke"], Tt = ["stroke"], Yt = ["stroke"], Dt = ["stroke"], Ut = ["stroke"], Jt = ["stroke"], Kt = ["stroke"], Qt = ["stroke"], le = ["stroke"], te = ["xmlns"], ee = ["stroke"], oe = ["xmlns"], se = ["stroke"], re = ["stroke"], ie = ["stroke"], ne = ["stroke"], ae = ["stroke"], ce = ["stroke"], ue = ["stroke"], de = ["stroke"], ye = ["stroke"], he = ["xmlns"], ke = ["x1", "x2", "stroke"], ve = ["xmlns"], _e = ["x", "y", "width", "height", "fill"], xe = ["y", "width", "height", "fill"], pe = ["xmlns"], ge = ["fill"], fe = ["fill"], we = ["fill"], me = ["xmlns"], be = ["x1", "x2", "y1", "y2", "stroke"], Me = ["stroke"], Ce = ["fill"], Le = ["xmlns"], $e = ["fill"], Ae = ["fill"], Pe = ["x1", "y1", "x2", "y2", "stroke-width", "stroke"], Be = ["xmlns"], We = { key: 0 }, ze = ["stroke", "stroke-width"], je = ["stroke", "stroke-width"], qe = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], He = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Se = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ee = ["x", "y", "height", "width", "fill"], Ie = ["xmlns", "viewBox"], Ze = ["x", "y", "stroke", "fill"], Ne = ["xmlns"], Fe = ["d", "stroke"], Oe = ["cx", "cy", "r", "fill", "stroke"], Ve = ["cx", "cy", "r", "fill", "stroke"], Xe = ["x", "y", "width", "fill"], Ge = ["cx", "cy", "fill"], Re = ["cx", "cy", "fill"], Te = ["stroke"], Ye = ["xmlns"], De = ["stroke", "stroke-width"], Ue = ["stroke", "stroke-width"], Je = ["stroke", "stroke-width"], Ke = ["fill"], Qe = ["fill"], lo = ["fill"], to = ["fill"], eo = ["fill"], oo = ["fill"], so = ["xmlns"], ro = { key: 0 }, io = ["stroke", "stroke-width"], no = ["stroke", "stroke-width"], ao = ["stroke", "stroke-width"], co = { key: 1 }, uo = ["r", "fill"], yo = ["r", "fill"], ho = ["xmlns"], ko = { key: 0 }, vo = ["stroke", "stroke-width"], _o = ["stroke", "stroke-width"], xo = ["fill", "rx", "x", "y", "width", "height"], po = ["xmlns"], go = ["stroke-width", "stroke"], fo = ["stroke-width", "stroke"], wo = ["stroke-width", "stroke"], mo = ["xmlns"], bo = ["stroke"], Mo = ["stroke"], Co = ["stroke"], Lo = ["stroke"], $o = ["fill"], Ao = ["stroke"], Po = ["xmlns"], Bo = ["stroke", "stroke-width"], Wo = ["stroke", "stroke-width"], zo = ["fill", "r"], jo = ["fill", "r"], qo = ["fill", "r"], Ho = ["fill", "r"], So = ["fill", "r"], Eo = ["fill", "r"], Io = ["fill", "r"], Zo = ["fill", "r"], No = ["fill", "r"], Fo = ["xmlns"], Oo = ["d", "stroke", "stroke-width"], Vo = ["d", "stroke", "stroke-width"], Xo = ["d", "stroke", "stroke-width"], Go = ["d", "stroke", "stroke-width"], Ro = ["stroke", "stroke-width"], To = ["stroke", "stroke-width"], Yo = ["stroke", "stroke-width"], Do = ["fill"], Uo = ["fill"], Jo = ["xmlns"], Ko = ["x", "y", "fill"], Qo = ["x", "y", "fill"], ls = ["x", "y", "fill"], ts = ["xmlns"], es = ["fill"], os = ["fill"], ss = ["y1", "y2", "stroke", "stroke-width"], rs = ["x1", "x2", "stroke", "stroke-width"], is = ["xmlns", "stroke"], ns = /* @__PURE__ */ p(() => /* @__PURE__ */ t("path", {
   stroke: "none",
   d: "M0 0h24v24H0z",
   fill: "none"
-}, null, -1)), Ko = ["fill"], Qo = ["xmlns", "stroke"], ls = /* @__PURE__ */ P('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-75f0973e></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-75f0973e></path><path d="M9 10l.01 0" data-v-75f0973e></path><path d="M15 10l.01 0" data-v-75f0973e></path><path d="M9.5 15.25a3.5 3.5 0 0 1 5 0" data-v-75f0973e></path>', 5), ts = [
-  ls
-], es = ["xmlns", "stroke"], os = /* @__PURE__ */ p(() => /* @__PURE__ */ t("path", {
+}, null, -1)), as = ["fill"], cs = ["xmlns", "stroke"], us = /* @__PURE__ */ B('<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), ds = [
+  us
+], ys = ["xmlns", "stroke"], hs = /* @__PURE__ */ p(() => /* @__PURE__ */ t("path", {
   stroke: "none",
   d: "M0 0h24v24H0z",
   fill: "none"
-}, null, -1)), ss = ["fill"], rs = ["xmlns", "stroke"], is = /* @__PURE__ */ P('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-75f0973e></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-75f0973e></path><path d="M9 10l.01 0" data-v-75f0973e></path><path d="M15 10l.01 0" data-v-75f0973e></path><path d="M9 15l6 0" data-v-75f0973e></path>', 5), ns = [
-  is
-], as = ["xmlns", "stroke"], us = /* @__PURE__ */ p(() => /* @__PURE__ */ t("path", {
+}, null, -1)), ks = ["fill"], vs = ["xmlns", "stroke"], _s = /* @__PURE__ */ B('<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), xs = [
+  _s
+], ps = ["xmlns", "stroke"], gs = /* @__PURE__ */ p(() => /* @__PURE__ */ t("path", {
   stroke: "none",
   d: "M0 0h24v24H0z",
   fill: "none"
-}, null, -1)), cs = ["fill"], ds = ["xmlns", "stroke"], ys = /* @__PURE__ */ p(() => /* @__PURE__ */ t("path", {
+}, null, -1)), fs = ["fill"], ws = ["xmlns", "stroke"], ms = /* @__PURE__ */ p(() => /* @__PURE__ */ t("path", {
   stroke: "none",
   d: "M0 0h24v24H0z",
   fill: "none"
-}, null, -1)), hs = /* @__PURE__ */ p(() => /* @__PURE__ */ t("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }, null, -1)), ks = /* @__PURE__ */ p(() => /* @__PURE__ */ t("path", { d: "M9 10l.01 0" }, null, -1)), vs = /* @__PURE__ */ p(() => /* @__PURE__ */ t("path", { d: "M15 10l.01 0" }, null, -1)), _s = [
-  ys,
-  hs,
-  ks,
-  vs
-], xs = ["xmlns", "stroke"], ps = /* @__PURE__ */ p(() => /* @__PURE__ */ t("path", {
+}, null, -1)), bs = /* @__PURE__ */ p(() => /* @__PURE__ */ t("path", { d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" }, null, -1)), Ms = /* @__PURE__ */ p(() => /* @__PURE__ */ t("path", { d: "M9 10l.01 0" }, null, -1)), Cs = /* @__PURE__ */ p(() => /* @__PURE__ */ t("path", { d: "M15 10l.01 0" }, null, -1)), Ls = [
+  ms,
+  bs,
+  Ms,
+  Cs
+], $s = ["xmlns", "stroke"], As = /* @__PURE__ */ p(() => /* @__PURE__ */ t("path", {
   stroke: "none",
   d: "M0 0h24v24H0z",
   fill: "none"
-}, null, -1)), gs = ["fill"], fs = ["xmlns", "stroke"], ws = /* @__PURE__ */ P('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-75f0973e></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-75f0973e></path><path d="M9 10l.01 0" data-v-75f0973e></path><path d="M15 10l.01 0" data-v-75f0973e></path><path d="M9.5 15a3.5 3.5 0 0 0 5 0" data-v-75f0973e></path>', 5), ms = [
-  ws
-], bs = ["xmlns", "stroke"], Ms = /* @__PURE__ */ p(() => /* @__PURE__ */ t("path", {
+}, null, -1)), Ps = ["fill"], Bs = ["xmlns", "stroke"], Ws = /* @__PURE__ */ B('<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), zs = [
+  Ws
+], js = ["xmlns", "stroke"], qs = /* @__PURE__ */ p(() => /* @__PURE__ */ t("path", {
   stroke: "none",
   d: "M0 0h24v24H0z",
   fill: "none"
-}, null, -1)), Cs = ["fill"], Ls = ["xmlns", "stroke"], As = /* @__PURE__ */ P('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-75f0973e></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-75f0973e></path><path d="M9 9l.01 0" data-v-75f0973e></path><path d="M15 9l.01 0" data-v-75f0973e></path><path d="M8 13a4 4 0 1 0 8 0h-8" data-v-75f0973e></path>', 5), $s = [
-  As
-], Bs = ["xmlns"], Ps = ["points", "fill", "stroke", "stroke-width"], Ws = ["xmlns"], zs = { key: 0 }, js = ["stroke", "stroke-width"], qs = ["y", "width", "fill", "rx"], Hs = {
+}, null, -1)), Hs = ["fill"], Ss = ["xmlns", "stroke"], Es = /* @__PURE__ */ B('<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), Is = [
+  Es
+], Zs = ["xmlns"], Ns = ["points", "fill", "stroke", "stroke-width"], Fs = ["xmlns"], Os = { key: 0 }, Vs = ["stroke", "stroke-width"], Xs = ["y", "width", "fill", "rx"], Gs = {
   __name: "vue-ui-skeleton",
   props: {
     config: {
@@ -54,19 +54,19 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
     const W = m, { vue_ui_skeleton: z } = X(), j = w(`vue-ui-skeleton-${Math.random()}`), l = g(() => R({
       userConfig: W.config,
       defaultConfig: z
-    })), q = g(() => l.value.style.animated), c = g(() => l.value.type), H = w([60, 50, 55, 36, 40, 25, 26, 12]), S = g(() => B({
+    })), q = g(() => l.value.style.animated), u = g(() => l.value.type), H = w([60, 50, 55, 36, 40, 25, 26, 12]), S = g(() => P({
       plot: { x: 50, y: 50 },
       radius: 40,
       sides: 6
-    }).path), E = g(() => B({
+    }).path), E = g(() => P({
       plot: { x: 50, y: 50 },
       radius: 30,
       sides: 6
-    }).path), I = g(() => B({
+    }).path), I = g(() => P({
       plot: { x: 50, y: 50 },
       radius: 20,
       sides: 6
-    }).path), Z = g(() => B({
+    }).path), Z = g(() => P({
       plot: { x: 50, y: 50 },
       radius: 10,
       sides: 6
@@ -253,10 +253,10 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
         { x: 150, y: 1 }
       ]
     );
-    function L(f, A = 1) {
+    function L(f, $ = 1) {
       return {
-        x: 200 + 160 * Math.cos(29.85 + f * Math.PI / 180) * A,
-        y: 200 + 160 * Math.sin(29.85 + f * Math.PI / 180) * A
+        x: 200 + 160 * Math.cos(29.85 + f * Math.PI / 180) * $,
+        y: 200 + 160 * Math.sin(29.85 + f * Math.PI / 180) * $
       };
     }
     const N = g(() => {
@@ -271,14 +271,14 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
         });
       return f;
     });
-    return (f, A) => (e(), o("div", {
+    return (f, $) => (e(), o("div", {
       id: j.value,
       class: F({ "vue-ui-skeleton": !0, "vue-ui-skeleton-animated": q.value }),
       style: n(`background:${l.value.style.backgroundColor};color:${l.value.style.color};display:flex;align-items:center;justify-content:center;`)
     }, [
-      c.value === "historyPlot" ? (e(), o("svg", {
+      u.value === "historyPlot" ? (e(), o("svg", {
         key: 0,
-        xmlns: s(u),
+        xmlns: s(c),
         width: "100%",
         viewBox: "0 0 612 512",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -390,18 +390,98 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           fill: l.value.style.historyPlot.color,
           stroke: l.value.style.backgroundColor,
           "stroke-width": "3"
-        }, null, 8, ul),
+        }, null, 8, cl),
         t("text", {
           x: "230",
           y: "328",
           fill: l.value.style.backgroundColor,
           "font-size": "24",
           "text-anchor": "middle"
-        }, "6", 8, cl)
+        }, "6", 8, ul)
       ], 12, D)) : a("", !0),
-      c.value === "flow" ? (e(), o("svg", {
+      u.value === "circlePack" ? (e(), o("svg", {
         key: 1,
-        xmlns: s(u),
+        xmlns: s(c),
+        width: "100%",
+        viewBox: "0 0 100 100",
+        style: n(`background:${l.value.style.backgroundColor}`)
+      }, [
+        t("circle", {
+          cx: 50,
+          cy: 50,
+          r: 20,
+          stroke: l.value.style.circlePack.color,
+          "stroke-width": 1,
+          fill: "none"
+        }, null, 8, yl),
+        t("circle", {
+          cx: 80,
+          cy: 50,
+          r: 10,
+          stroke: l.value.style.circlePack.color,
+          "stroke-width": 1,
+          fill: "none"
+        }, null, 8, hl),
+        t("circle", {
+          cx: 28,
+          cy: 30,
+          r: 10,
+          stroke: l.value.style.circlePack.color,
+          "stroke-width": 1,
+          fill: "none"
+        }, null, 8, kl),
+        t("circle", {
+          cx: 25,
+          cy: 76,
+          r: 16,
+          stroke: l.value.style.circlePack.color,
+          "stroke-width": 1,
+          fill: "none"
+        }, null, 8, vl),
+        t("circle", {
+          cx: 60,
+          cy: 78.5,
+          r: 10,
+          stroke: l.value.style.circlePack.color,
+          "stroke-width": 1,
+          fill: "none"
+        }, null, 8, _l),
+        t("circle", {
+          cx: 64,
+          cy: 20,
+          r: 13,
+          stroke: l.value.style.circlePack.color,
+          "stroke-width": 1,
+          fill: "none"
+        }, null, 8, xl),
+        t("circle", {
+          cx: 72,
+          cy: 37,
+          r: 5,
+          stroke: l.value.style.circlePack.color,
+          "stroke-width": 1,
+          fill: "none"
+        }, null, 8, pl),
+        t("circle", {
+          cx: 25,
+          cy: 45,
+          r: 5,
+          stroke: l.value.style.circlePack.color,
+          "stroke-width": 1,
+          fill: "none"
+        }, null, 8, gl),
+        t("circle", {
+          cx: 70,
+          cy: 66,
+          r: 5,
+          stroke: l.value.style.circlePack.color,
+          "stroke-width": 1,
+          fill: "none"
+        }, null, 8, fl)
+      ], 12, dl)) : a("", !0),
+      u.value === "flow" ? (e(), o("svg", {
+        key: 2,
+        xmlns: s(c),
         width: "100%",
         viewBox: "0 0 80 60",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -414,11 +494,11 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-linecap": "round",
           "stroke-linejoin": "round",
           fill: l.value.style.flow.color
-        }, null, 8, yl)
-      ], 12, dl)) : a("", !0),
-      c.value === "parallelCoordinatePlot" ? (e(), o("svg", {
-        key: 2,
-        xmlns: s(u),
+        }, null, 8, ml)
+      ], 12, wl)) : a("", !0),
+      u.value === "parallelCoordinatePlot" ? (e(), o("svg", {
+        key: 3,
+        xmlns: s(c),
         width: "100%",
         viewBox: "0 0 80 60",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -431,11 +511,11 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-linecap": "round",
           "stroke-linejoin": "round",
           fill: l.value.style.parallelCoordinatePlot.color
-        }, null, 8, kl)
-      ], 12, hl)) : a("", !0),
-      c.value === "bullet" ? (e(), o("svg", {
-        key: 3,
-        xmlns: s(u),
+        }, null, 8, Ml)
+      ], 12, bl)) : a("", !0),
+      u.value === "bullet" ? (e(), o("svg", {
+        key: 4,
+        xmlns: s(c),
         width: "100%",
         viewBox: "0 0 600 96",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -447,7 +527,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           width: 300,
           height: 72,
           style: { opacity: "0.8" }
-        }, null, 8, _l),
+        }, null, 8, Ll),
         t("rect", {
           fill: l.value.style.bullet.color,
           x: 324,
@@ -455,7 +535,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           width: 150,
           height: 72,
           style: { opacity: "0.6" }
-        }, null, 8, xl),
+        }, null, 8, $l),
         t("rect", {
           fill: l.value.style.bullet.color,
           x: 474,
@@ -463,7 +543,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           width: 102,
           height: 72,
           style: { opacity: "0.3" }
-        }, null, 8, pl),
+        }, null, 8, Al),
         t("rect", {
           fill: l.value.style.bullet.color,
           x: 24,
@@ -471,11 +551,11 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           width: 490,
           height: 24,
           style: { opacity: "1" }
-        }, null, 8, gl)
-      ], 12, vl)) : a("", !0),
-      c.value === "dumbbell" ? (e(), o("svg", {
-        key: 4,
-        xmlns: s(u),
+        }, null, 8, Pl)
+      ], 12, Cl)) : a("", !0),
+      u.value === "dumbbell" ? (e(), o("svg", {
+        key: 5,
+        xmlns: s(c),
         width: "100%",
         viewBox: "0 0 100 55",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -490,7 +570,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.5,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, wl),
+        }, null, 8, Wl),
         t("path", {
           d: `
                     M 30,11
@@ -501,7 +581,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
                     30,9 Z
                 `,
           fill: l.value.style.dumbbell.color
-        }, null, 8, ml),
+        }, null, 8, zl),
         t("circle", {
           cx: "30",
           cy: "10",
@@ -509,7 +589,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           stroke: l.value.style.backgroundColor,
           "stroke-width": 0.3,
           fill: l.value.style.dumbbell.color
-        }, null, 8, bl),
+        }, null, 8, jl),
         t("circle", {
           cx: "46",
           cy: "10",
@@ -517,7 +597,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           stroke: l.value.style.backgroundColor,
           "stroke-width": 0.3,
           fill: l.value.style.dumbbell.color
-        }, null, 8, Ml),
+        }, null, 8, ql),
         t("path", {
           d: `
                     M 10,21
@@ -528,7 +608,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
                     10,19 Z
                 `,
           fill: l.value.style.dumbbell.color
-        }, null, 8, Cl),
+        }, null, 8, Hl),
         t("circle", {
           cx: "10",
           cy: "20",
@@ -536,7 +616,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           stroke: l.value.style.backgroundColor,
           "stroke-width": 0.3,
           fill: l.value.style.dumbbell.color
-        }, null, 8, Ll),
+        }, null, 8, Sl),
         t("circle", {
           cx: "36",
           cy: "20",
@@ -544,7 +624,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           stroke: l.value.style.backgroundColor,
           "stroke-width": 0.3,
           fill: l.value.style.dumbbell.color
-        }, null, 8, Al),
+        }, null, 8, El),
         t("path", {
           d: `
                     M 30,31
@@ -555,7 +635,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
                     30,29 Z
                 `,
           fill: l.value.style.dumbbell.color
-        }, null, 8, $l),
+        }, null, 8, Il),
         t("circle", {
           cx: "30",
           cy: "30",
@@ -563,7 +643,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           stroke: l.value.style.backgroundColor,
           "stroke-width": 0.3,
           fill: l.value.style.dumbbell.color
-        }, null, 8, Bl),
+        }, null, 8, Zl),
         t("circle", {
           cx: "60",
           cy: "30",
@@ -571,7 +651,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           stroke: l.value.style.backgroundColor,
           "stroke-width": 0.3,
           fill: l.value.style.dumbbell.color
-        }, null, 8, Pl),
+        }, null, 8, Nl),
         t("path", {
           d: `
                     M 50,41
@@ -582,7 +662,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
                     50,39 Z
                 `,
           fill: l.value.style.dumbbell.color
-        }, null, 8, Wl),
+        }, null, 8, Fl),
         t("circle", {
           cx: "50",
           cy: "40",
@@ -590,7 +670,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           stroke: l.value.style.backgroundColor,
           "stroke-width": 0.3,
           fill: l.value.style.dumbbell.color
-        }, null, 8, zl),
+        }, null, 8, Ol),
         t("circle", {
           cx: "80",
           cy: "40",
@@ -598,7 +678,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           stroke: l.value.style.backgroundColor,
           "stroke-width": 0.3,
           fill: l.value.style.dumbbell.color
-        }, null, 8, jl),
+        }, null, 8, Vl),
         t("path", {
           d: `
                     M 40,51
@@ -609,7 +689,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
                     40,49 Z
                 `,
           fill: l.value.style.dumbbell.color
-        }, null, 8, ql),
+        }, null, 8, Xl),
         t("circle", {
           cx: "40",
           cy: "50",
@@ -617,7 +697,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           stroke: l.value.style.backgroundColor,
           "stroke-width": 0.3,
           fill: l.value.style.dumbbell.color
-        }, null, 8, Hl),
+        }, null, 8, Gl),
         t("circle", {
           cx: "90",
           cy: "50",
@@ -625,11 +705,11 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           stroke: l.value.style.backgroundColor,
           "stroke-width": 0.3,
           fill: l.value.style.dumbbell.color
-        }, null, 8, Sl)
-      ], 12, fl)) : a("", !0),
-      c.value === "stripPlot" ? (e(), o("svg", {
-        key: 5,
-        xmlns: s(u),
+        }, null, 8, Rl)
+      ], 12, Bl)) : a("", !0),
+      u.value === "stripPlot" ? (e(), o("svg", {
+        key: 6,
+        xmlns: s(c),
         width: "100%",
         viewBox: "0 0 100 100",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -644,7 +724,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.5,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, Il),
+        }, null, 8, Yl),
         t("line", {
           x1: "3",
           x2: "97",
@@ -654,7 +734,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.5,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, Zl),
+        }, null, 8, Dl),
         t("circle", {
           cx: "12",
           cy: "8",
@@ -663,7 +743,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, Nl),
+        }, null, 8, Ul),
         t("circle", {
           cx: "12",
           cy: "40",
@@ -672,7 +752,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, Fl),
+        }, null, 8, Jl),
         t("circle", {
           cx: "12",
           cy: "60",
@@ -681,7 +761,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, Ol),
+        }, null, 8, Kl),
         t("circle", {
           cx: "12",
           cy: "70",
@@ -690,7 +770,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, Vl),
+        }, null, 8, Ql),
         t("circle", {
           cx: "32",
           cy: "25",
@@ -699,7 +779,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, Xl),
+        }, null, 8, lt),
         t("circle", {
           cx: "32",
           cy: "38",
@@ -708,7 +788,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, Gl),
+        }, null, 8, tt),
         t("circle", {
           cx: "32",
           cy: "44",
@@ -717,7 +797,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, Rl),
+        }, null, 8, et),
         t("circle", {
           cx: "32",
           cy: "55",
@@ -726,7 +806,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, Tl),
+        }, null, 8, ot),
         t("circle", {
           cx: "52",
           cy: "30",
@@ -735,7 +815,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, Yl),
+        }, null, 8, st),
         t("circle", {
           cx: "52",
           cy: "33",
@@ -744,7 +824,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, Dl),
+        }, null, 8, rt),
         t("circle", {
           cx: "52",
           cy: "43",
@@ -753,7 +833,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, Ul),
+        }, null, 8, it),
         t("circle", {
           cx: "52",
           cy: "63",
@@ -762,7 +842,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, Jl),
+        }, null, 8, nt),
         t("circle", {
           cx: "52",
           cy: "78",
@@ -771,7 +851,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, Kl),
+        }, null, 8, at),
         t("circle", {
           cx: "72",
           cy: "58",
@@ -780,7 +860,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, Ql),
+        }, null, 8, ct),
         t("circle", {
           cx: "72",
           cy: "70",
@@ -789,7 +869,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, lt),
+        }, null, 8, ut),
         t("circle", {
           cx: "72",
           cy: "78",
@@ -798,7 +878,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, tt),
+        }, null, 8, dt),
         t("circle", {
           cx: "72",
           cy: "88",
@@ -807,7 +887,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, et),
+        }, null, 8, yt),
         t("circle", {
           cx: "92",
           cy: "66",
@@ -816,7 +896,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, ot),
+        }, null, 8, ht),
         t("circle", {
           cx: "92",
           cy: "77",
@@ -825,7 +905,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, st),
+        }, null, 8, kt),
         t("circle", {
           cx: "92",
           cy: "85",
@@ -834,7 +914,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, rt),
+        }, null, 8, vt),
         t("circle", {
           cx: "92",
           cy: "88",
@@ -843,7 +923,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, it),
+        }, null, 8, _t),
         t("circle", {
           cx: "92",
           cy: "90",
@@ -852,7 +932,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, nt),
+        }, null, 8, xt),
         t("circle", {
           cx: "92",
           cy: "92",
@@ -861,11 +941,11 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, at)
-      ], 12, El)) : a("", !0),
-      c.value === "treemap" ? (e(), o("svg", {
-        key: 6,
-        xmlns: s(u),
+        }, null, 8, pt)
+      ], 12, Tl)) : a("", !0),
+      u.value === "treemap" ? (e(), o("svg", {
+        key: 7,
+        xmlns: s(c),
         width: "100%",
         viewBox: "0 0 30 21",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -878,11 +958,11 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "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, ct)
-      ], 12, ut)) : a("", !0),
-      c.value === "galaxy" ? (e(), o("svg", {
-        key: 7,
-        xmlns: s(u),
+        }, null, 8, ft)
+      ], 12, gt)) : a("", !0),
+      u.value === "galaxy" ? (e(), o("svg", {
+        key: 8,
+        xmlns: s(c),
         width: "100%",
         viewBox: "0.5 0 20 20",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -894,11 +974,11 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": "2",
           "stroke-linecap": "round",
           d: "M 7 11 A 1 1 0 0 0 11 11 M 14 11 A 1 1 0 0 0 7 11 M 3 11 A 1 1 0 0 0 14 11 M 18 11 A 1 1 0 0 0 3 11 M 16.4 16 C 17 15 18 13 18 11"
-        }, null, 8, yt)
-      ], 12, dt)) : a("", !0),
-      c.value === "bar3d" ? (e(), o("svg", {
-        key: 8,
-        xmlns: s(u),
+        }, null, 8, mt)
+      ], 12, wt)) : a("", !0),
+      u.value === "bar3d" ? (e(), o("svg", {
+        key: 9,
+        xmlns: s(c),
         width: "100%",
         viewBox: "2 0 16 20",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -911,11 +991,11 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           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, kt)
-      ], 12, ht)) : a("", !0),
-      c.value === "sparkHistogram" ? (e(), o("svg", {
-        key: 9,
-        xmlns: s(u),
+        }, null, 8, Mt)
+      ], 12, bt)) : a("", !0),
+      u.value === "sparkHistogram" ? (e(), o("svg", {
+        key: 10,
+        xmlns: s(c),
         width: "100%",
         viewBox: "0 0 100 20",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -928,7 +1008,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           width: "6",
           rx: "1.5",
           fill: l.value.style.sparkHistogram.color
-        }, null, 8, _t),
+        }, null, 8, Lt),
         t("rect", {
           x: "11",
           y: "6",
@@ -936,7 +1016,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           width: "6",
           rx: "2",
           fill: l.value.style.sparkHistogram.color
-        }, null, 8, xt),
+        }, null, 8, $t),
         t("rect", {
           x: "19",
           y: "7",
@@ -944,7 +1024,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           width: "6",
           rx: "2",
           fill: l.value.style.sparkHistogram.color
-        }, null, 8, pt),
+        }, null, 8, At),
         t("rect", {
           x: "27",
           y: "6",
@@ -952,7 +1032,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           width: "6",
           rx: "2",
           fill: l.value.style.sparkHistogram.color
-        }, null, 8, gt),
+        }, null, 8, Pt),
         t("rect", {
           x: "35",
           y: "8",
@@ -960,7 +1040,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           width: "6",
           rx: "1.5",
           fill: l.value.style.sparkHistogram.color
-        }, null, 8, ft),
+        }, null, 8, Bt),
         t("rect", {
           x: "43",
           y: "7",
@@ -968,7 +1048,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           width: "6",
           rx: "2",
           fill: l.value.style.sparkHistogram.color
-        }, null, 8, wt),
+        }, null, 8, Wt),
         t("rect", {
           x: "51",
           y: "8.5",
@@ -976,7 +1056,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           width: "6",
           rx: "1.5",
           fill: l.value.style.sparkHistogram.color
-        }, null, 8, mt),
+        }, null, 8, zt),
         t("rect", {
           x: "59",
           y: "7",
@@ -984,7 +1064,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           width: "6",
           rx: "2",
           fill: l.value.style.sparkHistogram.color
-        }, null, 8, bt),
+        }, null, 8, jt),
         t("rect", {
           x: "67",
           y: "6",
@@ -992,7 +1072,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           width: "6",
           rx: "2",
           fill: l.value.style.sparkHistogram.color
-        }, null, 8, Mt),
+        }, null, 8, qt),
         t("rect", {
           x: "75",
           y: "7",
@@ -1000,7 +1080,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           width: "6",
           rx: "2",
           fill: l.value.style.sparkHistogram.color
-        }, null, 8, Ct),
+        }, null, 8, Ht),
         t("rect", {
           x: "83",
           y: "7",
@@ -1008,7 +1088,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           width: "6",
           rx: "2",
           fill: l.value.style.sparkHistogram.color
-        }, null, 8, Lt),
+        }, null, 8, St),
         t("rect", {
           x: "91",
           y: "8",
@@ -1016,11 +1096,11 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           width: "6",
           rx: "1.5",
           fill: l.value.style.sparkHistogram.color
-        }, null, 8, At)
-      ], 12, vt)) : a("", !0),
-      c.value === "sparkbar" ? (e(), o("svg", {
-        key: 10,
-        xmlns: s(u),
+        }, null, 8, Et)
+      ], 12, Ct)) : a("", !0),
+      u.value === "sparkbar" ? (e(), o("svg", {
+        key: 11,
+        xmlns: s(c),
         width: "100%",
         viewBox: "0 0 500 200",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1035,7 +1115,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-linecap": "round",
           stroke: l.value.style.sparkbar.color,
           opacity: "0.5"
-        }, null, 8, Bt),
+        }, null, 8, Zt),
         t("line", {
           x1: "12",
           x2: "400",
@@ -1045,7 +1125,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-linecap": "round",
           stroke: l.value.style.sparkbar.color,
           opacity: "1"
-        }, null, 8, Pt),
+        }, null, 8, Nt),
         t("line", {
           x1: "12",
           x2: "488",
@@ -1055,7 +1135,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-linecap": "round",
           stroke: l.value.style.sparkbar.color,
           opacity: "0.5"
-        }, null, 8, Wt),
+        }, null, 8, Ft),
         t("line", {
           x1: "12",
           x2: "350",
@@ -1065,7 +1145,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-linecap": "round",
           stroke: l.value.style.sparkbar.color,
           opacity: "1"
-        }, null, 8, zt),
+        }, null, 8, Ot),
         t("line", {
           x1: "12",
           x2: "488",
@@ -1075,7 +1155,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-linecap": "round",
           stroke: l.value.style.sparkbar.color,
           opacity: "0.5"
-        }, null, 8, jt),
+        }, null, 8, Vt),
         t("line", {
           x1: "12",
           x2: "235",
@@ -1085,11 +1165,11 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-linecap": "round",
           stroke: l.value.style.sparkbar.color,
           opacity: "1"
-        }, null, 8, qt)
-      ], 12, $t)) : a("", !0),
-      c.value === "sparkStackbar" ? (e(), o("svg", {
-        key: 11,
-        xmlns: s(u),
+        }, null, 8, Xt)
+      ], 12, It)) : a("", !0),
+      u.value === "sparkStackbar" ? (e(), o("svg", {
+        key: 12,
+        xmlns: s(c),
         width: "100%",
         viewBox: "0 0 500 64",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1104,7 +1184,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-linecap": "round",
           stroke: l.value.style.sparkStackbar.color,
           opacity: "0.5"
-        }, null, 8, St),
+        }, null, 8, Rt),
         t("line", {
           x1: "12",
           x2: "380",
@@ -1114,7 +1194,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-linecap": "round",
           stroke: l.value.style.sparkStackbar.color,
           opacity: "0.6"
-        }, null, 8, Et),
+        }, null, 8, Tt),
         t("line", {
           x1: "12",
           x2: "200",
@@ -1124,7 +1204,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-linecap": "round",
           stroke: l.value.style.sparkStackbar.color,
           opacity: "0.8"
-        }, null, 8, It),
+        }, null, 8, Yt),
         t("line", {
           x1: "12",
           x2: "120",
@@ -1134,10 +1214,10 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-linecap": "round",
           stroke: l.value.style.sparkStackbar.color,
           opacity: "1"
-        }, null, 8, Zt)
-      ], 12, Ht)) : a("", !0),
-      c.value === "thermometer" ? (e(), o("svg", {
-        key: 12,
+        }, null, 8, Dt)
+      ], 12, Gt)) : a("", !0),
+      u.value === "thermometer" ? (e(), o("svg", {
+        key: 13,
         width: "100%",
         viewBox: "0 0 20 20",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1149,38 +1229,38 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "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, Nt),
+        }, null, 8, Ut),
         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, Ft),
+        }, null, 8, Jt),
         t("path", {
           "stroke-linecap": "round",
           stroke: l.value.style.thermometer.color,
           "stroke-width": "1",
           opacity: "M 10 17 L 10 9"
-        }, null, 8, Ot),
+        }, null, 8, Kt),
         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, Vt),
+        }, null, 8, Qt),
         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, Xt)
+        }, null, 8, le)
       ], 4)) : a("", !0),
-      c.value === "relationCircle" ? (e(), o("svg", {
-        key: 13,
-        xmlns: s(u),
+      u.value === "relationCircle" ? (e(), o("svg", {
+        key: 14,
+        xmlns: s(c),
         width: "100%",
         viewBox: "0 0 20 20",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1192,11 +1272,11 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "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, Rt)
-      ], 12, Gt)) : a("", !0),
-      c.value === "molecule" ? (e(), o("svg", {
-        key: 14,
-        xmlns: s(u),
+        }, null, 8, ee)
+      ], 12, te)) : a("", !0),
+      u.value === "molecule" ? (e(), o("svg", {
+        key: 15,
+        xmlns: s(c),
         width: "100%",
         viewBox: "0 0 100 100",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1209,7 +1289,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": "2",
           fill: "none",
           stroke: l.value.style.molecule.color
-        }, null, 8, Yt),
+        }, null, 8, se),
         t("circle", {
           cx: "20",
           cy: "50",
@@ -1217,7 +1297,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": "1.6",
           fill: "none",
           stroke: l.value.style.molecule.color
-        }, null, 8, Dt),
+        }, null, 8, re),
         t("circle", {
           cx: "80",
           cy: "50",
@@ -1225,7 +1305,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": "1.6",
           fill: "none",
           stroke: l.value.style.molecule.color
-        }, null, 8, Ut),
+        }, null, 8, ie),
         t("circle", {
           cx: "50",
           cy: "20",
@@ -1233,7 +1313,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": "1.6",
           fill: "none",
           stroke: l.value.style.molecule.color
-        }, null, 8, Jt),
+        }, null, 8, ne),
         t("circle", {
           cx: "50",
           cy: "80",
@@ -1241,7 +1321,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": "1.6",
           fill: "none",
           stroke: l.value.style.molecule.color
-        }, null, 8, Kt),
+        }, null, 8, ae),
         t("line", {
           x1: "50",
           x2: "50",
@@ -1249,7 +1329,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           y2: "45",
           "stroke-width": "1",
           stroke: l.value.style.molecule.color
-        }, null, 8, Qt),
+        }, null, 8, ce),
         t("line", {
           x1: "50",
           x2: "50",
@@ -1257,7 +1337,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           y2: "55",
           "stroke-width": "1",
           stroke: l.value.style.molecule.color
-        }, null, 8, le),
+        }, null, 8, ue),
         t("line", {
           x1: "23",
           x2: "45",
@@ -1265,7 +1345,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           y2: "50",
           "stroke-width": "1",
           stroke: l.value.style.molecule.color
-        }, null, 8, te),
+        }, null, 8, de),
         t("line", {
           x1: "77",
           x2: "55",
@@ -1273,11 +1353,11 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           y2: "50",
           "stroke-width": "1",
           stroke: l.value.style.molecule.color
-        }, null, 8, ee)
-      ], 12, Tt)) : a("", !0),
-      c.value === "tiremarks" ? (e(), o("svg", {
-        key: 15,
-        xmlns: s(u),
+        }, null, 8, ye)
+      ], 12, oe)) : a("", !0),
+      u.value === "tiremarks" ? (e(), o("svg", {
+        key: 16,
+        xmlns: s(c),
         width: "100%",
         viewBox: "0 0 312 56",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1292,12 +1372,12 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             stroke: l.value.style.tiremarks.color,
             style: n(r > 80 ? "opacity: 0.5" : ""),
             "stroke-linecap": "round"
-          }, null, 12, se)
+          }, null, 12, ke)
         ])), 64))
-      ], 12, oe)) : a("", !0),
-      c.value === "pyramid" ? (e(), o("svg", {
-        key: 16,
-        xmlns: s(u),
+      ], 12, he)) : a("", !0),
+      u.value === "pyramid" ? (e(), o("svg", {
+        key: 17,
+        xmlns: s(c),
         width: "100%",
         viewBox: "0 0 105 80",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1310,19 +1390,19 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             width: r[0],
             height: 80 / b.value.length * 0.95,
             fill: l.value.style.pyramid.color
-          }, null, 8, ie),
+          }, null, 8, _e),
           t("rect", {
             x: 55,
             y: i * (80 / b.value.length),
             width: r[1],
             height: 80 / b.value.length * 0.95,
             fill: l.value.style.pyramid.color
-          }, null, 8, ne)
+          }, null, 8, xe)
         ]))), 256))
-      ], 12, re)) : a("", !0),
-      c.value === "rings" ? (e(), o("svg", {
-        key: 17,
-        xmlns: s(u),
+      ], 12, ve)) : a("", !0),
+      u.value === "rings" ? (e(), o("svg", {
+        key: 18,
+        xmlns: s(c),
         width: "100%",
         viewBox: "0 0 400 400",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1333,23 +1413,23 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           cy: 200,
           r: 180,
           fill: s(k)(l.value.style.rings.color, 40)
-        }, null, 8, ue),
+        }, null, 8, ge),
         t("circle", {
           cx: 200,
           cy: 250,
           r: 130,
           fill: s(k)(l.value.style.rings.color, 60)
-        }, null, 8, ce),
+        }, null, 8, fe),
         t("circle", {
           cx: 200,
           cy: 290,
           r: 90,
           fill: s(k)(l.value.style.rings.color, 100)
-        }, null, 8, de)
-      ], 12, ae)) : a("", !0),
-      c.value === "wheel" ? (e(), o("svg", {
-        key: 18,
-        xmlns: s(u),
+        }, null, 8, we)
+      ], 12, pe)) : a("", !0),
+      u.value === "wheel" ? (e(), o("svg", {
+        key: 19,
+        xmlns: s(c),
         width: "100%",
         viewBox: "0 0 400 400",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1363,7 +1443,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           stroke: i < 66 ? r.color : s(k)(r.color, 50),
           "stroke-width": 5,
           "stroke-linecap": "round"
-        }, null, 8, he))), 256)),
+        }, null, 8, be))), 256)),
         t("circle", {
           cx: 200,
           cy: 200,
@@ -1371,7 +1451,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": 3,
           stroke: s(k)(l.value.style.wheel.color, 50),
           fill: "none"
-        }, null, 8, ke),
+        }, null, 8, Me),
         t("rect", {
           fill: s(k)(l.value.style.wheel.color, 50),
           rx: 12,
@@ -1380,11 +1460,11 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           height: 60,
           width: 80,
           stroke: "none"
-        }, null, 8, ve)
-      ], 12, ye)) : a("", !0),
-      c.value === "sparkline" ? (e(), o("svg", {
-        key: 19,
-        xmlns: s(u),
+        }, null, 8, Ce)
+      ], 12, me)) : a("", !0),
+      u.value === "sparkline" ? (e(), o("svg", {
+        key: 20,
+        xmlns: s(c),
         width: "100%",
         viewBox: "0 0 150 32",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1398,7 +1478,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             width: "24",
             fill: l.value.style.sparkline.color,
             rx: "3"
-          }, null, 8, xe),
+          }, null, 8, $e),
           t("rect", {
             x: "2",
             y: "12",
@@ -1406,7 +1486,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             width: "16",
             fill: l.value.style.sparkline.color,
             rx: "3"
-          }, null, 8, pe)
+          }, null, 8, Ae)
         ]),
         (e(!0), o(h, null, v(C.value, (r, i) => (e(), o("g", null, [
           i < C.value.length - 1 ? (e(), o("line", {
@@ -1419,18 +1499,18 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             stroke: l.value.style.sparkline.color,
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, ge)) : a("", !0)
+          }, null, 8, Pe)) : a("", !0)
         ]))), 256))
-      ], 12, _e)) : a("", !0),
-      c.value === "candlesticks" ? (e(), o("svg", {
-        key: 20,
-        xmlns: s(u),
+      ], 12, Le)) : a("", !0),
+      u.value === "candlesticks" ? (e(), o("svg", {
+        key: 21,
+        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 ? (e(), o("g", we, [
+        l.value.style.candlesticks.axis.show ? (e(), o("g", We, [
           t("line", {
             x1: 2,
             x2: 2,
@@ -1439,7 +1519,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             stroke: l.value.style.candlesticks.axis.color,
             "stroke-width": l.value.style.candlesticks.axis.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, me),
+          }, null, 8, ze),
           t("line", {
             x1: 2,
             x2: 510,
@@ -1448,7 +1528,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             stroke: l.value.style.candlesticks.axis.color,
             "stroke-width": l.value.style.candlesticks.axis.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, be)
+          }, null, 8, je)
         ])) : a("", !0),
         (e(!0), o(h, null, v(_.value, (r, i) => (e(), o("g", null, [
           t("line", {
@@ -1459,7 +1539,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             stroke: l.value.style.candlesticks.candle.color,
             "stroke-width": l.value.style.candlesticks.candle.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, Me),
+          }, null, 8, qe),
           t("line", {
             x1: 24 + 464 * i / (_.value.length - 1) - 464 / (_.value.length - 1) / 8,
             x2: 24 + 464 * i / (_.value.length - 1) + 464 / (_.value.length - 1) / 8,
@@ -1468,7 +1548,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             stroke: l.value.style.candlesticks.candle.color,
             "stroke-width": l.value.style.candlesticks.candle.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, Ce),
+          }, null, 8, He),
           t("line", {
             x1: 24 + 464 * i / (_.value.length - 1),
             x2: 24 + 464 * i / (_.value.length - 1),
@@ -1477,7 +1557,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             stroke: l.value.style.candlesticks.candle.color,
             "stroke-width": l.value.style.candlesticks.candle.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, Le),
+          }, null, 8, Se),
           t("rect", {
             x: 24 + 464 * i / (_.value.length - 1) - 464 / (_.value.length - 1) / 8,
             y: r.y + (r.height - r.bar * 1.5),
@@ -1485,19 +1565,19 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             width: 464 / (_.value.length - 1) / 4,
             fill: l.value.style.candlesticks.candle.color,
             rx: "1"
-          }, null, 8, Ae)
+          }, null, 8, Ee)
         ]))), 256))
-      ], 12, fe)) : a("", !0),
-      c.value === "heatmap" ? (e(), o("svg", {
-        key: 21,
-        xmlns: s(u),
+      ], 12, Be)) : a("", !0),
+      u.value === "heatmap" ? (e(), o("svg", {
+        key: 22,
+        xmlns: s(c),
         width: "100%",
         viewBox: `0 0 ${10 * l.value.style.heatmap.cellsX} ${10 * l.value.style.heatmap.cellsY}`,
         style: n(`background:${l.value.style.backgroundColor}`)
       }, [
         d(y),
         (e(!0), o(h, null, v(l.value.style.heatmap.cellsY, (r, i) => (e(), o("g", null, [
-          (e(!0), o(h, null, v(l.value.style.heatmap.cellsX, ($, x) => (e(), o("g", null, [
+          (e(!0), o(h, null, v(l.value.style.heatmap.cellsX, (A, x) => (e(), o("g", null, [
             t("rect", {
               x: x * 10,
               y: i * 10,
@@ -1506,13 +1586,13 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
               stroke: l.value.style.backgroundColor,
               "stroke-width": 1,
               fill: s(k)(l.value.style.heatmap.color, Math.round(Math.random() * 100))
-            }, null, 8, Be)
+            }, null, 8, Ze)
           ]))), 256))
         ]))), 256))
-      ], 12, $e)) : a("", !0),
-      c.value === "chestnut" ? (e(), o("svg", {
-        key: 22,
-        xmlns: s(u),
+      ], 12, Ie)) : a("", !0),
+      u.value === "chestnut" ? (e(), o("svg", {
+        key: 23,
+        xmlns: s(c),
         width: "100%",
         viewBox: "0 0 512 316",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1520,7 +1600,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
         d(y),
         (e(!0), o(h, null, v(M.value, (r) => (e(), o("g", null, [
           (e(!0), o(h, null, v(r.bars, (i) => (e(), o("g", null, [
-            (e(), o(h, null, v(22, ($, x) => t("path", {
+            (e(), o(h, null, v(22, (A, x) => t("path", {
               d: `M
                             ${i.x},${i.y + x}
                             C${i.x - 20},${i.y + x} 
@@ -1531,7 +1611,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
               fill: "none",
               "stroke-width": "2",
               "shape-rendering": "cirspEdges"
-            }, null, 8, We)), 64))
+            }, null, 8, Fe)), 64))
           ]))), 256))
         ]))), 256)),
         (e(!0), o(h, null, v(M.value, (r) => (e(), o("circle", {
@@ -1541,7 +1621,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           fill: `${l.value.style.backgroundColor}`,
           stroke: l.value.backgroundColor,
           "stroke-width": 3
-        }, null, 8, ze))), 256)),
+        }, null, 8, Oe))), 256)),
         (e(!0), o(h, null, v(M.value, (r) => (e(), o("circle", {
           cx: r.root.x,
           cy: r.root.y,
@@ -1549,7 +1629,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           fill: s(k)(l.value.style.chestnut.color, r.root.opacity),
           stroke: l.value.style.backgroundColor,
           "stroke-width": 3
-        }, null, 8, je))), 256)),
+        }, null, 8, Ve))), 256)),
         (e(!0), o(h, null, v(M.value, (r) => (e(), o("g", null, [
           (e(!0), o(h, null, v(r.bars, (i) => (e(), o("rect", {
             rx: "2",
@@ -1558,19 +1638,19 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             width: i.width,
             height: 22,
             fill: s(k)(l.value.style.chestnut.color, i.opacity)
-          }, null, 8, qe))), 256)),
+          }, null, 8, Xe))), 256)),
           (e(!0), o(h, null, v(r.bars, (i) => (e(), o("circle", {
             cx: i.x + i.width + 32,
             cy: i.y + 11,
             r: 11,
             fill: s(k)(l.value.style.chestnut.color, i.opacity)
-          }, null, 8, He))), 256)),
+          }, null, 8, Ge))), 256)),
           (e(!0), o(h, null, v(r.bars, (i) => (e(), o("circle", {
             cx: i.x + i.width + 32,
             cy: i.y + 11,
             r: 5,
             fill: l.value.style.backgroundColor
-          }, null, 8, Se))), 256))
+          }, null, 8, Re))), 256))
         ]))), 256)),
         t("line", {
           x1: 200,
@@ -1579,11 +1659,11 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           y2: 300,
           stroke: l.value.style.backgroundColor,
           "stroke-width": 3
-        }, null, 8, Ee)
-      ], 12, Pe)) : a("", !0),
-      c.value === "donutEvolution" ? (e(), o("svg", {
-        key: 23,
-        xmlns: s(u),
+        }, null, 8, Te)
+      ], 12, Ne)) : a("", !0),
+      u.value === "donutEvolution" ? (e(), o("svg", {
+        key: 24,
+        xmlns: s(c),
         width: "100%",
         viewBox: "0 0 108 70",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1597,13 +1677,13 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-linecap": "round",
           "stroke-linejoin": "round",
           fill: "none"
-        }, null, 8, Ze)) : a("", !0),
+        }, null, 8, De)) : 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, Ne),
+        }, null, 8, Ue),
         t("path", {
           fill: "none",
           d: "M19 52 27 45M37 45 44 49M52 46 62 38M71 36 78 40M86 37 97 18",
@@ -1611,53 +1691,53 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": l.value.style.donutEvolution.axis.strokeWidth,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, Fe),
+        }, null, 8, Je),
         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, Oe),
+        }, null, 8, Ke),
         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, Ve),
+        }, null, 8, Qe),
         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, Xe),
+        }, null, 8, lo),
         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, Ge),
+        }, null, 8, to),
         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, Re),
+        }, null, 8, eo),
         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, Te)
-      ], 12, Ie)) : a("", !0),
-      c.value === "line" ? (e(), o("svg", {
-        key: 24,
-        xmlns: s(u),
+        }, null, 8, oo)
+      ], 12, Ye)) : a("", !0),
+      u.value === "line" ? (e(), o("svg", {
+        key: 25,
+        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 ? (e(), o("g", De, [
+        l.value.style.line.axis.show ? (e(), o("g", ro, [
           t("line", {
             x1: "3",
             x2: "3",
@@ -1667,7 +1747,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             "stroke-width": l.value.style.line.axis.strokeWidth,
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, Ue),
+          }, null, 8, io),
           t("line", {
             x1: "3",
             x2: "97",
@@ -1677,7 +1757,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             "stroke-width": l.value.style.line.axis.strokeWidth,
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, Je)
+          }, null, 8, no)
         ])) : a("", !0),
         t("path", {
           d: "M 9,60 22,50 35,55 48,36 61,40 74,25 87,26 90,12",
@@ -1686,31 +1766,31 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-linejoin": "round",
           stroke: l.value.style.line.path.color,
           "stroke-width": l.value.style.line.path.strokeWidth
-        }, null, 8, Ke),
-        l.value.style.line.path.showPlots ? (e(), o("g", Qe, [
+        }, null, 8, ao),
+        l.value.style.line.path.showPlots ? (e(), o("g", co, [
           t("circle", {
             cx: "9",
             cy: "60",
             r: l.value.style.line.path.strokeWidth,
             fill: l.value.style.line.path.color
-          }, null, 8, lo),
+          }, null, 8, uo),
           t("circle", {
             cx: "90",
             cy: "12",
             r: l.value.style.line.path.strokeWidth,
             fill: l.value.style.line.path.color
-          }, null, 8, to)
+          }, null, 8, yo)
         ])) : a("", !0)
-      ], 12, Ye)) : a("", !0),
-      c.value === "bar" ? (e(), o("svg", {
-        key: 25,
-        xmlns: s(u),
+      ], 12, so)) : a("", !0),
+      u.value === "bar" ? (e(), o("svg", {
+        key: 26,
+        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 ? (e(), o("g", oo, [
+        l.value.style.bar.axis.show ? (e(), o("g", ko, [
           t("line", {
             x1: "3",
             x2: "3",
@@ -1720,7 +1800,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             "stroke-width": l.value.style.bar.axis.strokeWidth,
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, so),
+          }, null, 8, vo),
           t("line", {
             x1: "3",
             x2: "97",
@@ -1730,7 +1810,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             "stroke-width": l.value.style.bar.axis.strokeWidth,
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, ro)
+          }, null, 8, _o)
         ])) : a("", !0),
         (e(!0), o(h, null, v(H.value, (r, i) => (e(), o("rect", {
           fill: l.value.style.bar.color,
@@ -1739,11 +1819,11 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           y: r,
           width: l.value.style.bar.barWidth,
           height: 67 - r
-        }, null, 8, io))), 256))
-      ], 12, eo)) : a("", !0),
-      c.value === "donut" ? (e(), o("svg", {
-        key: 26,
-        xmlns: s(u),
+        }, null, 8, xo))), 256))
+      ], 12, ho)) : a("", !0),
+      u.value === "donut" ? (e(), o("svg", {
+        key: 27,
+        xmlns: s(c),
         width: "100%",
         viewBox: "0 0 400 400",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1754,23 +1834,23 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           fill: "none",
           "stroke-width": l.value.style.donut.strokeWidth,
           stroke: l.value.style.donut.color
-        }, null, 8, ao),
+        }, null, 8, go),
         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(k)(l.value.style.donut.color, 60)
-        }, null, 8, uo),
+        }, null, 8, fo),
         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(k)(l.value.style.donut.color, 30)
-        }, null, 8, co)
-      ], 12, no)) : a("", !0),
-      c.value === "onion" ? (e(), o("svg", {
-        key: 27,
-        xmlns: s(u),
+        }, null, 8, wo)
+      ], 12, po)) : a("", !0),
+      u.value === "onion" ? (e(), o("svg", {
+        key: 28,
+        xmlns: s(c),
         width: "100%",
         viewBox: "0 0 400 400",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1782,24 +1862,24 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-linecap": "round",
           "stroke-width": "20",
           fill: "none"
-        }, null, 8, ho),
+        }, null, 8, bo),
         t("path", {
           d: " M 200 100 A 100 100 0 1 1 100 200",
           stroke: s(k)(l.value.style.onion.color, 60),
           "stroke-linecap": "round",
           "stroke-width": "20",
           fill: "none"
-        }, null, 8, ko),
+        }, null, 8, Mo),
         t("path", {
           d: " M 200 140 A 60 60 0 1 1 140 200",
           fill: "none",
           stroke: s(k)(l.value.style.onion.color, 40),
           "stroke-linecap": "round",
           "stroke-width": "20"
-        }, null, 8, vo)
-      ], 12, yo)) : a("", !0),
-      c.value === "gauge" ? (e(), o("svg", {
-        key: 28,
+        }, null, 8, Co)
+      ], 12, mo)) : a("", !0),
+      u.value === "gauge" ? (e(), o("svg", {
+        key: 29,
         width: "100%",
         viewBox: "0 0 400 400",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1811,13 +1891,13 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           stroke: l.value.style.gauge.color,
           "stroke-linecap": "round",
           "stroke-width": "20"
-        }, null, 8, _o),
+        }, null, 8, Lo),
         t("circle", {
           cx: "200",
           cy: "256",
           r: "12",
           fill: l.value.style.gauge.color
-        }, null, 8, xo),
+        }, null, 8, $o),
         t("line", {
           x1: "200",
           y1: "256",
@@ -1826,11 +1906,11 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": "8",
           stroke: l.value.style.gauge.color,
           "stroke-linecap": "round"
-        }, null, 8, po)
+        }, null, 8, Ao)
       ], 4)) : a("", !0),
-      c.value === "quadrant" ? (e(), o("svg", {
-        key: 29,
-        xmlns: s(u),
+      u.value === "quadrant" ? (e(), o("svg", {
+        key: 30,
+        xmlns: s(c),
         viewBox: "0 0 100 100",
         style: n(`background:${l.value.style.backgroundColor}`)
       }, [
@@ -1842,7 +1922,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           y2: "97",
           stroke: l.value.style.quadrant.grid.color,
           "stroke-width": l.value.style.quadrant.grid.strokeWidth
-        }, null, 8, fo),
+        }, null, 8, Bo),
         t("line", {
           x1: "3",
           x2: "97",
@@ -1850,65 +1930,65 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           y2: "50",
           stroke: l.value.style.quadrant.grid.color,
           "stroke-width": l.value.style.quadrant.grid.strokeWidth
-        }, null, 8, wo),
+        }, null, 8, Wo),
         t("circle", {
           fill: l.value.style.quadrant.plots.color,
           r: l.value.style.quadrant.plots.radius,
           cx: "20",
           cy: "20"
-        }, null, 8, mo),
+        }, null, 8, zo),
         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, jo),
         t("circle", {
           fill: l.value.style.quadrant.plots.color,
           r: l.value.style.quadrant.plots.radius,
           cx: "65",
           cy: "55"
-        }, null, 8, Mo),
+        }, null, 8, qo),
         t("circle", {
           fill: l.value.style.quadrant.plots.color,
           r: l.value.style.quadrant.plots.radius,
           cx: "36",
           cy: "67"
-        }, null, 8, Co),
+        }, null, 8, Ho),
         t("circle", {
           fill: l.value.style.quadrant.plots.color,
           r: l.value.style.quadrant.plots.radius,
           cx: "15",
           cy: "75"
-        }, null, 8, Lo),
+        }, null, 8, So),
         t("circle", {
           fill: l.value.style.quadrant.plots.color,
           r: l.value.style.quadrant.plots.radius,
           cx: "40",
           cy: "55"
-        }, null, 8, Ao),
+        }, null, 8, Eo),
         t("circle", {
           fill: l.value.style.quadrant.plots.color,
           r: l.value.style.quadrant.plots.radius,
           cx: "76",
           cy: "32"
-        }, null, 8, $o),
+        }, null, 8, Io),
         t("circle", {
           fill: l.value.style.quadrant.plots.color,
           r: l.value.style.quadrant.plots.radius,
           cx: "85",
           cy: "26"
-        }, null, 8, Bo),
+        }, null, 8, Zo),
         t("circle", {
           fill: l.value.style.quadrant.plots.color,
           r: l.value.style.quadrant.plots.radius,
           cx: "55",
           cy: "46"
-        }, null, 8, Po)
-      ], 12, go)) : a("", !0),
-      c.value === "radar" ? (e(), o("svg", {
-        key: 30,
-        xmlns: s(u),
+        }, null, 8, No)
+      ], 12, Po)) : a("", !0),
+      u.value === "radar" ? (e(), o("svg", {
+        key: 31,
+        xmlns: s(c),
         viewBox: "0 0 100 100",
         style: n(`background:${l.value.style.backgroundColor}`)
       }, [
@@ -1920,7 +2000,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": l.value.style.radar.grid.strokeWidth,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, zo),
+        }, null, 8, Oo),
         t("path", {
           d: E.value,
           fill: "none",
@@ -1928,7 +2008,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": l.value.style.radar.grid.strokeWidth / 2,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, jo),
+        }, null, 8, Vo),
         t("path", {
           d: I.value,
           fill: "none",
@@ -1936,7 +2016,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": l.value.style.radar.grid.strokeWidth / 2,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, qo),
+        }, null, 8, Xo),
         t("path", {
           d: Z.value,
           fill: "none",
@@ -1944,44 +2024,44 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           "stroke-width": l.value.style.radar.grid.strokeWidth / 2.5,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, Ho),
+        }, null, 8, Go),
         t("path", {
           d: "M 9,50 91,50",
           stroke: s(k)(l.value.style.radar.grid.color, 50),
           "stroke-width": l.value.style.radar.grid.strokeWidth / 2
-        }, null, 8, So),
+        }, null, 8, Ro),
         t("path", {
           d: "M 29.5,14.5 70.5 85.5",
           stroke: s(k)(l.value.style.radar.grid.color, 50),
           "stroke-width": l.value.style.radar.grid.strokeWidth / 2
-        }, null, 8, Eo),
+        }, null, 8, To),
         t("path", {
           d: "M 29.5,85.5 70.5 14.5",
           stroke: s(k)(l.value.style.radar.grid.color, 50),
           "stroke-width": l.value.style.radar.grid.strokeWidth / 2
-        }, null, 8, Io),
+        }, null, 8, Yo),
         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(k)(l.value.style.radar.shapes.color, 30)
-        }, null, 8, Zo),
+        }, null, 8, Do),
         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(k)(l.value.style.radar.shapes.color, 50)
-        }, null, 8, No)
-      ], 12, Wo)) : a("", !0),
-      c.value === "waffle" ? (e(), o("svg", {
-        key: 31,
-        xmlns: s(u),
+        }, null, 8, Uo)
+      ], 12, Fo)) : a("", !0),
+      u.value === "waffle" ? (e(), o("svg", {
+        key: 32,
+        xmlns: s(c),
         viewBox: "0 0 100 100",
         style: n(`background:${l.value.style.backgroundColor}`)
       }, [
         d(y),
         (e(), o(h, null, v(10, (r, i) => t("g", null, [
-          (e(), o(h, null, v(10, ($, x) => t("g", null, [
+          (e(), o(h, null, v(10, (A, x) => t("g", null, [
             t("rect", {
               x: 3 + x * 9.5,
               y: 3 + i * 9.5,
@@ -1989,11 +2069,11 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
               width: 9,
               fill: s(k)(l.value.style.waffle.color, 20),
               rx: "1"
-            }, null, 8, Oo)
+            }, null, 8, Ko)
           ])), 64))
         ])), 64)),
         (e(), o(h, null, v(10, (r, i) => t("g", null, [
-          (e(), o(h, null, v(10, ($, x) => t("g", null, [
+          (e(), o(h, null, v(10, (A, x) => t("g", null, [
             i > 2 ? (e(), o("rect", {
               key: 0,
               x: 3 + x * 9.5,
@@ -2002,11 +2082,11 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
               width: 9,
               fill: s(k)(l.value.style.waffle.color, 30),
               rx: "1"
-            }, null, 8, Vo)) : a("", !0)
+            }, null, 8, Qo)) : a("", !0)
           ])), 64))
         ])), 64)),
         (e(), o(h, null, v(10, (r, i) => t("g", null, [
-          (e(), o(h, null, v(10, ($, x) => t("g", null, [
+          (e(), o(h, null, v(10, (A, x) => t("g", null, [
             i > 6 ? (e(), o("rect", {
               key: 0,
               x: 3 + x * 9.5,
@@ -2015,13 +2095,13 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
               width: 9,
               fill: s(k)(l.value.style.waffle.color, 50),
               rx: "1"
-            }, null, 8, Xo)) : a("", !0)
+            }, null, 8, ls)) : a("", !0)
           ])), 64))
         ])), 64))
-      ], 12, Fo)) : a("", !0),
-      c.value === "table" ? (e(), o("svg", {
-        key: 32,
-        xmlns: s(u),
+      ], 12, Jo)) : a("", !0),
+      u.value === "table" ? (e(), o("svg", {
+        key: 33,
+        xmlns: s(c),
         width: "100%",
         viewBox: "0 0 100 70",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -2033,14 +2113,14 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           y: 5,
           height: "10",
           width: "93"
-        }, null, 8, Ro),
+        }, null, 8, es),
         t("rect", {
           fill: s(k)(l.value.style.table.th.color, 50),
           x: 3.5,
           y: 15,
           height: "50",
           width: "23.25"
-        }, null, 8, To),
+        }, null, 8, os),
         (e(), o(h, null, v(7, (r, i) => t("line", {
           x1: "3.7",
           x2: "96.3",
@@ -2049,7 +2129,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           stroke: l.value.style.table.td.color,
           "stroke-width": l.value.style.table.td.strokeWidth,
           "stroke-linecap": "round"
-        }, null, 8, Yo)), 64)),
+        }, null, 8, ss)), 64)),
         (e(), o(h, null, v(5, (r, i) => t("line", {
           x1: 3.5 + i * 23.25,
           x2: 3.5 + i * 23.25,
@@ -2058,16 +2138,16 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           stroke: l.value.style.table.td.color,
           "stroke-width": l.value.style.table.td.strokeWidth,
           "stroke-linecap": "round"
-        }, null, 8, Do)), 64))
-      ], 12, Go)) : a("", !0),
-      c.value === "rating" ? (e(), o(h, { key: 33 }, [
+        }, null, 8, rs)), 64))
+      ], 12, ts)) : a("", !0),
+      u.value === "rating" ? (e(), o(h, { key: 34 }, [
         l.value.style.rating.useSmiley ? (e(), o("div", {
           key: 0,
           style: n(`display:flex;flex-direction:row;align-items:center;justify-content:center;width:${l.value.style.rating.maxWidth}px`)
         }, [
           l.value.style.rating.filled ? (e(), o("svg", {
             key: 0,
-            xmlns: s(u),
+            xmlns: s(c),
             style: n(`width:${l.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
             viewBox: "0 0 24 24",
             "stroke-width": "1.5",
@@ -2077,15 +2157,15 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             fill: "none"
           }, [
             d(y),
-            Jo,
+            ns,
             t("path", {
               d: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-5 9.86a4.5 4.5 0 0 0 -3.214 1.35a1 1 0 1 0 1.428 1.4a2.5 2.5 0 0 1 3.572 0a1 1 0 0 0 1.428 -1.4a4.5 4.5 0 0 0 -3.214 -1.35zm-2.99 -4.2l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm6 0l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z",
               "stroke-width": "0",
               fill: l.value.style.rating.color
-            }, null, 8, Ko)
-          ], 12, Uo)) : (e(), o("svg", {
+            }, null, 8, as)
+          ], 12, is)) : (e(), o("svg", {
             key: 1,
-            xmlns: s(u),
+            xmlns: s(c),
             style: n(`width:${l.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
             viewBox: "0 0 24 24",
             "stroke-width": "1.5",
@@ -2093,10 +2173,10 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             fill: "none"
-          }, ts, 12, Qo)),
+          }, ds, 12, cs)),
           l.value.style.rating.filled ? (e(), o("svg", {
             key: 2,
-            xmlns: s(u),
+            xmlns: s(c),
             style: n(`width:${l.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
             viewBox: "0 0 24 24",
             "stroke-width": "1.5",
@@ -2105,15 +2185,15 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             "stroke-linejoin": "round",
             fill: "none"
           }, [
-            os,
+            hs,
             t("path", {
               d: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-2 10.66h-6l-.117 .007a1 1 0 0 0 0 1.986l.117 .007h6l.117 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm-5.99 -5l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm6 0l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z",
               "stroke-width": "0",
               fill: l.value.style.rating.color
-            }, null, 8, ss)
-          ], 12, es)) : (e(), o("svg", {
+            }, null, 8, ks)
+          ], 12, ys)) : (e(), o("svg", {
             key: 3,
-            xmlns: s(u),
+            xmlns: s(c),
             style: n(`width:${l.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
             viewBox: "0 0 24 24",
             "stroke-width": "1.5",
@@ -2121,10 +2201,10 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             fill: "none"
-          }, ns, 12, rs)),
+          }, xs, 12, vs)),
           l.value.style.rating.filled ? (e(), o("svg", {
             key: 4,
-            xmlns: s(u),
+            xmlns: s(c),
             style: n(`width:${l.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
             viewBox: "0 0 24 24",
             "stroke-width": "1.5",
@@ -2133,15 +2213,15 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             "stroke-linejoin": "round",
             fill: "none"
           }, [
-            us,
+            gs,
             t("path", {
               d: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-7.99 5.66l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007zm6 0l-.127 .007a1 1 0 0 0 0 1.986l.117 .007l.127 -.007a1 1 0 0 0 0 -1.986l-.117 -.007z",
               "stroke-width": "0",
               fill: l.value.style.rating.color
-            }, null, 8, cs)
-          ], 12, as)) : (e(), o("svg", {
+            }, null, 8, fs)
+          ], 12, ps)) : (e(), o("svg", {
             key: 5,
-            xmlns: s(u),
+            xmlns: s(c),
             style: n(`width:${l.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
             viewBox: "0 0 24 24",
             "stroke-width": "1.5",
@@ -2149,10 +2229,10 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             fill: "none"
-          }, _s, 12, ds)),
+          }, Ls, 12, ws)),
           l.value.style.rating.filled ? (e(), o("svg", {
             key: 6,
-            xmlns: s(u),
+            xmlns: s(c),
             style: n(`width:${l.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
             viewBox: "0 0 24 24",
             "stroke-width": "1.5",
@@ -2161,15 +2241,15 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             "stroke-linejoin": "round",
             fill: "none"
           }, [
-            ps,
+            As,
             t("path", {
               d: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.8 10.946a1 1 0 0 0 -1.414 .014a2.5 2.5 0 0 1 -3.572 0a1 1 0 0 0 -1.428 1.4a4.5 4.5 0 0 0 6.428 0a1 1 0 0 0 -.014 -1.414zm-6.19 -5.286l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993zm6 0l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993z",
               "stroke-width": "0",
               fill: l.value.style.rating.color
-            }, null, 8, gs)
-          ], 12, xs)) : (e(), o("svg", {
+            }, null, 8, Ps)
+          ], 12, $s)) : (e(), o("svg", {
             key: 7,
-            xmlns: s(u),
+            xmlns: s(c),
             style: n(`width:${l.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
             viewBox: "0 0 24 24",
             "stroke-width": "1.5",
@@ -2177,10 +2257,10 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             fill: "none"
-          }, ms, 12, fs)),
+          }, zs, 12, Bs)),
           l.value.style.rating.filled ? (e(), o("svg", {
             key: 8,
-            xmlns: s(u),
+            xmlns: s(c),
             style: n(`width:${l.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
             viewBox: "0 0 24 24",
             "stroke-width": "1.5",
@@ -2189,15 +2269,15 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             "stroke-linejoin": "round",
             fill: "none"
           }, [
-            Ms,
+            qs,
             t("path", {
               d: "M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-2 9.66h-6a1 1 0 0 0 -1 1v.05a3.975 3.975 0 0 0 3.777 3.97l.227 .005a4.026 4.026 0 0 0 3.99 -3.79l.006 -.206a1 1 0 0 0 -1 -1.029zm-5.99 -5l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993zm6 0l-.127 .007a1 1 0 0 0 .117 1.993l.127 -.007a1 1 0 0 0 -.117 -1.993z",
               "stroke-width": "0",
               fill: l.value.style.rating.color
-            }, null, 8, Cs)
-          ], 12, bs)) : (e(), o("svg", {
+            }, null, 8, Hs)
+          ], 12, js)) : (e(), o("svg", {
             key: 9,
-            xmlns: s(u),
+            xmlns: s(c),
             style: n(`width:${l.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
             viewBox: "0 0 24 24",
             "stroke-width": "1.5",
@@ -2205,10 +2285,10 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
             fill: "none"
-          }, $s, 12, Ls))
+          }, Is, 12, Ss))
         ], 4)) : (e(), o("svg", {
           key: 1,
-          xmlns: s(u),
+          xmlns: s(c),
           width: "100%",
           viewBox: "0 0 100 30",
           style: n(`background:${l.value.style.backgroundColor};max-width:${l.value.style.rating.maxWidth}px`)
@@ -2224,18 +2304,18 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             "stroke-width": l.value.style.rating.strokeWidth,
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
-          }, null, 8, Ps)), 64))
-        ], 12, Bs))
+          }, null, 8, Ns)), 64))
+        ], 12, Zs))
       ], 64)) : a("", !0),
-      c.value === "verticalBar" ? (e(), o("svg", {
-        key: 34,
-        xmlns: s(u),
+      u.value === "verticalBar" ? (e(), o("svg", {
+        key: 35,
+        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 ? (e(), o("g", zs, [
+        l.value.style.verticalBar.axis.show ? (e(), o("g", Os, [
           t("line", {
             x1: 3,
             x2: 3,
@@ -2243,7 +2323,7 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
             y2: 97,
             stroke: l.value.style.verticalBar.axis.color,
             "stroke-width": l.value.style.verticalBar.axis.strokeWidth
-          }, null, 8, js)
+          }, null, 8, Vs)
         ])) : a("", !0),
         (e(), o(h, null, v(6, (r, i) => t("rect", {
           x: 3,
@@ -2252,11 +2332,11 @@ const p = (m) => (O("data-v-75f0973e"), m = m(), V(), m), Y = ["id"], D = ["xmln
           width: 94 - 94 * i / 6,
           fill: l.value.style.verticalBar.color,
           rx: l.value.style.verticalBar.borderRadius
-        }, null, 8, qs)), 64))
-      ], 12, Ws)) : a("", !0)
+        }, null, 8, Xs)), 64))
+      ], 12, Fs)) : a("", !0)
     ], 14, Y));
   }
-}, Fs = /* @__PURE__ */ T(Hs, [["__scopeId", "data-v-75f0973e"]]);
+}, Js = /* @__PURE__ */ T(Gs, [["__scopeId", "data-v-1c824e2d"]]);
 export {
-  Fs as default
+  Js as default
 };