vue-data-ui 3.17.2 → 3.17.4

package/dist/{vue-ui-skeleton-BsTtcR3x.js → vue-ui-skeleton-xLPY1FKW.js}

@@ -1,10 +1,10 @@
 import { ref as w, computed as g, openBlock as e, createElementBlock as o, normalizeStyle as n, normalizeClass as N, unref as s, createVNode as d, createElementVNode as t, Fragment as k, renderList as h, createCommentVNode as a, createStaticVNode as $ } from "vue";
-import { A as B, X as c, u as v, z as F } from "./lib-DBptbyyI.js";
-import { u as O } from "./useNestedProp-Bf5XFbs8.js";
-import { u as V } from "./useConfig-C40HvGpD.js";
-import y from "./PackageVersion-PjmqM4wb.js";
+import { A as B, X as u, u as v, z as F } from "./lib-DMzrGQHK.js";
+import { u as O } from "./useNestedProp-DH0BEVVS.js";
+import { u as V } from "./useConfig-DTHxOX6V.js";
+import y from "./PackageVersion-DVvvyQXB.js";
 import { _ as X } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = ["d", "fill", "stroke"], Y = ["xmlns"], D = ["id"], J = ["stop-color"], K = ["stop-color"], l1 = ["stop-color"], t1 = ["stop-color"], e1 = ["fill", "stroke"], o1 = ["fill", "stroke"], s1 = ["fill", "stroke"], r1 = ["fill", "stroke"], i1 = ["fill", "stroke"], n1 = ["xmlns"], a1 = ["stroke"], c1 = ["stroke"], u1 = ["stroke"], d1 = ["fill", "stroke"], y1 = ["fill"], k1 = ["fill", "stroke"], h1 = ["fill"], v1 = ["fill", "stroke"], _1 = ["fill"], x1 = ["fill", "stroke"], p1 = ["fill"], g1 = ["fill", "stroke"], f1 = ["fill"], w1 = ["fill", "stroke"], C1 = ["fill"], m1 = ["xmlns"], b1 = ["stroke"], M1 = ["stroke"], L1 = ["stroke"], A1 = ["stroke"], $1 = ["stroke"], B1 = ["stroke"], P1 = ["stroke"], W1 = ["stroke"], j1 = ["stroke"], z1 = ["xmlns"], Z1 = ["stroke", "fill"], q1 = ["xmlns"], H1 = ["stroke", "fill"], Q1 = ["xmlns"], E1 = ["fill"], S1 = ["fill"], I1 = ["fill"], N1 = ["fill"], F1 = ["xmlns"], O1 = ["stroke"], V1 = ["fill"], X1 = ["stroke", "fill"], G1 = ["stroke", "fill"], R1 = ["fill"], T1 = ["stroke", "fill"], U1 = ["stroke", "fill"], Y1 = ["fill"], D1 = ["stroke", "fill"], J1 = ["stroke", "fill"], K1 = ["fill"], ll = ["stroke", "fill"], tl = ["stroke", "fill"], el = ["fill"], ol = ["stroke", "fill"], sl = ["stroke", "fill"], rl = ["xmlns"], il = ["stroke"], nl = ["stroke"], al = ["stroke", "fill"], cl = ["stroke", "fill"], ul = ["stroke", "fill"], dl = ["stroke", "fill"], yl = ["stroke", "fill"], kl = ["stroke", "fill"], hl = ["stroke", "fill"], vl = ["stroke", "fill"], _l = ["stroke", "fill"], xl = ["stroke", "fill"], pl = ["stroke", "fill"], gl = ["stroke", "fill"], fl = ["stroke", "fill"], wl = ["stroke", "fill"], Cl = ["stroke", "fill"], ml = ["stroke", "fill"], bl = ["stroke", "fill"], Ml = ["stroke", "fill"], Ll = ["stroke", "fill"], Al = ["stroke", "fill"], $l = ["stroke", "fill"], Bl = ["stroke", "fill"], Pl = ["stroke", "fill"], Wl = ["xmlns"], jl = ["stroke"], zl = ["xmlns"], Zl = ["stroke"], ql = ["xmlns"], Hl = ["stroke"], Ql = ["xmlns"], El = ["fill"], Sl = ["fill"], Il = ["fill"], Nl = ["fill"], Fl = ["fill"], Ol = ["fill"], Vl = ["fill"], Xl = ["fill"], Gl = ["fill"], Rl = ["fill"], Tl = ["fill"], Ul = ["fill"], Yl = ["xmlns"], Dl = ["stroke"], Jl = ["stroke"], Kl = ["stroke"], l0 = ["stroke"], t0 = ["stroke"], e0 = ["stroke"], o0 = ["xmlns"], s0 = ["stroke"], r0 = ["stroke"], i0 = ["stroke"], n0 = ["stroke"], a0 = ["stroke"], c0 = ["stroke"], u0 = ["stroke"], d0 = ["stroke"], y0 = ["stroke"], k0 = ["xmlns"], h0 = ["stroke"], v0 = ["xmlns"], _0 = ["stroke"], x0 = ["stroke"], p0 = ["stroke"], g0 = ["stroke"], f0 = ["stroke"], w0 = ["stroke"], C0 = ["stroke"], m0 = ["stroke"], b0 = ["stroke"], M0 = ["xmlns"], L0 = ["x1", "x2", "stroke"], A0 = ["xmlns"], $0 = ["x", "y", "width", "height", "fill"], B0 = ["y", "width", "height", "fill"], P0 = ["xmlns"], W0 = ["fill"], j0 = ["fill"], z0 = ["fill"], Z0 = ["xmlns"], q0 = ["x1", "x2", "y1", "y2", "stroke"], H0 = ["stroke"], Q0 = ["fill"], E0 = ["xmlns"], S0 = ["fill"], I0 = ["fill"], N0 = ["x1", "y1", "x2", "y2", "stroke-width", "stroke"], F0 = ["xmlns"], O0 = { key: 0 }, V0 = ["stroke", "stroke-width"], X0 = ["stroke", "stroke-width"], G0 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], R0 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], T0 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], U0 = ["x", "y", "height", "width", "fill"], Y0 = ["xmlns", "viewBox"], D0 = ["x", "y", "stroke", "fill"], J0 = ["xmlns"], K0 = ["d", "stroke"], lt = ["cx", "cy", "r", "fill", "stroke"], tt = ["cx", "cy", "r", "fill", "stroke"], et = ["x", "y", "width", "fill"], ot = ["cx", "cy", "fill"], st = ["cx", "cy", "fill"], rt = ["stroke"], it = ["xmlns"], nt = ["stroke", "stroke-width"], at = ["stroke", "stroke-width"], ct = ["stroke", "stroke-width"], ut = ["fill"], dt = ["fill"], yt = ["fill"], kt = ["fill"], ht = ["fill"], vt = ["fill"], _t = ["xmlns"], xt = { key: 0 }, pt = ["stroke", "stroke-width"], gt = ["stroke", "stroke-width"], ft = ["stroke", "stroke-width"], wt = { key: 1 }, Ct = ["r", "fill"], mt = ["r", "fill"], bt = ["xmlns"], Mt = { key: 0 }, Lt = ["stroke", "stroke-width"], At = ["stroke", "stroke-width"], $t = ["fill", "rx", "x", "y", "width", "height"], Bt = ["xmlns"], Pt = ["stroke-width", "stroke"], Wt = ["stroke-width", "stroke"], jt = ["stroke-width", "stroke"], zt = ["xmlns"], Zt = ["stroke"], qt = ["stroke"], Ht = ["stroke"], Qt = ["stroke"], Et = ["fill"], St = ["stroke"], It = ["xmlns"], Nt = ["stroke", "stroke-width"], Ft = ["stroke", "stroke-width"], Ot = ["fill", "r"], Vt = ["fill", "r"], Xt = ["fill", "r"], Gt = ["fill", "r"], Rt = ["fill", "r"], Tt = ["fill", "r"], Ut = ["fill", "r"], Yt = ["fill", "r"], Dt = ["fill", "r"], Jt = ["xmlns"], Kt = ["d", "stroke", "stroke-width"], le = ["d", "stroke", "stroke-width"], te = ["d", "stroke", "stroke-width"], ee = ["d", "stroke", "stroke-width"], oe = ["stroke", "stroke-width"], se = ["stroke", "stroke-width"], re = ["stroke", "stroke-width"], ie = ["fill"], ne = ["fill"], ae = ["xmlns"], ce = ["x", "y", "fill"], ue = ["x", "y", "fill"], de = ["x", "y", "fill"], ye = ["xmlns"], ke = ["fill"], he = ["fill"], ve = ["y1", "y2", "stroke", "stroke-width"], _e = ["x1", "x2", "stroke", "stroke-width"], xe = ["xmlns", "stroke"], pe = ["fill"], ge = ["xmlns", "stroke"], fe = ["xmlns", "stroke"], we = ["fill"], Ce = ["xmlns", "stroke"], me = ["xmlns", "stroke"], be = ["fill"], Me = ["xmlns", "stroke"], Le = ["xmlns", "stroke"], Ae = ["fill"], $e = ["xmlns", "stroke"], Be = ["xmlns", "stroke"], Pe = ["fill"], We = ["xmlns", "stroke"], je = ["xmlns"], ze = ["points", "fill", "stroke", "stroke-width"], Ze = ["xmlns"], qe = { key: 0 }, He = ["stroke", "stroke-width"], Qe = ["y", "width", "fill", "rx"], Ee = {
+const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = ["d", "fill", "stroke"], Y = ["xmlns"], D = ["id"], J = ["stop-color"], K = ["stop-color"], l1 = ["stop-color"], t1 = ["stop-color"], e1 = ["fill", "stroke"], o1 = ["fill", "stroke"], s1 = ["fill", "stroke"], r1 = ["fill", "stroke"], i1 = ["fill", "stroke"], n1 = ["xmlns"], a1 = ["stroke"], u1 = ["stroke"], c1 = ["stroke"], d1 = ["fill", "stroke"], y1 = ["fill"], k1 = ["fill", "stroke"], h1 = ["fill"], v1 = ["fill", "stroke"], _1 = ["fill"], x1 = ["fill", "stroke"], p1 = ["fill"], g1 = ["fill", "stroke"], f1 = ["fill"], w1 = ["fill", "stroke"], C1 = ["fill"], m1 = ["xmlns"], b1 = ["stroke"], M1 = ["stroke"], L1 = ["stroke"], A1 = ["stroke"], $1 = ["stroke"], B1 = ["stroke"], P1 = ["stroke"], W1 = ["stroke"], j1 = ["stroke"], z1 = ["xmlns"], Z1 = ["stroke", "fill"], q1 = ["xmlns"], H1 = ["stroke", "fill"], Q1 = ["xmlns"], E1 = ["fill"], S1 = ["fill"], I1 = ["fill"], N1 = ["fill"], F1 = ["xmlns"], O1 = ["stroke"], V1 = ["fill"], X1 = ["stroke", "fill"], G1 = ["stroke", "fill"], R1 = ["fill"], T1 = ["stroke", "fill"], U1 = ["stroke", "fill"], Y1 = ["fill"], D1 = ["stroke", "fill"], J1 = ["stroke", "fill"], K1 = ["fill"], ll = ["stroke", "fill"], tl = ["stroke", "fill"], el = ["fill"], ol = ["stroke", "fill"], sl = ["stroke", "fill"], rl = ["xmlns"], il = ["stroke"], nl = ["stroke"], al = ["stroke", "fill"], ul = ["stroke", "fill"], cl = ["stroke", "fill"], dl = ["stroke", "fill"], yl = ["stroke", "fill"], kl = ["stroke", "fill"], hl = ["stroke", "fill"], vl = ["stroke", "fill"], _l = ["stroke", "fill"], xl = ["stroke", "fill"], pl = ["stroke", "fill"], gl = ["stroke", "fill"], fl = ["stroke", "fill"], wl = ["stroke", "fill"], Cl = ["stroke", "fill"], ml = ["stroke", "fill"], bl = ["stroke", "fill"], Ml = ["stroke", "fill"], Ll = ["stroke", "fill"], Al = ["stroke", "fill"], $l = ["stroke", "fill"], Bl = ["stroke", "fill"], Pl = ["stroke", "fill"], Wl = ["xmlns"], jl = ["stroke"], zl = ["xmlns"], Zl = ["stroke"], ql = ["xmlns"], Hl = ["stroke"], Ql = ["xmlns"], El = ["fill"], Sl = ["fill"], Il = ["fill"], Nl = ["fill"], Fl = ["fill"], Ol = ["fill"], Vl = ["fill"], Xl = ["fill"], Gl = ["fill"], Rl = ["fill"], Tl = ["fill"], Ul = ["fill"], Yl = ["xmlns"], Dl = ["stroke"], Jl = ["stroke"], Kl = ["stroke"], l0 = ["stroke"], t0 = ["stroke"], e0 = ["stroke"], o0 = ["xmlns"], s0 = ["stroke"], r0 = ["stroke"], i0 = ["stroke"], n0 = ["stroke"], a0 = ["stroke"], u0 = ["stroke"], c0 = ["stroke"], d0 = ["stroke"], y0 = ["stroke"], k0 = ["xmlns"], h0 = ["stroke"], v0 = ["xmlns"], _0 = ["stroke"], x0 = ["stroke"], p0 = ["stroke"], g0 = ["stroke"], f0 = ["stroke"], w0 = ["stroke"], C0 = ["stroke"], m0 = ["stroke"], b0 = ["stroke"], M0 = ["xmlns"], L0 = ["x1", "x2", "stroke"], A0 = ["xmlns"], $0 = ["x", "y", "width", "height", "fill"], B0 = ["y", "width", "height", "fill"], P0 = ["xmlns"], W0 = ["fill"], j0 = ["fill"], z0 = ["fill"], Z0 = ["xmlns"], q0 = ["x1", "x2", "y1", "y2", "stroke"], H0 = ["stroke"], Q0 = ["fill"], E0 = ["xmlns"], S0 = ["fill"], I0 = ["fill"], N0 = ["x1", "y1", "x2", "y2", "stroke-width", "stroke"], F0 = ["xmlns"], O0 = { key: 0 }, V0 = ["stroke", "stroke-width"], X0 = ["stroke", "stroke-width"], G0 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], R0 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], T0 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], U0 = ["x", "y", "height", "width", "fill"], Y0 = ["xmlns", "viewBox"], D0 = ["x", "y", "stroke", "fill"], J0 = ["xmlns"], K0 = ["d", "stroke"], lt = ["cx", "cy", "r", "fill", "stroke"], tt = ["cx", "cy", "r", "fill", "stroke"], et = ["x", "y", "width", "fill"], ot = ["cx", "cy", "fill"], st = ["cx", "cy", "fill"], rt = ["stroke"], it = ["xmlns"], nt = ["stroke", "stroke-width"], at = ["stroke", "stroke-width"], ut = ["stroke", "stroke-width"], ct = ["fill"], dt = ["fill"], yt = ["fill"], kt = ["fill"], ht = ["fill"], vt = ["fill"], _t = ["xmlns"], xt = { key: 0 }, pt = ["stroke", "stroke-width"], gt = ["stroke", "stroke-width"], ft = ["stroke", "stroke-width"], wt = { key: 1 }, Ct = ["r", "fill"], mt = ["r", "fill"], bt = ["xmlns"], Mt = { key: 0 }, Lt = ["stroke", "stroke-width"], At = ["stroke", "stroke-width"], $t = ["fill", "rx", "x", "y", "width", "height"], Bt = ["xmlns"], Pt = ["stroke-width", "stroke"], Wt = ["stroke-width", "stroke"], jt = ["stroke-width", "stroke"], zt = ["xmlns"], Zt = ["stroke"], qt = ["stroke"], Ht = ["stroke"], Qt = ["stroke"], Et = ["fill"], St = ["stroke"], It = ["xmlns"], Nt = ["stroke", "stroke-width"], Ft = ["stroke", "stroke-width"], Ot = ["fill", "r"], Vt = ["fill", "r"], Xt = ["fill", "r"], Gt = ["fill", "r"], Rt = ["fill", "r"], Tt = ["fill", "r"], Ut = ["fill", "r"], Yt = ["fill", "r"], Dt = ["fill", "r"], Jt = ["xmlns"], Kt = ["d", "stroke", "stroke-width"], le = ["d", "stroke", "stroke-width"], te = ["d", "stroke", "stroke-width"], ee = ["d", "stroke", "stroke-width"], oe = ["stroke", "stroke-width"], se = ["stroke", "stroke-width"], re = ["stroke", "stroke-width"], ie = ["fill"], ne = ["fill"], ae = ["xmlns"], ue = ["x", "y", "fill"], ce = ["x", "y", "fill"], de = ["x", "y", "fill"], ye = ["xmlns"], ke = ["fill"], he = ["fill"], ve = ["y1", "y2", "stroke", "stroke-width"], _e = ["x1", "x2", "stroke", "stroke-width"], xe = ["xmlns", "stroke"], pe = ["fill"], ge = ["xmlns", "stroke"], fe = ["xmlns", "stroke"], we = ["fill"], Ce = ["xmlns", "stroke"], me = ["xmlns", "stroke"], be = ["fill"], Me = ["xmlns", "stroke"], Le = ["xmlns", "stroke"], Ae = ["fill"], $e = ["xmlns", "stroke"], Be = ["xmlns", "stroke"], Pe = ["fill"], We = ["xmlns", "stroke"], je = ["xmlns"], ze = ["points", "fill", "stroke", "stroke-width"], Ze = ["xmlns"], qe = { key: 0 }, He = ["stroke", "stroke-width"], Qe = ["y", "width", "fill", "rx"], Ee = {
   __name: "vue-ui-skeleton",
   props: {
     config: {
@@ -18,7 +18,7 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
     const { vue_ui_skeleton: W } = V(), j = P, f = w(`vue-ui-skeleton-${Math.random()}`), l = g(() => O({
       userConfig: j.config,
       defaultConfig: W
-    })), z = g(() => l.value.style.animated), u = g(() => l.value.type), Z = w([60, 50, 55, 36, 40, 25, 26, 12]), q = g(() => B({
+    })), z = g(() => l.value.style.animated), c = g(() => l.value.type), Z = w([60, 50, 55, 36, 40, 25, 26, 12]), q = g(() => B({
       plot: { x: 50, y: 50 },
       radius: 40,
       sides: 6
@@ -190,33 +190,31 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
       [44, 45],
       [38, 35],
       [31, 32]
-    ]), M = w(
-      [
-        { x: 40, y: 30 },
-        { x: 45, y: 28 },
-        { x: 50, y: 25 },
-        { x: 55, y: 20 },
-        { x: 60, y: 27 },
-        { x: 65, y: 14 },
-        { x: 70, y: 23 },
-        { x: 75, y: 16 },
-        { x: 80, y: 25 },
-        { x: 85, y: 10 },
-        { x: 90, y: 18 },
-        { x: 95, y: 7 },
-        { x: 100, y: 12 },
-        { x: 105, y: 10 },
-        { x: 110, y: 20 },
-        { x: 115, y: 7 },
-        { x: 120, y: 14 },
-        { x: 125, y: 10 },
-        { x: 130, y: 19 },
-        { x: 135, y: 3 },
-        { x: 140, y: 10 },
-        { x: 145, y: 2 },
-        { x: 150, y: 1 }
-      ]
-    );
+    ]), M = w([
+      { x: 40, y: 30 },
+      { x: 45, y: 28 },
+      { x: 50, y: 25 },
+      { x: 55, y: 20 },
+      { x: 60, y: 27 },
+      { x: 65, y: 14 },
+      { x: 70, y: 23 },
+      { x: 75, y: 16 },
+      { x: 80, y: 25 },
+      { x: 85, y: 10 },
+      { x: 90, y: 18 },
+      { x: 95, y: 7 },
+      { x: 100, y: 12 },
+      { x: 105, y: 10 },
+      { x: 110, y: 20 },
+      { x: 115, y: 7 },
+      { x: 120, y: 14 },
+      { x: 125, y: 10 },
+      { x: 130, y: 19 },
+      { x: 135, y: 3 },
+      { x: 140, y: 10 },
+      { x: 145, y: 2 },
+      { x: 150, y: 1 }
+    ]);
     function L(C, _ = 1) {
       return {
         x: 200 + 160 * Math.cos(29.85 + C * Math.PI / 180) * _,
@@ -252,12 +250,16 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
     ]);
     return (C, _) => (e(), o("div", {
       id: f.value,
-      class: N({ "vue-data-ui-component": !0, "vue-ui-skeleton": !0, "vue-ui-skeleton-animated": z.value }),
+      class: N({
+        "vue-data-ui-component": !0,
+        "vue-ui-skeleton": !0,
+        "vue-ui-skeleton-animated": z.value
+      }),
       style: n(`background:${l.value.style.backgroundColor};color:${l.value.style.color};display:flex;align-items:center;justify-content:center;`)
     }, [
-      u.value === "chord" ? (e(), o("svg", {
+      c.value === "chord" ? (e(), o("svg", {
         key: 0,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 600 600",
         style: n({ background: l.value.style.backgroundColor })
@@ -276,9 +278,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           }, null, 12, U))), 128))
         ])
       ], 12, R)) : a("", !0),
-      u.value === "ridgeline" ? (e(), o("svg", {
+      c.value === "ridgeline" ? (e(), o("svg", {
         key: 1,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "20 0 512 200",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -355,9 +357,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           "stroke-linejoin": "round"
         }, null, 8, i1)
       ], 12, Y)) : a("", !0),
-      u.value === "historyPlot" ? (e(), o("svg", {
+      c.value === "historyPlot" ? (e(), o("svg", {
         key: 2,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 612 512",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -380,13 +382,13 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           stroke: l.value.style.historyPlot.color,
           "stroke-width": "3",
           "stroke-linecap": "round"
-        }, null, 8, c1),
+        }, null, 8, u1),
         t("path", {
           d: "M 80,100 300,200 400,150 560,230 360,420 230,320",
           fill: "none",
           stroke: l.value.style.historyPlot.color,
           "stroke-width": "3"
-        }, null, 8, u1),
+        }, null, 8, c1),
         t("circle", {
           cx: "80",
           cy: "100",
@@ -401,7 +403,7 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           fill: l.value.style.backgroundColor,
           "font-size": "24",
           "text-anchor": "middle"
-        }, "1", 8, y1),
+        }, " 1 ", 8, y1),
         t("circle", {
           cx: "300",
           cy: "200",
@@ -416,7 +418,7 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           fill: l.value.style.backgroundColor,
           "font-size": "24",
           "text-anchor": "middle"
-        }, "2", 8, h1),
+        }, " 2 ", 8, h1),
         t("circle", {
           cx: "400",
           cy: "150",
@@ -431,7 +433,7 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           fill: l.value.style.backgroundColor,
           "font-size": "24",
           "text-anchor": "middle"
-        }, "3", 8, _1),
+        }, " 3 ", 8, _1),
         t("circle", {
           cx: "560",
           cy: "230",
@@ -446,7 +448,7 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           fill: l.value.style.backgroundColor,
           "font-size": "24",
           "text-anchor": "middle"
-        }, "4", 8, p1),
+        }, " 4 ", 8, p1),
         t("circle", {
           cx: "360",
           cy: "420",
@@ -461,7 +463,7 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           fill: l.value.style.backgroundColor,
           "font-size": "24",
           "text-anchor": "middle"
-        }, "5", 8, f1),
+        }, " 5 ", 8, f1),
         t("circle", {
           cx: "230",
           cy: "320",
@@ -476,11 +478,11 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           fill: l.value.style.backgroundColor,
           "font-size": "24",
           "text-anchor": "middle"
-        }, "6", 8, C1)
+        }, " 6 ", 8, C1)
       ], 12, n1)) : a("", !0),
-      u.value === "circlePack" ? (e(), o("svg", {
+      c.value === "circlePack" ? (e(), o("svg", {
         key: 3,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 100 100",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -558,9 +560,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           fill: "none"
         }, null, 8, j1)
       ], 12, m1)) : a("", !0),
-      u.value === "flow" ? (e(), o("svg", {
+      c.value === "flow" ? (e(), o("svg", {
         key: 4,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 80 60",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -575,9 +577,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           fill: l.value.style.flow.color
         }, null, 8, Z1)
       ], 12, z1)) : a("", !0),
-      u.value === "parallelCoordinatePlot" ? (e(), o("svg", {
+      c.value === "parallelCoordinatePlot" ? (e(), o("svg", {
         key: 5,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 80 60",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -592,9 +594,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           fill: l.value.style.parallelCoordinatePlot.color
         }, null, 8, H1)
       ], 12, q1)) : a("", !0),
-      u.value === "bullet" ? (e(), o("svg", {
+      c.value === "bullet" ? (e(), o("svg", {
         key: 6,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 600 96",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -632,9 +634,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           style: { opacity: "1" }
         }, null, 8, N1)
       ], 12, Q1)) : a("", !0),
-      u.value === "dumbbell" ? (e(), o("svg", {
+      c.value === "dumbbell" ? (e(), o("svg", {
         key: 7,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 100 55",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -786,9 +788,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           fill: l.value.style.dumbbell.color
         }, null, 8, sl)
       ], 12, F1)) : a("", !0),
-      u.value === "stripPlot" ? (e(), o("svg", {
+      c.value === "stripPlot" ? (e(), o("svg", {
         key: 8,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 100 100",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -831,7 +833,7 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, cl),
+        }, null, 8, ul),
         t("circle", {
           cx: "12",
           cy: "60",
@@ -840,7 +842,7 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           "stroke-width": 0.3,
           fill: l.value.style.stripPlot.color,
           style: { opacity: "0.5" }
-        }, null, 8, ul),
+        }, null, 8, cl),
         t("circle", {
           cx: "12",
           cy: "70",
@@ -1022,9 +1024,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           style: { opacity: "0.5" }
         }, null, 8, Pl)
       ], 12, rl)) : a("", !0),
-      u.value === "treemap" ? (e(), o("svg", {
+      c.value === "treemap" ? (e(), o("svg", {
         key: 9,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 30 21",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1039,9 +1041,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           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, jl)
       ], 12, Wl)) : a("", !0),
-      u.value === "galaxy" ? (e(), o("svg", {
+      c.value === "galaxy" ? (e(), o("svg", {
         key: 10,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0.5 0 20 20",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1055,9 +1057,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           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, Zl)
       ], 12, zl)) : a("", !0),
-      u.value === "bar3d" ? (e(), o("svg", {
+      c.value === "bar3d" ? (e(), o("svg", {
         key: 11,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "2 0 16 20",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1072,9 +1074,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           "stroke-linejoin": "round"
         }, null, 8, Hl)
       ], 12, ql)) : a("", !0),
-      u.value === "sparkHistogram" ? (e(), o("svg", {
+      c.value === "sparkHistogram" ? (e(), o("svg", {
         key: 12,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 100 20",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1177,9 +1179,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           fill: l.value.style.sparkHistogram.color
         }, null, 8, Ul)
       ], 12, Ql)) : a("", !0),
-      u.value === "sparkbar" ? (e(), o("svg", {
+      c.value === "sparkbar" ? (e(), o("svg", {
         key: 13,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 500 200",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1246,9 +1248,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           opacity: "1"
         }, null, 8, e0)
       ], 12, Yl)) : a("", !0),
-      u.value === "sparkStackbar" ? (e(), o("svg", {
+      c.value === "sparkStackbar" ? (e(), o("svg", {
         key: 14,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 500 64",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1295,7 +1297,7 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           opacity: "1"
         }, null, 8, n0)
       ], 12, o0)) : a("", !0),
-      u.value === "thermometer" ? (e(), o("svg", {
+      c.value === "thermometer" ? (e(), o("svg", {
         key: 15,
         width: "100%",
         viewBox: "0 0 20 20",
@@ -1315,13 +1317,13 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           style: { opacity: "0.6" },
           d: "M 10 17 L 10 12 ",
           "stroke-linecap": "round"
-        }, null, 8, c0),
+        }, null, 8, u0),
         t("path", {
           "stroke-linecap": "round",
           stroke: l.value.style.thermometer.color,
           "stroke-width": "1",
           opacity: "M 10 17 L 10 9"
-        }, null, 8, u0),
+        }, null, 8, c0),
         t("path", {
           "stroke-linecap": "round",
           stroke: l.value.style.thermometer.color,
@@ -1337,9 +1339,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           d: "M 10 17 L 10 3"
         }, null, 8, y0)
       ], 4)) : a("", !0),
-      u.value === "relationCircle" ? (e(), o("svg", {
+      c.value === "relationCircle" ? (e(), o("svg", {
         key: 16,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 20 20",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1353,9 +1355,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           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, h0)
       ], 12, k0)) : a("", !0),
-      u.value === "molecule" ? (e(), o("svg", {
+      c.value === "molecule" ? (e(), o("svg", {
         key: 17,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 100 100",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1434,9 +1436,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           stroke: l.value.style.molecule.color
         }, null, 8, b0)
       ], 12, v0)) : a("", !0),
-      u.value === "tiremarks" ? (e(), o("svg", {
+      c.value === "tiremarks" ? (e(), o("svg", {
         key: 18,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 312 56",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1454,9 +1456,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           }, null, 12, L0)
         ])), 64))
       ], 12, M0)) : a("", !0),
-      u.value === "pyramid" ? (e(), o("svg", {
+      c.value === "pyramid" ? (e(), o("svg", {
         key: 19,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 105 80",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1479,9 +1481,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           }, null, 8, B0)
         ]))), 256))
       ], 12, A0)) : a("", !0),
-      u.value === "rings" ? (e(), o("svg", {
+      c.value === "rings" ? (e(), o("svg", {
         key: 20,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 400 400",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1506,9 +1508,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           fill: s(v)(l.value.style.rings.color, 100)
         }, null, 8, z0)
       ], 12, P0)) : a("", !0),
-      u.value === "wheel" ? (e(), o("svg", {
+      c.value === "wheel" ? (e(), o("svg", {
         key: 21,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 400 400",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1541,9 +1543,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           stroke: "none"
         }, null, 8, Q0)
       ], 12, Z0)) : a("", !0),
-      u.value === "sparkline" ? (e(), o("svg", {
+      c.value === "sparkline" ? (e(), o("svg", {
         key: 22,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 150 32",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1581,9 +1583,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           }, null, 8, N0)) : a("", !0)
         ]))), 256))
       ], 12, E0)) : a("", !0),
-      u.value === "candlesticks" ? (e(), o("svg", {
+      c.value === "candlesticks" ? (e(), o("svg", {
         key: 23,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 512 316",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1647,9 +1649,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           }, null, 8, U0)
         ]))), 256))
       ], 12, F0)) : a("", !0),
-      u.value === "heatmap" ? (e(), o("svg", {
+      c.value === "heatmap" ? (e(), o("svg", {
         key: 24,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: `0 0 ${10 * l.value.style.heatmap.cellsX} ${10 * l.value.style.heatmap.cellsY}`,
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1664,14 +1666,17 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
               width: 10,
               stroke: l.value.style.backgroundColor,
               "stroke-width": 1,
-              fill: s(v)(l.value.style.heatmap.color, Math.round(Math.random() * 100))
+              fill: s(v)(
+                l.value.style.heatmap.color,
+                Math.round(Math.random() * 100)
+              )
             }, null, 8, D0)
           ]))), 256))
         ]))), 256))
       ], 12, Y0)) : a("", !0),
-      u.value === "chestnut" ? (e(), o("svg", {
+      c.value === "chestnut" ? (e(), o("svg", {
         key: 25,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 512 316",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1686,7 +1691,10 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
                             ${i.x - 80},${i.y + p} 
                             ${r.root.x + r.root.r / 2}, ${r.root.y}
                         `,
-              stroke: s(v)(l.value.style.chestnut.color, i.opacity * 0.2),
+              stroke: s(v)(
+                l.value.style.chestnut.color,
+                i.opacity * 0.2
+              ),
               fill: "none",
               "stroke-width": "2",
               "shape-rendering": "cirspEdges"
@@ -1705,7 +1713,10 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           cx: r.root.x,
           cy: r.root.y,
           r: r.root.r,
-          fill: s(v)(l.value.style.chestnut.color, r.root.opacity),
+          fill: s(v)(
+            l.value.style.chestnut.color,
+            r.root.opacity
+          ),
           stroke: l.value.style.backgroundColor,
           "stroke-width": 3
         }, null, 8, tt))), 256)),
@@ -1716,13 +1727,19 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
             y: i.y,
             width: i.width,
             height: 22,
-            fill: s(v)(l.value.style.chestnut.color, i.opacity)
+            fill: s(v)(
+              l.value.style.chestnut.color,
+              i.opacity
+            )
           }, null, 8, et))), 256)),
           (e(!0), o(k, null, h(r.bars, (i) => (e(), o("circle", {
             cx: i.x + i.width + 32,
             cy: i.y + 11,
             r: 11,
-            fill: s(v)(l.value.style.chestnut.color, i.opacity)
+            fill: s(v)(
+              l.value.style.chestnut.color,
+              i.opacity
+            )
           }, null, 8, ot))), 256)),
           (e(!0), o(k, null, h(r.bars, (i) => (e(), o("circle", {
             cx: i.x + i.width + 32,
@@ -1740,9 +1757,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           "stroke-width": 3
         }, null, 8, rt)
       ], 12, J0)) : a("", !0),
-      u.value === "donutEvolution" ? (e(), o("svg", {
+      c.value === "donutEvolution" ? (e(), o("svg", {
         key: 26,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 108 70",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1770,13 +1787,13 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           "stroke-width": l.value.style.donutEvolution.axis.strokeWidth,
           "stroke-linecap": "round",
           "stroke-linejoin": "round"
-        }, null, 8, ct),
+        }, null, 8, ut),
         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, ut),
+        }, null, 8, ct),
         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,
@@ -1808,9 +1825,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           style: { opacity: "0.3" }
         }, null, 8, vt)
       ], 12, it)) : a("", !0),
-      u.value === "line" ? (e(), o("svg", {
+      c.value === "line" ? (e(), o("svg", {
         key: 27,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 100 70",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1861,9 +1878,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           }, null, 8, mt)
         ])) : a("", !0)
       ], 12, _t)) : a("", !0),
-      u.value === "bar" ? (e(), o("svg", {
+      c.value === "bar" ? (e(), o("svg", {
         key: 28,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 100 70",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1900,9 +1917,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           height: 67 - r
         }, null, 8, $t))), 256))
       ], 12, bt)) : a("", !0),
-      u.value === "donut" ? (e(), o("svg", {
+      c.value === "donut" ? (e(), o("svg", {
         key: 29,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 400 400",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1927,9 +1944,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           stroke: s(v)(l.value.style.donut.color, 30)
         }, null, 8, jt)
       ], 12, Bt)) : a("", !0),
-      u.value === "onion" ? (e(), o("svg", {
+      c.value === "onion" ? (e(), o("svg", {
         key: 30,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 400 400",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -1957,7 +1974,7 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           "stroke-width": "20"
         }, null, 8, Ht)
       ], 12, zt)) : a("", !0),
-      u.value === "gauge" ? (e(), o("svg", {
+      c.value === "gauge" ? (e(), o("svg", {
         key: 31,
         width: "100%",
         viewBox: "0 0 400 400",
@@ -1987,9 +2004,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           "stroke-linecap": "round"
         }, null, 8, St)
       ], 4)) : a("", !0),
-      u.value === "quadrant" ? (e(), o("svg", {
+      c.value === "quadrant" ? (e(), o("svg", {
         key: 32,
-        xmlns: s(c),
+        xmlns: s(u),
         viewBox: "0 0 100 100",
         style: n(`background:${l.value.style.backgroundColor}`)
       }, [
@@ -2065,9 +2082,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           cy: "46"
         }, null, 8, Dt)
       ], 12, It)) : a("", !0),
-      u.value === "radar" ? (e(), o("svg", {
+      c.value === "radar" ? (e(), o("svg", {
         key: 33,
-        xmlns: s(c),
+        xmlns: s(u),
         viewBox: "0 0 100 100",
         style: n(`background:${l.value.style.backgroundColor}`)
       }, [
@@ -2132,9 +2149,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           fill: s(v)(l.value.style.radar.shapes.color, 50)
         }, null, 8, ne)
       ], 12, Jt)) : a("", !0),
-      u.value === "waffle" ? (e(), o("svg", {
+      c.value === "waffle" ? (e(), o("svg", {
         key: 34,
-        xmlns: s(c),
+        xmlns: s(u),
         viewBox: "0 0 100 100",
         style: n(`background:${l.value.style.backgroundColor}`)
       }, [
@@ -2148,7 +2165,7 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
               width: 9,
               fill: s(v)(l.value.style.waffle.color, 20),
               rx: "1"
-            }, null, 8, ce)
+            }, null, 8, ue)
           ])), 64))
         ])), 64)),
         (e(), o(k, null, h(10, (r, i) => t("g", null, [
@@ -2161,7 +2178,7 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
               width: 9,
               fill: s(v)(l.value.style.waffle.color, 30),
               rx: "1"
-            }, null, 8, ue)) : a("", !0)
+            }, null, 8, ce)) : a("", !0)
           ])), 64))
         ])), 64)),
         (e(), o(k, null, h(10, (r, i) => t("g", null, [
@@ -2178,9 +2195,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           ])), 64))
         ])), 64))
       ], 12, ae)) : a("", !0),
-      u.value === "table" ? (e(), o("svg", {
+      c.value === "table" ? (e(), o("svg", {
         key: 35,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 100 70",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -2219,14 +2236,14 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           "stroke-linecap": "round"
         }, null, 8, _e)), 64))
       ], 12, ye)) : a("", !0),
-      u.value === "rating" ? (e(), o(k, { key: 36 }, [
+      c.value === "rating" ? (e(), o(k, { key: 36 }, [
         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(c),
+            xmlns: s(u),
             style: n(`width:${l.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
             viewBox: "0 0 24 24",
             "stroke-width": "1.5",
@@ -2248,7 +2265,7 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
             }, null, 8, pe)
           ], 12, xe)) : (e(), o("svg", {
             key: 1,
-            xmlns: s(c),
+            xmlns: s(u),
             style: n(`width:${l.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
             viewBox: "0 0 24 24",
             "stroke-width": "1.5",
@@ -2257,11 +2274,11 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
             "stroke-linejoin": "round",
             fill: "none"
           }, [..._[1] || (_[1] = [
-            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-30c34214></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-30c34214></path><path d="M9 10l.01 0" data-v-30c34214></path><path d="M15 10l.01 0" data-v-30c34214></path><path d="M9.5 15.25a3.5 3.5 0 0 1 5 0" data-v-30c34214></path>', 5)
+            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-633331e3></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-633331e3></path><path d="M9 10l.01 0" data-v-633331e3></path><path d="M15 10l.01 0" data-v-633331e3></path><path d="M9.5 15.25a3.5 3.5 0 0 1 5 0" data-v-633331e3></path>', 5)
           ])], 12, ge)),
           l.value.style.rating.filled ? (e(), o("svg", {
             key: 2,
-            xmlns: s(c),
+            xmlns: s(u),
             style: n(`width:${l.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
             viewBox: "0 0 24 24",
             "stroke-width": "1.5",
@@ -2282,7 +2299,7 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
             }, null, 8, we)
           ], 12, fe)) : (e(), o("svg", {
             key: 3,
-            xmlns: s(c),
+            xmlns: s(u),
             style: n(`width:${l.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
             viewBox: "0 0 24 24",
             "stroke-width": "1.5",
@@ -2291,11 +2308,11 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
             "stroke-linejoin": "round",
             fill: "none"
           }, [..._[3] || (_[3] = [
-            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-30c34214></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-30c34214></path><path d="M9 10l.01 0" data-v-30c34214></path><path d="M15 10l.01 0" data-v-30c34214></path><path d="M9 15l6 0" data-v-30c34214></path>', 5)
+            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-633331e3></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-633331e3></path><path d="M9 10l.01 0" data-v-633331e3></path><path d="M15 10l.01 0" data-v-633331e3></path><path d="M9 15l6 0" data-v-633331e3></path>', 5)
           ])], 12, Ce)),
           l.value.style.rating.filled ? (e(), o("svg", {
             key: 4,
-            xmlns: s(c),
+            xmlns: s(u),
             style: n(`width:${l.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
             viewBox: "0 0 24 24",
             "stroke-width": "1.5",
@@ -2316,7 +2333,7 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
             }, null, 8, be)
           ], 12, me)) : (e(), o("svg", {
             key: 5,
-            xmlns: s(c),
+            xmlns: s(u),
             style: n(`width:${l.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
             viewBox: "0 0 24 24",
             "stroke-width": "1.5",
@@ -2336,7 +2353,7 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           ])], 12, Me)),
           l.value.style.rating.filled ? (e(), o("svg", {
             key: 6,
-            xmlns: s(c),
+            xmlns: s(u),
             style: n(`width:${l.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
             viewBox: "0 0 24 24",
             "stroke-width": "1.5",
@@ -2357,7 +2374,7 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
             }, null, 8, Ae)
           ], 12, Le)) : (e(), o("svg", {
             key: 7,
-            xmlns: s(c),
+            xmlns: s(u),
             style: n(`width:${l.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
             viewBox: "0 0 24 24",
             "stroke-width": "1.5",
@@ -2366,11 +2383,11 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
             "stroke-linejoin": "round",
             fill: "none"
           }, [..._[7] || (_[7] = [
-            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-30c34214></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-30c34214></path><path d="M9 10l.01 0" data-v-30c34214></path><path d="M15 10l.01 0" data-v-30c34214></path><path d="M9.5 15a3.5 3.5 0 0 0 5 0" data-v-30c34214></path>', 5)
+            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-633331e3></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-633331e3></path><path d="M9 10l.01 0" data-v-633331e3></path><path d="M15 10l.01 0" data-v-633331e3></path><path d="M9.5 15a3.5 3.5 0 0 0 5 0" data-v-633331e3></path>', 5)
           ])], 12, $e)),
           l.value.style.rating.filled ? (e(), o("svg", {
             key: 8,
-            xmlns: s(c),
+            xmlns: s(u),
             style: n(`width:${l.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
             viewBox: "0 0 24 24",
             "stroke-width": "1.5",
@@ -2391,7 +2408,7 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
             }, null, 8, Pe)
           ], 12, Be)) : (e(), o("svg", {
             key: 9,
-            xmlns: s(c),
+            xmlns: s(u),
             style: n(`width:${l.value.style.rating.maxWidth / 5}px;aspect-ratio: 1 / 1`),
             viewBox: "0 0 24 24",
             "stroke-width": "1.5",
@@ -2400,11 +2417,11 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
             "stroke-linejoin": "round",
             fill: "none"
           }, [..._[9] || (_[9] = [
-            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-30c34214></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-30c34214></path><path d="M9 9l.01 0" data-v-30c34214></path><path d="M15 9l.01 0" data-v-30c34214></path><path d="M8 13a4 4 0 1 0 8 0h-8" data-v-30c34214></path>', 5)
+            $('<path stroke="none" d="M0 0h24v24H0z" fill="none" data-v-633331e3></path><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" data-v-633331e3></path><path d="M9 9l.01 0" data-v-633331e3></path><path d="M15 9l.01 0" data-v-633331e3></path><path d="M8 13a4 4 0 1 0 8 0h-8" data-v-633331e3></path>', 5)
           ])], 12, We))
         ], 4)) : (e(), o("svg", {
           key: 1,
-          xmlns: s(c),
+          xmlns: s(u),
           width: "100%",
           viewBox: "0 0 100 30",
           style: n(`background:${l.value.style.backgroundColor};max-width:${l.value.style.rating.maxWidth}px`)
@@ -2423,9 +2440,9 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
           }, null, 8, ze)), 64))
         ], 12, je))
       ], 64)) : a("", !0),
-      u.value === "verticalBar" ? (e(), o("svg", {
+      c.value === "verticalBar" ? (e(), o("svg", {
         key: 37,
-        xmlns: s(c),
+        xmlns: s(u),
         width: "100%",
         viewBox: "0 0 100 100",
         style: n(`background:${l.value.style.backgroundColor}`)
@@ -2452,7 +2469,7 @@ const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = [
       ], 12, Ze)) : a("", !0)
     ], 14, G));
   }
-}, Xe = /* @__PURE__ */ X(Ee, [["__scopeId", "data-v-30c34214"]]);
+}, Xe = /* @__PURE__ */ X(Ee, [["__scopeId", "data-v-633331e3"]]);
 export {
   Xe as default
 };