vuesp-components 1.3.8 → 1.3.9

package/dist/index.es.js

@@ -4,8 +4,8 @@ import { getFunction as _n, getParamsData as $n, getStateItem as wn, setStateIte
 import { dateUtcToString as je, timeUtcToString as Ne, findMenuItem as Oe, clone as Pe } from "./helpers/index.es.js";
 const Fe = {
   mounted(t, e) {
-    t.clickOutsideEvent = function(o) {
-      t === o.target || t.contains(o.target) || e.value(o, t);
+    t.clickOutsideEvent = function(n) {
+      t === n.target || t.contains(n.target) || e.value(n, t);
     }, document.addEventListener("click", t.clickOutsideEvent);
   },
   unmounted(t) {
@@ -567,8 +567,8 @@ const ql = { render: Wl }, B = /* @__PURE__ */ V({
       IconTheme: ll,
       IconInfo: Rl,
       IconPlus: ql
-    }, o = M(() => t.name ? e[`Icon${t.name}`] : ve);
-    return (n, a) => (s(), A(G(o.value), { name: n.name }, null, 8, ["name"]));
+    }, n = M(() => t.name ? e[`Icon${t.name}`] : ve);
+    return (r, a) => (s(), A(G(n.value), { name: r.name }, null, 8, ["name"]));
   }
 }), Gl = { class: "no-scrollbar flex flex-col overflow-y-auto duration-300 ease-linear h-full" }, Kl = /* @__PURE__ */ V({
   __name: "AppAside",
@@ -577,8 +577,8 @@ const ql = { render: Wl }, B = /* @__PURE__ */ V({
   },
   emits: ["sidebar"],
   setup(t, { emit: e }) {
-    const o = e, n = () => {
-      t.isSidebar && o("sidebar", !t.isSidebar);
+    const n = e, r = () => {
+      t.isSidebar && n("sidebar", !t.isSidebar);
     };
     return (a, u) => {
       const d = oe("router-link");
@@ -586,7 +586,7 @@ const ql = { render: Wl }, B = /* @__PURE__ */ V({
         a.isSidebar ? (s(), v("div", {
           key: 0,
           class: "lg:hidden overlay fixed left-0 top-0 h-full w-full bg-black/40 z-10 bg-blur",
-          onClick: n
+          onClick: r
         })) : I("", !0),
         l("aside", {
           class: z([a.isSidebar ? "translate-x-0 lg:w-[90px]" : "-translate-x-full", "overflow-x-hidden fixed top-0 left-0 z-10 flex lg:static h-full w-[290px] flex-col overflow-y-auto border-r border-gray-200 px-5 transition-all duration-350 lg:translate-x-0 dark:border-gray-800 bg-white dark:bg-gray-900"])
@@ -617,10 +617,10 @@ const ql = { render: Wl }, B = /* @__PURE__ */ V({
     };
   }
 }), ge = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [n, a] of e)
-    o[n] = a;
-  return o;
+  const n = t.__vccOpts || t;
+  for (const [r, a] of e)
+    n[r] = a;
+  return n;
 }, Zl = {}, Jl = {
   class: "animate-spin h-6 w-6",
   fill: "none",
@@ -658,7 +658,7 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const o = e, n = (m) => o("click", m), a = t.outline ? "border border-green-600 text-green-600" : "bg-green-600 dark:bg-green-800", u = t.outline ? "border border-red-600 text-red-600" : "bg-red-600 dark:bg-red-800", d = t.outline ? "border border-gray-600 text-gray-600" : "bg-gray-500 dark:bg-gray-800", f = t.outline ? "border border-blue-600 text-blue-600" : "bg-blue-700 dark:bg-blue-800", c = { green: a, red: u, gray: d, blue: f }, r = {
+    const n = e, r = (m) => n("click", m), a = t.outline ? "border border-green-600 text-green-600" : "bg-green-600 dark:bg-green-800", u = t.outline ? "border border-red-600 text-red-600" : "bg-red-600 dark:bg-red-800", d = t.outline ? "border border-gray-600 text-gray-600" : "bg-gray-500 dark:bg-gray-800", f = t.outline ? "border border-blue-600 text-blue-600" : "bg-blue-700 dark:bg-blue-800", c = { green: a, red: u, gray: d, blue: f }, o = {
       button: "px-4",
       icon: "rounded-full border border-gray-200 dark:border-gray-800"
     }, i = {
@@ -667,13 +667,13 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
     }, h = M(() => [Xl, w(t.color), b(t.type), $(t.type, t.size), { "w-full": t.block }]), y = M(() => t.href || t.to ? "router-link" : "button"), $ = (m, E) => {
       var Q;
       return ((Q = i[m]) == null ? void 0 : Q[E]) || "";
-    }, b = (m) => (r == null ? void 0 : r[m]) || "", w = (m) => t.type === "icon" ? "" : `${t.outline ? "dark:text-white" : "text-white"} ${(c == null ? void 0 : c[m]) || ""}`;
+    }, b = (m) => (o == null ? void 0 : o[m]) || "", w = (m) => t.type === "icon" ? "" : `${t.outline ? "dark:text-white" : "text-white"} ${(c == null ? void 0 : c[m]) || ""}`;
     return (m, E) => (s(), A(G(y.value), H(m.$attrs, {
       href: m.href,
       to: m.to,
       class: h.value,
       disabled: !!m.disabled,
-      onClick: n
+      onClick: r
     }), {
       default: g(() => [
         l("span", {
@@ -704,18 +704,18 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
   },
   emits: ["close", "open"],
   setup(t, { emit: e }) {
-    const o = e, n = L(!1), a = { sm: "max-w-[330px]", md: "max-w-[600px]", lg: "max-w-[960px]" }, u = M(() => a[t.size]), d = (r) => {
-      n.value = !1, setTimeout(() => {
-        o("close", r);
+    const n = e, r = L(!1), a = { sm: "max-w-[330px]", md: "max-w-[600px]", lg: "max-w-[960px]" }, u = M(() => a[t.size]), d = (o) => {
+      r.value = !1, setTimeout(() => {
+        n("close", o);
       }, 300);
-    }, f = (r) => {
-      t.callback && t.callback(), d(r);
-    }, c = () => o("open", n.value);
+    }, f = (o) => {
+      t.callback && t.callback(), d(o);
+    }, c = () => n("open", r.value);
     return ne(() => {
       setTimeout(() => {
-        n.value = !0;
+        r.value = !0;
       }, 300);
-    }), (r, i) => (s(), A(we, { to: "body" }, [
+    }), (o, i) => (s(), A(we, { to: "body" }, [
       p(X, {
         "enter-active-class": "duration-300 ease-out",
         "enter-from-class": "transform opacity-0 -translate-y-2",
@@ -726,7 +726,7 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
         onAfterEnter: c
       }, {
         default: g(() => [
-          n.value ? (s(), v("div", {
+          r.value ? (s(), v("div", {
             key: 0,
             class: "z-20 fixed top-0 h-[100dvh] w-full left-0 flex flex-col",
             onWheel: i[0] || (i[0] = P(() => {
@@ -741,8 +741,8 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
                 class: z(["m-auto w-full bg-gray-50 dark:bg-gray-900 shadow-lg flex flex-col rounded-sm z-30", u.value])
               }, [
                 l("div", ea, [
-                  C(r.$slots, "header", {}, () => [
-                    l("h4", null, _(r.title), 1)
+                  C(o.$slots, "header", {}, () => [
+                    l("h4", null, _(o.title), 1)
                   ]),
                   p(j, {
                     type: "icon",
@@ -755,19 +755,19 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
                   })
                 ]),
                 l("div", ta, [
-                  C(r.$slots, "default", {}, () => [
-                    l("div", { innerHTML: r.message }, null, 8, la)
+                  C(o.$slots, "default", {}, () => [
+                    l("div", { innerHTML: o.message }, null, 8, la)
                   ])
                 ]),
-                r.$slots.footer || r.callback ? (s(), v("div", aa, [
-                  C(r.$slots, "footer", {}, () => [
+                o.$slots.footer || o.callback ? (s(), v("div", aa, [
+                  C(o.$slots, "footer", {}, () => [
                     p(j, {
                       color: "blue",
                       size: "small",
                       onClick: f
                     }, {
                       default: g(() => [
-                        T(_(r.button), 1)
+                        T(_(o.button), 1)
                       ]),
                       _: 1
                     })
@@ -792,22 +792,22 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
   },
   emits: ["click", "show", "close"],
   setup(t, { emit: e }) {
-    const o = e, n = L(!1), a = M(() => ({ top: t.top, left: t.left, right: t.right, "max-height": t.height })), u = (i) => {
-      n.value && c(i);
+    const n = e, r = L(!1), a = M(() => ({ top: t.top, left: t.left, right: t.right, "max-height": t.height })), u = (i) => {
+      r.value && c(i);
     }, d = (i) => {
-      n.value ? t.hideOnClick && c(i) : f(i), o("click", n.value);
+      r.value ? t.hideOnClick && c(i) : f(i), n("click", r.value);
     }, f = (i) => {
-      n.value = !0, o("show", i);
+      r.value = !0, n("show", i);
     }, c = (i) => {
-      n.value = !1, o("close", i);
-    }, r = { click: d, open: f };
+      r.value = !1, n("close", i);
+    }, o = { click: d, open: f };
     return (i, h) => {
       const y = Ce("outside");
       return re((s(), v("div", sa, [
         l("div", oa, [
           C(i.$slots, "activator", {
-            on: r,
-            show: n.value
+            on: o,
+            show: r.value
           })
         ]),
         p(X, {
@@ -819,17 +819,17 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
           "leave-to-class": "transform opacity-0 -translate-y-2"
         }, {
           default: g(() => [
-            n.value ? (s(), v("div", {
+            r.value ? (s(), v("div", {
               key: 0,
               class: "z-10 min-w-full absolute overflow-auto shadow-lg scrollbar",
               style: K(a.value),
               onClick: d
             }, [
               C(i.$slots, "default", {
-                on: r,
+                on: o,
                 show: f,
                 hide: c,
-                isShown: n.value
+                isShown: r.value
               })
             ], 4)) : I("", !0)
           ]),
@@ -848,11 +848,11 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const o = t, n = e, a = (u, d) => n("click", u, d);
+    const n = t, r = e, a = (u, d) => r("click", u, d);
     return (u, d) => (s(), v("ul", {
-      class: z(o.className ?? "bg-white dark:bg-gray-800")
+      class: z(n.className ?? "bg-white dark:bg-gray-800")
     }, [
-      (s(!0), v(D, null, N(o.list, (f) => (s(), v("li", {
+      (s(!0), v(D, null, N(n.list, (f) => (s(), v("li", {
         key: `${f.value}_${f.name}`,
         class: "whitespace-nowrap cursor-pointer flex items-center min-h-[40px] py-1 px-6 border-b last:border-b-0 dark:border-gray-700 border-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700/30",
         onClick: (c) => a(f, c)
@@ -871,13 +871,13 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
   },
   emits: ["sidebar", "notif"],
   setup(t, { emit: e }) {
-    const o = e, n = [
+    const n = e, r = [
       { name: "Theme", value: 1 },
       { name: "Notification", value: 2 },
       { name: "Logout", value: 3 }
-    ], a = M(() => !!t.notifications.find((i) => i.isNew)), u = (i) => o("sidebar", i), d = (i) => o("notif", i), f = async () => await fetch("/", { headers: { Authorization: "Basic AAAAAAAAAAAAAAAAAAA=" } }), c = () => {
+    ], a = M(() => !!t.notifications.find((i) => i.isNew)), u = (i) => n("sidebar", i), d = (i) => n("notif", i), f = async () => await fetch("/", { headers: { Authorization: "Basic AAAAAAAAAAAAAAAAAAA=" } }), c = () => {
       t.changeTheme && t.changeTheme();
-    }, r = ({ value: i }, h) => {
+    }, o = ({ value: i }, h) => {
       i == 1 && c(), i == 2 && d(h), i == 3 && f();
     };
     return (i, h) => {
@@ -975,8 +975,8 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
                 ]),
                 default: g(() => [
                   p(ee, {
-                    list: n,
-                    onClick: r
+                    list: r,
+                    onClick: o
                   }, {
                     default: g(({ item: $ }) => [
                       l("span", fa, _($.name), 1)
@@ -1005,10 +1005,10 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
   },
   emits: ["remove", "read"],
   setup(t, { emit: e }) {
-    const o = t, n = e, a = ["", "bg-green-500", "bg-red-500", "bg-yellow-500", "bg-blue-500"], u = (c) => a[c], d = (c) => n("remove", c), f = (c) => n("read", c);
-    return (c, r) => (s(), v("div", pa, [
+    const n = t, r = e, a = ["", "bg-green-500", "bg-red-500", "bg-yellow-500", "bg-blue-500"], u = (c) => a[c], d = (c) => r("remove", c), f = (c) => r("read", c);
+    return (c, o) => (s(), v("div", pa, [
       l("div", {
-        class: z(["absolute left-0 top-0 w-[3px] h-full", u(o.color)])
+        class: z(["absolute left-0 top-0 w-[3px] h-full", u(n.color)])
       }, null, 2),
       p(j, {
         class: "shrink-0",
@@ -1018,8 +1018,8 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
       }, {
         default: g(() => [
           l("span", {
-            class: z([o.isNew ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400"])
-          }, r[0] || (r[0] = [
+            class: z([n.isNew ? "flex" : "hidden", "absolute right-0 top-0.5 z-1 h-2 w-2 rounded-full bg-orange-400"])
+          }, o[0] || (o[0] = [
             l("span", { class: "absolute -z-1 inline-flex h-full w-full animate-ping rounded-full bg-orange-400 opacity-75" }, null, -1)
           ]), 2),
           p(B, {
@@ -1030,8 +1030,8 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
         _: 1
       }),
       l("div", ma, [
-        l("div", null, _(o.text), 1),
-        l("div", ga, _(F(je)(o.date)) + " (" + _(F(Ne)(o.date)) + ")", 1)
+        l("div", null, _(n.text), 1),
+        l("div", ga, _(F(je)(n.date)) + " (" + _(F(Ne)(n.date)) + ")", 1)
       ]),
       p(j, {
         class: "shrink-0",
@@ -1060,18 +1060,18 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
   },
   emits: ["close", "remove", "read"],
   setup(t, { emit: e }) {
-    const o = t, n = e, a = M(() => !!o.notifications.find((r) => r.isNew)), u = M(() => !!o.notifications.length), d = (r) => n("close", r), f = (r) => n("remove", r), c = (r) => n("read", r);
-    return (r, i) => (s(), v(D, null, [
-      o.value ? (s(), v("div", {
+    const n = t, r = e, a = M(() => !!n.notifications.find((o) => o.isNew)), u = M(() => !!n.notifications.length), d = (o) => r("close", o), f = (o) => r("remove", o), c = (o) => r("read", o);
+    return (o, i) => (s(), v(D, null, [
+      n.value ? (s(), v("div", {
         key: 0,
         class: "overlay fixed left-0 top-0 h-full w-full bg-black/40 bg-blur",
         onClick: d
       })) : I("", !0),
       l("aside", {
-        class: z([o.value ? "translate-x-0 " : "translate-x-full", "overflow-x-hidden fixed top-[73px] right-0 flex h-[calc(100%-73px)] w-[290px] md:w-80 border-l border-gray-200 flex-col overflow-y-auto transition-all duration-350 dark:border-gray-800 bg-white dark:bg-gray-900"])
+        class: z([n.value ? "translate-x-0 " : "translate-x-full", "overflow-x-hidden fixed top-[73px] right-0 flex h-[calc(100%-73px)] w-[290px] md:w-80 border-l border-gray-200 flex-col overflow-y-auto transition-all duration-350 dark:border-gray-800 bg-white dark:bg-gray-900"])
       }, [
         l("div", ya, [
-          C(r.$slots, "header", { isNew: a.value }),
+          C(o.$slots, "header", { isNew: a.value }),
           u.value ? (s(), v("div", xa, [
             p(me, {
               "enter-active-class": "transition-all duration-300 ",
@@ -1082,11 +1082,11 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
               "leave-to-class": "opacity-0 translate-x-1/2"
             }, {
               default: g(() => [
-                (s(!0), v(D, null, N(o.notifications, (h) => (s(), v("div", {
+                (s(!0), v(D, null, N(n.notifications, (h) => (s(), v("div", {
                   key: h.date,
                   class: "relative"
                 }, [
-                  C(r.$slots, "card", { item: h }, () => [
+                  C(o.$slots, "card", { item: h }, () => [
                     p(ba, H({ ref_for: !0 }, h, {
                       class: "bg-gray-200/50 dark:bg-gray-800/50 rounded-md",
                       onRemove: (y) => f(h),
@@ -1097,7 +1097,7 @@ const be = /* @__PURE__ */ ge(Zl, [["render", Ql]]), Xl = "relative flex justify
               ]),
               _: 3
             })
-          ])) : C(r.$slots, "empty", { key: 1 })
+          ])) : C(o.$slots, "empty", { key: 1 })
         ])
       ], 2)
     ], 64));
@@ -1120,14 +1120,14 @@ const za = /* @__PURE__ */ ge(_a, [["render", Ca]]), Va = { class: "mb-4 flex fl
   },
   emits: ["sidebar"],
   setup(t, { emit: e }) {
-    const o = e, n = L(""), a = ({ name: d }) => {
-      t.isSidebar && o("sidebar", !t.isSidebar), n.value !== d && (n.value = n.value === d ? "" : d);
+    const n = e, r = L(""), a = ({ name: d }) => {
+      t.isSidebar && n("sidebar", !t.isSidebar), r.value !== d && (r.value = r.value === d ? "" : d);
     }, u = (d) => t.fullPath === d;
     return W(
       () => t.menu,
       () => {
         var d;
-        return n.value = ((d = Oe(t.menu, t.fullPath)) == null ? void 0 : d.name) || "";
+        return r.value = ((d = Oe(t.menu, t.fullPath)) == null ? void 0 : d.name) || "";
       }
     ), (d, f) => (s(), v("nav", null, [
       l("ul", Va, [
@@ -1137,7 +1137,7 @@ const za = /* @__PURE__ */ ge(_a, [["render", Ca]]), Va = { class: "mb-4 flex fl
           (s(), A(G(c.path ? "router-link" : "span"), {
             to: c.path,
             class: z(["flex gap-2 items-center px-3 py-2 rounded-lg", u(c.path) ? "bg-blue-500/10" : "hover:bg-gray-500/10"]),
-            onClick: P((r) => a(c), ["prevent", "stop"])
+            onClick: P((o) => a(c), ["prevent", "stop"])
           }, {
             default: g(() => [
               p(B, {
@@ -1149,7 +1149,7 @@ const za = /* @__PURE__ */ ge(_a, [["render", Ca]]), Va = { class: "mb-4 flex fl
               }, _(c.name), 3),
               l("button", {
                 class: z(["cursor-pointer", [d.isSidebar ? "lg:hidden" : ""]]),
-                onClick: P((r) => a(c), ["prevent", "stop"])
+                onClick: P((o) => a(c), ["prevent", "stop"])
               }, [
                 c.children ? (s(), A(B, {
                   key: 0,
@@ -1161,10 +1161,10 @@ const za = /* @__PURE__ */ ge(_a, [["render", Ca]]), Va = { class: "mb-4 flex fl
           }, 1032, ["to", "class", "onClick"])),
           c.children ? (s(), v("div", {
             key: 0,
-            class: z(["translate transform overflow-hidden mt-2", [d.isSidebar ? "lg:hidden" : "", n.value === c.name ? "block" : "hidden"]])
+            class: z(["translate transform overflow-hidden mt-2", [d.isSidebar ? "lg:hidden" : "", r.value === c.name ? "block" : "hidden"]])
           }, [
             l("ul", Ma, [
-              (s(!0), v(D, null, N(c.children, ({ name: r, path: i, icon: h }) => (s(), v("li", { key: r }, [
+              (s(!0), v(D, null, N(c.children, ({ name: o, path: i, icon: h }) => (s(), v("li", { key: o }, [
                 (s(), A(G(i ? "router-link" : "span"), {
                   to: i,
                   class: z(["flex gap-2 items-center px-3 py-2 rounded-lg", u(i) ? "bg-blue-500/10" : "hover:bg-gray-500/10"])
@@ -1176,7 +1176,7 @@ const za = /* @__PURE__ */ ge(_a, [["render", Ca]]), Va = { class: "mb-4 flex fl
                         name: h,
                         class: "size-5 flex-[0_0_24px]"
                       }, null, 8, ["name"])) : I("", !0),
-                      l("span", Aa, _(r), 1)
+                      l("span", Aa, _(o), 1)
                     ])
                   ]),
                   _: 2
@@ -1201,59 +1201,59 @@ function fe(...t) {
   return typeof e == "function" ? Ve(Be(() => ({ get: e, set: se }))) : L(e);
 }
 function Ha(t, e) {
-  function o(...n) {
+  function n(...r) {
     return new Promise((a, u) => {
-      Promise.resolve(t(() => e.apply(this, n), { fn: e, thisArg: this, args: n })).then(a).catch(u);
+      Promise.resolve(t(() => e.apply(this, r), { fn: e, thisArg: this, args: r })).then(a).catch(u);
     });
   }
-  return o;
+  return n;
 }
 function La(t, e = {}) {
-  let o, n, a = se;
+  let n, r, a = se;
   const u = (c) => {
     clearTimeout(c), a(), a = se;
   };
   let d;
   return (c) => {
-    const r = Z(t), i = Z(e.maxWait);
-    return o && u(o), r <= 0 || i !== void 0 && i <= 0 ? (n && (u(n), n = void 0), Promise.resolve(c())) : new Promise((h, y) => {
-      a = e.rejectOnCancel ? y : h, d = c, i && !n && (n = setTimeout(() => {
-        o && u(o), n = void 0, h(d());
-      }, i)), o = setTimeout(() => {
-        n && u(n), n = void 0, h(c());
-      }, r);
+    const o = Z(t), i = Z(e.maxWait);
+    return n && u(n), o <= 0 || i !== void 0 && i <= 0 ? (r && (u(r), r = void 0), Promise.resolve(c())) : new Promise((h, y) => {
+      a = e.rejectOnCancel ? y : h, d = c, i && !r && (r = setTimeout(() => {
+        n && u(n), r = void 0, h(d());
+      }, i)), n = setTimeout(() => {
+        r && u(r), r = void 0, h(c());
+      }, o);
     });
   };
 }
 // @__NO_SIDE_EFFECTS__
-function ie(t, e = 200, o = {}) {
+function ie(t, e = 200, n = {}) {
   return Ha(
-    La(e, o),
+    La(e, n),
     t
   );
 }
 const de = Da ? window : void 0;
 function he(t) {
   var e;
-  const o = Z(t);
-  return (e = o == null ? void 0 : o.$el) != null ? e : o;
+  const n = Z(t);
+  return (e = n == null ? void 0 : n.$el) != null ? e : n;
 }
 // @__NO_SIDE_EFFECTS__
 function ja(t) {
   return M(() => !!t());
 }
-function Na(t, e, o = {}) {
-  const { window: n = de, ...a } = o;
+function Na(t, e, n = {}) {
+  const { window: r = de, ...a } = n;
   let u;
-  const d = /* @__PURE__ */ ja(() => n && "ResizeObserver" in n), f = () => {
+  const d = /* @__PURE__ */ ja(() => r && "ResizeObserver" in r), f = () => {
     u && (u.disconnect(), u = void 0);
   }, c = M(() => {
     const h = Z(t);
     return Array.isArray(h) ? h.map((y) => he(y)) : [he(h)];
-  }), r = W(
+  }), o = W(
     c,
     (h) => {
-      if (f(), d.value && n) {
+      if (f(), d.value && r) {
         u = new ResizeObserver(e);
         for (const y of h)
           y && u.observe(y, a);
@@ -1261,7 +1261,7 @@ function Na(t, e, o = {}) {
     },
     { immediate: !0, flush: "post" }
   ), i = () => {
-    f(), r();
+    f(), o();
   };
   return Ta(i), {
     isSupported: d,
@@ -1272,9 +1272,9 @@ function Oa(t = de, e) {
   t && typeof t.requestAnimationFrame == "function" ? t.requestAnimationFrame(e) : e();
 }
 function Pa(t = {}) {
-  var e, o;
-  const { window: n = de } = t, a = fe(t == null ? void 0 : t.element), u = fe((e = t == null ? void 0 : t.input) != null ? e : ""), d = (o = t == null ? void 0 : t.styleProp) != null ? o : "height", f = ue(1), c = ue(0);
-  function r() {
+  var e, n;
+  const { window: r = de } = t, a = fe(t == null ? void 0 : t.element), u = fe((e = t == null ? void 0 : t.input) != null ? e : ""), d = (n = t == null ? void 0 : t.styleProp) != null ? n : "height", f = ue(1), c = ue(0);
+  function o() {
     var i;
     if (!a.value)
       return;
@@ -1283,17 +1283,17 @@ function Pa(t = {}) {
     const y = Z(t == null ? void 0 : t.styleTarget);
     y ? y.style[d] = `${f.value}px` : h = `${f.value}px`, a.value.style[d] = h;
   }
-  return W([u, a], () => Ae(r), { immediate: !0 }), W(f, () => {
+  return W([u, a], () => Ae(o), { immediate: !0 }), W(f, () => {
     var i;
     return (i = t == null ? void 0 : t.onResize) == null ? void 0 : i.call(t);
   }), Na(a, ([{ contentRect: i }]) => {
-    c.value !== i.width && Oa(n, () => {
-      c.value = i.width, r();
+    c.value !== i.width && Oa(r, () => {
+      c.value = i.width, o();
     });
-  }), t != null && t.watch && W(t.watch, r, { immediate: !0, deep: !0 }), {
+  }), t != null && t.watch && W(t.watch, o, { immediate: !0, deep: !0 }), {
     textarea: a,
     input: u,
-    triggerResize: r
+    triggerResize: o
   };
 }
 const Fa = {
@@ -1317,7 +1317,7 @@ const Fa = {
     length: { default: 0 }
   },
   setup(t) {
-    const e = L(!1), o = M(() => !!t.length), n = M(() => !!(o.value && a.value === 100 && !t.status)), a = M(() => t.status ? Math.ceil(t.size * 100 / t.length) : 100), u = /* @__PURE__ */ ie(() => {
+    const e = L(!1), n = M(() => !!t.length), r = M(() => !!(n.value && a.value === 100 && !t.status)), a = M(() => t.status ? Math.ceil(t.size * 100 / t.length) : 100), u = /* @__PURE__ */ ie(() => {
       e.value = !1;
     }, t.timeout);
     return W(
@@ -1336,9 +1336,9 @@ const Fa = {
       default: g(() => [
         e.value ? (s(), v("div", Fa, [
           l("div", Ea, [
-            C(d.$slots, "default", { isDone: n.value }, () => [
+            C(d.$slots, "default", { isDone: r.value }, () => [
               f[1] || (f[1] = l("div", { class: "flex-auto" }, "Progress...", -1)),
-              n.value ? (s(), v("span", Ra, "Done")) : I("", !0)
+              r.value ? (s(), v("span", Ra, "Done")) : I("", !0)
             ]),
             l("button", {
               class: "cursor-pointer transition text-gray-700 dark:text-gray-400 self-start hover:text-gray-600",
@@ -1350,12 +1350,12 @@ const Fa = {
               })
             ])
           ]),
-          o.value ? (s(), v("div", {
+          n.value ? (s(), v("div", {
             key: 0,
             class: "h-[2px] fixed top-0 left-0 w-full bg-blue-600 transition-all duration-500",
             style: K(`width: ${a.value}%`)
           }, null, 4)) : I("", !0),
-          o.value ? (s(), v("div", Ua, [
+          n.value ? (s(), v("div", Ua, [
             l("div", Wa, _(a.value) + "%", 1),
             l("div", {
               class: "bg-blue-600 rounded-full h-4 overflow-hidden relative transition-all duration-500",
@@ -1392,15 +1392,15 @@ const Fa = {
     name: {}
   },
   setup(t) {
-    const e = M(() => t.firmware.join(".")), o = M(() => {
-      var a, u, d, f, c, r, i;
-      const n = [];
-      return (a = t.pkg) != null && a.homepage && n.push({ name: "homepage", href: t.pkg.homepage }), (d = (u = t.pkg) == null ? void 0 : u.repository) != null && d.url && n.push({ name: "repository", href: t.pkg.repository.url }), (c = (f = t.pkg) == null ? void 0 : f.bugs) != null && c.url && n.push({ name: "bugs", href: t.pkg.bugs.url }), (r = t.pkg) != null && r.author && n.push({ name: "author", href: `mailto:${(i = t.pkg) == null ? void 0 : i.author}` }), n;
+    const e = M(() => t.firmware.join(".")), n = M(() => {
+      var a, u, d, f, c, o, i;
+      const r = [];
+      return (a = t.pkg) != null && a.homepage && r.push({ name: "homepage", href: t.pkg.homepage }), (d = (u = t.pkg) == null ? void 0 : u.repository) != null && d.url && r.push({ name: "repository", href: t.pkg.repository.url }), (c = (f = t.pkg) == null ? void 0 : f.bugs) != null && c.url && r.push({ name: "bugs", href: t.pkg.bugs.url }), (o = t.pkg) != null && o.author && r.push({ name: "author", href: `mailto:${(i = t.pkg) == null ? void 0 : i.author}` }), r;
     });
-    return (n, a) => {
+    return (r, a) => {
       var u, d;
       return s(), v("div", null, [
-        l("p", Za, _((u = n.pkg) == null ? void 0 : u.description), 1),
+        l("p", Za, _((u = r.pkg) == null ? void 0 : u.description), 1),
         l("div", Ja, [
           l("div", Qa, [
             a[0] || (a[0] = T(" Firmware (hw): ")),
@@ -1409,19 +1409,19 @@ const Fa = {
           l("div", Ya, [
             l("div", es, [
               a[1] || (a[1] = T(" Version (web): ")),
-              l("span", ts, _((d = n.pkg) == null ? void 0 : d.version), 1)
+              l("span", ts, _((d = r.pkg) == null ? void 0 : d.version), 1)
             ])
           ]),
           a[3] || (a[3] = l("div", { class: "flex-auto" }, null, -1)),
           l("div", ls, [
             a[2] || (a[2] = T(" ID: ")),
-            l("span", as, _(n.id.toString(16)), 1)
+            l("span", as, _(r.id.toString(16)), 1)
           ])
         ]),
         a[4] || (a[4] = l("hr", { class: "dark:text-gray-700 text-gray-200 my-2" }, null, -1)),
         l("div", ss, [
           l("div", os, [
-            C(n.$slots, "links", { links: o.value })
+            C(r.$slots, "links", { links: n.value })
           ])
         ])
       ]);
@@ -1434,7 +1434,7 @@ const Fa = {
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const o = e, n = (a) => o("click", a);
+    const n = e, r = (a) => n("click", a);
     return (a, u) => (s(), v("nav", null, [
       l("ol", ns, [
         (s(!0), v(D, null, N(a.items, (d, f) => (s(), v("li", {
@@ -1444,7 +1444,7 @@ const Fa = {
           C(a.$slots, "default", { item: d }, () => [
             (s(), A(G(d.path ? "a" : "span"), {
               href: d.path,
-              onClick: (c) => n(d)
+              onClick: (c) => r(d)
             }, {
               default: g(() => [
                 T(_(d.name), 1)
@@ -1467,27 +1467,29 @@ const Fa = {
 }, is = {
   key: 1,
   class: "absolute top-0 left-0 w-full h-full bg-gray-50 dark:bg-gray-900 z-10 opacity-50"
-}, ds = { class: "mb-6 flex items-center justify-between" }, cs = { class: "text-lg font-semibold text-gray-800 dark:text-white/90" }, us = { class: "max-w-full" }, vs = /* @__PURE__ */ V({
+}, ds = {
+  key: 2,
+  class: "mb-6 flex items-center justify-between"
+}, cs = { class: "text-lg font-semibold text-gray-800 dark:text-white/90" }, us = { class: "max-w-full" }, vs = /* @__PURE__ */ V({
   __name: "CardMain",
   props: {
     title: {},
     loading: { type: Boolean }
   },
   setup(t) {
-    const e = t;
-    return (o, n) => (s(), v("div", {
+    return (e, n) => (s(), v("div", {
       class: z(["relative rounded-md border border-gray-200 bg-white p-5 dark:border-gray-800 dark:bg-white/[0.03] sm:p-6", { "overflow-hidden": e.loading }])
     }, [
-      o.loading ? (s(), v("div", rs)) : I("", !0),
-      o.loading ? (s(), v("div", is)) : I("", !0),
-      l("div", ds, [
+      e.loading ? (s(), v("div", rs)) : I("", !0),
+      e.loading ? (s(), v("div", is)) : I("", !0),
+      e.title ? (s(), v("div", ds, [
         l("h3", cs, _(e.title), 1),
         l("div", null, [
-          C(o.$slots, "header")
+          C(e.$slots, "header")
         ])
-      ]),
+      ])) : I("", !0),
       l("div", us, [
-        C(o.$slots, "default")
+        C(e.$slots, "default")
       ])
     ], 2));
   }
@@ -1509,8 +1511,8 @@ const Fa = {
   },
   emits: ["edit", "close", "click", "open", "setState"],
   setup(t, { emit: e }) {
-    const o = t, n = e, a = L(!1), u = M(() => ["button", "dimmer"].includes(o.type || "") && o.value ? "text-amber-500" : "text-gray-400"), d = M(() => o.icon || ""), f = (h) => n("edit", h), c = () => a.value = !0, r = (h) => n("open", h), i = (h) => {
-      a.value = !1, n("close", h);
+    const n = t, r = e, a = L(!1), u = M(() => ["button", "dimmer"].includes(n.type || "") && n.value ? "text-amber-500" : "text-gray-400"), d = M(() => n.icon || ""), f = (h) => r("edit", h), c = () => a.value = !0, o = (h) => r("open", h), i = (h) => {
+      a.value = !1, r("close", h);
     };
     return (h, y) => {
       const $ = oe("AppDialog");
@@ -1524,21 +1526,21 @@ const Fa = {
           }, [
             p(B, {
               name: d.value,
-              class: z(["size-8", o.value ? "animate-shake" : ""])
+              class: z(["size-8", n.value ? "animate-shake" : ""])
             }, null, 8, ["name", "class"])
           ], 2),
-          C(h.$slots, "header", R(U(o)))
+          C(h.$slots, "header", R(U(n)))
         ]),
         l("div", null, [
-          C(h.$slots, "body", R(U(o)), () => [
+          C(h.$slots, "body", R(U(n)), () => [
             l("h6", hs, [
-              C(h.$slots, "name", R(U(o)), () => [
-                T(_(o.name), 1)
+              C(h.$slots, "name", R(U(n)), () => [
+                T(_(n.name), 1)
               ])
             ]),
             l("div", ps, [
-              C(h.$slots, "value", R(U(o)), () => [
-                T(_(o.valueTo || o.value), 1)
+              C(h.$slots, "value", R(U(n)), () => [
+                T(_(n.valueTo || n.value), 1)
               ])
             ])
           ])
@@ -1550,10 +1552,10 @@ const Fa = {
         }, null, 8, ["name"])) : I("", !0),
         a.value ? (s(), A($, {
           key: 1,
-          size: o.size || "sm",
+          size: n.size || "sm",
           title: h.name,
           onClose: i,
-          onOpen: r
+          onOpen: o
         }, {
           header: g(() => [
             l("div", ms, [
@@ -1572,14 +1574,14 @@ const Fa = {
             l("div", gs, [
               l("div", bs, [
                 l("h3", ys, [
-                  C(h.$slots, "dialog-name", R(U(o)), () => [
-                    T(_(o.name), 1)
+                  C(h.$slots, "dialog-name", R(U(n)), () => [
+                    T(_(n.name), 1)
                   ])
                 ]),
-                C(h.$slots, "dialog", R(U(o))),
+                C(h.$slots, "dialog", R(U(n))),
                 l("p", xs, [
-                  C(h.$slots, "dialog-value", R(U(o)), () => [
-                    T(_(o.valueTo || o.value), 1)
+                  C(h.$slots, "dialog-value", R(U(n)), () => [
+                    T(_(n.valueTo || n.value), 1)
                   ])
                 ])
               ])
@@ -1608,14 +1610,14 @@ const Fa = {
   },
   emits: ["edit", "close", "click", "open", "setState"],
   setup(t, { emit: e }) {
-    const o = t, n = e, a = ({ opts: f = {} }) => {
+    const n = t, r = e, a = ({ opts: f = {} }) => {
       const { disabled: c } = f;
       return { disabled: c };
-    }, u = (f) => n("click", f), d = () => n("setState", !o.value);
-    return (f, c) => (s(), A(q, H(o, { onClick: u }), {
-      header: g((r) => [
+    }, u = (f) => r("click", f), d = () => r("setState", !n.value);
+    return (f, c) => (s(), A(q, H(n, { onClick: u }), {
+      header: g((o) => [
         l("div", ks, [
-          p(j, H(a(r), {
+          p(j, H(a(o), {
             type: "icon",
             class: "text-gray-500",
             onClick: P(d, ["stop"])
@@ -1630,11 +1632,11 @@ const Fa = {
           }, 1040)
         ])
       ]),
-      dialog: g((r) => [
+      dialog: g((o) => [
         l("div", _s, [
-          p(j, H(a(r), {
+          p(j, H(a(o), {
             type: "icon",
-            class: ["size-18", o.value ? "text-amber-500" : "text-blue-600 dark:text-blue-400"],
+            class: ["size-18", n.value ? "text-amber-500" : "text-blue-600 dark:text-blue-400"],
             onClick: P(d, ["stop"])
           }), {
             default: g(() => [
@@ -1668,19 +1670,19 @@ const Fa = {
   },
   emits: ["update:modelValue", "click", "on-icon", "enter", "blur"],
   setup(t, { emit: e }) {
-    const o = e, n = {
+    const n = e, r = {
       input: "w-full h-full px-4 outline-none overflow-ellipsis flex-auto overflow-hidden w-[calc(100% - 20px)] bg-transparent",
       textarea: "h-full w-full px-4 py-2 outline-none flex-auto bg-transparent"
     }, a = L(!1), u = M(() => [
       t.component === "input" ? "h-[40px]" : "min-h-[40px]",
       t.message ? "border-red-500 hover:border-red-400" : "",
       t.disabled ? "border-gray-400 opacity-40" : "border-gray-300 hover:border-gray-400 dark:border-gray-700/50 hover:dark:border-gray-600/50"
-    ]), d = M(() => n[t.component]), f = (m) => m || m === 0, c = M(() => [Vs, a.value || f(t.modelValue) || t.active ? "top-0 left-3 text-xs" : "top-1/2"]), r = M(() => t.component === "input"), i = (m) => {
-      a.value = !1, o("blur", m);
+    ]), d = M(() => r[t.component]), f = (m) => m || m === 0, c = M(() => [Vs, a.value || f(t.modelValue) || t.active ? "top-0 left-3 text-xs" : "top-1/2"]), o = M(() => t.component === "input"), i = (m) => {
+      a.value = !1, n("blur", m);
     }, h = (m) => {
-      a.value = !0, o("blur", m);
-    }, y = ({ target: m }) => o("update:modelValue", m.value), $ = (m) => o("enter", m), b = (m) => o("click", m), w = (m) => {
-      t.disabled || o("on-icon", m);
+      a.value = !0, n("blur", m);
+    }, y = ({ target: m }) => n("update:modelValue", m.value), $ = (m) => n("enter", m), b = (m) => n("click", m), w = (m) => {
+      t.disabled || n("on-icon", m);
     };
     return (m, E) => (s(), v("div", ws, [
       l("label", {
@@ -1694,8 +1696,8 @@ const Fa = {
           disabled: !!m.disabled,
           type: m.type,
           readonly: m.readonly,
-          rows: r.value ? null : "2",
-          wrap: r.value ? null : "soft",
+          rows: o.value ? null : "2",
+          wrap: o.value ? null : "soft",
           class: d.value,
           onFocus: h,
           onBlur: i,
@@ -1737,15 +1739,15 @@ const Fa = {
   },
   emits: ["edit", "close", "click", "open", "setState"],
   setup(t, { emit: e }) {
-    const o = t, n = e, a = (c) => new Date(+c * 1e3).toISOString().slice(0, 16), u = (c) => {
+    const n = t, r = e, a = (c) => new Date(+c * 1e3).toISOString().slice(0, 16), u = (c) => {
       var i;
-      const r = (i = c == null ? void 0 : c.target) == null ? void 0 : i.valueAsNumber;
-      r && n("setState", r / 1e3);
-    }, d = ({ name: c, value: r, opts: i = {} }) => {
+      const o = (i = c == null ? void 0 : c.target) == null ? void 0 : i.valueAsNumber;
+      o && r("setState", o / 1e3);
+    }, d = ({ name: c, value: o, opts: i = {} }) => {
       const { disabled: h } = i;
-      return { label: c, modelValue: a(r), disabled: h };
-    }, f = (c) => n("click", c);
-    return (c, r) => (s(), A(q, H(o, { onClick: f }), {
+      return { label: c, modelValue: a(o), disabled: h };
+    }, f = (c) => r("click", c);
+    return (c, o) => (s(), A(q, H(n, { onClick: f }), {
       dialog: g((i) => [
         l("div", Bs, [
           p(O, H(d(i), {
@@ -1783,11 +1785,11 @@ const Fa = {
   },
   emits: ["edit", "close", "click", "open", "setState"],
   setup(t, { emit: e }) {
-    const o = t, n = e, a = ({ opts: r, value: i }) => Math.round(100 * +i / ((r == null ? void 0 : r.max) || 255)), u = ({ opts: r, value: i }) => Math.round(187 - +i / ((r == null ? void 0 : r.max) || 255) * 187), d = ({ value: r, opts: i }) => {
+    const n = t, r = e, a = ({ opts: o, value: i }) => Math.round(100 * +i / ((o == null ? void 0 : o.max) || 255)), u = ({ opts: o, value: i }) => Math.round(187 - +i / ((o == null ? void 0 : o.max) || 255) * 187), d = ({ value: o, opts: i }) => {
       const { min: h = 0, max: y = 255, step: $ = 1, disabled: b } = i || {};
-      return { min: h, max: y, step: $, value: r, disabled: !!b, class: b ? "" : "cursor-pointer" };
-    }, f = (r) => n("click", r), c = (r) => n("setState", +r.target.value || 0);
-    return (r, i) => (s(), A(q, H(o, { onClick: f }), {
+      return { min: h, max: y, step: $, value: o, disabled: !!b, class: b ? "" : "cursor-pointer" };
+    }, f = (o) => r("click", o), c = (o) => r("setState", +o.target.value || 0);
+    return (o, i) => (s(), A(q, H(n, { onClick: f }), {
       header: g((h) => [
         l("div", Is, [
           l("div", As, [
@@ -1852,8 +1854,8 @@ const Fa = {
   },
   emits: ["edit", "close", "click", "open", "setState"],
   setup(t, { emit: e }) {
-    const o = t, n = e, a = (u) => n("click", u);
-    return (u, d) => (s(), A(q, H(o, { onClick: a }), {
+    const n = t, r = e, a = (u) => r("click", u);
+    return (u, d) => (s(), A(q, H(n, { onClick: a }), {
       default: g(() => [
         C(u.$slots, "dialog")
       ]),
@@ -1878,14 +1880,14 @@ const Fa = {
   },
   emits: ["edit", "close", "click", "open", "setState"],
   setup(t, { emit: e }) {
-    const o = t, n = e, a = ({ name: f, value: c, opts: r = {} }) => {
-      const { disabled: i } = r;
+    const n = t, r = e, a = ({ name: f, value: c, opts: o = {} }) => {
+      const { disabled: i } = o;
       return { label: f, modelValue: c, disabled: i };
-    }, u = (f) => n("setState", f.target.value), d = (f) => n("click", f);
-    return (f, c) => (s(), A(q, H(o, { onClick: d }), {
-      dialog: g((r) => [
+    }, u = (f) => r("setState", f.target.value), d = (f) => r("click", f);
+    return (f, c) => (s(), A(q, H(n, { onClick: d }), {
+      dialog: g((o) => [
         l("div", js, [
-          p(O, H(a(r), {
+          p(O, H(a(o), {
             autofocus: "",
             onEnter: u,
             onBlur: u
@@ -1913,26 +1915,26 @@ const Fa = {
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const o = e, n = M(() => {
+    const n = e, r = M(() => {
       const f = t.list.find((c) => c.value === t.value);
       return (f == null ? void 0 : f.name) || "";
     }), a = (f) => ({ "rotate-x-180": f }), u = (f) => {
-      const c = f.target, r = (c == null ? void 0 : c.value) || 0, i = t.list.find((h) => h.value == r);
-      i && o("change", i);
+      const c = f.target, o = (c == null ? void 0 : c.value) || 0, i = t.list.find((h) => h.value == o);
+      i && n("change", i);
     }, d = (f, c) => {
-      f.click(new Event("click")), o("change", c);
+      f.click(new Event("click")), n("change", c);
     };
     return (f, c) => (s(), A(Y, H({ class: "relative w-full" }, f.$attrs, { top: "46px" }), {
-      activator: g(({ on: r, show: i }) => [
+      activator: g(({ on: o, show: i }) => [
         p(O, {
-          "model-value": n.value,
+          "model-value": r.value,
           readonly: "",
           hideMessage: "",
           disabled: f.disabled,
           active: "",
           label: f.label,
-          onClick: r.click,
-          onOnIcon: r.click
+          onClick: o.click,
+          onOnIcon: o.click
         }, {
           icon: g(() => [
             p(B, {
@@ -1954,10 +1956,10 @@ const Fa = {
           }, _(h.name), 9, Os))), 128))
         ], 32)
       ]),
-      default: g(({ on: r }) => [
+      default: g(({ on: o }) => [
         p(ee, {
           list: f.list,
-          onClick: (i) => d(r, i)
+          onClick: (i) => d(o, i)
         }, {
           default: g(({ item: i }) => [
             C(f.$slots, "default", { item: i }, () => [
@@ -1988,14 +1990,14 @@ const Fa = {
   },
   emits: ["edit", "close", "click", "open", "setState"],
   setup(t, { emit: e }) {
-    const o = t, n = e, a = (c) => n("click", c), u = ({ value: c }) => n("setState", c), d = ({ opts: c, value: r }) => {
+    const n = t, r = e, a = (c) => r("click", c), u = ({ value: c }) => r("setState", c), d = ({ opts: c, value: o }) => {
       var i;
-      return Array.isArray(c == null ? void 0 : c.list) && ((i = c == null ? void 0 : c.list.find((h) => h.value === r)) == null ? void 0 : i.name) || r;
-    }, f = ({ name: c, value: r, opts: i = {} }) => {
+      return Array.isArray(c == null ? void 0 : c.list) && ((i = c == null ? void 0 : c.list.find((h) => h.value === o)) == null ? void 0 : i.name) || o;
+    }, f = ({ name: c, value: o, opts: i = {} }) => {
       const { list: h = [], disabled: y } = i;
-      return { label: c, value: r, list: h, disabled: y };
+      return { label: c, value: o, list: h, disabled: y };
     };
-    return (c, r) => (s(), A(q, H(o, { onClick: a }), {
+    return (c, o) => (s(), A(q, H(n, { onClick: a }), {
       value: g((i) => [
         T(_(d(i)), 1)
       ]),
@@ -2059,13 +2061,13 @@ const Fa = {
   },
   emits: ["icon"],
   setup(t, { emit: e }) {
-    const o = e, n = M(() => t.active ? "top-0 left-3 text-xs" : "top-1/2"), a = M(() => [t.disabled ? "border-gray-400 opacity-40" : "border-gray-300 hover:border-gray-400 dark:border-gray-700/50 hover:dark:border-gray-600/50"]);
+    const n = e, r = M(() => t.active ? "top-0 left-3 text-xs" : "top-1/2"), a = M(() => [t.disabled ? "border-gray-400 opacity-40" : "border-gray-300 hover:border-gray-400 dark:border-gray-700/50 hover:dark:border-gray-600/50"]);
     return (u, d) => (s(), v("div", qs, [
       l("div", {
         class: z(["relative w-full min-h-[40px] border border-gray-300 dark:border-gray-700 flex items-center rounded transition bg-white dark:bg-gray-800", a.value])
       }, [
         l("span", {
-          class: z(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", n.value])
+          class: z(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", r.value])
         }, _(u.label), 3),
         l("div", Gs, [
           C(u.$slots, "default")
@@ -2074,7 +2076,7 @@ const Fa = {
           key: 0,
           disabled: u.disabled,
           class: z([{ "cursor-pointer": !u.disabled }, "h-full flex items-center justify-center text-gray-400 border-l border-gray-300 dark:border-gray-700/50 flex-[0_0_50px]"]),
-          onClick: d[0] || (d[0] = (f) => o("icon", f))
+          onClick: d[0] || (d[0] = (f) => n("icon", f))
         }, [
           C(u.$slots, "icon", {}, () => [
             p(B, {
@@ -2101,18 +2103,18 @@ const Fa = {
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const o = e, n = () => "before:absolute before:w-full before:h-8 before:t-0 before:left-0 before:border-b before:border-gray-200 dark:before:border-gray-800/50  hover:before:bg-gray-400/10", a = L({}), u = (r) => {
-      a.value[r] = !a.value[r];
-    }, d = (r) => typeof r == "object", f = (r) => `${t.path ? t.path + "." : ""}${r}`, c = (r, i) => {
-      o("click", { key: r, path: f(r), isObject: i });
+    const n = e, r = () => "before:absolute before:w-full before:h-8 before:t-0 before:left-0 before:border-b before:border-gray-200 dark:before:border-gray-800/50  hover:before:bg-gray-400/10", a = L({}), u = (o) => {
+      a.value[o] = !a.value[o];
+    }, d = (o) => typeof o == "object", f = (o) => `${t.path ? t.path + "." : ""}${o}`, c = (o, i) => {
+      n("click", { key: o, path: f(o), isObject: i });
     };
-    return (r, i) => (s(), v("ul", null, [
-      (s(!0), v(D, null, N(r.items, (h, y) => (s(), v("li", {
+    return (o, i) => (s(), v("ul", null, [
+      (s(!0), v(D, null, N(o.items, (h, y) => (s(), v("li", {
         key: y,
-        class: z(d(h) ? "" : `flex items-center ${n()}`)
+        class: z(d(h) ? "" : `flex items-center ${r()}`)
       }, [
         l("div", {
-          class: z(["flex items-center cursor-pointer ps-2 h-8", d(h) ? `${n()}` : ""]),
+          class: z(["flex items-center cursor-pointer ps-2 h-8", d(h) ? `${r()}` : ""]),
           onClick: ($) => u(y)
         }, [
           d(h) ? (s(), v("div", Js, [
@@ -2122,7 +2124,7 @@ const Fa = {
             })
           ])) : I("", !0),
           l("div", null, _(y), 1),
-          !r.onlyValue && d(h) ? (s(), v(D, { key: 1 }, [
+          !o.onlyValue && d(h) ? (s(), v(D, { key: 1 }, [
             i[1] || (i[1] = l("div", { class: "flex-auto" }, null, -1)),
             l("div", Qs, [
               l("button", {
@@ -2142,8 +2144,8 @@ const Fa = {
             class: "flex-auto",
             path: f(y),
             items: h,
-            onlyValue: r.onlyValue,
-            onClick: i[0] || (i[0] = ($) => o("click", $))
+            onlyValue: o.onlyValue,
+            onClick: i[0] || (i[0] = ($) => n("click", $))
           }, null, 8, ["path", "items", "onlyValue"]), [
             [Te, a.value[y]]
           ])
@@ -2170,27 +2172,27 @@ const Fa = {
     items: {}
   },
   emits: ["click"],
-  setup(t, { expose: e, emit: o }) {
-    const n = o, a = L(t.value || 0), u = (f) => [a.value === f ? "" : "before:hidden"], d = (f) => {
-      a.value = f, n("click", f);
+  setup(t, { expose: e, emit: n }) {
+    const r = n, a = L(t.value || 0), u = (f) => [a.value === f ? "" : "before:hidden"], d = (f) => {
+      a.value = f, r("click", f);
     };
     return e({
       setActiveTab: d,
       activeTab: a
     }), (f, c) => (s(), v("div", lo, [
       l("div", ao, [
-        (s(!0), v(D, null, N(f.items, (r, i) => (s(), v("div", {
+        (s(!0), v(D, null, N(f.items, (o, i) => (s(), v("div", {
           key: i,
           class: "relative"
         }, [
           l("button", {
             class: z(["font-medium text-lg transition cursor-pointer before:h-[2px] before:absolute before:w-full before:bg-blue-700 before:left-0 before:bottom-0 px-4 py-2", u(i)]),
             onClick: (h) => d(i)
-          }, _(r.title), 11, so)
+          }, _(o.title), 11, so)
         ]))), 128))
       ]),
       l("div", oo, [
-        (s(!0), v(D, null, N(f.items, (r, i) => (s(), v("div", {
+        (s(!0), v(D, null, N(f.items, (o, i) => (s(), v("div", {
           key: i,
           class: "tab-panel"
         }, [
@@ -2224,32 +2226,32 @@ const Fa = {
   },
   emits: ["change", "icon", "hover"],
   setup(t, { emit: e }) {
-    const { textarea: o, input: n } = Pa(), a = e, u = ["v", "a", "b", "c"];
-    n.value = t.value || "";
-    const d = (r) => {
+    const { textarea: n, input: r } = Pa(), a = e, u = ["v", "a", "b", "c"];
+    r.value = t.value || "";
+    const d = (o) => {
       try {
-        return new Function(r), !0;
+        return new Function(o), !0;
       } catch (i) {
         return console.warn(i), !1;
       }
-    }, f = /* @__PURE__ */ ie((r) => {
-      const i = r.target;
+    }, f = /* @__PURE__ */ ie((o) => {
+      const i = o.target;
       d(i.value) && a("change", i.value);
-    }, 500), c = (r) => a("icon", r);
+    }, 500), c = (o) => a("icon", o);
     return W(
       () => t.value,
       () => {
-        t.value && (n.value = t.value);
+        t.value && (r.value = t.value);
       }
-    ), (r, i) => (s(), A(xe, {
-      active: !!r.value,
-      disabled: r.disabled,
-      label: r.label,
-      hideIcon: r.hideIcon,
+    ), (o, i) => (s(), A(xe, {
+      active: !!o.value,
+      disabled: o.disabled,
+      label: o.label,
+      hideIcon: o.hideIcon,
       onIcon: c
     }, {
       icon: g(() => [
-        r.value ? (s(), A(B, {
+        o.value ? (s(), A(B, {
           key: 0,
           name: "Close",
           class: "size-4"
@@ -2260,10 +2262,10 @@ const Fa = {
         }))
       ]),
       default: g(() => [
-        r.value ? (s(), v(D, { key: 0 }, [
+        o.value ? (s(), v(D, { key: 0 }, [
           l("div", io, [
             i[3] || (i[3] = T(" ( ")),
-            (s(!0), v(D, null, N(r.args, (h, y) => (s(), v(D, { key: h }, [
+            (s(!0), v(D, null, N(o.args, (h, y) => (s(), v(D, { key: h }, [
               l("span", {
                 class: "text-blue-400/80",
                 title: h,
@@ -2277,15 +2279,15 @@ const Fa = {
           l("div", uo, [
             re(l("textarea", {
               ref_key: "textarea",
-              ref: o,
-              "onUpdate:modelValue": i[0] || (i[0] = (h) => De(n) ? n.value = h : null),
+              ref: n,
+              "onUpdate:modelValue": i[0] || (i[0] = (h) => De(r) ? r.value = h : null),
               class: "outline-0 w-full resize-none",
               type: "text",
-              disabled: r.disabled,
+              disabled: o.disabled,
               onInput: i[1] || (i[1] = //@ts-ignore
               (...h) => F(f) && F(f)(...h))
             }, null, 40, vo), [
-              [He, F(n)]
+              [He, F(r)]
             ])
           ])
         ], 64)) : I("", !0)
@@ -2301,10 +2303,10 @@ const Fa = {
   },
   emits: ["update:modelValue", "click"],
   setup(t, { emit: e }) {
-    const o = e, n = (u) => {
+    const n = e, r = (u) => {
       const d = u.target;
-      o("update:modelValue", d.checked);
-    }, a = (u) => o("click", u);
+      n("update:modelValue", d.checked);
+    }, a = (u) => n("click", u);
     return (u, d) => (s(), v("label", {
       class: z(["inline-flex items-center relative", { "cursor-pointer": !u.disabled }]),
       onClick: a
@@ -2314,7 +2316,7 @@ const Fa = {
         checked: !!u.modelValue,
         disabled: u.disabled,
         class: "peer size-5 transition-all appearance-none rounded border border-gray-300 dark:border-gray-700 disabled:opacity-40 not-disabled:cursor-pointer",
-        onChange: n
+        onChange: r
       }, null, 40, fo),
       d[0] || (d[0] = l("button", { class: "absolute opacity-0 peer-checked:opacity-100 peer-disabled:opacity-40 top-1/2 left-[10px] transform -translate-x-1/2 -translate-y-1/2 pointer-events-none" }, [
         l("svg", {
@@ -2355,19 +2357,19 @@ const Fa = {
   },
   emits: ["update"],
   setup(t, { emit: e }) {
-    const o = e, n = M(() => t.list.map((b, w) => ({ ...b, id: ++w }))), a = L({ name: "", value: "" }), u = M(() => t.list.length + 1), d = M(() => {
+    const n = e, r = M(() => t.list.map((b, w) => ({ ...b, id: ++w }))), a = L({ name: "", value: "" }), u = M(() => t.list.length + 1), d = M(() => {
       var b;
       return !((b = a.value) != null && b.id);
-    }), f = (b) => t.type === b, c = (b, w) => o("update", b, w), r = (b) => b.map(({ name: w, value: m }) => ({ name: w, value: m })), i = ({ id: b, name: w, value: m }) => a.value = { id: b, name: w, value: m }, h = () => {
+    }), f = (b) => t.type === b, c = (b, w) => n("update", b, w), o = (b) => b.map(({ name: w, value: m }) => ({ name: w, value: m })), i = ({ id: b, name: w, value: m }) => a.value = { id: b, name: w, value: m }, h = () => {
       const b = u.value;
-      a.value = { name: `New_${b}`, value: b, id: b }, c("list", r([a.value, ...n.value]));
+      a.value = { name: `New_${b}`, value: b, id: b }, c("list", o([a.value, ...r.value]));
     }, y = (b) => {
-      a.value.name === b.name && (a.value = { name: "", value: "" }), c("list", r(n.value.filter((w) => w.value !== b.value)));
+      a.value.name === b.name && (a.value = { name: "", value: "" }), c("list", o(r.value.filter((w) => w.value !== b.value)));
     }, $ = /* @__PURE__ */ ie(() => {
       const b = a.value;
       if (!b.name || !b.value) return;
-      const w = n.value.map((m) => m.id === b.id ? b : m);
-      c("list", r(w));
+      const w = r.value.map((m) => m.id === b.id ? b : m);
+      c("list", o(w));
     }, 300);
     return (b, w) => (s(), v("div", mo, [
       l("div", go, [
@@ -2428,7 +2430,7 @@ const Fa = {
           p(J, {
             value: a.value.value,
             label: "List",
-            list: n.value,
+            list: r.value,
             onChange: i
           }, {
             default: g(({ item: m }) => [
@@ -2466,7 +2468,7 @@ const Fa = {
   },
   emits: ["button"],
   setup(t, { emit: e }) {
-    const o = e, n = [{ title: "Main" }, { title: "Data" }, { title: "Options" }], a = L({
+    const n = e, r = [{ title: "Main" }, { title: "Data" }, { title: "Options" }], a = L({
       id: "",
       name: "",
       type: "button",
@@ -2482,7 +2484,7 @@ const Fa = {
     }), f = M(() => a.value.type === "info"), c = M(() => {
       var x;
       return (x = a.value.args) == null ? void 0 : x.length;
-    }), r = M(() => a.value.args.length > 3), i = M(() => {
+    }), o = M(() => a.value.args.length > 3), i = M(() => {
       const { id: x, args: k } = a.value;
       return !x || !k.length;
     }), h = ({ value: x }) => a.value.icon = x, y = ({ value: x }) => {
@@ -2490,7 +2492,7 @@ const Fa = {
       a.value.type = k, delete a.value.opts, ["button", "list", "dimmer"].includes(k) && (x === "button" && (a.value.opts = {}), x === "list" && (a.value.opts = { list: [] }), x === "dimmer" && (a.value.opts = { min: 0, max: 255, step: 1 }));
     }, $ = (x) => {
       x === "get" && (a.value.get ? delete a.value.get : a.value.get = "v"), x === "set" && (a.value.set ? delete a.value.set : a.value.set = "v"), x === "getTo" && (a.value.getTo ? delete a.value.getTo : a.value.getTo = "v");
-    }, b = (x) => o("button", x, a.value), w = (x) => a.value.args = a.value.args.filter((k) => k !== x), m = ({ path: x }) => {
+    }, b = (x) => n("button", x, a.value), w = (x) => a.value.args = a.value.args.filter((k) => k !== x), m = ({ path: x }) => {
       a.value.args.length || (a.value.id = x), a.value.args.push(x), u.value = !1;
     }, E = L(-1), Q = (x) => E.value === x, te = (x, k) => {
       x === "enter" && (E.value = k), x === "leave" && (E.value = -1);
@@ -2511,7 +2513,7 @@ const Fa = {
           p(ro, {
             class: "flex-auto",
             value: 0,
-            items: n
+            items: r
           }, {
             "tab-0": g(() => [
               l("div", Bo, [
@@ -2559,7 +2561,7 @@ const Fa = {
               l("div", Ao, [
                 p(xe, {
                   active: !!a.value.args.length,
-                  disabled: r.value,
+                  disabled: o.value,
                   label: "Arguments",
                   onIcon: k[2] || (k[2] = (S) => u.value = !0)
                 }, {
@@ -2712,8 +2714,8 @@ const Fa = {
   },
   emits: ["update:modelValue", "select"],
   setup(t, { emit: e }) {
-    const o = e, n = (u) => o("update:modelValue", u), a = (u, d) => {
-      u.click(new Event("click")), o("select", d);
+    const n = e, r = (u) => n("update:modelValue", u), a = (u, d) => {
+      u.click(new Event("click")), n("select", d);
     };
     return (u, d) => (s(), A(Y, H(u.$attrs, {
       top: "50px",
@@ -2725,7 +2727,7 @@ const Fa = {
           name: u.name,
           message: u.message,
           label: u.label,
-          "onUpdate:modelValue": n,
+          "onUpdate:modelValue": r,
           onClick: f.open
         }, null, 8, ["model-value", "name", "message", "label", "onClick"])
       ]),
@@ -2752,15 +2754,15 @@ const Fa = {
     value: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = L(null), o = L(t.value), n = () => {
+    const e = L(null), n = L(t.value), r = () => {
       if (!e.value) return;
       const u = e.value.querySelector(".v-expansion__content");
-      u && (u.style.maxHeight = o.value ? `${u.scrollHeight}px` : "0");
+      u && (u.style.maxHeight = n.value ? `${u.scrollHeight}px` : "0");
     }, a = () => {
-      o.value = !o.value, n();
+      n.value = !n.value, r();
     };
     return ne(() => {
-      n();
+      r();
     }), (u, d) => (s(), v("div", {
       ref_key: "root",
       ref: e,
@@ -2772,7 +2774,7 @@ const Fa = {
       }, [
         l("h4", null, _(u.label), 1),
         l("div", {
-          class: z(["transition text-gray-400", { "rotate-180": o.value }])
+          class: z(["transition text-gray-400", { "rotate-180": n.value }])
         }, [
           p(B, { name: "Chevron" })
         ], 2)
@@ -2788,15 +2790,15 @@ const Fa = {
   __name: "VFile",
   emits: ["change"],
   setup(t, { emit: e }) {
-    const o = e, n = async (a) => {
+    const n = e, r = async (a) => {
       const u = a.target;
-      u.files && o("change", u.files);
+      u.files && n("change", u.files);
     };
     return (a, u) => (s(), v("label", Uo, [
       l("input", H({
         type: "file",
         class: "hidden"
-      }, a.$attrs, { onChange: n }), null, 16),
+      }, a.$attrs, { onChange: r }), null, 16),
       C(a.$slots, "default")
     ]));
   }
@@ -2807,15 +2809,15 @@ const Fa = {
     channel: { default: 0 }
   },
   setup(t) {
-    const e = 2 * (t.rssi + 100), o = (n) => n < e;
-    return (n, a) => (s(), v("div", Wo, [
+    const e = 2 * (t.rssi + 100), n = (r) => r < e;
+    return (r, a) => (s(), v("div", Wo, [
       (s(), v(D, null, N([10, 15, 25, 40, 70], (u, d) => l("div", {
         key: u,
-        class: z(["w-1 h-5 rounded-lg", [o(u) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
+        class: z(["w-1 h-5 rounded-lg", [n(u) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
         style: K(`height: ${(d + 1) * 5}px`),
-        title: `rssi: ${n.rssi} channel: ${n.channel}`
+        title: `rssi: ${r.rssi} channel: ${r.channel}`
       }, null, 14, qo)), 64)),
-      l("div", Go, _(n.channel), 1)
+      l("div", Go, _(r.channel), 1)
     ]));
   }
 }), Zo = ["onDragstart", "onDragenter"], Jo = {
@@ -2829,21 +2831,21 @@ const Fa = {
   },
   emits: ["update:items", "order-change"],
   setup(t, { emit: e }) {
-    const o = e, n = L(null), a = L(0), u = L(-1), d = ({ id: h }) => ({
-      "opacity-30 scale-105 z-10": n.value === h,
-      "transition-transform duration-200": n.value !== h
+    const n = e, r = L(null), a = L(0), u = L(-1), d = ({ id: h }) => ({
+      "opacity-30 scale-105 z-10": r.value === h,
+      "transition-transform duration-200": r.value !== h
     }), f = (h, y, $) => {
-      n.value = y, a.value = $, h.dataTransfer.effectAllowed = "move";
+      r.value = y, a.value = $, h.dataTransfer.effectAllowed = "move";
     }, c = (h) => {
-      n.value !== null && (u.value = h);
-    }, r = () => {
-      n.value = null, u.value = -1;
+      r.value !== null && (u.value = h);
+    }, o = () => {
+      r.value = null, u.value = -1;
     }, i = (h) => {
-      if (h.preventDefault(), n.value && u.value !== -1) {
-        const y = t.items.findIndex((b) => b[t.itemKey] === n.value), $ = u.value;
+      if (h.preventDefault(), r.value && u.value !== -1) {
+        const y = t.items.findIndex((b) => b[t.itemKey] === r.value), $ = u.value;
         if (y !== $ && $ !== -1) {
           const b = [...t.items], [w] = b.splice(y, 1);
-          b.splice($, 0, w), o("update:items", b), o("order-change", { fromIndex: y, toIndex: $, movedItem: w, newOrder: b });
+          b.splice($, 0, w), n("update:items", b), n("order-change", { fromIndex: y, toIndex: $, movedItem: w, newOrder: b });
         }
       }
       u.value = -1;
@@ -2869,7 +2871,7 @@ const Fa = {
             draggable: "true",
             onDragstart: (w) => f(w, $.id, b),
             onDragenter: (w) => c(b),
-            onDragend: r,
+            onDragend: o,
             onDragover: y[0] || (y[0] = P(() => {
             }, ["prevent"]))
           }, [
@@ -2877,9 +2879,9 @@ const Fa = {
               item: $,
               key: $.id,
               index: b,
-              isDragging: n.value === $.id
+              isDragging: r.value === $.id
             }),
-            u.value === b && n.value !== $.id ? (s(), v("div", Jo)) : I("", !0)
+            u.value === b && r.value !== $.id ? (s(), v("div", Jo)) : I("", !0)
           ], 42, Zo))), 128))
         ]),
         _: 3
@@ -2897,12 +2899,12 @@ const Fa = {
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const o = e, n = (d, f) => o("click", { item: d, event: f }), a = (d) => (d == null ? void 0 : d.className) || "", u = (d, { key: f }) => d == null ? void 0 : d[f];
+    const n = e, r = (d, f) => n("click", { item: d, event: f }), a = (d) => (d == null ? void 0 : d.className) || "", u = (d, { key: f }) => d == null ? void 0 : d[f];
     return (d, f) => (s(), v("table", Qo, [
       l("thead", Xo, [
         l("tr", Yo, [
-          (s(!0), v(D, null, N(d.headers, (c, r) => (s(), v("th", {
-            key: r,
+          (s(!0), v(D, null, N(d.headers, (c, o) => (s(), v("th", {
+            key: o,
             class: z(["py-2 whitespace-nowrap text-gray-500 dark:text-gray-400 font-normal px-4", a(c)])
           }, [
             C(d.$slots, "header", { item: c }, () => [
@@ -2912,10 +2914,10 @@ const Fa = {
         ])
       ]),
       l("tbody", tn, [
-        d.items.length ? (s(!0), v(D, { key: 0 }, N(d.items, (c, r) => (s(), v("tr", {
-          key: r,
+        d.items.length ? (s(!0), v(D, { key: 0 }, N(d.items, (c, o) => (s(), v("tr", {
+          key: o,
           class: "hover:bg-gray-50/50 dark:hover:bg-gray-800/50",
-          onClick: (i) => n(c, i)
+          onClick: (i) => r(c, i)
         }, [
           (s(!0), v(D, null, N(d.headers, (i, h) => (s(), v("td", {
             key: h,
@@ -2943,7 +2945,7 @@ const Fa = {
   install: (t) => {
     Object.keys(pe).forEach((e) => {
       t.component(e, pe[e]);
-    }), Ee.forEach(({ name: e, directive: o }) => t.directive(e, o));
+    }), Ee.forEach(({ name: e, directive: n }) => t.directive(e, n));
   }
 };
 export {