@hotelinking/ui 14.48.0 → 14.48.2

package/dist/ui.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as j, createBlock as k, createElementBlock as n, openBlock as l, resolveDynamicComponent as Ze, normalizeClass as v, computed as V, createCommentVNode as w, renderSlot as E, createElementVNode as e, ref as O, watch as U, unref as c, withCtx as h, createVNode as g, toDisplayString as m, createTextVNode as T, Transition as ne, Fragment as $, renderList as S, withDirectives as M, vModelDynamic as pt, vShow as F, withModifiers as ke, vModelText as ae, createStaticVNode as se, resolveComponent as Ne, vModelCheckbox as Je, reactive as ie, isRef as Be, TransitionGroup as ft, onMounted as ht, shallowRef as yt, mergeProps as xe } from "vue";
-import { Menu as Me, MenuButton as je, MenuItems as De, MenuItem as Te, Combobox as We, ComboboxLabel as Ge, ComboboxInput as Qe, ComboboxButton as Ke, ComboboxOptions as Xe, ComboboxOption as et, SwitchGroup as vt, Switch as bt, SwitchLabel as wt, TransitionRoot as ze, Dialog as Fe, TransitionChild as ee, DialogPanel as Ae, DialogTitle as tt, Disclosure as ye, DisclosureButton as Q, DisclosurePanel as ve, Listbox as kt, ListboxLabel as xt, ListboxButton as _t, ListboxOptions as $t, ListboxOption as Ct, Popover as St, PopoverButton as Bt, PopoverPanel as Mt } from "@headlessui/vue";
+import { defineComponent as j, createBlock as x, createElementBlock as n, openBlock as l, resolveDynamicComponent as Ze, normalizeClass as v, computed as V, createCommentVNode as w, renderSlot as H, createElementVNode as e, ref as O, watch as E, unref as c, withCtx as h, createVNode as g, toDisplayString as m, createTextVNode as T, Transition as ne, Fragment as C, renderList as S, withDirectives as M, vModelDynamic as pt, vShow as z, withModifiers as ke, vModelText as ae, createStaticVNode as se, resolveComponent as Ne, vModelCheckbox as Je, reactive as ie, isRef as Be, TransitionGroup as ft, onMounted as ht, shallowRef as yt, mergeProps as xe } from "vue";
+import { Menu as Me, MenuButton as je, MenuItems as De, MenuItem as Te, Combobox as We, ComboboxLabel as Ge, ComboboxInput as Qe, ComboboxButton as Ke, ComboboxOptions as Xe, ComboboxOption as et, SwitchGroup as vt, Switch as bt, SwitchLabel as wt, TransitionRoot as ze, Dialog as Ae, TransitionChild as ee, DialogPanel as Fe, DialogTitle as tt, Disclosure as ye, DisclosureButton as Q, DisclosurePanel as ve, Listbox as kt, ListboxLabel as xt, ListboxButton as _t, ListboxOptions as $t, ListboxOption as Ct, Popover as St, PopoverButton as Bt, PopoverPanel as Mt } from "@headlessui/vue";
 import Y from "dayjs";
 import Le from "vue3-apexcharts";
 import jt from "vue3-draggable";
 import Dt from "@vueform/slider";
-const L = /* @__PURE__ */ j({
+const F = /* @__PURE__ */ j({
   __name: "uiIcon",
   props: {
     icon: {},
@@ -22,7 +22,7 @@ const L = /* @__PURE__ */ j({
         "h-12 w-12": u.size === "huge",
         "h-20 w-20": u.size === "massive"
       }, "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"])
-    }, null, 2)) : (l(), k(Ze(u.icon), {
+    }, null, 2)) : (l(), x(Ze(u.icon), {
       key: 0,
       class: v({
         "h-4 w-4": u.size === "medium",
@@ -40,7 +40,7 @@ const L = /* @__PURE__ */ j({
       })
     }, null, 8, ["class"]));
   }
-}), Tt = ["disabled"], zt = "group inline-flex items-center border border-transparent font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25 text-nowrap", H = /* @__PURE__ */ j({
+}), Tt = ["disabled"], zt = "group inline-flex items-center border border-transparent font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25 text-nowrap", U = /* @__PURE__ */ j({
   __name: "uiButton",
   props: {
     block: { type: Boolean },
@@ -72,7 +72,7 @@ const L = /* @__PURE__ */ j({
       class: v(o.value),
       type: "button"
     }, [
-      t.icon ? (l(), k(L, {
+      t.icon ? (l(), x(F, {
         key: 0,
         icon: t.icon,
         color: "white",
@@ -86,20 +86,20 @@ const L = /* @__PURE__ */ j({
       class: v(s.value),
       type: "button"
     }, [
-      t.icon ? (l(), k(L, {
+      t.icon ? (l(), x(F, {
         key: 0,
         icon: t.icon,
         class: "-ml-0.5 mr-2",
         color: "black",
         loading: t.loading
       }, null, 8, ["icon", "loading"])) : w("", !0),
-      E(t.$slots, "default")
+      H(t.$slots, "default")
     ], 10, Tt));
   }
-}), Ft = {
+}), At = {
   key: 0,
   class: "relative flex items-start"
-}, At = { class: "flex items-center h-5" }, Lt = ["checked", "value", "disabled"], Ot = { class: "ml-3 text-sm" }, Nt = { class: "text-black" }, Pt = {
+}, Ft = { class: "flex items-center h-5" }, Lt = ["checked", "value", "disabled"], Ot = { class: "ml-3 text-sm" }, Nt = { class: "text-black" }, Pt = {
   key: 1,
   class: "flex items-center animate-pulse"
 }, re = /* @__PURE__ */ j({
@@ -116,13 +116,13 @@ const L = /* @__PURE__ */ j({
     const r = u, i = p, s = O(i.check), o = () => {
       i.disabled || (s.value = !s.value, r("checkboxChanged", { checked: s.value, value: i.value }));
     };
-    return U(() => i.check, (t) => {
+    return E(() => i.check, (t) => {
       t && (s.value = t);
     }), (t, a) => t.loading ? (l(), n("div", Pt, [...a[1] || (a[1] = [
       e("div", { class: "w-5 h-5 rounded bg-gray-200" }, null, -1),
       e("div", { class: "ml-3 h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1)
-    ])])) : (l(), n("div", Ft, [
-      e("div", At, [
+    ])])) : (l(), n("div", At, [
+      e("div", Ft, [
         e("input", {
           checked: t.check,
           value: t.value,
@@ -134,7 +134,7 @@ const L = /* @__PURE__ */ j({
       ]),
       e("div", Ot, [
         e("span", Nt, [
-          E(t.$slots, "default")
+          H(t.$slots, "default")
         ])
       ])
     ]));
@@ -259,7 +259,7 @@ function Rt(p, u) {
     })
   ]);
 }
-function Ht(p, u) {
+function Ut(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -412,7 +412,7 @@ function Pe(p, u) {
     })
   ]);
 }
-function Et(p, u) {
+function Ht(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -446,7 +446,7 @@ function W(p, u) {
     })
   ]);
 }
-function Ut(p, u) {
+function Et(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -651,7 +651,7 @@ const Qt = {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300"
       })
-    ])) : (l(), k(c(Me), {
+    ])) : (l(), x(c(Me), {
       key: 0,
       as: "div",
       class: v(["relative text-left", { "opacity-25": t.disabled }])
@@ -667,12 +667,12 @@ const Qt = {
           g(c(je), { class: "text-black inline-flex justify-between w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-black" }, {
             default: h(() => [
               T(m(s.value) + " ", 1),
-              t.verticalPosition === "bottom" ? (l(), k(c(le), {
+              t.verticalPosition === "bottom" ? (l(), x(c(le), {
                 key: 0,
                 "aria-hidden": "true",
                 class: "-mr-1 ml-2 h-5 w-5"
               })) : w("", !0),
-              t.verticalPosition === "top" ? (l(), k(c(at), {
+              t.verticalPosition === "top" ? (l(), x(c(at), {
                 key: 1,
                 "aria-hidden": "true",
                 class: "-mr-1 ml-2 h-5 w-5"
@@ -690,7 +690,7 @@ const Qt = {
           "leave-to-class": "transform opacity-0 scale-95"
         }, {
           default: h(() => [
-            t.disabled ? w("", !0) : (l(), k(c(De), {
+            t.disabled ? w("", !0) : (l(), x(c(De), {
               key: 0,
               class: v([{
                 "right-0": t.position === "right",
@@ -701,10 +701,10 @@ const Qt = {
             }, {
               default: h(() => [
                 e("div", Xt, [
-                  (l(!0), n($, null, S(t.items, (d, y) => (l(), k(c(Te), { key: y }, {
+                  (l(!0), n(C, null, S(t.items, (d, f) => (l(), x(c(Te), { key: f }, {
                     default: h(() => [
                       e("a", {
-                        onClick: (f) => o(d),
+                        onClick: (y) => o(d),
                         class: v([
                           d.active ? "bg-lime-400" : "text-black",
                           "block px-4 py-2 text-sm cursor-pointer"
@@ -759,7 +759,7 @@ const Qt = {
   emits: ["inputChanged", "rightAddOnClicked", "addOnClicked"],
   setup(p, { emit: u }) {
     const r = u, i = p, s = O(i.value);
-    U(() => i.value, (t) => {
+    E(() => i.value, (t) => {
       s.value = t, s.value && r("inputChanged", { name: i.name, value: s.value });
     });
     const o = (t) => {
@@ -816,32 +816,32 @@ const Qt = {
           class: "inline-flex items-center px-3 rounded-r-md border border-l-0 border-black bg-black hover:bg-lime-400 hover:text-black text-white sm:text-sm cursor-pointer"
         }, m(t.rightAddOn), 1)) : w("", !0),
         e("div", nl, [
-          t.icon ? (l(), k(L, {
+          t.icon ? (l(), x(F, {
             key: 0,
             icon: t.icon,
             color: t.color,
             loading: t.loading
           }, null, 8, ["icon", "color", "loading"])) : w("", !0),
-          M(g(L, {
+          M(g(F, {
             icon: c(Oe),
             color: "green",
             loading: t.loading
           }, null, 8, ["icon", "loading"]), [
-            [F, t.color === "green"]
+            [z, t.color === "green"]
           ]),
-          M(g(L, {
+          M(g(F, {
             icon: c(W),
             color: "yellow",
             loading: t.loading
           }, null, 8, ["icon", "loading"]), [
-            [F, t.color === "yellow"]
+            [z, t.color === "yellow"]
           ]),
-          M(g(L, {
+          M(g(F, {
             icon: c(K),
             color: "red",
             loading: t.loading
           }, null, 8, ["icon", "loading"]), [
-            [F, t.color === "red"]
+            [z, t.color === "red"]
           ])
         ])
       ], 2),
@@ -853,7 +853,7 @@ const Qt = {
           "text-green-600": t.color === "green"
         }, "mt-2 text-xs flex flex-row items-center"])
       }, m(t.error), 3), [
-        [F, t.error]
+        [z, t.error]
       ])
     ]));
   }
@@ -890,12 +890,12 @@ const Qt = {
       a(d.target.files), i("filesUploaded", { id: s.id, files: d.target.files });
     }, a = (d) => {
       r.value = "";
-      let y = 1;
-      Object.values(d).forEach((f) => {
-        y++, r.value += f.name, y >= 1 && y < d.length && (r.value += ", ");
+      let f = 1;
+      Object.values(d).forEach((y) => {
+        f++, r.value += y.name, f >= 1 && f < d.length && (r.value += ", ");
       });
     };
-    return (d, y) => d.loading ? (l(), n("div", kl, [...y[1] || (y[1] = [
+    return (d, f) => d.loading ? (l(), n("div", kl, [...f[1] || (f[1] = [
       e("div", { class: "flex justify-center items-center flex-col rounded-md border-2 border-dashed px-6 pt-5 pb-6 border-gray-200" }, [
         e("div", { class: "rounded-full h-20 w-20 bg-gray-200 mb-4" }),
         e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full md:w-1/3 mb-3" }),
@@ -915,12 +915,12 @@ const Qt = {
           ],
           "dropArea flex justify-center rounded-md border-2 border-dashed px-6 pt-5 pb-6"
         ]),
-        onDragover: y[0] || (y[0] = ke(() => {
+        onDragover: f[0] || (f[0] = ke(() => {
         }, ["prevent"])),
         onDrop: ke(o, ["prevent"])
       }, [
         e("div", pl, [
-          g(L, {
+          g(F, {
             icon: d.icon,
             size: "massive",
             color: "black",
@@ -948,12 +948,12 @@ const Qt = {
           ]),
           e("p", bl, m(d.fileTypesAndSizes), 1),
           M(e("p", { class: "font-bold text-xs uppercase block p-2 bg-lime-50 rounded" }, m(c(r)), 513), [
-            [F, c(r) !== null]
+            [z, c(r) !== null]
           ])
         ])
       ], 34),
       M(e("p", wl, [
-        g(L, {
+        g(F, {
           icon: c(be),
           color: "red",
           class: "mr-2",
@@ -961,7 +961,7 @@ const Qt = {
         }, null, 8, ["icon", "loading"]),
         T(" " + m(d.error), 1)
       ], 512), [
-        [F, d.error]
+        [z, d.error]
       ])
     ]));
   }
@@ -987,60 +987,60 @@ const Qt = {
   },
   emits: ["selectChanged"],
   setup(p, { expose: u, emit: r }) {
-    const i = O(""), s = r, o = p, t = V(() => i.value === "" ? o.items : o.items.filter((f) => f.name.toLowerCase().includes(i.value.toLowerCase()))), a = (f) => f?.name ?? "", d = (f) => {
-      s("selectChanged", f);
-    }, y = V({
+    const i = O(""), s = r, o = p, t = V(() => i.value === "" ? o.items : o.items.filter((y) => y.name.toLowerCase().includes(i.value.toLowerCase()))), a = (y) => y?.name ?? "", d = (y) => {
+      s("selectChanged", y);
+    }, f = V({
       get: () => o.select,
-      set: (f) => {
-        d(f);
+      set: (y) => {
+        d(y);
       }
     });
     return u({
       handleChange: d
-    }), (f, C) => f.loading ? (l(), n("div", Cl, [
-      C[3] || (C[3] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
+    }), (y, $) => y.loading ? (l(), n("div", Cl, [
+      $[3] || ($[3] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
       g(c(_e), {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400"
       })
-    ])) : (l(), k(c(We), {
+    ])) : (l(), x(c(We), {
       key: 0,
-      modelValue: y.value,
+      modelValue: f.value,
       "onUpdate:modelValue": [
-        C[2] || (C[2] = (b) => y.value = b),
+        $[2] || ($[2] = (k) => f.value = k),
         d
       ],
-      disabled: f.disabled,
+      disabled: y.disabled,
       as: "div"
     }, {
       default: h(() => [
         e("div", xl, [
           g(c(Ge), { class: "block text-sm font-medium" }, {
             default: h(() => [
-              T(m(f.label), 1)
+              T(m(y.label), 1)
             ]),
             _: 1
           }),
-          f.requiredText ? (l(), n("span", _l, m(f.requiredText), 1)) : w("", !0)
+          y.requiredText ? (l(), n("span", _l, m(y.requiredText), 1)) : w("", !0)
         ]),
         e("div", $l, [
           g(c(Qe), {
-            onChange: C[0] || (C[0] = (b) => i.value = b.target.value),
-            onBlur: C[1] || (C[1] = (b) => i.value = ""),
+            onChange: $[0] || ($[0] = (k) => i.value = k.target.value),
+            onBlur: $[1] || ($[1] = (k) => i.value = ""),
             displayValue: a,
             class: v([{
-              "mt-1": f.requiredText || f.label,
-              "border-gray-300": f.color === "gray",
-              "border-red-600": f.color === "red",
-              "border-yellow-400": f.color === "yellow",
-              "border-green-600": f.color === "green",
-              "bg-gray-100": f.disabled,
-              "bg-white": !f.disabled,
-              "text-black": f.color === "gray",
-              "text-gray-300": f.disabled,
-              "text-red-600": f.color === "red",
-              "text-yellow-400": f.color === "yellow",
-              "text-green-600": f.color === "green"
+              "mt-1": y.requiredText || y.label,
+              "border-gray-300": y.color === "gray",
+              "border-red-600": y.color === "red",
+              "border-yellow-400": y.color === "yellow",
+              "border-green-600": y.color === "green",
+              "bg-gray-100": y.disabled,
+              "bg-white": !y.disabled,
+              "text-black": y.color === "gray",
+              "text-gray-300": y.disabled,
+              "text-red-600": y.color === "red",
+              "text-yellow-400": y.color === "yellow",
+              "text-green-600": y.color === "green"
             }, "w-full rounded-md border py-2 pl-3 pr-10 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm"])
           }, null, 8, ["class"]),
           g(c(Ke), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
@@ -1052,17 +1052,17 @@ const Qt = {
             ]),
             _: 1
           }),
-          t.value.length > 0 ? (l(), k(c(Xe), {
+          t.value.length > 0 ? (l(), x(c(Xe), {
             key: 0,
             class: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"
           }, {
             default: h(() => [
-              (l(!0), n($, null, S(t.value, (b) => (l(), k(c(et), {
-                key: b.id,
-                value: b,
+              (l(!0), n(C, null, S(t.value, (k) => (l(), x(c(et), {
+                key: k.id,
+                value: k,
                 as: "template"
               }, {
-                default: h(({ active: D, selected: x }) => [
+                default: h(({ active: D, selected: b }) => [
                   e("li", {
                     class: v([
                       "relative cursor-default select-none py-2 pl-3 pr-9",
@@ -1070,9 +1070,9 @@ const Qt = {
                     ])
                   }, [
                     e("span", {
-                      class: v(["block truncate", x && "font-semibold"])
-                    }, m(b.name), 3),
-                    x ? (l(), n("span", {
+                      class: v(["block truncate", b && "font-semibold"])
+                    }, m(k.name), 3),
+                    b ? (l(), n("span", {
                       key: 0,
                       class: v([
                         "absolute inset-y-0 right-0 flex items-center pr-4",
@@ -1095,13 +1095,13 @@ const Qt = {
         ]),
         M(e("p", {
           class: v([{
-            "text-gray-400": f.color === "gray",
-            "text-red-600": f.color === "red",
-            "text-yellow-400": f.color === "yellow",
-            "text-green-600": f.color === "green"
+            "text-gray-400": y.color === "gray",
+            "text-red-600": y.color === "red",
+            "text-yellow-400": y.color === "yellow",
+            "text-green-600": y.color === "green"
           }, "mt-2 text-xs flex flex-row items-center"])
-        }, m(f.error), 3), [
-          [F, f.error]
+        }, m(y.error), 3), [
+          [z, y.error]
         ])
       ]),
       _: 1
@@ -1162,11 +1162,11 @@ const jl = { class: "flex justify-between" }, Dl = {
     ), a = (d) => {
       s.value = "", i("selectChanged", d);
     };
-    return (d, y) => (l(), k(c(We), {
+    return (d, f) => (l(), x(c(We), {
       as: "div",
       modelValue: o.value,
       "onUpdate:modelValue": [
-        y[2] || (y[2] = (f) => o.value = f),
+        f[2] || (f[2] = (y) => o.value = y),
         a
       ]
     }, {
@@ -1200,9 +1200,9 @@ const jl = { class: "flex justify-between" }, Dl = {
               "text-yellow-400": d.color === "yellow",
               "text-green-600": d.color === "green"
             }, "w-full rounded-md border py-2 pl-3 pr-10 shadow-sm focus:border-lime-400 focus:outline-none focus:ring-1 focus:ring-lime-400 sm:text-sm"]),
-            onChange: y[0] || (y[0] = (f) => s.value = f.target.value),
-            onBlur: y[1] || (y[1] = (f) => s.value = ""),
-            "display-value": (f) => f.label || f.name
+            onChange: f[0] || (f[0] = (y) => s.value = y.target.value),
+            onBlur: f[1] || (f[1] = (y) => s.value = ""),
+            "display-value": (y) => y.label || y.name
           }, null, 8, ["class", "display-value"]),
           g(c(Ke), { class: "h-full absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
             default: h(() => [
@@ -1213,26 +1213,26 @@ const jl = { class: "flex justify-between" }, Dl = {
             ]),
             _: 1
           }),
-          t.value.length > 0 ? (l(), k(c(Xe), {
+          t.value.length > 0 ? (l(), x(c(Xe), {
             key: 0,
             class: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none sm:text-sm"
           }, {
             default: h(() => [
-              (l(!0), n($, null, S(t.value, (f) => (l(), k(c(et), {
-                key: f.id,
-                value: f,
+              (l(!0), n(C, null, S(t.value, (y) => (l(), x(c(et), {
+                key: y.id,
+                value: y,
                 as: "template"
               }, {
-                default: h(({ active: C, selected: b }) => [
+                default: h(({ active: $, selected: k }) => [
                   e("li", {
-                    class: v(["relative cursor-default select-none py-2 pl-3 pr-9", C ? "bg-lime-400 outline-none" : "text-gray-900"])
+                    class: v(["relative cursor-default select-none py-2 pl-3 pr-9", $ ? "bg-lime-400 outline-none" : "text-gray-900"])
                   }, [
                     e("span", {
-                      class: v(["block truncate", b && "font-semibold"])
-                    }, m(f.label || f.name), 3),
-                    b ? (l(), n("span", {
+                      class: v(["block truncate", k && "font-semibold"])
+                    }, m(y.label || y.name), 3),
+                    k ? (l(), n("span", {
                       key: 0,
-                      class: v(["absolute inset-y-0 right-0 flex items-center pr-4", C ? "text-black" : "text-lime-400"])
+                      class: v(["absolute inset-y-0 right-0 flex items-center pr-4", $ ? "text-black" : "text-lime-400"])
                     }, [
                       g(c(Bl), {
                         class: "size-5",
@@ -1255,7 +1255,7 @@ const jl = { class: "flex justify-between" }, Dl = {
             "text-green-600": d.color === "green"
           }, "mt-2 text-xs flex flex-row items-center"])
         }, m(d.error), 3), [
-          [F, d.error]
+          [z, d.error]
         ])
       ]),
       _: 1
@@ -1301,10 +1301,10 @@ const jl = { class: "flex justify-between" }, Dl = {
         "px-4 py-3": o.size === "big"
       }, "inline-flex items-center rounded text-xs font-medium leading-none"])
     }, [
-      E(o.$slots, "default")
+      H(o.$slots, "default")
     ], 2));
   }
-}), zl = { key: 0 }, Fl = { class: "flex justify-between" }, Al = {
+}), zl = { key: 0 }, Al = { class: "flex justify-between" }, Fl = {
   key: 0,
   class: "block text-sm font-medium"
 }, Ll = {
@@ -1332,14 +1332,14 @@ const jl = { class: "flex justify-between" }, Dl = {
     const r = u, i = p, s = (t) => {
       r("inputChanged", t.target.value);
     }, o = O(i.value);
-    return U(() => i.value, (t) => {
+    return E(() => i.value, (t) => {
       o.value = t, r("inputChanged", { name: i.name, value: o.value });
     }), (t, a) => t.loading ? (l(), n("div", Nl, [...a[1] || (a[1] = [
       e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5" }, null, -1),
       e("div", { class: "h-24 bg-gray-200 rounded-lg flex inline-flex items-center relative inline-block text-left w-full" }, null, -1)
     ])])) : (l(), n("div", zl, [
-      e("div", Fl, [
-        t.label ? (l(), n("label", Al, m(t.label), 1)) : w("", !0),
+      e("div", Al, [
+        t.label ? (l(), n("label", Fl, m(t.label), 1)) : w("", !0),
         t.requiredText ? (l(), n("span", Ll, m(t.requiredText), 1)) : w("", !0)
       ]),
       e("div", {
@@ -1375,7 +1375,7 @@ const jl = { class: "flex justify-between" }, Dl = {
           "text-green-600": t.color === "green"
         }, "mt-2 text-xs flex flex-row items-center"])
       }, [
-        g(L, {
+        g(F, {
           icon: c(be),
           color: "red",
           class: "mr-2",
@@ -1383,7 +1383,7 @@ const jl = { class: "flex justify-between" }, Dl = {
         }, null, 8, ["icon"]),
         T(" " + m(t.error), 1)
       ], 2), [
-        [F, t.error]
+        [z, t.error]
       ])
     ]));
   }
@@ -1404,12 +1404,12 @@ const jl = { class: "flex justify-between" }, Dl = {
   emits: ["toggleChanged", "actionClicked"],
   setup(p, { emit: u }) {
     const r = p, i = O(r.checked);
-    return U(() => r.checked, (s) => i.value = s), (s, o) => s.loading ? (l(), n("div", Yl, [...o[3] || (o[3] = [
+    return E(() => r.checked, (s) => i.value = s), (s, o) => s.loading ? (l(), n("div", Yl, [...o[3] || (o[3] = [
       e("div", { class: "relative bg-gray-200 rounded-full w-12 h-6 p-1 flex items-center" }, [
         e("div", { class: "rounded-full bg-gray-300 dark:bg-gray-400 h-4 w-4" })
       ], -1),
       e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-16 ml-2" }, null, -1)
-    ])])) : (l(), k(c(vt), {
+    ])])) : (l(), x(c(vt), {
       key: 0,
       as: "div",
       class: "flex items-center relative"
@@ -1460,7 +1460,7 @@ const jl = { class: "flex justify-between" }, Dl = {
 }), Rl = {
   key: 0,
   class: "flex flex-col"
-}, Hl = { class: "flex" }, El = { class: "flex-shrink-0" }, Ul = { class: "ml-3" }, Zl = { class: "mt-4" }, Jl = { class: "-my-1.5 -mx-2 gap-x-2 flex" }, Wl = ["onClick"], Gl = {
+}, Ul = { class: "flex" }, Hl = { class: "flex-shrink-0" }, El = { class: "ml-3" }, Zl = { class: "mt-4" }, Jl = { class: "-my-1.5 -mx-2 gap-x-2 flex" }, Wl = ["onClick"], Gl = {
   key: 1,
   class: "flex flex-col animate-pulse"
 }, Ql = /* @__PURE__ */ j({
@@ -1487,30 +1487,30 @@ const jl = { class: "flex justify-between" }, Dl = {
           "bg-green-50 border-green-600": s.type === "success"
         }, "p-4 border-l-4 rounded"])
       }, [
-        e("div", Hl, [
-          e("div", El, [
-            s.type === "info" ? (l(), k(c(nt), {
+        e("div", Ul, [
+          e("div", Hl, [
+            s.type === "info" ? (l(), x(c(nt), {
               key: 0,
               class: "h-8 w-8 text-lime-400",
               "aria-hidden": "true"
             })) : w("", !0),
-            s.type === "danger" ? (l(), k(c(be), {
+            s.type === "danger" ? (l(), x(c(be), {
               key: 1,
               class: "h-8 w-8 text-red-600",
               "aria-hidden": "true"
             })) : w("", !0),
-            s.type === "warning" ? (l(), k(c(W), {
+            s.type === "warning" ? (l(), x(c(W), {
               key: 2,
               class: "h-8 w-8 text-yellow-400",
               "aria-hidden": "true"
             })) : w("", !0),
-            s.type === "success" ? (l(), k(c(ot), {
+            s.type === "success" ? (l(), x(c(ot), {
               key: 3,
               class: "h-8 w-8 text-green-600",
               "aria-hidden": "true"
             })) : w("", !0)
           ]),
-          e("div", Ul, [
+          e("div", El, [
             e("h3", {
               class: v([{
                 "text-red-800": s.type === "danger",
@@ -1525,11 +1525,11 @@ const jl = { class: "flex justify-between" }, Dl = {
                 "text-green-700": s.type === "success"
               }, "mt-2 text-sm"])
             }, [
-              E(s.$slots, "default")
+              H(s.$slots, "default")
             ], 2),
             e("div", Zl, [
               e("div", Jl, [
-                (l(!0), n($, null, S(s.actions, (t, a) => (l(), n("button", {
+                (l(!0), n(C, null, S(s.actions, (t, a) => (l(), n("button", {
                   onClick: (d) => i(t),
                   type: "button",
                   key: a,
@@ -1578,7 +1578,7 @@ const jl = { class: "flex justify-between" }, Dl = {
       e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1)
     ])])) : (l(), n("nav", Kl, [
       e("ol", Xl, [
-        (l(!0), n($, null, S(r.pages, (s, o) => (l(), n("li", { key: o }, [
+        (l(!0), n(C, null, S(r.pages, (s, o) => (l(), n("li", { key: o }, [
           o == 0 ? (l(), n("div", es, [
             e("p", {
               onClick: (t) => r.$emit("breadCrumbClicked", s.routeName),
@@ -1641,7 +1641,7 @@ const jl = { class: "flex justify-between" }, Dl = {
         ])
       ]),
       r.tags && r.tags?.length > 0 ? (l(), n("div", us, [
-        (l(!0), n($, null, S(r.tags, (s) => (l(), k(Z, {
+        (l(!0), n(C, null, S(r.tags, (s) => (l(), x(Z, {
           class: "mb-1 mr-1",
           key: s.name,
           color: s.color,
@@ -1670,7 +1670,7 @@ const jl = { class: "flex justify-between" }, Dl = {
         a.active = a.value === t.value;
       }), r("filterSelected", t);
     }, o = O(i.items);
-    return (t, a) => (l(), k(we, {
+    return (t, a) => (l(), x(we, {
       class: "text-nowrap",
       loading: t.loading,
       onOptionSelected: a[0] || (a[0] = (d) => s(d)),
@@ -1698,12 +1698,12 @@ const jl = { class: "flex justify-between" }, Dl = {
     const r = p, i = u, s = (o) => {
       i("modalAction", { modal: r.modalName, action: o });
     };
-    return (o, t) => (l(), k(c(ze), {
+    return (o, t) => (l(), x(c(ze), {
       as: "template",
       show: o.open
     }, {
       default: h(() => [
-        g(c(Fe), {
+        g(c(Ae), {
           as: "div",
           class: "relative z-50",
           onClose: t[1] || (t[1] = (a) => s("close"))
@@ -1735,7 +1735,7 @@ const jl = { class: "flex justify-between" }, Dl = {
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 }, {
                   default: h(() => [
-                    g(c(Ae), {
+                    g(c(Fe), {
                       class: v([{
                         "sm:my-8 w-full sm:w-9/12 md:w-2/3 lg:w-1/2": o.size === "big",
                         "w-full sm:my-8 sm:w-full sm:max-w-lg sm:p-6": o.size === "medium"
@@ -1749,7 +1749,7 @@ const jl = { class: "flex justify-between" }, Dl = {
                             onClick: t[0] || (t[0] = (a) => s("close"))
                           }, [
                             t[3] || (t[3] = e("span", { class: "sr-only" }, "X", -1)),
-                            g(L, {
+                            g(F, {
                               icon: c(K),
                               "aria-hidden": "true",
                               loading: o.loading
@@ -1769,25 +1769,25 @@ const jl = { class: "flex justify-between" }, Dl = {
                               class: "h-6 w-6 text-red-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [F, o.type === "danger"]
+                              [z, o.type === "danger"]
                             ]),
                             M(g(c(Oe), {
                               class: "h-6 w-6 text-green-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [F, o.type === "success"]
+                              [z, o.type === "success"]
                             ]),
                             M(g(c(W), {
                               class: "h-6 w-6 text-yellow-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [F, o.type === "warning"]
+                              [z, o.type === "warning"]
                             ]),
                             M(g(c(Jt), {
                               class: "h-6 w-6 text-black",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [F, o.type === "default"]
+                              [z, o.type === "default"]
                             ])
                           ], 2),
                           e("div", ys, [
@@ -1801,14 +1801,14 @@ const jl = { class: "flex justify-between" }, Dl = {
                               _: 1
                             }),
                             e("div", vs, [
-                              E(o.$slots, "default", { class: "break-words" })
+                              H(o.$slots, "default", { class: "break-words" })
                             ]),
                             o.actions ? (l(), n("div", bs, [
-                              (l(!0), n($, null, S(o.actions, (a, d) => (l(), n("button", {
+                              (l(!0), n(C, null, S(o.actions, (a, d) => (l(), n("button", {
                                 key: d,
                                 type: "button",
                                 class: "inline-flex w-full justify-center rounded-md border border-transparent bg-black px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-lime-400 hover:text-black focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 mb-2 sm:mb-0 mr-2 sm:w-auto sm:text-sm",
-                                onClick: (y) => s(a.value)
+                                onClick: (f) => s(a.value)
                               }, m(a.name), 9, ws))), 128))
                             ])) : w("", !0)
                           ])
@@ -1865,25 +1865,25 @@ const jl = { class: "flex justify-between" }, Dl = {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-green-600"
                     }, null, 512), [
-                      [F, s.type === "success"]
+                      [z, s.type === "success"]
                     ]),
                     M(g(c(be), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-red-600"
                     }, null, 512), [
-                      [F, s.type === "danger"]
+                      [z, s.type === "danger"]
                     ]),
                     M(g(c(W), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-yellow-400"
                     }, null, 512), [
-                      [F, s.type === "warning"]
+                      [z, s.type === "warning"]
                     ]),
                     M(g(c(nt), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-black"
                     }, null, 512), [
-                      [F, s.type === "info"]
+                      [z, s.type === "info"]
                     ])
                   ]),
                   e("div", Ss, [
@@ -1916,7 +1916,7 @@ const jl = { class: "flex justify-between" }, Dl = {
   key: 0,
   role: "list",
   class: "divide-y divide-gray-100"
-}, zs = { class: "min-w-0" }, Fs = { class: "flex items-start gap-x-3" }, As = { class: "text-sm font-semibold leading-6 text-gray-900" }, Ls = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, Os = { class: "truncate" }, Ns = { class: "flex flex-none items-center gap-x-4" }, Ps = ["href"], Is = { class: "sr-only" }, Vs = {
+}, zs = { class: "min-w-0" }, As = { class: "flex items-start gap-x-3" }, Fs = { class: "text-sm font-semibold leading-6 text-gray-900" }, Ls = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, Os = { class: "truncate" }, Ns = { class: "flex flex-none items-center gap-x-4" }, Ps = ["href"], Is = { class: "sr-only" }, Vs = {
   key: 1,
   class: "divide-y divide-gray-100 animate-pulse"
 }, Ys = /* @__PURE__ */ j({
@@ -1927,20 +1927,20 @@ const jl = { class: "flex justify-between" }, Dl = {
   },
   setup(p) {
     return (u, r) => u.loading ? (l(), n("ul", Vs, [
-      (l(!0), n($, null, S(u.tasks, (i) => (l(), n("li", {
+      (l(!0), n(C, null, S(u.tasks, (i) => (l(), n("li", {
         key: i.id,
         class: "flex items-center justify-between gap-x-6 py-5"
       }, [...r[0] || (r[0] = [
         se('<div class="min-w-0 w-full"><div class="flex items-start gap-x-3"><p class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2"></p></div></div><div class="flex flex-none items-center gap-x-4"><div class="hidden rounded-md bg-gray-200 px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block"><p class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-10"></p></div></div>', 2)
       ])]))), 128))
     ])) : (l(), n("ul", Ts, [
-      (l(!0), n($, null, S(u.tasks, (i) => (l(), n("li", {
+      (l(!0), n(C, null, S(u.tasks, (i) => (l(), n("li", {
         key: i.id,
         class: "flex items-center justify-between gap-x-6 py-5"
       }, [
         e("div", zs, [
-          e("div", Fs, [
-            e("p", As, m(i.name), 1),
+          e("div", As, [
+            e("p", Fs, m(i.name), 1),
             e("p", {
               class: v([
                 {
@@ -1973,7 +1973,7 @@ function qs(p) {
   return p && p.__esModule && Object.prototype.hasOwnProperty.call(p, "default") ? p.default : p;
 }
 var ce = { exports: {} }, Rs = ce.exports, Ve;
-function Hs() {
+function Us() {
   return Ve || (Ve = 1, (function(p, u) {
     (function(r, i) {
       p.exports = i(Y);
@@ -1988,20 +1988,20 @@ function Hs() {
     }));
   })(ce)), ce.exports;
 }
-Hs();
-var me = { exports: {} }, Es = me.exports, Ye;
-function Us() {
+Us();
+var me = { exports: {} }, Hs = me.exports, Ye;
+function Es() {
   return Ye || (Ye = 1, (function(p, u) {
     (function(r, i) {
       p.exports = i(Y);
-    })(Es, (function(r) {
+    })(Hs, (function(r) {
       function i(d) {
         return d && typeof d == "object" && "default" in d ? d : { default: d };
       }
       var s = i(r), o = { s: "ein paar Sekunden", m: ["eine Minute", "einer Minute"], mm: "%d Minuten", h: ["eine Stunde", "einer Stunde"], hh: "%d Stunden", d: ["ein Tag", "einem Tag"], dd: ["%d Tage", "%d Tagen"], M: ["ein Monat", "einem Monat"], MM: ["%d Monate", "%d Monaten"], y: ["ein Jahr", "einem Jahr"], yy: ["%d Jahre", "%d Jahren"] };
-      function t(d, y, f) {
-        var C = o[f];
-        return Array.isArray(C) && (C = C[y ? 0 : 1]), C.replace("%d", d);
+      function t(d, f, y) {
+        var $ = o[y];
+        return Array.isArray($) && ($ = $[f ? 0 : 1]), $.replace("%d", d);
       }
       var a = { name: "de", weekdays: "Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"), weekdaysShort: "So._Mo._Di._Mi._Do._Fr._Sa.".split("_"), weekdaysMin: "So_Mo_Di_Mi_Do_Fr_Sa".split("_"), months: "Januar_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"), monthsShort: "Jan._Feb._März_Apr._Mai_Juni_Juli_Aug._Sept._Okt._Nov._Dez.".split("_"), ordinal: function(d) {
         return d + ".";
@@ -2010,7 +2010,7 @@ function Us() {
     }));
   })(me)), me.exports;
 }
-Us();
+Es();
 var ge = { exports: {} }, Zs = ge.exports, qe;
 function Js() {
   return qe || (qe = 1, (function(p, u) {
@@ -2186,7 +2186,7 @@ function go(p, u, r, i, s, o) {
                 ])
               ], -1)),
               e("tbody", mo, [
-                (l(), n($, null, S(10, (t) => e("tr", { key: t }, [...u[0] || (u[0] = [
+                (l(), n(C, null, S(10, (t) => e("tr", { key: t }, [...u[0] || (u[0] = [
                   e("td", { class: "whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6" }, [
                     e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })
                   ], -1),
@@ -2221,9 +2221,9 @@ function go(p, u, r, i, s, o) {
   ]);
 }
 const ut = /* @__PURE__ */ oe(oo, [["render", go]]);
-var fe = { exports: {} }, po = fe.exports, He;
+var fe = { exports: {} }, po = fe.exports, Ue;
 function fo() {
-  return He || (He = 1, (function(p, u) {
+  return Ue || (Ue = 1, (function(p, u) {
     (function(r, i) {
       p.exports = i();
     })(po, (function() {
@@ -2308,11 +2308,11 @@ function So(p, u, r, i, s, o) {
 const ue = /* @__PURE__ */ oe($o, [["render", So]]), Bo = {
   key: 0,
   class: "px-4 sm:px-6 lg:px-8"
-}, Mo = { class: "flow-root" }, jo = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Do = { class: "inline-block min-w-full align-middle" }, To = { class: "min-w-full text-sm" }, zo = { class: "bg-white" }, Fo = {
+}, Mo = { class: "flow-root" }, jo = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Do = { class: "inline-block min-w-full align-middle" }, To = { class: "min-w-full text-sm" }, zo = { class: "bg-white" }, Ao = {
   colspan: "6",
   scope: "colgroup",
   class: "bg-gray-50 py-2 pl-4 pr-3 text-left text-sm font-semibold sm:pl-3"
-}, Ao = {
+}, Fo = {
   colspan: "20",
   scope: "colgroup",
   class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold"
@@ -2332,11 +2332,11 @@ const ue = /* @__PURE__ */ oe($o, [["render", So]]), Bo = {
 }, qo = {
   key: 0,
   class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-48 bg-white shadow rounded px-4 py-1 z-10"
-}, Ro = ["onClick"], Ho = {
+}, Ro = ["onClick"], Uo = {
   colspan: "2",
   scope: "colgroup",
   class: "relative bg-gray-100 py-3.5 pl-4 pr-3 text-left font-semibold"
-}, Eo = ["checked", "indeterminate"], Uo = { class: "pl-6" }, Zo = {
+}, Ho = ["checked", "indeterminate"], Eo = { class: "pl-6" }, Zo = {
   colspan: "2",
   scope: "colgroup",
   class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold"
@@ -2371,7 +2371,7 @@ const ue = /* @__PURE__ */ oe($o, [["render", So]]), Bo = {
   emits: ["dateChanged", "changeCategoryBulkPrices", "changeCategorySelectionPrice", "changeCategoryUpgradePrice", "changeRoomPrice", "tableAction"],
   setup(p, { emit: u }) {
     const r = p, i = u, s = O(/* @__PURE__ */ new Date()), o = O(r.today), t = O([]);
-    U(() => r.today, (B) => {
+    E(() => r.today, (B) => {
       o.value = B;
     });
     const a = V(() => {
@@ -2379,28 +2379,28 @@ const ue = /* @__PURE__ */ oe($o, [["render", So]]), Bo = {
       for (let R = 0; R < 14; R++)
         B.push(Y(o.value).add(R, "day"));
       return B;
-    }), d = V(() => t.value.length > 0 && t.value.length < r.rooms.length), y = (B) => {
+    }), d = V(() => t.value.length > 0 && t.value.length < r.rooms.length), f = (B) => {
       Y(B).isBefore(s.value) || (o.value = B, i("dateChanged", o.value));
-    }, f = (B) => {
+    }, y = (B) => {
       let R = r.category.selectionPrices.find((N) => Y(N.date).isSame(B.date));
       return R ? R.price : B.price;
-    }, C = (B) => {
+    }, $ = (B) => {
       t.value = B.target.checked ? r.rooms.map((R) => R.id) : [];
-    }, b = () => i("changeCategoryBulkPrices"), D = (B) => i("changeCategorySelectionPrice", B), x = (B) => i("changeCategoryUpgradePrice", B), z = (B) => i("tableAction", B), A = (B, R, N) => i("changeRoomPrice", { price: B, roomId: R, roomName: N });
-    return (B, R) => B.loading ? (l(), k(ut, { key: 1 })) : (l(), n("div", Bo, [
+    }, k = () => i("changeCategoryBulkPrices"), D = (B) => i("changeCategorySelectionPrice", B), b = (B) => i("changeCategoryUpgradePrice", B), L = (B) => i("tableAction", B), A = (B, R, N) => i("changeRoomPrice", { price: B, roomId: R, roomName: N });
+    return (B, R) => B.loading ? (l(), x(ut, { key: 1 })) : (l(), n("div", Bo, [
       e("div", Mo, [
         e("div", jo, [
           e("div", Do, [
             e("table", To, [
               e("tbody", zo, [
                 e("tr", null, [
-                  e("th", Fo, [
+                  e("th", Ao, [
                     g(so, {
                       selectedDate: o.value,
-                      onDateSelected: R[0] || (R[0] = (N) => y(N))
+                      onDateSelected: R[0] || (R[0] = (N) => f(N))
                     }, null, 8, ["selectedDate"])
                   ]),
-                  (l(!0), n($, null, S(a.value, (N, _) => (l(), n("th", {
+                  (l(!0), n(C, null, S(a.value, (N, _) => (l(), n("th", {
                     scope: "col",
                     key: _,
                     class: "text-sm font-semibold p-0"
@@ -2412,13 +2412,13 @@ const ue = /* @__PURE__ */ oe($o, [["render", So]]), Bo = {
                   ]))), 128))
                 ]),
                 e("tr", null, [
-                  e("th", Ao, [
+                  e("th", Fo, [
                     e("span", null, m(B.literals.category) + " " + m(B.category.name), 1),
-                    g(H, {
+                    g(U, {
                       loading: B.loading,
                       class: "ml-4",
                       size: "small",
-                      onClick: b
+                      onClick: k
                     }, {
                       default: h(() => [
                         T(m(B.literals.changeInBulk), 1)
@@ -2429,7 +2429,7 @@ const ue = /* @__PURE__ */ oe($o, [["render", So]]), Bo = {
                 ]),
                 B.type === "discounts" ? (l(), n("tr", Lo, [
                   e("td", Oo, m(B.literals.pricesDiscount), 1),
-                  (l(!0), n($, null, S(B.category.selectionPrices, (N, _) => (l(), n("td", {
+                  (l(!0), n(C, null, S(B.category.selectionPrices, (N, _) => (l(), n("td", {
                     key: _,
                     class: "p-0"
                   }, [
@@ -2444,7 +2444,7 @@ const ue = /* @__PURE__ */ oe($o, [["render", So]]), Bo = {
                 ])) : w("", !0),
                 B.type === "prices" ? (l(), n("tr", No, [
                   e("td", Po, m(B.literals.pricesSelection), 1),
-                  (l(!0), n($, null, S(B.category.selectionPrices, (N, _) => (l(), n("td", {
+                  (l(!0), n(C, null, S(B.category.selectionPrices, (N, _) => (l(), n("td", {
                     key: _,
                     class: "p-0"
                   }, [
@@ -2459,12 +2459,12 @@ const ue = /* @__PURE__ */ oe($o, [["render", So]]), Bo = {
                 ])) : w("", !0),
                 B.type === "prices" ? (l(), n("tr", Io, [
                   e("td", Vo, m(B.literals.pricesUpgrade), 1),
-                  (l(!0), n($, null, S(B.category.upgradePrices, (N, _) => (l(), n("td", {
+                  (l(!0), n(C, null, S(B.category.upgradePrices, (N, _) => (l(), n("td", {
                     key: _,
                     class: "p-0"
                   }, [
                     g(ue, {
-                      onClick: (P) => x(N),
+                      onClick: (P) => b(N),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 font-bold cursor-pointer bg-gray-100",
                       price: N,
                       currency: B.currency.symbol,
@@ -2475,8 +2475,8 @@ const ue = /* @__PURE__ */ oe($o, [["render", So]]), Bo = {
                 e("tr", null, [
                   e("th", Yo, [
                     t.value?.length > 0 && B.actions?.length > 0 ? (l(), n("div", qo, [
-                      (l(!0), n($, null, S(B.actions, (N, _) => (l(), n("button", {
-                        onClick: (P) => z({ action: N.id, items: t.value }),
+                      (l(!0), n(C, null, S(B.actions, (N, _) => (l(), n("button", {
+                        onClick: (P) => L({ action: N.id, items: t.value }),
                         key: _,
                         type: "button",
                         class: "inline-flex items-center rounded bg-lime-400 hover:bg-black hover:text-white px-2.5 py-1.5 text-xs font-medium shadow-sm disabled:cursor-not-allowed disabled:opacity-30"
@@ -2486,15 +2486,15 @@ const ue = /* @__PURE__ */ oe($o, [["render", So]]), Bo = {
                   ])
                 ]),
                 e("tr", null, [
-                  e("th", Ho, [
+                  e("th", Uo, [
                     e("input", {
                       type: "checkbox",
                       class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-lime-400 focus:ring-lime-400",
                       checked: d.value || t.value.length === B.rooms.length,
                       indeterminate: d.value,
-                      onChange: C
-                    }, null, 40, Eo),
-                    e("span", Uo, m(B.literals.room), 1)
+                      onChange: $
+                    }, null, 40, Ho),
+                    e("span", Eo, m(B.literals.room), 1)
                   ]),
                   e("th", Zo, m(B.literals.building), 1),
                   e("th", Jo, m(B.literals.floor), 1),
@@ -2504,7 +2504,7 @@ const ue = /* @__PURE__ */ oe($o, [["render", So]]), Bo = {
                     class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold"
                   }, null, -1))
                 ]),
-                (l(!0), n($, null, S(B.rooms, (N) => (l(), n("tr", {
+                (l(!0), n(C, null, S(B.rooms, (N) => (l(), n("tr", {
                   key: N.name,
                   class: v([{ "even:bg-gray-100": B.type === "prices", "odd:bg-gray-100": B.type === "discounts" }])
                 }, [
@@ -2522,7 +2522,7 @@ const ue = /* @__PURE__ */ oe($o, [["render", So]]), Bo = {
                   ]),
                   e("td", Xo, m(N.building), 1),
                   e("td", er, m(N.floor), 1),
-                  (l(!0), n($, null, S(N.selectionPrices, (_, P) => (l(), n("td", {
+                  (l(!0), n(C, null, S(N.selectionPrices, (_, P) => (l(), n("td", {
                     class: "p-0",
                     key: P
                   }, [
@@ -2531,7 +2531,7 @@ const ue = /* @__PURE__ */ oe($o, [["render", So]]), Bo = {
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 cursor-pointer",
                       price: _,
                       currency: B.currency.symbol,
-                      basePrice: f(_)
+                      basePrice: y(_)
                     }, null, 8, ["onClick", "price", "currency", "basePrice"])
                   ]))), 128))
                 ], 2))), 128))
@@ -2569,8 +2569,8 @@ const ue = /* @__PURE__ */ oe($o, [["render", So]]), Bo = {
   setup(p, { emit: u }) {
     const r = u, i = O((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":"))), s = p;
     let o = ie(s.dates || { from: "", to: i });
-    U(() => s.dates, (x) => {
-      x && (o = x);
+    E(() => s.dates, (b) => {
+      b && (o = b);
     });
     let a = {
       chart: {
@@ -2583,7 +2583,7 @@ const ue = /* @__PURE__ */ oe($o, [["render", So]]), Bo = {
       },
       colors: function() {
         return s.isNps ? [
-          function({ value: x, seriesIndex: z, dataPointIndex: A, w: B }) {
+          function({ value: b, seriesIndex: L, dataPointIndex: A, w: B }) {
             if (A <= 5) return "#F87171";
             if (A > 5 && A <= 7) return "#eab308";
             if (A >= 8) return "#84cc16";
@@ -2628,30 +2628,30 @@ const ue = /* @__PURE__ */ oe($o, [["render", So]]), Bo = {
         }
       ]
     }), s.type === "area" && (a.tooltip = { intersect: !1, shared: !0 });
-    const d = () => (a.chart.stacked = s.stacked, s.options && (s.options.xaxis.hideOverlappingLabels = !0, s.options.xaxis.decimalsInFloat = 2, s.options.xaxis.tickAmount = 10), { ...a, ...s.options, plotOptions: { bar: { horizontal: s.horizontal } } }), y = () => {
+    const d = () => (a.chart.stacked = s.stacked, s.options && (s.options.xaxis.hideOverlappingLabels = !0, s.options.xaxis.decimalsInFloat = 2, s.options.xaxis.tickAmount = 10), { ...a, ...s.options, plotOptions: { bar: { horizontal: s.horizontal } } }), f = () => {
       o.from !== "" && o.to !== "" && Y(o.from).isBefore(Y(o.to)) && r("selectedRange", { range: o, chartId: s.id });
-    }, f = V(() => s.series), C = V(() => d()), b = () => r("chartUpdated"), D = (x, z, A) => {
-      r("dataPointSelection", { id: s.id, chartContext: z, config: A, event: x });
+    }, y = V(() => s.series), $ = V(() => d()), k = () => r("chartUpdated"), D = (b, L, A) => {
+      r("dataPointSelection", { id: s.id, chartContext: L, config: A, event: b });
     };
-    return (x, z) => (l(), n($, null, [
+    return (b, L) => (l(), n(C, null, [
       M(e("div", {
-        class: v(["h-[" + x.height + "px]", "card chart apex-chart p-4 bg-white shadow rounded-lg overflow-hidden flex grow"])
+        class: v(["h-[" + b.height + "px]", "card chart apex-chart p-4 bg-white shadow rounded-lg overflow-hidden flex grow"])
       }, [
         e("div", lr, [
-          e("div", sr, m(x.title), 1),
-          x.isNps && x.npsLiterals ? (l(), n("div", or, [
+          e("div", sr, m(b.title), 1),
+          b.isNps && b.npsLiterals ? (l(), n("div", or, [
             g(Z, {
               size: "small",
               color: "red",
               loading: !1
             }, {
               default: h(() => [
-                g(L, {
-                  icon: c(Ut),
+                g(F, {
+                  icon: c(Et),
                   loading: !1,
                   color: "red"
                 }, null, 8, ["icon"]),
-                e("span", rr, m(x.npsLiterals.unhappy), 1)
+                e("span", rr, m(b.npsLiterals.unhappy), 1)
               ]),
               _: 1
             }),
@@ -2661,12 +2661,12 @@ const ue = /* @__PURE__ */ oe($o, [["render", So]]), Bo = {
               loading: !1
             }, {
               default: h(() => [
-                g(L, {
-                  icon: c(Et),
+                g(F, {
+                  icon: c(Ht),
                   loading: !1,
                   color: "yellow"
                 }, null, 8, ["icon"]),
-                e("span", ar, m(x.npsLiterals.neutral), 1)
+                e("span", ar, m(b.npsLiterals.neutral), 1)
               ]),
               _: 1
             }),
@@ -2676,12 +2676,12 @@ const ue = /* @__PURE__ */ oe($o, [["render", So]]), Bo = {
               loading: !1
             }, {
               default: h(() => [
-                g(L, {
+                g(F, {
                   icon: c(Zt),
                   loading: !1,
                   color: "green"
                 }, null, 8, ["icon"]),
-                e("span", nr, m(x.npsLiterals.happy), 1)
+                e("span", nr, m(b.npsLiterals.happy), 1)
               ]),
               _: 1
             })
@@ -2690,9 +2690,9 @@ const ue = /* @__PURE__ */ oe($o, [["render", So]]), Bo = {
             e("div", dr, [
               M(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": z[0] || (z[0] = (A) => c(o).from = A),
+                "onUpdate:modelValue": L[0] || (L[0] = (A) => c(o).from = A),
                 max: i.value.toString(),
-                onChange: y,
+                onChange: f,
                 name: "from",
                 id: "from",
                 class: "text-xs relative block w-full rounded rounded-r-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
@@ -2703,9 +2703,9 @@ const ue = /* @__PURE__ */ oe($o, [["render", So]]), Bo = {
             e("div", cr, [
               M(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": z[1] || (z[1] = (A) => c(o).to = A),
+                "onUpdate:modelValue": L[1] || (L[1] = (A) => c(o).to = A),
                 max: i.value.toString(),
-                onChange: y,
+                onChange: f,
                 name: "to",
                 id: "to",
                 class: "text-xs relative block w-full -mr-2 rounded rounded-l-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
@@ -2713,48 +2713,48 @@ const ue = /* @__PURE__ */ oe($o, [["render", So]]), Bo = {
                 [ae, c(o).to]
               ])
             ]),
-            g(L, {
+            g(F, {
               class: "ml-4 cursor-pointer",
               size: "big",
-              loading: x.loading,
+              loading: b.loading,
               icon: c(lt),
-              onClick: z[2] || (z[2] = (A) => x.$emit("maximizeChart", x.id))
+              onClick: L[2] || (L[2] = (A) => b.$emit("maximizeChart", b.id))
             }, null, 8, ["loading", "icon"])
           ])
         ]),
         M(e("div", gr, [
           g(c(Le), {
             class: "chart",
-            type: x.type,
-            series: f.value,
-            height: x.height,
-            options: C.value,
-            onUpdated: b,
-            onMounted: b,
+            type: b.type,
+            series: y.value,
+            height: b.height,
+            options: $.value,
+            onUpdated: k,
+            onMounted: k,
             onDataPointSelection: D
           }, null, 8, ["type", "series", "height", "options"])
         ], 512), [
-          [F, !x.empty]
+          [z, !b.empty]
         ]),
         M(e("div", {
-          class: v(["h-[" + x.height + "px]", "w-full flex items-center justify-center flex-col"])
+          class: v(["h-[" + b.height + "px]", "w-full flex items-center justify-center flex-col"])
         }, [
-          g(L, {
+          g(F, {
             icon: c(W),
             color: "gray",
             loading: !1,
             size: "massive"
           }, null, 8, ["icon"]),
-          z[3] || (z[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data for this time frame", -1))
+          L[3] || (L[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data for this time frame", -1))
         ], 2), [
-          [F, x.empty]
+          [z, b.empty]
         ])
       ], 2), [
-        [F, !x.loading]
+        [z, !b.loading]
       ]),
       M(e("div", {
-        class: v(["h-[" + x.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80"])
-      }, [...z[4] || (z[4] = [
+        class: v(["h-[" + b.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80"])
+      }, [...L[4] || (L[4] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -2781,7 +2781,7 @@ const ue = /* @__PURE__ */ oe($o, [["render", So]]), Bo = {
           ])
         ], -1)
       ])], 2), [
-        [F, x.loading]
+        [z, b.loading]
       ])
     ], 64));
   }
@@ -2818,10 +2818,10 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
         })
       ], -1)),
       M(e("h2", { class: "text-xs font-bold text-center uppercase mb-2" }, m(u.title), 513), [
-        [F, u.title]
+        [z, u.title]
       ]),
       M(e("p", { class: "text-xs text-center uppercase md:w-1/4" }, m(u.message), 513), [
-        [F, u.message]
+        [z, u.message]
       ])
     ], 2));
   }
@@ -2837,10 +2837,10 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
 }, $r = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, Cr = { class: "text-sm text-gray-700" }, Sr = { class: "font-bold mx-1" }, Br = { class: "font-bold mx-1" }, Mr = { class: "font-bold mx-1" }, jr = {
   class: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px",
   "aria-label": "Pagination"
-}, Dr = { class: "sr-only" }, Tr = ["onClick"], zr = { class: "sr-only" }, Fr = {
+}, Dr = { class: "sr-only" }, Tr = ["onClick"], zr = { class: "sr-only" }, Ar = {
   key: 1,
   class: "py-6 flex flex-row justify-between items-center animate-pulse"
-}, Ar = /* @__PURE__ */ j({
+}, Fr = /* @__PURE__ */ j({
   __name: "uiPagination",
   props: {
     current: {},
@@ -2856,32 +2856,32 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
       () => Math.min(Number(i.current) + Number(s.value), Number(i.total))
     ), a = V(() => {
       let d = [];
-      for (let y = Number(o.value); y <= Number(t.value); y++)
-        d.push(y);
+      for (let f = Number(o.value); f <= Number(t.value); f++)
+        d.push(f);
       return d;
     });
-    return (d, y) => d.loading ? (l(), n("div", Fr, [...y[3] || (y[3] = [
+    return (d, f) => d.loading ? (l(), n("div", Ar, [...f[3] || (f[3] = [
       e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1),
       e("div", { class: "h-10 w-32 bg-gray-200 rounded dark:bg-gray-300" }, null, -1)
     ])])) : (l(), n("div", wr, [
       e("div", kr, [
         e("a", xr, [
-          E(d.$slots, "previous")
+          H(d.$slots, "previous")
         ]),
         e("a", _r, [
-          E(d.$slots, "next")
+          H(d.$slots, "next")
         ])
       ]),
       e("div", $r, [
         e("div", null, [
           e("p", Cr, [
-            E(d.$slots, "showing"),
+            H(d.$slots, "showing"),
             e("span", Sr, m(d.current), 1),
-            E(d.$slots, "of"),
+            H(d.$slots, "of"),
             e("span", Br, m(d.total), 1),
-            E(d.$slots, "pages"),
-            y[2] || (y[2] = e("span", { class: "font-bold mx-1" }, "/", -1)),
-            E(d.$slots, "fromTotal"),
+            H(d.$slots, "pages"),
+            f[2] || (f[2] = e("span", { class: "font-bold mx-1" }, "/", -1)),
+            H(d.$slots, "fromTotal"),
             e("span", Mr, m(d.totalItems), 1)
           ])
         ]),
@@ -2889,41 +2889,41 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
           e("nav", jr, [
             M(e("button", {
               ref: "test-first-button",
-              onClick: y[0] || (y[0] = (f) => r("changePage", d.current - 1)),
+              onClick: f[0] || (f[0] = (y) => r("changePage", d.current - 1)),
               class: "relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
             }, [
               e("span", Dr, [
-                E(d.$slots, "previous")
+                H(d.$slots, "previous")
               ]),
               g(c(rt), {
                 class: "h-5 w-5",
                 "aria-hidden": "true"
               })
             ], 512), [
-              [F, d.current !== 1]
+              [z, d.current !== 1]
             ]),
-            (l(!0), n($, null, S(a.value, (f) => (l(), n("button", {
-              onClick: (C) => r("changePage", f),
-              key: f,
+            (l(!0), n(C, null, S(a.value, (y) => (l(), n("button", {
+              onClick: ($) => r("changePage", y),
+              key: y,
               "aria-current": "page",
               class: v([[
-                f === d.current ? "z-10 bg-lime-50 border-lime-400 text-black" : "bg-white border-gray-300 text-gray-500 hover:bg-gray-50"
+                y === d.current ? "z-10 bg-lime-50 border-lime-400 text-black" : "bg-white border-gray-300 text-gray-500 hover:bg-gray-50"
               ], "relative inline-flex items-center px-4 py-2 border text-sm font-medium"])
-            }, m(f), 11, Tr))), 128)),
+            }, m(y), 11, Tr))), 128)),
             M(e("button", {
               ref: "test-last-button",
-              onClick: y[1] || (y[1] = (f) => r("changePage", d.current + 1)),
+              onClick: f[1] || (f[1] = (y) => r("changePage", d.current + 1)),
               class: "relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
             }, [
               e("span", zr, [
-                E(d.$slots, "next")
+                H(d.$slots, "next")
               ]),
               g(c(de), {
                 class: "h-5 w-5",
                 "aria-hidden": "true"
               })
             ], 512), [
-              [F, d.current !== d.total]
+              [z, d.current !== d.total]
             ])
           ])
         ])
@@ -2942,13 +2942,13 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
 }, Rr = {
   key: 2,
   class: "flex-1"
-}, Hr = {
+}, Ur = {
   key: 0,
   class: "align-left"
-}, Er = {
+}, Hr = {
   key: 1,
   class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2"
-}, Ur = { class: "h-12 flex flex-row items-center" }, Zr = /* @__PURE__ */ j({
+}, Er = { class: "h-12 flex flex-row items-center" }, Zr = /* @__PURE__ */ j({
   __name: "uiSidebar",
   props: {
     navigation: {},
@@ -2964,13 +2964,13 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
       e("div", Or, [
         e("div", Nr, [
           e("nav", Pr, [
-            o.loading ? (l(), n($, { key: 1 }, S(5, (a) => e("div", Ur, [...t[1] || (t[1] = [
+            o.loading ? (l(), n(C, { key: 1 }, S(5, (a) => e("div", Er, [...t[1] || (t[1] = [
               e("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1),
               e("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 grow" }, null, -1)
-            ])])), 64)) : (l(!0), n($, { key: 0 }, S(s.value, (a) => (l(), n($, {
+            ])])), 64)) : (l(!0), n(C, { key: 0 }, S(s.value, (a) => (l(), n(C, {
               key: a.name
             }, [
-              a.children ? (l(), k(c(ye), {
+              a.children ? (l(), x(c(ye), {
                 key: 1,
                 as: "div",
                 class: "space-y-1"
@@ -2980,7 +2980,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
                     class: v([a.current ? "bg-indigo-600 text-white" : "text-gray-600 hover:bg-gray-50 hover:text-gray-900", "group w-full flex items-center pl-2 pr-1 py-2 text-left text-sm font-medium rounded-md focus:outline-none"])
                   }, {
                     default: h(() => [
-                      a.icon ? (l(), k(L, {
+                      a.icon ? (l(), x(F, {
                         key: 0,
                         loading: o.loading,
                         icon: a.icon,
@@ -3001,13 +3001,13 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
                   }, 1032, ["class"]),
                   g(c(ve), { class: "space-y-1" }, {
                     default: h(() => [
-                      (l(!0), n($, null, S(a.children, (y) => (l(), k(c(Q), {
-                        onClick: (f) => i("sideBarClick", y.id),
-                        key: y.name,
-                        class: v([y.current ? "bg-gray-200" : "hover:text-gray-900 hover:bg-gray-100", "group text-gray-600 w-full flex items-center text-left pl-11 pr-2 py-2 text-sm font-medium rounded-md"])
+                      (l(!0), n(C, null, S(a.children, (f) => (l(), x(c(Q), {
+                        onClick: (y) => i("sideBarClick", f.id),
+                        key: f.name,
+                        class: v([f.current ? "bg-gray-200" : "hover:text-gray-900 hover:bg-gray-100", "group text-gray-600 w-full flex items-center text-left pl-11 pr-2 py-2 text-sm font-medium rounded-md"])
                       }, {
                         default: h(() => [
-                          o.loading ? (l(), n("div", Er)) : (l(), n("span", Hr, m(y.name), 1))
+                          o.loading ? (l(), n("div", Hr)) : (l(), n("span", Ur, m(f.name), 1))
                         ]),
                         _: 2
                       }, 1032, ["onClick", "class"]))), 128))
@@ -3024,7 +3024,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
                     "group w-full flex items-center pl-2 py-2 text-sm font-medium rounded-md"
                   ])
                 }, [
-                  a.icon ? (l(), k(L, {
+                  a.icon ? (l(), x(F, {
                     key: 0,
                     loading: o.loading,
                     icon: a.icon,
@@ -3076,7 +3076,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
     return (s, o) => (l(), n("div", Jr, [
       e("div", Wr, [
         e("ul", null, [
-          (l(!0), n($, null, S(s.productsSidebar, (t, a) => (l(), n("li", {
+          (l(!0), n(C, null, S(s.productsSidebar, (t, a) => (l(), n("li", {
             key: a,
             class: v([{ "!bg-lime-400": t.active }, "w-full h-16 p-4 flex items-center justify-center cursor-pointer hover:bg-lime-400 hover:text-black"]),
             onClick: (d) => s.$emit("productBarClick", t.name)
@@ -3090,7 +3090,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
       ]),
       s.loading ? (l(), n("div", ia, [
         e("div", da, [
-          (l(), n($, null, S(5, (t) => e("div", ua, [...o[2] || (o[2] = [
+          (l(), n(C, null, S(5, (t) => e("div", ua, [...o[2] || (o[2] = [
             e("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1),
             e("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full w-1/2 dark:bg-gray-300" }, null, -1)
           ])])), 64))
@@ -3111,10 +3111,10 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
             s.isFilterNavigation ? w("", !0) : (l(), n("ul", la, [
               e("li", null, [
                 e("ul", sa, [
-                  (l(!0), n($, null, S(i.value, (t) => (l(), n("li", {
+                  (l(!0), n(C, null, S(i.value, (t) => (l(), n("li", {
                     key: t.name
                   }, [
-                    t.children ? (l(), k(c(ye), {
+                    t.children ? (l(), x(c(ye), {
                       key: 1,
                       as: "div"
                     }, {
@@ -3124,7 +3124,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
                           class: v([t.current ? "bg-lime-100" : "hover:bg-lime-100", "flex w-full items-center gap-x-3 rounded-md p-2 text-left text-sm font-semibold leading-6 text-gray-700"])
                         }, {
                           default: h(() => [
-                            g(L, {
+                            g(F, {
                               icon: t.icon,
                               color: "primary",
                               size: "big",
@@ -3147,7 +3147,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
                             static: ""
                           }, {
                             default: h(() => [
-                              (l(!0), n($, null, S(t.children, (a) => (l(), n("li", {
+                              (l(!0), n(C, null, S(t.children, (a) => (l(), n("li", {
                                 key: a.name
                               }, [
                                 g(c(Q), {
@@ -3165,7 +3165,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
                             _: 2
                           }, 1024)
                         ], 512), [
-                          [F, t.children.some((a) => a.current) || t.current]
+                          [z, t.children.some((a) => a.current) || t.current]
                         ])
                       ]),
                       _: 2
@@ -3174,7 +3174,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
                       onClick: (a) => s.$emit("sideBarClick", t.id),
                       class: v([t.current ? "bg-lime-100" : "hover:bg-lime-100", "group flex gap-x-3 rounded-md p-2 text-sm font-semibold leading-6 text-gray-700 cursor-pointer"])
                     }, [
-                      g(L, {
+                      g(F, {
                         icon: t.icon,
                         color: "primary",
                         size: "big",
@@ -3190,7 +3190,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
             ])),
             s.isFilterNavigation && s.filterNavigation ? (l(), n("ul", ra, [
               e("li", aa, [
-                s.filterNavigation.hasSearch && s.filterNavigation.search ? (l(), k(J, {
+                s.filterNavigation.hasSearch && s.filterNavigation.search ? (l(), x(J, {
                   key: 0,
                   name: s.filterNavigation.search.name,
                   label: s.filterNavigation.search.label,
@@ -3200,12 +3200,12 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
                   onInputChanged: o[1] || (o[1] = (t) => s.$emit("inputChanged", t))
                 }, null, 8, ["name", "label", "placeholder", "value", "loading"])) : w("", !0)
               ]),
-              (l(!0), n($, null, S(s.filterNavigation.items, (t, a) => (l(), n("li", {
+              (l(!0), n(C, null, S(s.filterNavigation.items, (t, a) => (l(), n("li", {
                 class: "ml-2",
                 key: a
               }, [
                 e("p", na, m(t.label), 1),
-                (l(!0), n($, null, S(t.filters, (d, y) => (l(), k(re, {
+                (l(!0), n(C, null, S(t.filters, (d, f) => (l(), x(re, {
                   class: "mb-2",
                   value: d.value,
                   loading: d.loading
@@ -3237,7 +3237,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
       e("div", ba, [
         e("dt", null, [
           e("div", wa, [
-            g(L, {
+            g(F, {
               loading: r.loading,
               icon: r.item.icon,
               class: "h-6 w-6 text-white",
@@ -3264,7 +3264,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
               "bg-yellow-400": r.item.color === "yellow"
             }])
           }, [
-            g(L, {
+            g(F, {
               icon: r.item.icon,
               class: "h-6 w-6",
               "aria-hidden": "true",
@@ -3287,12 +3287,12 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
               "ml-2 flex items-baseline text-sm font-semibold"
             ])
           }, [
-            r.item.changeType === "increase" ? (l(), k(c(qt), {
+            r.item.changeType === "increase" ? (l(), x(c(qt), {
               key: 0,
               class: "self-center flex-shrink-0 h-3 w-3 text-green-500",
               "aria-hidden": "true"
             })) : w("", !0),
-            r.item.changeType === "decrease" ? (l(), k(c(Vt), {
+            r.item.changeType === "decrease" ? (l(), x(c(Vt), {
               key: 1,
               class: "self-center flex-shrink-0 h-3 w-3 text-red-500",
               "aria-hidden": "true"
@@ -3307,7 +3307,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
               }, m(r.item.actionText), 1)
             ])
           ], 512), [
-            [F, r.item.showFooter]
+            [z, r.item.showFooter]
           ])
         ])
       ], 2)
@@ -3339,7 +3339,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
       r[1] || (r[1] = se('<div class="px-4 py-5 sm:px-6 animate-pulse"><h3 class="text-lg font-medium leading-6"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4"></div></h3><div class="mt-1 max-w-2xl text-sm text-gray-500"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/5"></div></div></div>', 1)),
       e("div", Ta, [
         e("dl", null, [
-          (l(), n($, null, S(5, (i) => e("div", {
+          (l(), n(C, null, S(5, (i) => e("div", {
             key: i,
             class: v(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [i % 2 === 0 ? "bg-gray-50" : "bg-white"]])
           }, [...r[0] || (r[0] = [
@@ -3359,13 +3359,13 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
       ]),
       e("div", Ca, [
         e("dl", null, [
-          (l(!0), n($, null, S(u.items, (i, s) => (l(), n("div", {
+          (l(!0), n(C, null, S(u.items, (i, s) => (l(), n("div", {
             key: s,
             class: v(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [s % 2 === 0 ? "bg-lime-50" : "bg-white"]])
           }, [
             e("dt", Sa, m(i.title), 1),
             i.type === "tags" ? (l(), n("dd", Ba, [
-              (l(!0), n($, null, S(i.tags, (o, t) => (l(), k(Z, {
+              (l(!0), n(C, null, S(i.tags, (o, t) => (l(), x(Z, {
                 loading: u.loading,
                 key: t,
                 color: o.color,
@@ -3386,7 +3386,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
       ])
     ]));
   }
-}), Fa = { class: "absolute top-10 bg-black text-white text-xs p-2 rounded z-10 font-light w-60 flex flex-row items-start" }, Aa = { class: "ml-2" }, La = {
+}), Aa = { class: "absolute top-10 bg-black text-white text-xs p-2 rounded z-10 font-light w-60 flex flex-row items-start" }, Fa = { class: "ml-2" }, La = {
   __name: "tooltip",
   props: {
     tip: {
@@ -3395,7 +3395,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
     }
   },
   setup(p) {
-    return (u, r) => (l(), n("div", Fa, [
+    return (u, r) => (l(), n("div", Aa, [
       r[0] || (r[0] = e("svg", {
         class: "absolute -top-3 left-0",
         xmlns: "http://www.w3.org/2000/svg",
@@ -3412,20 +3412,20 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
         })
       ], -1)),
       e("div", null, [
-        g(L, {
+        g(F, {
           icon: c(Gt),
           loading: !1,
           color: "white",
           size: "big"
         }, null, 8, ["icon"])
       ]),
-      e("span", Aa, m(p.tip), 1)
+      e("span", Fa, m(p.tip), 1)
     ]));
   }
 }, Oa = { key: 0 }, Na = { class: "flex flex-col" }, Pa = { class: "-my-2 overflow-x-auto" }, Ia = { class: "inline-block min-w-full py-2 align-middle px-1" }, Va = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Ya = {
   key: 0,
   class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-16 bg-white shadow rounded px-4 py-1 z-10"
-}, qa = ["onClick"], Ra = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Ha = { class: "bg-lime-50" }, Ea = ["checked", "indeterminate"], Ua = ["onMouseover", "onMouseleave"], Za = ["onClick"], Ja = {
+}, qa = ["onClick"], Ra = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Ua = { class: "bg-lime-50" }, Ha = ["checked", "indeterminate"], Ea = ["onMouseover", "onMouseleave"], Za = ["onClick"], Ja = {
   key: 2,
   class: "group flex items-center uppercase text-xs"
 }, Wa = { class: "divide-y divide-gray-200 bg-white" }, Ga = {
@@ -3448,114 +3448,114 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
     let r = O([]), i = O(""), s = O(!1);
     const o = u, t = p, a = V(
       () => r.value.length > 0 && r.value.length < t.items.length
-    ), d = (b, D) => {
-      i.value !== b && D && (i.value = b), D || (i.value = void 0);
-    }, y = (b) => {
-      r.value = b.target.checked ? t.items.map((D) => D.id) : [];
-    }, f = (b) => {
-      o("customEmit", b);
-    }, C = (b) => t.hiddenColumns && t.hiddenColumns.length > 0 ? !t.hiddenColumns.includes(b) : !0;
-    return U(() => t.resetSelected, (b) => {
-      s.value = b, b && s.value && (r.value = [], s.value = !b, o("selectedItemsDeleted"));
-    }), (b, D) => b.loading ? (l(), k(ut, { key: 1 })) : (l(), n("div", Oa, [
+    ), d = (k, D) => {
+      i.value !== k && D && (i.value = k), D || (i.value = void 0);
+    }, f = (k) => {
+      r.value = k.target.checked ? t.items.map((D) => D.id) : [];
+    }, y = (k) => {
+      o("customEmit", k);
+    }, $ = (k) => t.hiddenColumns && t.hiddenColumns.length > 0 ? !t.hiddenColumns.includes(k) : !0;
+    return E(() => t.resetSelected, (k) => {
+      s.value = k, k && s.value && (r.value = [], s.value = !k, o("selectedItemsDeleted"));
+    }), (k, D) => k.loading ? (l(), x(ut, { key: 1 })) : (l(), n("div", Oa, [
       e("div", Na, [
         e("div", Pa, [
           e("div", Ia, [
             e("div", Va, [
-              c(r)?.length > 0 && b.actions?.length > 0 ? (l(), n("div", Ya, [
-                (l(!0), n($, null, S(b.actions, (x, z) => (l(), n("button", {
-                  onClick: (A) => b.$emit("tableAction", { action: x.id, items: c(r) }),
-                  key: z,
+              c(r)?.length > 0 && k.actions?.length > 0 ? (l(), n("div", Ya, [
+                (l(!0), n(C, null, S(k.actions, (b, L) => (l(), n("button", {
+                  onClick: (A) => k.$emit("tableAction", { action: b.id, items: c(r) }),
+                  key: L,
                   type: "button",
                   class: "inline-flex items-center rounded bg-lime-400 hover:bg-black px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30"
-                }, m(x.name), 9, qa))), 128))
+                }, m(b.name), 9, qa))), 128))
               ])) : w("", !0),
               e("table", Ra, [
-                e("thead", Ha, [
+                e("thead", Ua, [
                   e("tr", null, [
                     e("th", {
                       scope: "col",
-                      class: v([b.actions ? "px-6 sm:px-8" : "px-3", "relative"])
+                      class: v([k.actions ? "px-6 sm:px-8" : "px-3", "relative"])
                     }, [
-                      b.actions ? (l(), n("input", {
+                      k.actions ? (l(), n("input", {
                         key: 0,
-                        checked: a.value || c(r).length === b.items.length,
+                        checked: a.value || c(r).length === k.items.length,
                         indeterminate: a.value,
                         class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-black focus:ring-lime-400",
                         type: "checkbox",
-                        onChange: y
-                      }, null, 40, Ea)) : w("", !0)
+                        onChange: f
+                      }, null, 40, Ha)) : w("", !0)
                     ], 2),
-                    (l(!0), n($, null, S(b.header, (x, z) => M((l(), n("th", {
-                      key: z,
+                    (l(!0), n(C, null, S(k.header, (b, L) => M((l(), n("th", {
+                      key: L,
                       class: "py-3.5 pr-3 text-left font-semibold relative",
                       scope: "col",
-                      onMouseover: (A) => d(x.name, !0),
-                      onMouseleave: (A) => d(x.name, !1)
+                      onMouseover: (A) => d(b.name, !0),
+                      onMouseleave: (A) => d(b.name, !1)
                     }, [
-                      x.tooltip ? M((l(), k(La, {
+                      b.tooltip ? M((l(), x(La, {
                         key: 0,
-                        tip: x.tooltip
+                        tip: b.tooltip
                       }, null, 8, ["tip"])), [
-                        [F, c(i) === x.name]
+                        [z, c(i) === b.name]
                       ]) : w("", !0),
-                      x.value ? (l(), n("button", {
+                      b.value ? (l(), n("button", {
                         key: 1,
                         class: "group flex items-center uppercase text-xs relative text-nowrap",
-                        onClick: (A) => o("orderBy", { value: x.value, orderDirection: b.orderDirection === "asc" ? "desc" : "asc" })
+                        onClick: (A) => o("orderBy", { value: b.value, orderDirection: k.orderDirection === "asc" ? "desc" : "asc" })
                       }, [
-                        e("span", null, m(x.name), 1),
+                        e("span", null, m(b.name), 1),
                         e("span", {
                           class: v([[
-                            x.value === b.orderedBy ? "bg-black text-white group-hover:bg-lime-400 group-hover:text-black" : "group-hover:visible group-focus:visible"
+                            b.value === k.orderedBy ? "bg-black text-white group-hover:bg-lime-400 group-hover:text-black" : "group-hover:visible group-focus:visible"
                           ], "ml-2 flex-none rounded group-hover:bg-lime-200 group-hover:text-white"])
                         }, [
-                          g(L, {
-                            icon: b.orderDirection === "asc" ? c(le) : c(at),
-                            loading: b.loading,
-                            color: x.value === b.orderedBy ? "white" : "primary"
+                          g(F, {
+                            icon: k.orderDirection === "asc" ? c(le) : c(at),
+                            loading: k.loading,
+                            color: b.value === k.orderedBy ? "white" : "primary"
                           }, null, 8, ["icon", "loading", "color"])
                         ], 2)
                       ], 8, Za)) : (l(), n("p", Ja, [
-                        e("span", null, m(x.name), 1)
+                        e("span", null, m(b.name), 1)
                       ]))
-                    ], 40, Ua)), [
-                      [F, C(z)]
+                    ], 40, Ea)), [
+                      [z, $(L)]
                     ])), 128))
                   ])
                 ]),
                 e("tbody", Wa, [
-                  (l(!0), n($, null, S(b.items, (x, z) => (l(), n("tr", {
-                    key: x.id,
+                  (l(!0), n(C, null, S(k.items, (b, L) => (l(), n("tr", {
+                    key: b.id,
                     class: v([
-                      c(r).includes(x.id) && "bg-gray-50",
-                      z % 2 == 0 ? void 0 : "bg-gray-50"
+                      c(r).includes(b.id) && "bg-gray-50",
+                      L % 2 == 0 ? void 0 : "bg-gray-50"
                     ])
                   }, [
                     e("td", {
-                      class: v([b.actions?.length > 0 ? "w-2" : "w-0", "relative"])
+                      class: v([k.actions?.length > 0 ? "w-2" : "w-0", "relative"])
                     }, [
-                      c(r).includes(x.id) ? (l(), n("div", Ga)) : w("", !0),
-                      b.actions?.length > 0 ? M((l(), n("input", {
+                      c(r).includes(b.id) ? (l(), n("div", Ga)) : w("", !0),
+                      k.actions?.length > 0 ? M((l(), n("input", {
                         key: 1,
                         "onUpdate:modelValue": D[0] || (D[0] = (A) => Be(r) ? r.value = A : r = A),
-                        value: x.id,
+                        value: b.id,
                         class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-black focus:ring-lime-400 flex-wrap",
                         type: "checkbox"
                       }, null, 8, Qa)), [
                         [Je, c(r)]
                       ]) : w("", !0)
                     ], 2),
-                    (l(!0), n($, null, S(x.row, (A, B) => M((l(), n("td", {
+                    (l(!0), n(C, null, S(b.row, (A, B) => M((l(), n("td", {
                       key: B,
                       class: v([
                         "whitespace-nowrap py-4 pr-3 text-sm",
-                        c(r).includes(x.id) ? "text-black font-bold" : ""
+                        c(r).includes(b.id) ? "text-black font-bold" : ""
                       ])
                     }, [
-                      typeof A == "object" && A.type === "tag" ? (l(), k(Z, {
+                      typeof A == "object" && A.type === "tag" ? (l(), x(Z, {
                         key: 0,
-                        loading: b.loading,
+                        loading: k.loading,
                         color: A.color
                       }, {
                         default: h(() => [
@@ -3565,14 +3565,14 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
                       }, 1032, ["loading", "color"])) : typeof A == "object" && A.type === "link" ? (l(), n("span", {
                         key: 1,
                         class: "text-black font-bold underline hover:text-lime-400 cursor-pointer",
-                        onClick: (R) => f(A)
+                        onClick: (R) => y(A)
                       }, m(A.content), 9, Ka)) : typeof A == "object" && A.type === "href" ? (l(), n("a", {
                         key: 2,
                         class: "text-black font-bold underline hover:text-lime-400 cursor-pointer",
                         href: A.href
                       }, m(A.content), 9, Xa)) : (l(), n("span", en, m(A), 1))
                     ], 2)), [
-                      [F, C(B)]
+                      [z, $(B)]
                     ])), 128))
                   ], 2))), 128))
                 ])
@@ -3605,7 +3605,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
           name: "tabs",
           class: "block w-full rounded-md border-black py-2 pl-3 pr-10 text-base focus:border-lime-400 focus:outline-none focus:ring-lime-400 sm:text-sm"
         }, [
-          (l(!0), n($, null, S(s.tabs, (t) => (l(), n("option", {
+          (l(!0), n(C, null, S(s.tabs, (t) => (l(), n("option", {
             value: t.id,
             key: t.name
           }, m(t.name), 9, sn))), 128))
@@ -3614,7 +3614,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
       e("div", on, [
         e("div", rn, [
           e("nav", an, [
-            (l(!0), n($, null, S(s.tabs, (t) => (l(), n("a", {
+            (l(!0), n(C, null, S(s.tabs, (t) => (l(), n("a", {
               key: t.name,
               onClick: (a) => r("tabClicked", t.id),
               class: v([
@@ -3681,7 +3681,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
       e("div", Sn, [
         e("div", Bn, [
           e("ul", Mn, [
-            (l(), n($, null, S(10, (t, a) => e("li", { key: a }, [
+            (l(), n(C, null, S(10, (t, a) => e("li", { key: a }, [
               e("div", jn, [
                 t !== 10 ? (l(), n("span", Dn)) : w("", !0),
                 o[2] || (o[2] = se('<div class="relative flex space-x-3"><div><span class="h-8 w-8 rounded-full bg-gray-300 flex items-center justify-center ring-4 ring-white"></span></div><div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center"><div><div class="text-sm text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full"></div></div></div><div class="text-right text-sm whitespace-nowrap text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4"></div></div></div></div>', 1))
@@ -3710,7 +3710,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
             class: "-mb-8"
           }, {
             default: h(() => [
-              (l(!0), n($, null, S(i.items, (t, a) => (l(), n("li", { key: a }, [
+              (l(!0), n(C, null, S(i.items, (t, a) => (l(), n("li", { key: a }, [
                 e("div", pn, [
                   a < i.items.length - 1 ? (l(), n("span", fn)) : w("", !0),
                   e("div", hn, [
@@ -3722,7 +3722,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
                           "bg-yellow-400": t?.iconBackground === "warning"
                         }, "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"])
                       }, [
-                        g(L, {
+                        g(F, {
                           loading: s.loading,
                           icon: t?.icon,
                           "aria-hidden": "true",
@@ -3763,7 +3763,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
           }, m(s.timeline.footerText), 1)
         ])
       ])) : (l(), n("div", $n, [
-        g(L, {
+        g(F, {
           icon: c(W),
           color: "gray",
           loading: !1,
@@ -3773,7 +3773,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
       ]))
     ], 2));
   }
-}), zn = { class: "mx-auto px-6 lg:px-8" }, Fn = { class: "flex justify-between h-20" }, An = { class: "flex" }, Ln = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, On = ["src"], Nn = { class: "flex items-center" }, Pn = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, In = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, Vn = ["src"], Yn = ["onClick"], qn = { class: "pt-2 pb-3 space-y-1" }, Rn = ["onClick"], Hn = { class: "pt-4 pb-3 border-t border-gray-200" }, En = { class: "flex items-center px-4 sm:px-6" }, Un = { class: "flex-shrink-0" }, Zn = ["src"], Jn = {
+}), zn = { class: "mx-auto px-6 lg:px-8" }, An = { class: "flex justify-between h-20" }, Fn = { class: "flex" }, Ln = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, On = ["src"], Nn = { class: "flex items-center" }, Pn = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, In = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, Vn = ["src"], Yn = ["onClick"], qn = { class: "pt-2 pb-3 space-y-1" }, Rn = ["onClick"], Un = { class: "pt-4 pb-3 border-t border-gray-200" }, Hn = { class: "flex items-center px-4 sm:px-6" }, En = { class: "flex-shrink-0" }, Zn = ["src"], Jn = {
   key: 0,
   class: "ml-3"
 }, Wn = { class: "text-base font-medium text-gray-800" }, Gn = { class: "text-sm font-medium text-gray-500" }, Qn = { class: "mt-3 space-y-1" }, Kn = ["onClick"], Xn = /* @__PURE__ */ j({
@@ -3789,23 +3789,23 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
   emits: ["topBarClick"],
   setup(p, { emit: u }) {
     const r = p, i = V(() => r.navigation ? Array.isArray(r.navigation) ? r.navigation : [r.navigation] : []);
-    return (s, o) => (l(), k(c(ye), {
+    return (s, o) => (l(), x(c(ye), {
       as: "nav",
       class: "bg-white shadow z-10"
     }, {
       default: h(({ open: t }) => [
         e("div", zn, [
-          e("div", Fn, [
-            e("div", An, [
+          e("div", An, [
+            e("div", Fn, [
               e("div", Ln, [
                 g(c(Q), { class: "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" }, {
                   default: h(() => [
                     o[1] || (o[1] = e("span", { class: "sr-only" }, "Open main menu", -1)),
-                    t ? (l(), k(c(K), {
+                    t ? (l(), x(c(K), {
                       key: 1,
                       class: "block h-6 w-6",
                       "aria-hidden": "true"
-                    })) : (l(), k(c(st), {
+                    })) : (l(), x(c(st), {
                       key: 0,
                       class: "block h-6 w-6",
                       "aria-hidden": "true"
@@ -3838,7 +3838,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
                           M(e("div", In, [...o[2] || (o[2] = [
                             e("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                           ])], 512), [
-                            [F, s.alerted]
+                            [z, s.alerted]
                           ]),
                           e("img", {
                             class: "h-10 w-10 rounded-full",
@@ -3847,7 +3847,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
                         ]),
                         _: 1
                       }, 512), [
-                        [F, s.accountLogo]
+                        [z, s.accountLogo]
                       ])
                     ]),
                     g(ne, {
@@ -3861,12 +3861,12 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
                       default: h(() => [
                         g(c(De), { class: "origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, {
                           default: h(() => [
-                            (l(!0), n($, null, S(s.profileMenu, (a) => (l(), k(c(Te), {
+                            (l(!0), n(C, null, S(s.profileMenu, (a) => (l(), x(c(Te), {
                               key: a.name
                             }, {
                               default: h(({ active: d }) => [
                                 e("p", {
-                                  onClick: (y) => s.$emit("topBarClick", a.id),
+                                  onClick: (f) => s.$emit("topBarClick", a.id),
                                   class: v(["cursor-pointer", [
                                     d ? "bg-gray-100" : "",
                                     "block px-4 py-2 text-sm text-gray-700"
@@ -3891,7 +3891,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
         g(c(ve), { class: "lg:hidden" }, {
           default: h(() => [
             e("div", qn, [
-              (l(!0), n($, null, S(i.value, (a) => (l(), k(c(Q), {
+              (l(!0), n(C, null, S(i.value, (a) => (l(), x(c(Q), {
                 as: "template",
                 key: a.id,
                 class: v(["block pl-3 pr-4 py-2 border-l-4 text-base font-medium sm:pl-5 sm:pr-6", {
@@ -3907,9 +3907,9 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
                 _: 2
               }, 1032, ["class"]))), 128))
             ]),
-            e("div", Hn, [
-              e("div", En, [
-                e("div", Un, [
+            e("div", Un, [
+              e("div", Hn, [
+                e("div", En, [
                   e("img", {
                     class: "h-10 w-10 rounded-full",
                     src: s.accountLogo
@@ -3921,7 +3921,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
                 ])) : w("", !0)
               ]),
               e("div", Qn, [
-                (l(!0), n($, null, S(s.profileMenu, (a) => (l(), k(c(Q), {
+                (l(!0), n(C, null, S(s.profileMenu, (a) => (l(), x(c(Q), {
                   as: "template",
                   key: a.name,
                   class: "block px-4 py-2 text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100 sm:px-6"
@@ -4009,8 +4009,8 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
       ],
       dataLabels: {
         enabled: !0,
-        formatter: function(y, f) {
-          return f.w.globals.labels[f.dataPointIndex] + ":  " + y;
+        formatter: function(f, y) {
+          return y.w.globals.labels[y.dataPointIndex] + ":  " + f;
         }
       },
       markers: {
@@ -4029,49 +4029,49 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
         }
       }
     };
-    const o = V(() => ({ ...i.options, ...s })), t = V(() => i.series), a = () => r("chartUpdated"), d = (y, f, C) => {
-      r("dataPointSelection", { id: i.id, chartContext: f, config: C, event: y });
+    const o = V(() => ({ ...i.options, ...s })), t = V(() => i.series), a = () => r("chartUpdated"), d = (f, y, $) => {
+      r("dataPointSelection", { id: i.id, chartContext: y, config: $, event: f });
     };
-    return (y, f) => (l(), n($, null, [
+    return (f, y) => (l(), n(C, null, [
       M(e("div", {
-        class: v(["h-[" + y.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
+        class: v(["h-[" + f.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
         e("div", li, [
-          e("div", si, m(y.title), 1),
+          e("div", si, m(f.title), 1),
           g(ti, {
-            range: y.range,
-            onRangeSelected: f[0] || (f[0] = (C) => y.$emit("selectedRange", { range: C, chartId: y.id }))
+            range: f.range,
+            onRangeSelected: y[0] || (y[0] = ($) => f.$emit("selectedRange", { range: $, chartId: f.id }))
           }, null, 8, ["range"])
         ]),
         M(e("div", oi, [
           g(c(Le), {
-            type: y.type,
+            type: f.type,
             series: t.value,
             width: "100%",
-            height: y.height,
+            height: f.height,
             options: o.value,
             onUpdated: a,
             onMounted: a,
             onDataPointSelection: d
           }, null, 8, ["type", "series", "height", "options"])
         ], 512), [
-          [F, !y.empty]
+          [z, !f.empty]
         ]),
         M(e("div", ri, [
-          g(L, {
+          g(F, {
             icon: c(W),
             color: "gray",
             loading: !1,
             size: "huge"
           }, null, 8, ["icon"]),
-          f[1] || (f[1] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
+          y[1] || (y[1] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
         ], 512), [
-          [F, y.empty]
+          [z, f.empty]
         ])
       ], 2), [
-        [F, !y.loading]
+        [z, !f.loading]
       ]),
-      M(e("div", ai, [...f[2] || (f[2] = [
+      M(e("div", ai, [...y[2] || (y[2] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -4098,7 +4098,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
           ])
         ], -1)
       ])], 512), [
-        [F, y.loading]
+        [z, f.loading]
       ])
     ], 64));
   }
@@ -4114,7 +4114,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
   emits: ["action", "noResultsOptionSelected"],
   setup(p) {
     return (u, r) => (l(), n("div", ii, [
-      g(L, {
+      g(F, {
         class: "mx-auto",
         loading: !1,
         icon: c(W),
@@ -4125,7 +4125,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
         e("h2", ui, m(u.title), 1),
         e("p", ci, m(u.message), 1),
         e("div", mi, [
-          (l(!0), n($, null, S(u.actions, (i, s) => (l(), k(H, {
+          (l(!0), n(C, null, S(u.actions, (i, s) => (l(), x(U, {
             key: s,
             loading: !1,
             onClick: (o) => u.$emit("action", i.action)
@@ -4135,7 +4135,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
             ]),
             _: 2
           }, 1032, ["onClick"]))), 128)),
-          u.items ? (l(), k(we, {
+          u.items ? (l(), x(we, {
             key: 0,
             items: u.items,
             loading: !1,
@@ -4154,12 +4154,12 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
   },
   emits: ["closeRightBar"],
   setup(p, { emit: u }) {
-    return (r, i) => (l(), k(c(ze), {
+    return (r, i) => (l(), x(c(ze), {
       as: "template",
       show: r.open
     }, {
       default: h(() => [
-        g(c(Fe), {
+        g(c(Ae), {
           as: "div",
           class: "relative z-10",
           onClose: i[1] || (i[1] = (s) => r.$emit("closeRightBar"))
@@ -4179,7 +4179,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
                     "leave-to": "translate-x-full"
                   }, {
                     default: h(() => [
-                      g(c(Ae), { class: "pointer-events-auto w-screen max-w-md" }, {
+                      g(c(Fe), { class: "pointer-events-auto w-screen max-w-md" }, {
                         default: h(() => [
                           e("div", hi, [
                             e("div", yi, [
@@ -4210,7 +4210,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
                               ])
                             ]),
                             e("div", xi, [
-                              E(r.$slots, "default")
+                              H(r.$slots, "default")
                             ])
                           ])
                         ]),
@@ -4237,7 +4237,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
   key: 2,
   role: "list",
   class: "grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-4 lg:grid-cols-6"
-}, Fi = /* @__PURE__ */ j({
+}, Ai = /* @__PURE__ */ j({
   __name: "uiGallery",
   props: {
     galleryId: {},
@@ -4251,7 +4251,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
       i.value = !1, r("modalAction", o);
     };
     return (o, t) => (l(), n("div", $i, [
-      o.loading ? w("", !0) : (l(), k(dt, {
+      o.loading ? w("", !0) : (l(), x(dt, {
         key: 0,
         open: i.value,
         modalName: "deleteAllImagesModal",
@@ -4266,13 +4266,13 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
         _: 1
       }, 8, ["open", "title", "actions"])),
       o.loading ? (l(), n("ul", zi, [
-        (l(), n($, null, S(4, (a) => e("li", null, [...t[2] || (t[2] = [
+        (l(), n(C, null, S(4, (a) => e("li", null, [...t[2] || (t[2] = [
           e("div", { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-200 animate-pulse dark:bg-gray-200 focus-within:ring-2 focus-within:ring-lime-400 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, null, -1),
           e("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28 mt-4" }, null, -1),
           e("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-14 mt-2" }, null, -1)
         ])])), 64))
       ])) : (l(), n("ul", Ci, [
-        (l(!0), n($, null, S(o.gallery, (a) => (l(), n("li", {
+        (l(!0), n(C, null, S(o.gallery, (a) => (l(), n("li", {
           key: a.source,
           class: "relative"
         }, [
@@ -4291,7 +4291,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
           e("p", ji, m(a.title), 1),
           e("div", Di, [
             e("p", Ti, m(a.size), 1),
-            g(L, {
+            g(F, {
               class: "cursor-pointer",
               icon: c(he),
               color: "red",
@@ -4301,7 +4301,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
           ])
         ]))), 128))
       ])),
-      o.gallery.length > 0 && !o.loading ? (l(), k(H, {
+      o.gallery.length > 0 && !o.loading ? (l(), x(U, {
         key: 3,
         onClick: t[1] || (t[1] = (a) => i.value = !0),
         class: "mt-8",
@@ -4316,7 +4316,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
       })) : w("", !0)
     ]));
   }
-}), Ai = { class: "cursor-move mb-1 relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white p-4 shadow-sm focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:border-gray-400" }, Li = { class: "flex flex-row items-center w-full" }, Oi = { class: "content text-sm grow" }, Ni = { class: "font-bold" }, Pi = { key: 0 }, Ii = { class: "font-bold text-gray-400" }, Vi = {
+}), Fi = { class: "cursor-move mb-1 relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white p-4 shadow-sm focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:border-gray-400" }, Li = { class: "flex flex-row items-center w-full" }, Oi = { class: "content text-sm grow" }, Ni = { class: "font-bold" }, Pi = { key: 0 }, Ii = { class: "font-bold text-gray-400" }, Vi = {
   key: 1,
   class: "animate-pulse"
 }, Yi = /* @__PURE__ */ j({
@@ -4329,7 +4329,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
   setup(p, { emit: u }) {
     const r = u, i = p;
     let s = O(i.elements);
-    U(() => i.elements, (t) => {
+    E(() => i.elements, (t) => {
       s.value = t;
     });
     const o = (t) => {
@@ -4337,7 +4337,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
     };
     return (t, a) => t.loading ? (l(), n("div", Vi, [...a[2] || (a[2] = [
       se('<div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div>', 5)
-    ])])) : (l(), k(c(jt), {
+    ])])) : (l(), x(c(jt), {
       key: 0,
       modelValue: c(s),
       "onUpdate:modelValue": [
@@ -4346,9 +4346,9 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
       ]
     }, {
       item: h(({ item: d }) => [
-        e("div", Ai, [
+        e("div", Fi, [
           e("div", Li, [
-            g(L, {
+            g(F, {
               icon: c(Rt),
               loading: !1,
               color: "gray",
@@ -4366,7 +4366,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
       _: 1
     }, 8, ["modelValue"]));
   }
-}), qi = { class: "chart-header flex flex-row justify-between" }, Ri = { class: "text-sm font-medium text-gray-500 truncate" }, Hi = { class: "hidden sm:flex items-center" }, Ei = { class: "w-1/2 min-w-0 flex-1" }, Ui = ["max"], Zi = { class: "min-w-0 flex-1" }, Ji = ["max"], Wi = { class: "chart-content" }, Gi = { class: "h-full w-full flex items-center justify-center flex-col" }, Qi = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Ki = /* @__PURE__ */ j({
+}), qi = { class: "chart-header flex flex-row justify-between" }, Ri = { class: "text-sm font-medium text-gray-500 truncate" }, Ui = { class: "hidden sm:flex items-center" }, Hi = { class: "w-1/2 min-w-0 flex-1" }, Ei = ["max"], Zi = { class: "min-w-0 flex-1" }, Ji = ["max"], Wi = { class: "chart-content" }, Gi = { class: "h-full w-full flex items-center justify-center flex-col" }, Qi = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Ki = /* @__PURE__ */ j({
   __name: "uiCircleChart",
   props: {
     labels: {},
@@ -4390,7 +4390,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
   setup(p, { emit: u }) {
     const r = u, i = p, s = O((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
     let o = ie(i.dates || { from: "", to: s });
-    U(() => i.dates, (D) => {
+    E(() => i.dates, (D) => {
       D && (o = D);
     });
     let t = {
@@ -4425,37 +4425,37 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
         }
       }
     };
-    const a = () => ({ ...t, ...i.options }), d = V(() => i.series), y = V(() => a()), f = () => r("chartUpdated"), C = (D, x, z) => {
-      r("dataPointSelection", { id: i.id, chartContext: x, config: z, event: D });
-    }, b = () => {
+    const a = () => ({ ...t, ...i.options }), d = V(() => i.series), f = V(() => a()), y = () => r("chartUpdated"), $ = (D, b, L) => {
+      r("dataPointSelection", { id: i.id, chartContext: b, config: L, event: D });
+    }, k = () => {
       o.from !== "" && o.to !== "" && Y(o.from).isBefore(Y(o.to)) && r("selectedRange", { range: o, chartId: i.id });
     };
-    return (D, x) => (l(), n($, null, [
+    return (D, b) => (l(), n(C, null, [
       M(e("div", {
         class: v(["h-[" + D.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
         e("div", qi, [
           e("div", Ri, m(D.title), 1),
-          e("div", Hi, [
-            e("div", Ei, [
+          e("div", Ui, [
+            e("div", Hi, [
               M(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": x[0] || (x[0] = (z) => c(o).from = z),
+                "onUpdate:modelValue": b[0] || (b[0] = (L) => c(o).from = L),
                 max: s.value.toString(),
-                onChange: b,
+                onChange: k,
                 name: "from",
                 id: "from",
                 class: "text-xs relative block w-full rounded rounded-r-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
-              }, null, 40, Ui), [
+              }, null, 40, Ei), [
                 [ae, c(o).from]
               ])
             ]),
             e("div", Zi, [
               M(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": x[1] || (x[1] = (z) => c(o).to = z),
+                "onUpdate:modelValue": b[1] || (b[1] = (L) => c(o).to = L),
                 max: s.value.toString(),
-                onChange: b,
+                onChange: k,
                 name: "to",
                 id: "to",
                 class: "text-xs relative block w-full -mr-2 rounded rounded-l-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
@@ -4463,12 +4463,12 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
                 [ae, c(o).to]
               ])
             ]),
-            g(L, {
+            g(F, {
               class: "ml-4 cursor-pointer",
               size: "big",
               loading: D.loading,
               icon: c(lt),
-              onClick: x[2] || (x[2] = (z) => D.$emit("maximizeChart", D.id))
+              onClick: b[2] || (b[2] = (L) => D.$emit("maximizeChart", D.id))
             }, null, 8, ["loading", "icon"])
           ])
         ]),
@@ -4477,30 +4477,30 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
             class: "flex items-center justify-center mt-4",
             type: "donut",
             series: d.value,
-            options: y.value,
+            options: f.value,
             height: D.height - 80,
-            onUpdated: f,
-            onMounted: f,
-            onDataPointSelection: C
+            onUpdated: y,
+            onMounted: y,
+            onDataPointSelection: $
           }, null, 8, ["series", "options", "height"])
         ], 512), [
-          [F, !D.empty]
+          [z, !D.empty]
         ]),
         M(e("div", Gi, [
-          g(L, {
+          g(F, {
             icon: c(W),
             color: "gray",
             loading: !1,
             size: "huge"
           }, null, 8, ["icon"]),
-          x[3] || (x[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
+          b[3] || (b[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
         ], 512), [
-          [F, D.empty]
+          [z, D.empty]
         ])
       ], 2), [
-        [F, !D.loading]
+        [z, !D.loading]
       ]),
-      M(e("div", Qi, [...x[4] || (x[4] = [
+      M(e("div", Qi, [...b[4] || (b[4] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -4527,7 +4527,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
           ])
         ], -1)
       ])], 512), [
-        [F, D.loading]
+        [z, D.loading]
       ])
     ], 64));
   }
@@ -4555,7 +4555,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
     const r = p, i = O((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
     let s = ie(r.values || { from: "", to: i });
     const o = u;
-    U(() => r.values, (a) => {
+    E(() => r.values, (a) => {
       a && (s = a);
     });
     const t = () => {
@@ -4570,7 +4570,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
         name: "dateTo",
         loading: !0
       }),
-      g(H, { loading: !0 }, {
+      g(U, { loading: !0 }, {
         default: h(() => [...d[2] || (d[2] = [
           T("Search", -1)
         ])]),
@@ -4588,7 +4588,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
         disabled: a.disabled,
         label: a.label,
         max: i.value.toString(),
-        onInputChanged: d[0] || (d[0] = (y) => c(s).from = y.value)
+        onInputChanged: d[0] || (d[0] = (f) => c(s).from = f.value)
       }, null, 8, ["addOn", "name", "color", "value", "error", "disabled", "label", "max"]),
       g(J, {
         type: "datetime-local",
@@ -4602,9 +4602,9 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
         disabled: a.disabled,
         label: void 0,
         max: i.value.toString(),
-        onInputChanged: d[1] || (d[1] = (y) => c(s).to = y.value)
+        onInputChanged: d[1] || (d[1] = (f) => c(s).to = f.value)
       }, null, 8, ["class", "addOn", "name", "color", "value", "error", "disabled", "max"]),
-      g(H, {
+      g(U, {
         disabled: a.disabled,
         color: "primary",
         loading: !1,
@@ -4650,7 +4650,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
       e("div", {
         class: v([{ "mt-1": o.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"])
       }, [
-        o.loading ? (l(), n("p", rd)) : (l(), k(c(Dt), {
+        o.loading ? (l(), n("p", rd)) : (l(), x(c(Dt), {
           key: 0,
           modelValue: s.value,
           "onUpdate:modelValue": t[0] || (t[0] = (a) => s.value = a),
@@ -4673,7 +4673,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
     description: {}
   },
   setup(p) {
-    return (u, r) => (l(), n($, null, [
+    return (u, r) => (l(), n(C, null, [
       e("h3", {
         class: v(["text-lg font-medium leading-6", { "mb-8": u.description === void 0 }])
       }, m(u.title), 3),
@@ -4702,7 +4702,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
     return (r, i) => r.loading ? (l(), n("div", pd, [
       e("div", fd, [
         e("div", hd, [
-          g(L, {
+          g(F, {
             icon: r.icon,
             size: "huge",
             class: "text-white",
@@ -4713,7 +4713,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
         i[3] || (i[3] = e("div", { class: "h-4 bg-gray-200 rounded-full dark:bg-gray-300 w-1/3 mx-auto" }, null, -1)),
         e("dl", yd, [
           e("dd", vd, [
-            (l(!0), n($, null, S(r.tags, (s, o) => (l(), k(Z, {
+            (l(!0), n(C, null, S(r.tags, (s, o) => (l(), x(Z, {
               key: o,
               loading: r.loading,
               event: s.event,
@@ -4739,7 +4739,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
             "bg-gray-100": r.color === "light"
           }])
         }, [
-          g(L, {
+          g(F, {
             icon: r.icon,
             size: "huge",
             color: "black",
@@ -4753,12 +4753,12 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
             class: "text-black hover:text-lime-400 underline cursor-pointer",
             onClick: i[0] || (i[0] = (s) => r.$emit("deviceStatusQtyClicked", r.id))
           }, "(" + m(r.qty) + ")", 513), [
-            [F, r.qty > 0]
+            [z, r.qty > 0]
           ])
         ]),
         e("dl", md, [
           e("dd", gd, [
-            (l(!0), n($, null, S(r.tags, (s, o) => (l(), k(Z, {
+            (l(!0), n(C, null, S(r.tags, (s, o) => (l(), x(Z, {
               key: o,
               loading: !1,
               event: s.event,
@@ -4775,7 +4775,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
       ])
     ]));
   }
-}), wd = { class: "fixed inset-0 flex" }, kd = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, xd = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, _d = { class: "lg:pl-[25rem]" }, $d = { class: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-4 border-b border-gray-200 bg-white px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8" }, Cd = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, Sd = { class: "flex items-center gap-x-4 lg:gap-x-6" }, Bd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, Md = ["src"], jd = { class: "hidden lg:flex lg:items-center" }, Dd = ["onClick"], Td = { class: "py-7" }, zd = { class: "px-7 lg:px-10" }, Fd = /* @__PURE__ */ j({
+}), wd = { class: "fixed inset-0 flex" }, kd = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, xd = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, _d = { class: "lg:pl-[25rem]" }, $d = { class: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-4 border-b border-gray-200 bg-white px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8" }, Cd = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, Sd = { class: "flex items-center gap-x-4 lg:gap-x-6" }, Bd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, Md = ["src"], jd = { class: "hidden lg:flex lg:items-center" }, Dd = ["onClick"], Td = { class: "py-7" }, zd = { class: "px-7 lg:px-10" }, Ad = /* @__PURE__ */ j({
   __name: "uiWrapper",
   props: {
     topbar: {},
@@ -4793,7 +4793,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
         show: s.value
       }, {
         default: h(() => [
-          g(c(Fe), {
+          g(c(Ae), {
             class: "relative z-50 lg:hidden",
             onClose: o
           }, {
@@ -4823,7 +4823,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
                   "leave-to": "-translate-x-full"
                 }, {
                   default: h(() => [
-                    g(c(Ae), { class: "relative mr-16 flex w-full max-w-xs flex-1" }, {
+                    g(c(Fe), { class: "relative mr-16 flex w-full max-w-xs flex-1" }, {
                       default: h(() => [
                         g(c(ee), {
                           as: "template",
@@ -4925,9 +4925,9 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
                 M(e("div", Bd, [...a[13] || (a[13] = [
                   e("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                 ])], 512), [
-                  [F, t.topbar.alerted]
+                  [z, t.topbar.alerted]
                 ]),
-                g(c(Ht), {
+                g(c(Ut), {
                   class: "h-6 w-6",
                   "aria-hidden": "true"
                 })
@@ -4969,13 +4969,13 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
                     default: h(() => [
                       g(c(De), { class: "absolute right-0 z-10 mt-2.5 w-52 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-none" }, {
                         default: h(() => [
-                          (l(!0), n($, null, S(t.topbar.profileMenu, (d) => (l(), k(c(Te), {
+                          (l(!0), n(C, null, S(t.topbar.profileMenu, (d) => (l(), x(c(Te), {
                             key: d.name
                           }, {
-                            default: h(({ active: y }) => [
+                            default: h(({ active: f }) => [
                               e("a", {
-                                onClick: (f) => t.$emit("topBarClick", d.id),
-                                class: v([y ? "bg-gray-50" : "", "block px-3 py-1 text-sm leading-6 text-gray-900 cursor-pointer"])
+                                onClick: (y) => t.$emit("topBarClick", d.id),
+                                class: v([f ? "bg-gray-50" : "", "block px-3 py-1 text-sm leading-6 text-gray-900 cursor-pointer"])
                               }, m(d.name), 11, Dd)
                             ]),
                             _: 2
@@ -4994,13 +4994,13 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
         ]),
         e("main", Td, [
           e("div", zd, [
-            E(t.$slots, "default")
+            H(t.$slots, "default")
           ])
         ])
       ])
     ]));
   }
-}), Ad = /* @__PURE__ */ j({
+}), Fd = /* @__PURE__ */ j({
   __name: "uiDynamicStats",
   props: {
     dynamicStats: {},
@@ -5012,7 +5012,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
       class: v([s.value, "grid grid-cols-1 md:grid-cols-2 gap-4"]),
       key: i.value
     }, [
-      (l(!0), n($, null, S(o.dynamicStats, (a, d) => (l(), k(ct, {
+      (l(!0), n(C, null, S(o.dynamicStats, (a, d) => (l(), x(ct, {
         key: d,
         item: a,
         loading: o.loading
@@ -5058,11 +5058,11 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5"
       })
-    ])) : (l(), k(c(kt), {
+    ])) : (l(), x(c(kt), {
       key: 0,
       modelValue: c(s),
       "onUpdate:modelValue": [
-        d[0] || (d[0] = (y) => Be(s) ? s.value = y : s = y),
+        d[0] || (d[0] = (f) => Be(s) ? s.value = f : s = f),
         o
       ],
       name: "selectorMultiple",
@@ -5101,18 +5101,18 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
             default: h(() => [
               e("span", Pd, [
                 c(s).length === 0 ? (l(), n("span", Id, "...")) : w("", !0),
-                (l(!0), n($, null, S(c(s), (y) => (l(), n("span", {
-                  key: y.id,
+                (l(!0), n(C, null, S(c(s), (f) => (l(), n("span", {
+                  key: f.id,
                   class: "flex items-center gap-1 rounded text-xs font-medium bg-lime-400 text-black border border-lime-200 px-2 py-0.5"
                 }, [
-                  e("span", null, m(y.name), 1),
+                  e("span", null, m(f.name), 1),
                   (l(), n("svg", {
                     class: "h-4 w-4 cursor-pointer",
                     fill: "none",
                     stroke: "currentColor",
                     viewBox: "0 0 24 24",
                     xmlns: "http://www.w3.org/2000/svg",
-                    onClick: ke((f) => t(y), ["stop", "prevent"])
+                    onClick: ke((y) => t(f), ["stop", "prevent"])
                   }, [...d[1] || (d[1] = [
                     e("path", {
                       "stroke-linecap": "round",
@@ -5144,21 +5144,21 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
           e("div", Yd, [
             g(c($t), { class: "shadow-2xs focus:outline-hidden max-h-60 overflow-auto rounded-md py-1 text-base leading-6 sm:text-sm sm:leading-5" }, {
               default: h(() => [
-                (l(!0), n($, null, S(a.items, (y) => (l(), k(c(Ct), {
-                  key: y.id,
-                  value: y,
+                (l(!0), n(C, null, S(a.items, (f) => (l(), x(c(Ct), {
+                  key: f.id,
+                  value: f,
                   as: "template"
                 }, {
-                  default: h(({ active: f, selected: C }) => [
+                  default: h(({ active: y, selected: $ }) => [
                     e("li", {
-                      class: v(["focus:outline-hidden relative cursor-default select-none py-2 pl-3 pr-9", f ? "bg-lime-400 text-black" : "text-black"])
+                      class: v(["focus:outline-hidden relative cursor-default select-none py-2 pl-3 pr-9", y ? "bg-lime-400 text-black" : "text-black"])
                     }, [
                       e("span", {
-                        class: v(["block truncate", { "font-semibold": C, "font-normal": !C }])
-                      }, m(y.name), 3),
-                      C ? (l(), n("span", {
+                        class: v(["block truncate", { "font-semibold": $, "font-normal": !$ }])
+                      }, m(f.name), 3),
+                      $ ? (l(), n("span", {
                         key: 0,
-                        class: v(["absolute inset-y-0 right-0 flex items-center pr-4", { "text-black": f, "text-lime-400": !f }])
+                        class: v(["absolute inset-y-0 right-0 flex items-center pr-4", { "text-black": y, "text-lime-400": !y }])
                       }, [...d[3] || (d[3] = [
                         e("svg", {
                           class: "h-5 w-5",
@@ -5188,7 +5188,7 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
               "text-green-600": a.color === "green"
             }, "mt-2 text-xs flex flex-row items-center"])
           }, m(a.error), 3), [
-            [F, a.error]
+            [z, a.error]
           ])
         ])
       ]),
@@ -5231,14 +5231,14 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
         onFilterSelected: t,
         class: "w-full lg:w-auto"
       }, null, 8, ["items", "loading"]),
-      (l(), k(Ze(s.value), xe({ class: "w-full mt-2 lg:mt-0 lg:ml-2 lg:grow" }, o.value, {
+      (l(), x(Ze(s.value), xe({ class: "w-full mt-2 lg:mt-0 lg:ml-2 lg:grow" }, o.value, {
         loading: !1,
-        onInputChanged: d[0] || (d[0] = (y) => i("smartInputChanged", y)),
-        onSelectChanged: d[1] || (d[1] = (y) => i("smartSelectChanged", y)),
-        onOptionSelected: d[2] || (d[2] = (y) => i("smartOptionSelected", y)),
-        onRightAddOnClicked: d[3] || (d[3] = (y) => i("rightAddOnClicked"))
+        onInputChanged: d[0] || (d[0] = (f) => i("smartInputChanged", f)),
+        onSelectChanged: d[1] || (d[1] = (f) => i("smartSelectChanged", f)),
+        onOptionSelected: d[2] || (d[2] = (f) => i("smartOptionSelected", f)),
+        onRightAddOnClicked: d[3] || (d[3] = (f) => i("rightAddOnClicked"))
       }), null, 16)),
-      a.showFilterButton ? (l(), k(H, {
+      a.showFilterButton ? (l(), x(U, {
         key: 0,
         class: "mt-2 lg:mt-0 w-full lg:w-auto ml-2",
         loading: a.loading
@@ -5250,11 +5250,11 @@ const vr = /* @__PURE__ */ oe(fr, [["render", yr]]), br = /* @__PURE__ */ j({
       }, 8, ["loading"])) : w("", !0)
     ]));
   }
-}), Hd = {}, Ed = { class: "bg-gray-200 text-gray-500 px-2 py-2 rounded h-full text-sm font-bold ml-2 text-center" };
-function Ud(p, u) {
-  return l(), n("span", Ed, "AND");
+}), Ud = {}, Hd = { class: "bg-gray-200 text-gray-500 px-2 py-2 rounded h-full text-sm font-bold ml-2 text-center" };
+function Ed(p, u) {
+  return l(), n("span", Hd, "AND");
 }
-const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-col sm:flex-row items-center w-full" }, Jd = { class: "flex mt-4" }, Wd = /* @__PURE__ */ j({
+const He = /* @__PURE__ */ oe(Ud, [["render", Ed]]), Zd = { class: "flex flex-col sm:flex-row items-center w-full" }, Jd = { class: "flex mt-4" }, Wd = /* @__PURE__ */ j({
   __name: "uiSmartFilterMultiple",
   props: {
     items: {},
@@ -5272,23 +5272,23 @@ const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-co
       o.value.pop(), s.value.pop();
     }, d = () => {
       i("smartFilterMultipleSent", o.value);
-    }, y = () => {
+    }, f = () => {
       o.value = [], s.value = [JSON.parse(JSON.stringify(r))], i("smartFilterMultipleSent", []);
     };
-    return (f, C) => (l(), n("div", null, [
+    return (y, $) => (l(), n("div", null, [
       e("div", Zd, [
         g(Se, xe(s.value[0], {
           class: "w-full sm:grow",
-          onSmartInputChanged: C[0] || (C[0] = (b) => o.value[0].value = b),
-          onSmartSelectChanged: C[1] || (C[1] = (b) => o.value[0].value = b),
-          onSmartOptionSelected: C[2] || (C[2] = (b) => o.value[0].value = b),
-          onSmartFilterSelected: C[3] || (C[3] = (b) => o.value[0].name = b)
+          onSmartInputChanged: $[0] || ($[0] = (k) => o.value[0].value = k),
+          onSmartSelectChanged: $[1] || ($[1] = (k) => o.value[0].value = k),
+          onSmartOptionSelected: $[2] || ($[2] = (k) => o.value[0].value = k),
+          onSmartFilterSelected: $[3] || ($[3] = (k) => o.value[0].name = k)
         }), null, 16),
-        s.value.length > 1 ? (l(), k(Ee, {
+        s.value.length > 1 ? (l(), x(He, {
           key: 0,
           class: "w-full ml-0 mt-2 sm:mt-0 sm:w-20 sm:ml-2"
         })) : w("", !0),
-        s.value.length === 1 ? (l(), k(H, {
+        s.value.length === 1 ? (l(), x(U, {
           key: 1,
           loading: !1,
           icon: c(Ie),
@@ -5296,27 +5296,27 @@ const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-co
           onClick: t
         }, {
           default: h(() => [
-            T(m(f.addLiteral), 1)
+            T(m(y.addLiteral), 1)
           ]),
           _: 1
         }, 8, ["icon"])) : w("", !0)
       ]),
-      (l(!0), n($, null, S(s.value.length - 1, (b) => (l(), n("div", {
+      (l(!0), n(C, null, S(s.value.length - 1, (k) => (l(), n("div", {
         class: "flex flex-col sm:flex-row items-center w-full mt-4",
-        key: b
+        key: k
       }, [
-        g(Se, xe({ ref_for: !0 }, s.value[b], {
+        g(Se, xe({ ref_for: !0 }, s.value[k], {
           class: "w-full sm:grow",
-          onSmartInputChanged: (D) => o.value[b].value = D,
-          onSmartSelectChanged: (D) => o.value[b].value = D,
-          onSmartOptionSelected: (D) => o.value[b].value = D,
-          onSmartFilterSelected: (D) => o.value[b].name = D
+          onSmartInputChanged: (D) => o.value[k].value = D,
+          onSmartSelectChanged: (D) => o.value[k].value = D,
+          onSmartOptionSelected: (D) => o.value[k].value = D,
+          onSmartFilterSelected: (D) => o.value[k].name = D
         }), null, 16, ["onSmartInputChanged", "onSmartSelectChanged", "onSmartOptionSelected", "onSmartFilterSelected"]),
-        s.value.length > b && s.value.length !== b + 1 ? (l(), k(Ee, {
+        s.value.length > k && s.value.length !== k + 1 ? (l(), x(He, {
           key: 0,
           class: "w-full ml-0 mt-2 sm:mt-0 sm:w-20 sm:ml-2"
         })) : w("", !0),
-        s.value.length === b + 1 ? (l(), k(H, {
+        s.value.length === k + 1 ? (l(), x(U, {
           key: 1,
           loading: !1,
           icon: c(he),
@@ -5325,11 +5325,11 @@ const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-co
           onClick: a
         }, {
           default: h(() => [
-            T(m(f.removeLiteral), 1)
+            T(m(y.removeLiteral), 1)
           ]),
           _: 1
         }, 8, ["icon"])) : w("", !0),
-        s.value.length === b + 1 ? (l(), k(H, {
+        s.value.length === k + 1 ? (l(), x(U, {
           key: 2,
           loading: !1,
           icon: c(Ie),
@@ -5337,30 +5337,30 @@ const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-co
           onClick: t
         }, {
           default: h(() => [
-            T(m(f.addLiteral), 1)
+            T(m(y.addLiteral), 1)
           ]),
           _: 1
         }, 8, ["icon"])) : w("", !0)
       ]))), 128)),
       e("div", Jd, [
-        g(H, {
+        g(U, {
           loading: !1,
           onClick: d,
           color: "secondary"
         }, {
           default: h(() => [
-            T(m(f.buttonLiteral), 1)
+            T(m(y.buttonLiteral), 1)
           ]),
           _: 1
         }),
-        g(H, {
+        g(U, {
           class: "ml-2",
           loading: !1,
           color: "red",
-          onClick: y
+          onClick: f
         }, {
           default: h(() => [
-            T(m(f.removeLiteral), 1)
+            T(m(y.removeLiteral), 1)
           ]),
           _: 1
         })
@@ -5407,25 +5407,25 @@ const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-co
         }
       });
     };
-    U(() => r.literals, (_) => {
+    E(() => r.literals, (_) => {
       s.value.id === "1" ? s.value.name = _.and : s.value.id === "2" && (s.value.name = _.or);
-    }, { deep: !0 }), U(() => r.availableCategories, (_) => {
+    }, { deep: !0 }), E(() => r.availableCategories, (_) => {
       _.length > 0 && (!t.value.name || !_.some((P) => P.name === t.value.name)) && (t.value = _[0]);
-    }, { deep: !0, immediate: !0 }), U(() => r.filters, (_) => {
+    }, { deep: !0, immediate: !0 }), E(() => r.filters, (_) => {
       _ && d(_);
     }, { deep: !0, immediate: !0 });
-    const y = V(() => [
+    const f = V(() => [
       { id: "1", name: r.literals.and },
       { id: "2", name: r.literals.or }
-    ]), f = V(() => r.availableCategories.map((_) => ({
+    ]), y = V(() => r.availableCategories.map((_) => ({
       id: _.name,
       name: _.name,
       label: _.label
-    }))), C = V(() => ({
+    }))), $ = V(() => ({
       id: t.value.name,
       label: t.value.label,
       name: t.value.name
-    })), b = V(() => o.map((_) => _.type === "uiInput" ? {
+    })), k = V(() => o.map((_) => _.type === "uiInput" ? {
       name: _.label,
       operator: r.literals.contains,
       value: _.props.value || ""
@@ -5439,10 +5439,10 @@ const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-co
       value: ""
     })), D = (_) => {
       s.value = Array.isArray(_) ? _[0] || { id: "1", name: r.literals.and } : _;
-    }, x = (_) => {
+    }, b = (_) => {
       const P = Array.isArray(_) ? _[0] : _, q = r.availableCategories.find((I) => I.name === P.id);
       q && (t.value = q);
-    }, z = () => {
+    }, L = () => {
       if (!t.value || !t.value.name)
         return;
       const _ = {
@@ -5472,14 +5472,14 @@ const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-co
       };
       i("smartFiltersSent", q), _();
     };
-    return (_, P) => (l(), k(c(St), { class: "relative" }, {
+    return (_, P) => (l(), x(c(St), { class: "relative" }, {
       default: h(() => [
         g(c(Bt), { class: "inline-flex items-center gap-x-2 text-sm/6 font-semibold text-gray-900 outline-none flex-wrap gap-y-1" }, {
           default: h(() => [
             e("span", null, m(r.literals.filters) + ": ", 1),
-            (l(!0), n($, null, S(b.value, (q, I) => (l(), n($, { key: I }, [
+            (l(!0), n(C, null, S(k.value, (q, I) => (l(), n(C, { key: I }, [
               e("span", Gd, m(q.name) + " " + m(q.operator) + ": " + m(q.value), 1),
-              I < b.value.length - 1 ? (l(), n("span", Qd, m(s.value.name), 1)) : w("", !0)
+              I < k.value.length - 1 ? (l(), n("span", Qd, m(s.value.name), 1)) : w("", !0)
             ], 64))), 128)),
             g(c(le), {
               class: "size-5",
@@ -5505,13 +5505,13 @@ const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-co
                       g(te, {
                         loading: !1,
                         class: "w-60",
-                        items: f.value,
-                        select: C.value,
-                        onSelectChanged: x
+                        items: y.value,
+                        select: $.value,
+                        onSelectChanged: b
                       }, null, 8, ["items", "select"]),
-                      g(H, {
+                      g(U, {
                         loading: !1,
-                        onClick: z,
+                        onClick: L,
                         disabled: !t.value || !t.value.name
                       }, {
                         default: h(() => [...P[0] || (P[0] = [
@@ -5520,7 +5520,7 @@ const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-co
                         _: 1
                       }, 8, ["disabled"])
                     ]),
-                    (l(!0), n($, null, S(o, (I, G) => (l(), n("div", {
+                    (l(!0), n(C, null, S(o, (I, G) => (l(), n("div", {
                       class: "flex items-center gap-x-2 w-full",
                       key: I.name
                     }, [
@@ -5544,14 +5544,14 @@ const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-co
                         ]),
                         _: 2
                       }, 1024),
-                      I.type === "uiSelect" ? (l(), k(te, {
+                      I.type === "uiSelect" ? (l(), x(te, {
                         key: 0,
                         class: "grow",
                         loading: !1,
                         items: I.props.items || [],
                         select: I.props.select || I.props.items?.[0] || { id: "0", name: "Select..." },
                         onSelectChanged: (X) => A(G, X)
-                      }, null, 8, ["items", "select", "onSelectChanged"])) : I.type === "uiInput" ? (l(), k(J, {
+                      }, null, 8, ["items", "select", "onSelectChanged"])) : I.type === "uiInput" ? (l(), x(J, {
                         key: 1,
                         class: "grow",
                         loading: !1,
@@ -5559,15 +5559,15 @@ const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-co
                         value: I.props.value || "",
                         onInput: (X) => A(G, X.target.value)
                       }, null, 8, ["name", "value", "onInput"])) : w("", !0),
-                      G === 0 ? (l(), k(te, {
+                      G === 0 ? (l(), x(te, {
                         key: 2,
                         onSelectChanged: D,
                         class: "w-24 uppercase",
                         loading: !1,
-                        items: y.value,
+                        items: f.value,
                         select: s.value
                       }, null, 8, ["items", "select"])) : w("", !0),
-                      G > 0 ? (l(), k(Z, {
+                      G > 0 ? (l(), x(Z, {
                         key: 3,
                         loading: !1,
                         size: "big",
@@ -5579,7 +5579,7 @@ const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-co
                         ]),
                         _: 1
                       })) : w("", !0),
-                      g(L, {
+                      g(F, {
                         icon: c(he),
                         color: "red",
                         loading: !1,
@@ -5590,7 +5590,7 @@ const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-co
                     ]))), 128))
                   ]),
                   e("div", tu, [
-                    g(H, {
+                    g(U, {
                       loading: !1,
                       color: "red",
                       icon: c(he),
@@ -5601,7 +5601,7 @@ const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-co
                       ]),
                       _: 1
                     }, 8, ["icon"]),
-                    g(H, {
+                    g(U, {
                       loading: !1,
                       icon: c(It),
                       onClick: (I) => N(q)
@@ -5633,21 +5633,19 @@ const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-co
     loading: { type: Boolean, default: !0 },
     literals: {}
   },
-  emits: ["compareButtonClicked", "fileSelected", "checkboxChanged", "generateNewFile"],
+  emits: ["compareButtonClicked", "filesUploaded", "checkboxChanged", "generateNewFile"],
   setup(p, { emit: u }) {
-    const r = p, i = u, s = V(() => r.toCompare && Object.keys(r.toCompare).length > 0 && r.toCompare.constructor === Object), o = V(() => s.value ? Object.entries(r.toCompare).map(([f, C]) => ({
+    const r = p, i = u, s = V(() => r.toCompare && Object.keys(r.toCompare).length > 0 && r.toCompare.constructor === Object), o = V(() => s.value ? Object.entries(r.toCompare).map(([f, y]) => ({
       name: f,
-      commands: C
-    })) : []), t = (f, C) => {
-      i("fileSelected", f, C);
-    }, a = (f, C, b, D) => {
-      i("checkboxChanged", f, C, b, D);
-    }, d = () => {
+      commands: y
+    })) : []), t = (f, y, $, k) => {
+      i("checkboxChanged", f, y, $, k);
+    }, a = () => {
       i("compareButtonClicked");
-    }, y = () => {
+    }, d = () => {
       i("generateNewFile");
     };
-    return (f, C) => (l(), n("div", su, [
+    return (f, y) => (l(), n("div", su, [
       e("div", ou, [
         e("div", ru, [
           g($e, {
@@ -5659,7 +5657,7 @@ const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-co
             loading: !1,
             accept: "application/data",
             icon: c(Pe),
-            onFileSelected: C[0] || (C[0] = (b) => t(1, b))
+            onFilesUploaded: y[0] || (y[0] = ($) => i("filesUploaded", $))
           }, null, 8, ["placeholder", "dragAndDrop", "fileTypesAndSizes", "icon"]),
           g($e, {
             name: "file2",
@@ -5670,7 +5668,7 @@ const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-co
             loading: !1,
             accept: "application/data",
             icon: c(Pe),
-            onFileSelected: C[1] || (C[1] = (b) => t(2, b))
+            onFilesUploaded: y[1] || (y[1] = ($) => i("filesUploaded", $))
           }, null, 8, ["placeholder", "dragAndDrop", "fileTypesAndSizes", "icon"])
         ])
       ]),
@@ -5686,12 +5684,12 @@ const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-co
           ]),
           _: 1
         }),
-        g(H, {
+        g(U, {
           color: "primary",
           size: "medium",
           loading: !1,
           class: "mt-4",
-          onClick: d
+          onClick: a
         }, {
           default: h(() => [
             T(m(f.literals.compareFilesButton), 1)
@@ -5700,19 +5698,19 @@ const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-co
         })
       ]),
       e("div", nu, [
-        s.value ? (l(!0), n($, { key: 0 }, S(o.value, (b) => (l(), n("div", {
-          key: b.name,
+        s.value ? (l(!0), n(C, { key: 0 }, S(o.value, ($) => (l(), n("div", {
+          key: $.name,
           class: "p-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"
         }, [
           g(c(ye), null, {
-            default: h(({ open: D }) => [
+            default: h(({ open: k }) => [
               g(c(Q), { class: "flex items-center justify-between w-full" }, {
                 default: h(() => [
-                  e("h2", iu, m(b.name), 1),
-                  g(L, {
+                  e("h2", iu, m($.name), 1),
+                  g(F, {
                     icon: c(le),
                     loading: !1,
-                    class: v(["cursor-pointer transition-transform duration-300 ease-in-out", { "rotate-180 transform": D }])
+                    class: v(["cursor-pointer transition-transform duration-300 ease-in-out", { "rotate-180 transform": k }])
                   }, null, 8, ["icon", "class"])
                 ]),
                 _: 2
@@ -5723,37 +5721,37 @@ const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-co
                     e("div", uu, [
                       e("p", cu, m(f.literals.file1Content), 1),
                       e("div", mu, [
-                        (l(!0), n($, null, S(b.commands[0]?.entries || [], (x, z) => (l(), k(re, {
-                          key: `file1_${b.name}_${z}`,
-                          name: `file1_${b.name}_${z}`,
-                          id: `file1_${b.name}_${z}`,
+                        (l(!0), n(C, null, S($.commands[0]?.entries || [], (D, b) => (l(), x(re, {
+                          key: `file1_${$.name}_${b}`,
+                          name: `file1_${$.name}_${b}`,
+                          id: `file1_${$.name}_${b}`,
                           loading: !1,
-                          value: `file1_${b.name}_${z}`,
-                          onChange: (A) => a(b.name, 1, z, A)
+                          value: `file1_${$.name}_${b}`,
+                          onCheckboxChanged: (L) => t($.name, "1", b, L.checked)
                         }, {
                           default: h(() => [
-                            T(m(x), 1)
+                            T(m(D), 1)
                           ]),
                           _: 2
-                        }, 1032, ["name", "id", "value", "onChange"]))), 128))
+                        }, 1032, ["name", "id", "value", "onCheckboxChanged"]))), 128))
                       ])
                     ]),
                     e("div", gu, [
                       e("p", pu, m(f.literals.file2Content), 1),
                       e("div", fu, [
-                        (l(!0), n($, null, S(b.commands[1]?.entries || [], (x, z) => (l(), k(re, {
-                          key: `file2_${b.name}_${z}`,
-                          name: `file2_${b.name}_${z}`,
-                          id: `file2_${b.name}_${z}`,
+                        (l(!0), n(C, null, S($.commands[1]?.entries || [], (D, b) => (l(), x(re, {
+                          key: `file2_${$.name}_${b}`,
+                          name: `file2_${$.name}_${b}`,
+                          id: `file2_${$.name}_${b}`,
                           loading: !1,
-                          value: `file2_${b.name}_${z}`,
-                          onChange: (A) => a(b.name, 2, z, A)
+                          value: `file2_${$.name}_${b}`,
+                          onCheckboxChanged: (L) => t($.name, "2", b, L.checked)
                         }, {
                           default: h(() => [
-                            T(m(x), 1)
+                            T(m(D), 1)
                           ]),
                           _: 2
-                        }, 1032, ["name", "id", "value", "onChange"]))), 128))
+                        }, 1032, ["name", "id", "value", "onCheckboxChanged"]))), 128))
                       ])
                     ])
                   ])
@@ -5763,21 +5761,21 @@ const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-co
             ]),
             _: 2
           }, 1024)
-        ]))), 128)) : (l(), k(mt, {
+        ]))), 128)) : (l(), x(mt, {
           key: 1,
           title: f.literals.noResultsTitle,
           message: f.literals.noResultsMessage
         }, null, 8, ["title", "message"]))
       ]),
       s.value ? (l(), n("div", hu, [
-        g(H, {
+        g(U, {
           color: "primary",
           size: "medium",
           loading: !1,
           class: "mt-4",
-          onClick: y
+          onClick: d
         }, {
-          default: h(() => [...C[2] || (C[2] = [
+          default: h(() => [...y[2] || (y[2] = [
             T(" Generar nuevo archivo ", -1)
           ])]),
           _: 1
@@ -5785,11 +5783,11 @@ const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-co
       ])) : w("", !0)
     ]));
   }
-}), Ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   uiAlert: Ql,
   uiBreadcrumbs: rs,
-  uiButton: H,
+  uiButton: U,
   uiCard: ms,
   uiChart: pr,
   uiCheckbox: re,
@@ -5799,19 +5797,19 @@ const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-co
   uiDeviceStatus: bd,
   uiDragAndDrop: Yi,
   uiDropdown: we,
-  uiDynamicStats: Ad,
+  uiDynamicStats: Fd,
   uiFilter: it,
   uiFooter: vr,
   uiFunnelChartV2: ni,
-  uiGallery: Fi,
-  uiIcon: L,
+  uiGallery: Ai,
+  uiIcon: F,
   uiInput: J,
   uiInputFile: $e,
   uiLoadingScreen: br,
   uiModal: dt,
   uiNoResults: mt,
   uiNotification: Ds,
-  uiPagination: Ar,
+  uiPagination: Fr,
   uiPriceCalendar: tr,
   uiRangeSlider: ad,
   uiRightSidebar: _i,
@@ -5834,7 +5832,7 @@ const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-co
   uiTimeline: Tn,
   uiToggle: ql,
   uiTopbar: Xn,
-  uiWrapper: Fd
+  uiWrapper: Ad
 }, Symbol.toStringTag, { value: "Module" })), vu = [
   "primary",
   "secondary",
@@ -5851,10 +5849,10 @@ const Ee = /* @__PURE__ */ oe(Hd, [["render", Ud]]), Zd = { class: "flex flex-co
   "datetime-local"
 ], bu = ["black", "gray", "white"], Du = [...vu, ...bu], wu = ["small", "medium", "big"], ku = ["bigger", "huge", "massive"], Tu = [...wu, ...ku], zu = ["default", "success", "warning", "danger"];
 function xu(p) {
-  for (const u in Ue)
-    p.component(u, Ue[u]);
+  for (const u in Ee)
+    p.component(u, Ee[u]);
 }
-const Fu = { install: xu };
+const Au = { install: xu };
 export {
   Du as AllColors,
   Tu as AllSizes,
@@ -5864,10 +5862,10 @@ export {
   wu as Sizes,
   zu as Types,
   ju as UiInputTypes,
-  Fu as default,
+  Au as default,
   Ql as uiAlert,
   rs as uiBreadcrumbs,
-  H as uiButton,
+  U as uiButton,
   ms as uiCard,
   pr as uiChart,
   re as uiCheckbox,
@@ -5877,19 +5875,19 @@ export {
   bd as uiDeviceStatus,
   Yi as uiDragAndDrop,
   we as uiDropdown,
-  Ad as uiDynamicStats,
+  Fd as uiDynamicStats,
   it as uiFilter,
   vr as uiFooter,
   ni as uiFunnelChartV2,
-  Fi as uiGallery,
-  L as uiIcon,
+  Ai as uiGallery,
+  F as uiIcon,
   J as uiInput,
   $e as uiInputFile,
   br as uiLoadingScreen,
   dt as uiModal,
   mt as uiNoResults,
   Ds as uiNotification,
-  Ar as uiPagination,
+  Fr as uiPagination,
   tr as uiPriceCalendar,
   ad as uiRangeSlider,
   _i as uiRightSidebar,
@@ -5912,5 +5910,5 @@ export {
   Tn as uiTimeline,
   ql as uiToggle,
   Xn as uiTopbar,
-  Fd as uiWrapper
+  Ad as uiWrapper
 };