@hotelinking/ui 10.41.10 → 10.41.12

package/dist/ui.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as B, openBlock as s, createBlock as _, resolveDynamicComponent as Ke, normalizeClass as h, createElementBlock as r, createCommentVNode as b, renderSlot as q, createElementVNode as e, ref as N, watch as R, computed as V, unref as u, withCtx as y, toDisplayString as g, createVNode as m, createTextVNode as z, Transition as ue, Fragment as x, renderList as $, withDirectives as C, vModelDynamic as Xe, vShow as D, withModifiers as Se, vModelText as X, createStaticVNode as Q, resolveComponent as Be, vModelCheckbox as Ae, reactive as ce, isRef as Ye, TransitionGroup as et, onMounted as tt } from "vue";
+import { defineComponent as M, openBlock as s, createBlock as _, resolveDynamicComponent as Ke, normalizeClass as h, createElementBlock as n, createCommentVNode as b, renderSlot as q, createElementVNode as e, ref as N, watch as R, computed as V, unref as u, withCtx as y, toDisplayString as g, createVNode as m, createTextVNode as z, Transition as ue, Fragment as x, renderList as $, withDirectives as C, vModelDynamic as Xe, vShow as D, withModifiers as Se, vModelText as X, createStaticVNode as Q, resolveComponent as Be, vModelCheckbox as Ae, reactive as ce, isRef as Ye, TransitionGroup as et, onMounted as tt } from "vue";
 import { Menu as fe, MenuButton as he, MenuItems as ye, MenuItem as ve, Combobox as Oe, ComboboxLabel as st, ComboboxInput as Ie, ComboboxButton as Pe, ComboboxOptions as Ve, ComboboxOption as Fe, SwitchGroup as ot, Switch as lt, SwitchLabel as rt, TransitionRoot as be, Dialog as we, TransitionChild as W, DialogPanel as xe, DialogTitle as qe, Disclosure as ke, DisclosureButton as E, DisclosurePanel as _e } from "@headlessui/vue";
 import T from "dayjs";
 import $e from "vue3-apexcharts";
 import nt from "vue3-draggable";
 import at from "@vueform/slider";
-const j = /* @__PURE__ */ B({
+const j = /* @__PURE__ */ M({
   __name: "uiIcon",
   props: {
     icon: {},
@@ -13,7 +13,7 @@ const j = /* @__PURE__ */ B({
     loading: { type: Boolean, default: !0 }
   },
   setup(p) {
-    return (i, o) => i.loading ? (s(), r("div", {
+    return (i, l) => i.loading ? (s(), n("div", {
       key: 1,
       class: h([{
         "h-4 w-4": i.size === "medium",
@@ -44,7 +44,7 @@ const j = /* @__PURE__ */ B({
 }), it = ["disabled"], dt = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 text-sm rounded-md inline-flex items-center border border-transparent font-medium shadow-sm text-white focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25 bg-gray-200"
-}, G = /* @__PURE__ */ B({
+}, G = /* @__PURE__ */ M({
   __name: "uiButton",
   props: {
     block: { type: Boolean },
@@ -55,7 +55,7 @@ const j = /* @__PURE__ */ B({
     size: { default: "medium" }
   },
   setup(p) {
-    return (i, o) => i.loading ? (s(), r("button", dt, [
+    return (i, l) => i.loading ? (s(), n("button", dt, [
       i.icon ? (s(), _(j, {
         key: 0,
         icon: i.icon,
@@ -63,8 +63,8 @@ const j = /* @__PURE__ */ B({
         class: "-ml-0.5 mr-2",
         loading: i.loading
       }, null, 8, ["icon", "loading"])) : b("", !0),
-      o[0] || (o[0] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-16" }, null, -1))
-    ])) : (s(), r("button", {
+      l[0] || (l[0] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-16" }, null, -1))
+    ])) : (s(), n("button", {
       key: 0,
       disabled: i.disabled,
       class: h([{
@@ -96,7 +96,7 @@ const j = /* @__PURE__ */ B({
 }, ct = { class: "flex items-center h-5" }, gt = ["checked", "value", "disabled"], mt = { class: "ml-3 text-sm" }, pt = { class: "text-gray-500" }, ft = {
   key: 1,
   class: "flex items-center animate-pulse"
-}, Re = /* @__PURE__ */ B({
+}, Re = /* @__PURE__ */ M({
   __name: "uiCheckbox",
   props: {
     check: { type: Boolean, default: !1 },
@@ -107,15 +107,15 @@ const j = /* @__PURE__ */ B({
   },
   emits: ["checkboxChanged"],
   setup(p, { emit: i }) {
-    const o = i, a = p, n = N(a.check), l = () => {
-      a.disabled || (n.value = !n.value, o("checkboxChanged", { checked: n.value, value: a.value }));
+    const l = i, a = p, r = N(a.check), o = () => {
+      a.disabled || (r.value = !r.value, l("checkboxChanged", { checked: r.value, value: a.value }));
     };
     return R(() => a.check, (t) => {
-      t && (n.value = t);
-    }), (t, c) => t.loading ? (s(), r("div", ft, c[1] || (c[1] = [
+      t && (r.value = t);
+    }), (t, c) => t.loading ? (s(), n("div", ft, c[1] || (c[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)
-    ]))) : (s(), r("div", ut, [
+    ]))) : (s(), n("div", ut, [
       e("div", ct, [
         e("input", {
           checked: t.check,
@@ -123,7 +123,7 @@ const j = /* @__PURE__ */ B({
           disabled: t.disabled,
           class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded disabled:opacity-25",
           type: "checkbox",
-          onChange: c[0] || (c[0] = (d) => l())
+          onChange: c[0] || (c[0] = (d) => o())
         }, null, 40, gt)
       ]),
       e("div", mt, [
@@ -135,7 +135,7 @@ const j = /* @__PURE__ */ B({
   }
 });
 function ht(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -152,7 +152,7 @@ function ht(p, i) {
   ]);
 }
 function yt(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -169,7 +169,7 @@ function yt(p, i) {
   ]);
 }
 function vt(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -186,7 +186,7 @@ function vt(p, i) {
   ]);
 }
 function He(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -203,7 +203,7 @@ function He(p, i) {
   ]);
 }
 function Ue(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -220,7 +220,7 @@ function Ue(p, i) {
   ]);
 }
 function bt(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -237,7 +237,7 @@ function bt(p, i) {
   ]);
 }
 function wt(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -254,7 +254,7 @@ function wt(p, i) {
   ]);
 }
 function Ee(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -271,7 +271,7 @@ function Ee(p, i) {
   ]);
 }
 function ge(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -288,7 +288,7 @@ function ge(p, i) {
   ]);
 }
 function de(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -305,7 +305,7 @@ function de(p, i) {
   ]);
 }
 function Ze(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -322,7 +322,7 @@ function Ze(p, i) {
   ]);
 }
 function ee(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -339,7 +339,7 @@ function ee(p, i) {
   ]);
 }
 function pe(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -356,7 +356,7 @@ function pe(p, i) {
   ]);
 }
 function xt(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -373,7 +373,7 @@ function xt(p, i) {
   ]);
 }
 function kt(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -390,7 +390,7 @@ function kt(p, i) {
   ]);
 }
 function U(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -407,7 +407,7 @@ function U(p, i) {
   ]);
 }
 function _t(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -424,7 +424,7 @@ function _t(p, i) {
   ]);
 }
 function $t(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -441,7 +441,7 @@ function $t(p, i) {
   ]);
 }
 function Ct(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -458,7 +458,7 @@ function Ct(p, i) {
   ]);
 }
 function St(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -475,7 +475,7 @@ function St(p, i) {
   ]);
 }
 function Je(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -492,7 +492,7 @@ function Je(p, i) {
   ]);
 }
 function Bt(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -509,7 +509,7 @@ function Bt(p, i) {
   ]);
 }
 function Mt(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -526,7 +526,7 @@ function Mt(p, i) {
   ]);
 }
 function Dt(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -543,7 +543,7 @@ function Dt(p, i) {
   ]);
 }
 function me(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -560,7 +560,7 @@ function me(p, i) {
   ]);
 }
 function Z(p, i) {
-  return s(), r("svg", {
+  return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -585,7 +585,7 @@ const jt = { class: "flex justify-between" }, Tt = {
 }, Lt = { class: "py-1" }, Nt = ["onClick"], At = {
   key: 1,
   class: "animate-pulse px-4 py-2 bg-gray-200 rounded-md inline-flex items-center relative text-left"
-}, Ce = /* @__PURE__ */ B({
+}, Ce = /* @__PURE__ */ M({
   __name: "uiDropdown",
   props: {
     items: {},
@@ -597,13 +597,13 @@ const jt = { class: "flex justify-between" }, Tt = {
   },
   emits: ["optionSelected"],
   setup(p, { emit: i }) {
-    const o = i, a = p, n = V(() => {
+    const l = i, a = p, r = V(() => {
       let t = a.items.find((c) => c.active === !0);
       return t ? t.name : a.label;
-    }), l = (t) => {
-      a.disabled || o("optionSelected", t);
+    }), o = (t) => {
+      a.disabled || l("optionSelected", t);
     };
-    return (t, c) => t.loading ? (s(), r("div", At, [
+    return (t, c) => t.loading ? (s(), n("div", At, [
       c[0] || (c[0] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1)),
       m(u(de), {
         "aria-hidden": "true",
@@ -617,12 +617,12 @@ const jt = { class: "flex justify-between" }, Tt = {
       default: y(() => [
         e("div", null, [
           e("div", jt, [
-            t.label ? (s(), r("label", Tt, g(t.label), 1)) : b("", !0),
-            t.requiredText ? (s(), r("span", zt, g(t.requiredText), 1)) : b("", !0)
+            t.label ? (s(), n("label", Tt, g(t.label), 1)) : b("", !0),
+            t.requiredText ? (s(), n("span", zt, g(t.requiredText), 1)) : b("", !0)
           ]),
           m(u(he), { class: "inline-flex justify-between w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500" }, {
             default: y(() => [
-              z(g(n.value) + " ", 1),
+              z(g(r.value) + " ", 1),
               m(u(de), {
                 "aria-hidden": "true",
                 class: "-mr-1 ml-2 h-5 w-5"
@@ -646,10 +646,10 @@ const jt = { class: "flex justify-between" }, Tt = {
             }, {
               default: y(() => [
                 e("div", Lt, [
-                  (s(!0), r(x, null, $(t.items, (d, f) => (s(), _(u(ve), { key: f }, {
+                  (s(!0), n(x, null, $(t.items, (d, f) => (s(), _(u(ve), { key: f }, {
                     default: y(() => [
                       e("a", {
-                        onClick: (v) => l(d),
+                        onClick: (v) => o(d),
                         class: h([
                           d.active ? "bg-gray-100 text-gray-900" : "text-gray-700",
                           "block px-4 py-2 text-sm cursor-pointer"
@@ -681,7 +681,7 @@ const jt = { class: "flex justify-between" }, Tt = {
 }, Rt = {
   key: 0,
   class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5"
-}, J = /* @__PURE__ */ B({
+}, J = /* @__PURE__ */ M({
   __name: "uiInput",
   props: {
     label: {},
@@ -702,33 +702,33 @@ const jt = { class: "flex justify-between" }, Tt = {
   },
   emits: ["inputChanged", "rightAddOnClicked", "addOnClicked"],
   setup(p, { emit: i }) {
-    const o = i, a = p, n = N(a.value);
+    const l = i, a = p, r = N(a.value);
     R(() => a.value, (t) => {
-      n.value = t, n.value && o("inputChanged", { name: a.name, value: n.value });
+      r.value = t, r.value && l("inputChanged", { name: a.name, value: r.value });
     });
-    const l = (t) => {
-      t.target.name && o("inputChanged", { value: t.target.value, name: t.target.name });
+    const o = (t) => {
+      t.target.name && l("inputChanged", { value: t.target.value, name: t.target.name });
     };
-    return (t, c) => t.loading ? (s(), r("div", qt, [
-      t.label !== void 0 ? (s(), r("div", Rt)) : b("", !0),
+    return (t, c) => t.loading ? (s(), n("div", qt, [
+      t.label !== void 0 ? (s(), n("div", Rt)) : b("", !0),
       c[3] || (c[3] = e("div", { class: "animate-pulse px-4 py-3.5 bg-gray-200 rounded-md inline-flex items-center relative text-left w-full" }, [
         e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" })
       ], -1))
-    ])) : (s(), r("div", Yt, [
+    ])) : (s(), n("div", Yt, [
       e("div", Ot, [
-        t.label ? (s(), r("label", It, g(t.label), 1)) : b("", !0),
-        t.requiredText ? (s(), r("span", Pt, g(t.requiredText), 1)) : b("", !0)
+        t.label ? (s(), n("label", It, g(t.label), 1)) : b("", !0),
+        t.requiredText ? (s(), n("span", Pt, g(t.requiredText), 1)) : b("", !0)
       ]),
       e("div", {
         class: h([{ "mt-1": t.label }, "relative flex"])
       }, [
-        t.addOn ? (s(), r("span", {
+        t.addOn ? (s(), n("span", {
           key: 0,
           onClick: c[0] || (c[0] = (d) => t.$emit("addOnClicked")),
           class: "inline-flex items-center px-3 rounded-l-md border border-r-0 border-gray-300 bg-gray-50 text-gray-500 sm:text-sm cursor-pointer"
         }, g(t.addOn), 1)) : b("", !0),
         C(e("input", {
-          "onUpdate:modelValue": c[1] || (c[1] = (d) => n.value = d),
+          "onUpdate:modelValue": c[1] || (c[1] = (d) => r.value = d),
           max: t.max,
           class: h([{
             "border-gray-300": t.color === "gray",
@@ -750,11 +750,11 @@ const jt = { class: "flex justify-between" }, Tt = {
           name: t.name,
           placeholder: t.placeholder,
           type: t.type,
-          onInput: l
+          onInput: o
         }, null, 42, Vt), [
-          [Xe, n.value]
+          [Xe, r.value]
         ]),
-        t.rightAddOn ? (s(), r("span", {
+        t.rightAddOn ? (s(), n("span", {
           key: 1,
           onClick: c[2] || (c[2] = (d) => t.$emit("rightAddOnClicked")),
           class: "inline-flex items-center px-3 rounded-r-md border border-l-0 border-gray-300 bg-gray-50 hover:bg-gray-200 text-gray-500 sm:text-sm cursor-pointer"
@@ -810,7 +810,7 @@ const jt = { class: "flex justify-between" }, Tt = {
 }, Jt = { class: "space-y-1 flex flex-col items-center justify-center" }, Wt = { class: "flex text-sm text-gray-600 flex-col sm:flex-row text-center" }, Gt = ["for"], Qt = ["id", "name", "accept"], Kt = { class: "pl-1" }, Xt = { class: "text-xs text-gray-500 pb-4" }, es = { class: "mt-2 text-xs flex flex-row items-center text-red-300" }, ts = {
   key: 1,
   class: "animate-pulse"
-}, ss = /* @__PURE__ */ B({
+}, ss = /* @__PURE__ */ M({
   __name: "uiInputFile",
   props: {
     name: {},
@@ -827,28 +827,28 @@ const jt = { class: "flex justify-between" }, Tt = {
   },
   emits: ["filesUploaded"],
   setup(p, { emit: i }) {
-    let o = N("");
-    const a = i, n = p, l = (d) => {
-      c(d.dataTransfer.files), a("filesUploaded", { id: n.id, files: d.dataTransfer.files });
+    let l = N("");
+    const a = i, r = p, o = (d) => {
+      c(d.dataTransfer.files), a("filesUploaded", { id: r.id, files: d.dataTransfer.files });
     }, t = (d) => {
-      c(d.target.files), a("filesUploaded", { id: n.id, files: d.target.files });
+      c(d.target.files), a("filesUploaded", { id: r.id, files: d.target.files });
     }, c = (d) => {
-      o.value = "";
+      l.value = "";
       let f = 1;
       Object.values(d).forEach((v) => {
-        f++, o.value += v.name, f >= 1 && f < d.length && (o.value += ", ");
+        f++, l.value += v.name, f >= 1 && f < d.length && (l.value += ", ");
       });
     };
-    return (d, f) => d.loading ? (s(), r("div", ts, f[1] || (f[1] = [
+    return (d, f) => d.loading ? (s(), n("div", ts, 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" }),
         e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full md:w-1/4 mb-3" })
       ], -1)
-    ]))) : (s(), r("div", Ht, [
+    ]))) : (s(), n("div", Ht, [
       e("div", Ut, [
-        d.label ? (s(), r("label", Et, g(d.label), 1)) : b("", !0),
-        d.requiredText ? (s(), r("span", Zt, g(d.requiredText), 1)) : b("", !0)
+        d.label ? (s(), n("label", Et, g(d.label), 1)) : b("", !0),
+        d.requiredText ? (s(), n("span", Zt, g(d.requiredText), 1)) : b("", !0)
       ]),
       e("div", {
         class: h([
@@ -861,7 +861,7 @@ const jt = { class: "flex justify-between" }, Tt = {
         ]),
         onDragover: f[0] || (f[0] = Se(() => {
         }, ["prevent"])),
-        onDrop: Se(l, ["prevent"])
+        onDrop: Se(o, ["prevent"])
       }, [
         e("div", Jt, [
           m(j, {
@@ -891,8 +891,8 @@ const jt = { class: "flex justify-between" }, Tt = {
             e("p", Kt, g(d.dragAndDrop), 1)
           ]),
           e("p", Xt, g(d.fileTypesAndSizes), 1),
-          C(e("p", { class: "font-bold text-xs uppercase block p-2 bg-gray-200 rounded" }, g(u(o)), 513), [
-            [D, u(o) !== null]
+          C(e("p", { class: "font-bold text-xs uppercase block p-2 bg-gray-200 rounded" }, g(u(l)), 513), [
+            [D, u(l) !== null]
           ])
         ])
       ], 34),
@@ -915,7 +915,7 @@ const jt = { class: "flex justify-between" }, Tt = {
 }, rs = { class: "relative mt-1" }, ns = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full"
-}, as = /* @__PURE__ */ B({
+}, as = /* @__PURE__ */ M({
   __name: "uiSelect",
   props: {
     items: {},
@@ -929,8 +929,8 @@ const jt = { class: "flex justify-between" }, Tt = {
   },
   emits: ["selectChanged"],
   setup(p, { emit: i }) {
-    const o = N(""), a = i, n = p, l = V(() => o.value === "" ? n.items : n.items.filter((d) => d.name.toLowerCase().includes(o.value.toLowerCase()))), t = (d) => (d == null ? void 0 : d.name) ?? "", c = V(() => n.select);
-    return (d, f) => d.loading ? (s(), r("div", ns, [
+    const l = N(""), a = i, r = p, o = V(() => l.value === "" ? r.items : r.items.filter((d) => d.name.toLowerCase().includes(l.value.toLowerCase()))), t = (d) => (d == null ? void 0 : d.name) ?? "", c = V(() => r.select);
+    return (d, f) => d.loading ? (s(), n("div", ns, [
       f[4] || (f[4] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
       m(u(pe), {
         "aria-hidden": "true",
@@ -954,12 +954,12 @@ const jt = { class: "flex justify-between" }, Tt = {
             ]),
             _: 1
           }),
-          d.requiredText ? (s(), r("span", ls, g(d.requiredText), 1)) : b("", !0)
+          d.requiredText ? (s(), n("span", ls, g(d.requiredText), 1)) : b("", !0)
         ]),
         e("div", rs, [
           m(u(Ie), {
-            onChange: f[0] || (f[0] = (v) => o.value = v.target.value),
-            onBlur: f[1] || (f[1] = (v) => o.value = ""),
+            onChange: f[0] || (f[0] = (v) => l.value = v.target.value),
+            onBlur: f[1] || (f[1] = (v) => l.value = ""),
             displayValue: t,
             class: h([{
               "border-gray-300": d.color === "gray",
@@ -984,12 +984,12 @@ const jt = { class: "flex justify-between" }, Tt = {
             ]),
             _: 1
           }),
-          l.value.length > 0 ? (s(), _(u(Ve), {
+          o.value.length > 0 ? (s(), _(u(Ve), {
             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: y(() => [
-              (s(!0), r(x, null, $(l.value, (v) => (s(), _(u(Fe), {
+              (s(!0), n(x, null, $(o.value, (v) => (s(), _(u(Fe), {
                 key: v.id,
                 value: v,
                 as: "template"
@@ -1004,7 +1004,7 @@ const jt = { class: "flex justify-between" }, Tt = {
                     e("span", {
                       class: h(["block truncate", O && "font-semibold"])
                     }, g(v.name), 3),
-                    O ? (s(), r("span", {
+                    O ? (s(), n("span", {
                       key: 0,
                       class: h([
                         "absolute inset-y-0 right-0 flex items-center pr-4",
@@ -1042,7 +1042,7 @@ const jt = { class: "flex justify-between" }, Tt = {
 }), is = {
   key: 1,
   class: "inline-flex items-center px-3 py-2.5 rounded text-xs font-medium leading-none animate-pulse bg-gray-200"
-}, H = /* @__PURE__ */ B({
+}, H = /* @__PURE__ */ M({
   __name: "uiTag",
   props: {
     color: { default: "primary" },
@@ -1054,31 +1054,31 @@ const jt = { class: "flex justify-between" }, Tt = {
   },
   emits: ["tagEvent"],
   setup(p, { emit: i }) {
-    const o = i, a = p, n = () => {
-      a.event != null && o("tagEvent", a.event);
+    const l = i, a = p, r = () => {
+      a.event != null && l("tagEvent", a.event);
     };
-    return (l, t) => l.loading ? (s(), r("div", is, t[0] || (t[0] = [
+    return (o, t) => o.loading ? (s(), n("div", is, t[0] || (t[0] = [
       e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" }, null, -1)
-    ]))) : (s(), r("span", {
+    ]))) : (s(), n("span", {
       key: 0,
-      onClick: n,
+      onClick: r,
       class: h([{
-        "bg-indigo-100 text-indigo-800 border border-indigo-200": l.color === "primary",
-        "hover:bg-indigo-200 cursor-pointer": l.event !== void 0 && l.color === "primary",
-        "bg-red-100 text-red-800 border border-red-200": l.color === "red",
-        "hover:bg-red-200 cursor-pointer": l.event !== void 0 && l.color === "red",
-        "bg-yellow-100 text-yellow-800 border border-yellow-200": l.color === "yellow",
-        "hover:bg-yellow-200 cursor-pointer": l.event !== void 0 && l.color === "yellow",
-        "bg-green-100 text-green-800 border border-green-200": l.color === "green",
-        "hover:bg-green-200 cursor-pointer": l.event !== void 0 && l.color === "green",
-        "bg-black text-white border border-black": l.color === "black",
-        "text-black border border-gray-200 bg-white": l.color === "white",
-        "px-3 py-2": l.size === "medium",
-        "px-2 pt-1 pb-0.5": l.size === "small",
-        "px-4 py-3": l.size === "big"
+        "bg-indigo-100 text-indigo-800 border border-indigo-200": o.color === "primary",
+        "hover:bg-indigo-200 cursor-pointer": o.event !== void 0 && o.color === "primary",
+        "bg-red-100 text-red-800 border border-red-200": o.color === "red",
+        "hover:bg-red-200 cursor-pointer": o.event !== void 0 && o.color === "red",
+        "bg-yellow-100 text-yellow-800 border border-yellow-200": o.color === "yellow",
+        "hover:bg-yellow-200 cursor-pointer": o.event !== void 0 && o.color === "yellow",
+        "bg-green-100 text-green-800 border border-green-200": o.color === "green",
+        "hover:bg-green-200 cursor-pointer": o.event !== void 0 && o.color === "green",
+        "bg-black text-white border border-black": o.color === "black",
+        "text-black border border-gray-200 bg-white": o.color === "white",
+        "px-3 py-2": o.size === "medium",
+        "px-2 pt-1 pb-0.5": o.size === "small",
+        "px-4 py-3": o.size === "big"
       }, "inline-flex items-center rounded text-xs font-medium leading-none"])
     }, [
-      q(l.$slots, "default")
+      q(o.$slots, "default")
     ], 2));
   }
 }), ds = { key: 0 }, us = { class: "flex justify-between" }, cs = {
@@ -1090,7 +1090,7 @@ const jt = { class: "flex justify-between" }, Tt = {
 }, ms = ["disabled", "placeholder"], ps = {
   key: 1,
   class: "animate-pulse"
-}, fs = /* @__PURE__ */ B({
+}, fs = /* @__PURE__ */ M({
   __name: "uiTextArea",
   props: {
     name: {},
@@ -1105,18 +1105,18 @@ const jt = { class: "flex justify-between" }, Tt = {
   },
   emits: ["inputChanged"],
   setup(p, { emit: i }) {
-    const o = i, a = p, n = (t) => {
-      o("inputChanged", t.target.value);
-    }, l = N(a.value);
+    const l = i, a = p, r = (t) => {
+      l("inputChanged", t.target.value);
+    }, o = N(a.value);
     return R(() => a.value, (t) => {
-      l.value = t, o("inputChanged", { name: a.name, value: l.value });
-    }), (t, c) => t.loading ? (s(), r("div", ps, c[1] || (c[1] = [
+      o.value = t, l("inputChanged", { name: a.name, value: o.value });
+    }), (t, c) => t.loading ? (s(), n("div", ps, c[1] || (c[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)
-    ]))) : (s(), r("div", ds, [
+    ]))) : (s(), n("div", ds, [
       e("div", us, [
-        t.label ? (s(), r("label", cs, g(t.label), 1)) : b("", !0),
-        t.requiredText ? (s(), r("span", gs, g(t.requiredText), 1)) : b("", !0)
+        t.label ? (s(), n("label", cs, g(t.label), 1)) : b("", !0),
+        t.requiredText ? (s(), n("span", gs, g(t.requiredText), 1)) : b("", !0)
       ]),
       e("div", {
         class: h({ "mt-1": t.label })
@@ -1124,7 +1124,7 @@ const jt = { class: "flex justify-between" }, Tt = {
         C(e("textarea", {
           disabled: t.disabled,
           rows: "4",
-          "onUpdate:modelValue": c[0] || (c[0] = (d) => l.value = d),
+          "onUpdate:modelValue": c[0] || (c[0] = (d) => o.value = d),
           placeholder: t.placeholder,
           class: h(["shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm rounded-md", {
             "border-gray-300": t.color === "gray",
@@ -1137,9 +1137,9 @@ const jt = { class: "flex justify-between" }, Tt = {
             "text-yellow-400": t.color === "yellow",
             "text-green-400": t.color === "green"
           }]),
-          onChange: n
+          onChange: r
         }, null, 42, ms), [
-          [X, l.value]
+          [X, o.value]
         ])
       ], 2),
       C(e("p", {
@@ -1168,7 +1168,7 @@ const jt = { class: "flex justify-between" }, Tt = {
 }, vs = {
   key: 1,
   class: "animate-pulse flex items-center"
-}, bs = /* @__PURE__ */ B({
+}, bs = /* @__PURE__ */ M({
   __name: "uiToggle",
   props: {
     item: {},
@@ -1178,8 +1178,8 @@ const jt = { class: "flex justify-between" }, Tt = {
   },
   emits: ["toggleChanged", "actionClicked"],
   setup(p, { emit: i }) {
-    const o = p, a = N(o.checked);
-    return R(() => o.checked, (n) => a.value = n), (n, l) => n.loading ? (s(), r("div", vs, l[3] || (l[3] = [
+    const l = p, a = N(l.checked);
+    return R(() => l.checked, (r) => a.value = r), (r, o) => r.loading ? (s(), n("div", vs, 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),
@@ -1191,10 +1191,10 @@ const jt = { class: "flex justify-between" }, Tt = {
     }, {
       default: y(() => [
         m(u(lt), {
-          disabled: n.disabled,
-          onClick: l[0] || (l[0] = (t) => n.$emit("toggleChanged", { item: n.item, active: !a.value })),
+          disabled: r.disabled,
+          onClick: o[0] || (o[0] = (t) => r.$emit("toggleChanged", { item: r.item, active: !a.value })),
           modelValue: a.value,
-          "onUpdate:modelValue": l[1] || (l[1] = (t) => a.value = t),
+          "onUpdate:modelValue": o[1] || (o[1] = (t) => a.value = t),
           class: h([
             a.value ? "bg-indigo-600" : "bg-gray-200",
             "relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
@@ -1205,7 +1205,7 @@ const jt = { class: "flex justify-between" }, Tt = {
               "aria-hidden": "true",
               class: h([
                 a.value ? "translate-x-5" : "translate-x-0",
-                n.disabled ? "bg-gray-300" : "",
+                r.disabled ? "bg-gray-300" : "",
                 "pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out"
               ])
             }, null, 2)
@@ -1217,16 +1217,16 @@ const jt = { class: "flex justify-between" }, Tt = {
           class: "ml-3"
         }, {
           default: y(() => [
-            e("span", hs, g(n.item.title), 1),
-            n.item.subtitle ? (s(), r("span", ys, g(n.item.subtitle), 1)) : b("", !0)
+            e("span", hs, g(r.item.title), 1),
+            r.item.subtitle ? (s(), n("span", ys, g(r.item.subtitle), 1)) : b("", !0)
           ]),
           _: 1
         }),
-        n.item.action ? (s(), r("span", {
+        r.item.action ? (s(), n("span", {
           key: 0,
           class: "cursor-pointer text-indigo-600 hover:text-indigo-400 uppercase text-xs absolute right-0 bottom-0.5",
-          onClick: l[2] || (l[2] = (t) => n.$emit("actionClicked", n.item))
-        }, g(n.item.action), 1)) : b("", !0)
+          onClick: o[2] || (o[2] = (t) => r.$emit("actionClicked", r.item))
+        }, g(r.item.action), 1)) : b("", !0)
       ]),
       _: 1
     }));
@@ -1237,7 +1237,7 @@ const jt = { class: "flex justify-between" }, Tt = {
 }, xs = { class: "flex" }, ks = { class: "flex-shrink-0" }, _s = { class: "ml-3" }, $s = { class: "mt-4" }, Cs = { class: "-mx-2 -my-1.5 flex" }, Ss = ["onClick"], Bs = {
   key: 1,
   class: "flex flex-col animate-pulse"
-}, Ms = /* @__PURE__ */ B({
+}, Ms = /* @__PURE__ */ M({
   __name: "uiAlert",
   props: {
     actions: {},
@@ -1247,38 +1247,38 @@ const jt = { class: "flex justify-between" }, Tt = {
   },
   emits: ["alertEvent"],
   setup(p, { emit: i }) {
-    const o = i, a = (n) => {
-      o("alertEvent", n.event);
+    const l = i, a = (r) => {
+      l("alertEvent", r.event);
     };
-    return (n, l) => n.loading ? (s(), r("div", Bs, l[0] || (l[0] = [
+    return (r, o) => r.loading ? (s(), n("div", Bs, o[0] || (o[0] = [
       Q('<div class="p-4 border-l-4 bg-gray-100 border-gray-400 rounded"><div class="flex"><div class="flex-shrink-0"><div class="h-6 w-6 animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"></div></div><div class="ml-3 w-full"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-3/5"></div></div></div></div>', 1)
-    ]))) : (s(), r("div", ws, [
+    ]))) : (s(), n("div", ws, [
       e("div", {
         class: h([{
-          "bg-indigo-50 border-indigo-400": n.type === "info",
-          "bg-red-50 border-red-400": n.type === "danger",
-          "bg-yellow-50 border-yellow-400": n.type === "warning",
-          "bg-green-50 border-green-400": n.type === "success"
+          "bg-indigo-50 border-indigo-400": r.type === "info",
+          "bg-red-50 border-red-400": r.type === "danger",
+          "bg-yellow-50 border-yellow-400": r.type === "warning",
+          "bg-green-50 border-green-400": r.type === "success"
         }, "p-4 border-l-4 rounded"])
       }, [
         e("div", xs, [
           e("div", ks, [
-            n.type === "info" ? (s(), _(u(Je), {
+            r.type === "info" ? (s(), _(u(Je), {
               key: 0,
               class: "h-8 w-8 text-indigo-400",
               "aria-hidden": "true"
             })) : b("", !0),
-            n.type === "danger" ? (s(), _(u(me), {
+            r.type === "danger" ? (s(), _(u(me), {
               key: 1,
               class: "h-8 w-8 text-red-400",
               "aria-hidden": "true"
             })) : b("", !0),
-            n.type === "warning" ? (s(), _(u(U), {
+            r.type === "warning" ? (s(), _(u(U), {
               key: 2,
               class: "h-8 w-8 text-yellow-400",
               "aria-hidden": "true"
             })) : b("", !0),
-            n.type === "success" ? (s(), _(u(Ee), {
+            r.type === "success" ? (s(), _(u(Ee), {
               key: 3,
               class: "h-8 w-8 text-green-400",
               "aria-hidden": "true"
@@ -1287,32 +1287,32 @@ const jt = { class: "flex justify-between" }, Tt = {
           e("div", _s, [
             e("h3", {
               class: h([{
-                "text-red-800": n.type === "danger",
-                "text-yellow-800": n.type === "warning",
-                "text-green-800": n.type === "success"
+                "text-red-800": r.type === "danger",
+                "text-yellow-800": r.type === "warning",
+                "text-green-800": r.type === "success"
               }, "text-sm font-medium"])
-            }, g(n.title), 3),
+            }, g(r.title), 3),
             e("div", {
               class: h([{
-                "text-red-700": n.type === "danger",
-                "text-yellow-700": n.type === "warning",
-                "text-green-700": n.type === "success"
+                "text-red-700": r.type === "danger",
+                "text-yellow-700": r.type === "warning",
+                "text-green-700": r.type === "success"
               }, "mt-2 text-sm"])
             }, [
-              q(n.$slots, "default")
+              q(r.$slots, "default")
             ], 2),
             e("div", $s, [
               e("div", Cs, [
-                (s(!0), r(x, null, $(n.actions, (t, c) => (s(), r("button", {
+                (s(!0), n(x, null, $(r.actions, (t, c) => (s(), n("button", {
                   onClick: (d) => a(t),
                   type: "button",
                   key: c,
                   class: h([
                     {
-                      "bg-green-50 text-green-800 hover:bg-green-100 focus:ring-green-600 focus:ring-offset-green-50": n.type === "success",
-                      "bg-indigo-50 text-indigo-800 hover:bg-indigo-100 focus:ring-indigo-600 focus:ring-offset-indigo-50": n.type === "info",
-                      "bg-red-50 text-red-800 hover:bg-red-100 focus:ring-red-600 focus:ring-offset-red-50": n.type === "danger",
-                      "bg-yellow-50 text-yellow-800 hover:bg-yellow-100 focus:ring-yellow-600 focus:ring-offset-yellow-50": n.type === "warning"
+                      "bg-green-50 text-green-800 hover:bg-green-100 focus:ring-green-600 focus:ring-offset-green-50": r.type === "success",
+                      "bg-indigo-50 text-indigo-800 hover:bg-indigo-100 focus:ring-indigo-600 focus:ring-offset-indigo-50": r.type === "info",
+                      "bg-red-50 text-red-800 hover:bg-red-100 focus:ring-red-600 focus:ring-offset-red-50": r.type === "danger",
+                      "bg-yellow-50 text-yellow-800 hover:bg-yellow-100 focus:ring-yellow-600 focus:ring-offset-yellow-50": r.type === "warning"
                     },
                     "px-2 py-1.5 text-sm font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2"
                   ])
@@ -1337,7 +1337,7 @@ const jt = { class: "flex justify-between" }, Tt = {
 }, Ns = ["onClick"], As = {
   key: 1,
   class: "flex flex-row items-center animate-pulse"
-}, Ys = /* @__PURE__ */ B({
+}, Ys = /* @__PURE__ */ M({
   __name: "uiBreadcrumbs",
   props: {
     pages: {},
@@ -1345,35 +1345,35 @@ const jt = { class: "flex justify-between" }, Tt = {
   },
   emits: ["breadCrumbClicked"],
   setup(p, { emit: i }) {
-    return (o, a) => o.loading ? (s(), r("div", As, a[0] || (a[0] = [
+    return (l, a) => l.loading ? (s(), n("div", As, a[0] || (a[0] = [
       e("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1),
       e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5 mr-4" }, null, -1),
       e("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1),
       e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1)
-    ]))) : (s(), r("nav", Ds, [
+    ]))) : (s(), n("nav", Ds, [
       e("ol", js, [
-        (s(!0), r(x, null, $(o.pages, (n, l) => (s(), r("li", { key: l }, [
-          l === 0 ? (s(), r("div", Ts, [
+        (s(!0), n(x, null, $(l.pages, (r, o) => (s(), n("li", { key: o }, [
+          o === 0 ? (s(), n("div", Ts, [
             e("p", {
-              onClick: (t) => o.$emit("breadCrumbClicked", n.routeName),
+              onClick: (t) => l.$emit("breadCrumbClicked", r.routeName),
               class: "flex flex-row items-center justify-center text-indigo-600 hover:text-indigo-800 cursor-pointer"
             }, [
               m(u(St), {
                 class: "flex-shrink-0 h-3 w-3 text-gray-400 mr-4",
                 "aria-hidden": "true"
               }),
-              e("span", null, g(n.name), 1)
+              e("span", null, g(r.name), 1)
             ], 8, zs)
-          ])) : (s(), r("div", Ls, [
+          ])) : (s(), n("div", Ls, [
             m(u(ee), {
               class: "flex-shrink-0 h-3 w-3 text-gray-400",
               "aria-hidden": "true"
             }),
             e("span", {
-              onClick: (t) => o.$emit("breadCrumbClicked", n.routeName),
-              class: h(["cursor-pointer ml-4 text-xs text-gray-400 hover:text-gray-500", { "text-indigo-600 hover:text-indigo-800": !n.current }]),
+              onClick: (t) => l.$emit("breadCrumbClicked", r.routeName),
+              class: h(["cursor-pointer ml-4 text-xs text-gray-400 hover:text-gray-500", { "text-indigo-600 hover:text-indigo-800": !r.current }]),
               "aria-current": "page"
-            }, g(n.name), 11, Ns)
+            }, g(r.name), 11, Ns)
           ]))
         ]))), 128))
       ])
@@ -1385,7 +1385,7 @@ const jt = { class: "flex justify-between" }, Tt = {
 }, qs = {
   key: 1,
   class: "rounded-lg bg-white shadow p-6 cursor-pointer animate-pulse"
-}, Rs = /* @__PURE__ */ B({
+}, Rs = /* @__PURE__ */ M({
   __name: "uiCard",
   props: {
     id: {},
@@ -1397,34 +1397,34 @@ const jt = { class: "flex justify-between" }, Tt = {
   },
   emits: ["cardSelected"],
   setup(p, { emit: i }) {
-    return (o, a) => {
-      var n;
-      return o.loading ? (s(), r("div", qs, a[1] || (a[1] = [
+    return (l, a) => {
+      var r;
+      return l.loading ? (s(), n("div", qs, a[1] || (a[1] = [
         Q('<div class="flex items-center flex-col sm:flex-row justify-center sm:justify-start w-full"><div class="w-16 h-16 rounded-full bg-gray-200 flex self-center"></div><div class="w-full ml-4"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mt-4 sm:mt-0 sm:w-16 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full sm:w-32"></div></div></div>', 1)
-      ]))) : (s(), r("div", {
+      ]))) : (s(), n("div", {
         key: 0,
         class: "rounded-lg bg-white shadow p-6 cursor-pointer",
-        onClick: a[0] || (a[0] = (l) => o.$emit("cardSelected", { id: o.id, name: o.name, type: o.type, tags: o.tags }))
+        onClick: a[0] || (a[0] = (o) => l.$emit("cardSelected", { id: l.id, name: l.name, type: l.type, tags: l.tags }))
       }, [
         e("div", Os, [
           e("img", {
             class: "w-16 h-16 rounded-full mb-4 sm:mb-0 sm:mr-4",
-            src: o.logo
+            src: l.logo
           }, null, 8, Is),
           e("div", null, [
-            e("h4", Ps, g(o.name), 1),
-            e("p", Vs, g(o.type), 1)
+            e("h4", Ps, g(l.name), 1),
+            e("p", Vs, g(l.type), 1)
           ])
         ]),
-        o.tags && ((n = o.tags) == null ? void 0 : n.length) > 0 ? (s(), r("div", Fs, [
-          (s(!0), r(x, null, $(o.tags, (l) => (s(), _(H, {
+        l.tags && ((r = l.tags) == null ? void 0 : r.length) > 0 ? (s(), n("div", Fs, [
+          (s(!0), n(x, null, $(l.tags, (o) => (s(), _(H, {
             class: "mb-1 mr-1",
-            key: l.name,
-            color: l.color,
-            loading: o.loading
+            key: o.name,
+            color: o.color,
+            loading: l.loading
           }, {
             default: y(() => [
-              z(g(l.name), 1)
+              z(g(o.name), 1)
             ]),
             _: 2
           }, 1032, ["color", "loading"]))), 128))
@@ -1432,7 +1432,7 @@ const jt = { class: "flex justify-between" }, Tt = {
       ]));
     };
   }
-}), Hs = /* @__PURE__ */ B({
+}), Hs = /* @__PURE__ */ M({
   __name: "uiFilter",
   props: {
     items: {},
@@ -1442,23 +1442,23 @@ const jt = { class: "flex justify-between" }, Tt = {
   },
   emits: ["filterSelected"],
   setup(p, { emit: i }) {
-    const o = i, a = p, n = (t) => {
-      l.value.forEach((c) => {
+    const l = i, a = p, r = (t) => {
+      o.value.forEach((c) => {
         c.active = c.value === t.value;
-      }), o("filterSelected", t);
-    }, l = N(a.items);
+      }), l("filterSelected", t);
+    }, o = N(a.items);
     return (t, c) => (s(), _(Ce, {
       loading: t.loading,
-      onOptionSelected: c[0] || (c[0] = (d) => n(d)),
+      onOptionSelected: c[0] || (c[0] = (d) => r(d)),
       position: t.position,
-      items: l.value,
+      items: o.value,
       label: t.label
     }, null, 8, ["loading", "position", "items", "label"]));
   }
 }), Us = { class: "fixed inset-0 z-10 overflow-y-auto" }, Es = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Zs = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, Js = { class: "sm:flex sm:items-start" }, Ws = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left sm:mr-4 sm:w-10/12 break-words" }, Gs = { class: "mt-4 text-gray-500 text-sm" }, Qs = {
   key: 0,
   class: "mt-8"
-}, Ks = ["onClick"], We = /* @__PURE__ */ B({
+}, Ks = ["onClick"], We = /* @__PURE__ */ M({
   __name: "uiModal",
   props: {
     title: {},
@@ -1470,18 +1470,18 @@ const jt = { class: "flex justify-between" }, Tt = {
   },
   emits: ["modalAction"],
   setup(p, { emit: i }) {
-    const o = p, a = i, n = (l) => {
-      a("modalAction", { modal: o.modalName, action: l });
+    const l = p, a = i, r = (o) => {
+      a("modalAction", { modal: l.modalName, action: o });
     };
-    return (l, t) => (s(), _(u(be), {
+    return (o, t) => (s(), _(u(be), {
       as: "template",
-      show: l.open
+      show: o.open
     }, {
       default: y(() => [
         m(u(we), {
           as: "div",
           class: "relative z-10",
-          onClose: t[1] || (t[1] = (c) => n("close"))
+          onClose: t[1] || (t[1] = (c) => r("close"))
         }, {
           default: y(() => [
             m(u(W), {
@@ -1516,48 +1516,48 @@ const jt = { class: "flex justify-between" }, Tt = {
                           e("button", {
                             type: "button",
                             class: "rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none",
-                            onClick: t[0] || (t[0] = (c) => n("close"))
+                            onClick: t[0] || (t[0] = (c) => r("close"))
                           }, [
                             t[3] || (t[3] = e("span", { class: "sr-only" }, "X", -1)),
                             m(j, {
                               icon: u(Z),
                               "aria-hidden": "true",
-                              loading: l.loading
+                              loading: o.loading
                             }, null, 8, ["icon", "loading"])
                           ])
                         ]),
                         e("div", Js, [
                           e("div", {
                             class: h(["mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10", {
-                              "bg-red-100": l.type === "danger",
-                              "bg-green-100": l.type === "success",
-                              "bg-indigo-100": l.type === "default",
-                              "bg-yellow-100": l.type === "warning"
+                              "bg-red-100": o.type === "danger",
+                              "bg-green-100": o.type === "success",
+                              "bg-indigo-100": o.type === "default",
+                              "bg-yellow-100": o.type === "warning"
                             }])
                           }, [
                             C(m(u(Z), {
                               class: "h-6 w-6 text-red-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [D, l.type === "danger"]
+                              [D, o.type === "danger"]
                             ]),
                             C(m(u(ge), {
                               class: "h-6 w-6 text-green-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [D, l.type === "success"]
+                              [D, o.type === "success"]
                             ]),
                             C(m(u(U), {
                               class: "h-6 w-6 text-yellow-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [D, l.type === "warning"]
+                              [D, o.type === "warning"]
                             ]),
                             C(m(u(Ct), {
                               class: "h-6 w-6 text-indigo-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [D, l.type === "default"]
+                              [D, o.type === "default"]
                             ])
                           ], 2),
                           e("div", Ws, [
@@ -1566,19 +1566,19 @@ const jt = { class: "flex justify-between" }, Tt = {
                               class: "text-lg font-medium leading-6 text-gray-900"
                             }, {
                               default: y(() => [
-                                z(g(l.title), 1)
+                                z(g(o.title), 1)
                               ]),
                               _: 1
                             }),
                             e("div", Gs, [
-                              q(l.$slots, "default")
+                              q(o.$slots, "default")
                             ]),
-                            l.actions ? (s(), r("div", Qs, [
-                              (s(!0), r(x, null, $(l.actions, (c, d) => (s(), r("button", {
+                            o.actions ? (s(), n("div", Qs, [
+                              (s(!0), n(x, null, $(o.actions, (c, d) => (s(), n("button", {
                                 key: d,
                                 type: "button",
                                 class: "inline-flex w-full justify-center rounded-md border border-transparent bg-indigo-600 px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-indigo-700 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: (f) => n(c.value)
+                                onClick: (f) => r(c.value)
                               }, g(c.name), 9, Ks))), 128))
                             ])) : b("", !0)
                           ])
@@ -1601,7 +1601,7 @@ const jt = { class: "flex justify-between" }, Tt = {
 }), Xs = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, eo = {
   key: 0,
   class: "max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
-}, to = { class: "p-4" }, so = { class: "flex items-start" }, oo = { class: "flex-shrink-0 mt-0.5" }, lo = { class: "ml-3 w-0 flex-1 pt-0.5" }, ro = { class: "font-medium text-gray-900" }, no = { class: "mt-1 text-sm text-gray-500" }, ao = { class: "ml-4 flex-shrink-0 flex" }, io = /* @__PURE__ */ B({
+}, to = { class: "p-4" }, so = { class: "flex items-start" }, oo = { class: "flex-shrink-0 mt-0.5" }, lo = { class: "ml-3 w-0 flex-1 pt-0.5" }, ro = { class: "font-medium text-gray-900" }, no = { class: "mt-1 text-sm text-gray-500" }, ao = { class: "ml-4 flex-shrink-0 flex" }, io = /* @__PURE__ */ M({
   __name: "uiNotification",
   props: {
     type: { default: "info" },
@@ -1612,10 +1612,10 @@ const jt = { class: "flex justify-between" }, Tt = {
   },
   emits: ["closeNotification"],
   setup(p, { emit: i }) {
-    const o = p, a = V(() => o.show);
-    return (n, l) => (s(), r("div", {
+    const l = p, a = V(() => l.show);
+    return (r, o) => (s(), n("div", {
       "aria-live": "assertive",
-      class: h([{ fixed: n.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"])
+      class: h([{ fixed: r.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"])
     }, [
       e("div", Xs, [
         m(ue, {
@@ -1627,7 +1627,7 @@ const jt = { class: "flex justify-between" }, Tt = {
           "leave-to-class": "opacity-0"
         }, {
           default: y(() => [
-            a.value ? (s(), r("div", eo, [
+            a.value ? (s(), n("div", eo, [
               e("div", to, [
                 e("div", so, [
                   e("div", oo, [
@@ -1635,38 +1635,38 @@ const jt = { class: "flex justify-between" }, Tt = {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-green-400"
                     }, null, 512), [
-                      [D, n.type === "success"]
+                      [D, r.type === "success"]
                     ]),
                     C(m(u(me), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-red-400"
                     }, null, 512), [
-                      [D, n.type === "danger"]
+                      [D, r.type === "danger"]
                     ]),
                     C(m(u(U), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-yellow-400"
                     }, null, 512), [
-                      [D, n.type === "warning"]
+                      [D, r.type === "warning"]
                     ]),
                     C(m(u(Je), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-indigo-600"
                     }, null, 512), [
-                      [D, n.type === "info"]
+                      [D, r.type === "info"]
                     ])
                   ]),
                   e("div", lo, [
-                    e("p", ro, g(n.title), 1),
-                    e("p", no, g(n.message), 1)
+                    e("p", ro, g(r.title), 1),
+                    e("p", no, g(r.message), 1)
                   ]),
                   e("div", ao, [
                     e("button", {
                       class: "bg-white rounded-md inline-flex text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500",
                       type: "button",
-                      onClick: l[0] || (l[0] = (t) => n.$emit("closeNotification"))
+                      onClick: o[0] || (o[0] = (t) => r.$emit("closeNotification"))
                     }, [
-                      l[1] || (l[1] = e("span", { class: "sr-only" }, "Close", -1)),
+                      o[1] || (o[1] = e("span", { class: "sr-only" }, "Close", -1)),
                       m(u(Z), {
                         "aria-hidden": "true",
                         class: "h-5 w-5"
@@ -1689,22 +1689,22 @@ const jt = { class: "flex justify-between" }, Tt = {
 }, co = { class: "min-w-0" }, go = { class: "flex items-start gap-x-3" }, mo = { class: "text-sm font-semibold leading-6 text-gray-900" }, po = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, fo = { class: "truncate" }, ho = { class: "flex flex-none items-center gap-x-4" }, yo = ["href"], vo = { class: "sr-only" }, bo = {
   key: 1,
   class: "divide-y divide-gray-100 animate-pulse"
-}, wo = /* @__PURE__ */ B({
+}, wo = /* @__PURE__ */ M({
   __name: "uiTaskList",
   props: {
     tasks: {},
     loading: { type: Boolean, default: !0 }
   },
   setup(p) {
-    return (i, o) => i.loading ? (s(), r("ul", bo, [
-      (s(!0), r(x, null, $(i.tasks, (a) => (s(), r("li", {
+    return (i, l) => i.loading ? (s(), n("ul", bo, [
+      (s(!0), n(x, null, $(i.tasks, (a) => (s(), n("li", {
         key: a.id,
         class: "flex items-center justify-between gap-x-6 py-5"
-      }, o[0] || (o[0] = [
+      }, l[0] || (l[0] = [
         Q('<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))
-    ])) : (s(), r("ul", uo, [
-      (s(!0), r(x, null, $(i.tasks, (a) => (s(), r("li", {
+    ])) : (s(), n("ul", uo, [
+      (s(!0), n(x, null, $(i.tasks, (a) => (s(), n("li", {
         key: a.id,
         class: "flex items-center justify-between gap-x-6 py-5"
       }, [
@@ -1745,16 +1745,16 @@ function xo(p) {
 var le = { exports: {} }, ko = le.exports, Me;
 function _o() {
   return Me || (Me = 1, function(p, i) {
-    (function(o, a) {
+    (function(l, a) {
       p.exports = a(T);
-    })(ko, function(o) {
+    })(ko, function(l) {
       function a(t) {
         return t && typeof t == "object" && "default" in t ? t : { default: t };
       }
-      var n = a(o), l = { name: "es", monthsShort: "ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"), weekdays: "domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"), weekdaysShort: "dom._lun._mar._mié._jue._vie._sáb.".split("_"), weekdaysMin: "do_lu_ma_mi_ju_vi_sá".split("_"), months: "enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"), weekStart: 1, formats: { LT: "H:mm", LTS: "H:mm:ss", L: "DD/MM/YYYY", LL: "D [de] MMMM [de] YYYY", LLL: "D [de] MMMM [de] YYYY H:mm", LLLL: "dddd, D [de] MMMM [de] YYYY H:mm" }, relativeTime: { future: "en %s", past: "hace %s", s: "unos segundos", m: "un minuto", mm: "%d minutos", h: "una hora", hh: "%d horas", d: "un día", dd: "%d días", M: "un mes", MM: "%d meses", y: "un año", yy: "%d años" }, ordinal: function(t) {
+      var r = a(l), o = { name: "es", monthsShort: "ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"), weekdays: "domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"), weekdaysShort: "dom._lun._mar._mié._jue._vie._sáb.".split("_"), weekdaysMin: "do_lu_ma_mi_ju_vi_sá".split("_"), months: "enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"), weekStart: 1, formats: { LT: "H:mm", LTS: "H:mm:ss", L: "DD/MM/YYYY", LL: "D [de] MMMM [de] YYYY", LLL: "D [de] MMMM [de] YYYY H:mm", LLLL: "dddd, D [de] MMMM [de] YYYY H:mm" }, relativeTime: { future: "en %s", past: "hace %s", s: "unos segundos", m: "un minuto", mm: "%d minutos", h: "una hora", hh: "%d horas", d: "un día", dd: "%d días", M: "un mes", MM: "%d meses", y: "un año", yy: "%d años" }, ordinal: function(t) {
         return t + "º";
       } };
-      return n.default.locale(l, null, !0), l;
+      return r.default.locale(o, null, !0), o;
     });
   }(le)), le.exports;
 }
@@ -1762,21 +1762,21 @@ _o();
 var re = { exports: {} }, $o = re.exports, De;
 function Co() {
   return De || (De = 1, function(p, i) {
-    (function(o, a) {
+    (function(l, a) {
       p.exports = a(T);
-    })($o, function(o) {
+    })($o, function(l) {
       function a(d) {
         return d && typeof d == "object" && "default" in d ? d : { default: d };
       }
-      var n = a(o), l = { 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"] };
+      var r = a(l), 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, f, v) {
-        var k = l[v];
+        var k = o[v];
         return Array.isArray(k) && (k = k[f ? 0 : 1]), k.replace("%d", d);
       }
       var c = { 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 + ".";
       }, weekStart: 1, yearStart: 4, formats: { LTS: "HH:mm:ss", LT: "HH:mm", L: "DD.MM.YYYY", LL: "D. MMMM YYYY", LLL: "D. MMMM YYYY HH:mm", LLLL: "dddd, D. MMMM YYYY HH:mm" }, relativeTime: { future: "in %s", past: "vor %s", s: t, m: t, mm: t, h: t, hh: t, d: t, dd: t, M: t, MM: t, y: t, yy: t } };
-      return n.default.locale(c, null, !0), c;
+      return r.default.locale(c, null, !0), c;
     });
   }(re)), re.exports;
 }
@@ -1784,12 +1784,12 @@ Co();
 var ne = { exports: {} }, So = ne.exports, je;
 function Bo() {
   return je || (je = 1, function(p, i) {
-    (function(o, a) {
+    (function(l, a) {
       p.exports = a();
     })(So, function() {
-      return { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(o) {
-        var a = ["th", "st", "nd", "rd"], n = o % 100;
-        return "[" + o + (a[(n - 20) % 10] || a[n] || a[0]) + "]";
+      return { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(l) {
+        var a = ["th", "st", "nd", "rd"], r = l % 100;
+        return "[" + l + (a[(r - 20) % 10] || a[r] || a[0]) + "]";
       } };
     });
   }(ne)), ne.exports;
@@ -1798,25 +1798,25 @@ Bo();
 var ae = { exports: {} }, Mo = ae.exports, Te;
 function Do() {
   return Te || (Te = 1, function(p, i) {
-    (function(o, a) {
+    (function(l, a) {
       p.exports = a(T);
-    })(Mo, function(o) {
+    })(Mo, function(l) {
       function a(t) {
         return t && typeof t == "object" && "default" in t ? t : { default: t };
       }
-      var n = a(o), l = { name: "fr", weekdays: "dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"), weekdaysShort: "dim._lun._mar._mer._jeu._ven._sam.".split("_"), weekdaysMin: "di_lu_ma_me_je_ve_sa".split("_"), months: "janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"), monthsShort: "janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"), weekStart: 1, yearStart: 4, formats: { LT: "HH:mm", LTS: "HH:mm:ss", L: "DD/MM/YYYY", LL: "D MMMM YYYY", LLL: "D MMMM YYYY HH:mm", LLLL: "dddd D MMMM YYYY HH:mm" }, relativeTime: { future: "dans %s", past: "il y a %s", s: "quelques secondes", m: "une minute", mm: "%d minutes", h: "une heure", hh: "%d heures", d: "un jour", dd: "%d jours", M: "un mois", MM: "%d mois", y: "un an", yy: "%d ans" }, ordinal: function(t) {
+      var r = a(l), o = { name: "fr", weekdays: "dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"), weekdaysShort: "dim._lun._mar._mer._jeu._ven._sam.".split("_"), weekdaysMin: "di_lu_ma_me_je_ve_sa".split("_"), months: "janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"), monthsShort: "janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"), weekStart: 1, yearStart: 4, formats: { LT: "HH:mm", LTS: "HH:mm:ss", L: "DD/MM/YYYY", LL: "D MMMM YYYY", LLL: "D MMMM YYYY HH:mm", LLLL: "dddd D MMMM YYYY HH:mm" }, relativeTime: { future: "dans %s", past: "il y a %s", s: "quelques secondes", m: "une minute", mm: "%d minutes", h: "une heure", hh: "%d heures", d: "un jour", dd: "%d jours", M: "un mois", MM: "%d mois", y: "un an", yy: "%d ans" }, ordinal: function(t) {
         return "" + t + (t === 1 ? "er" : "");
       } };
-      return n.default.locale(l, null, !0), l;
+      return r.default.locale(o, null, !0), o;
     });
   }(ae)), ae.exports;
 }
 Do();
 const te = (p, i) => {
-  const o = p.__vccOpts || p;
-  for (const [a, n] of i)
-    o[a] = n;
-  return o;
+  const l = p.__vccOpts || p;
+  for (const [a, r] of i)
+    l[a] = r;
+  return l;
 }, jo = {
   name: "dateSelector",
   components: { ChevronLeftIcon: Ze, ChevronRightIcon: ee },
@@ -1839,25 +1839,25 @@ const te = (p, i) => {
   },
   methods: {
     selectDate(p, i) {
-      let o;
+      let l;
       if (i === "previous") {
         if (this.currentDate <= this.today) return;
-        p === "day" && (o = T(this.currentDate).subtract(1, "day")), p === "month" && (o = T(this.currentDate).subtract(1, "month")), p === "year" && (o = T(this.currentDate).subtract(1, "year")), o <= this.today && (o = this.currentDate = this.today);
+        p === "day" && (l = T(this.currentDate).subtract(1, "day")), p === "month" && (l = T(this.currentDate).subtract(1, "month")), p === "year" && (l = T(this.currentDate).subtract(1, "year")), l <= this.today && (l = this.currentDate = this.today);
       }
-      i === "next" && (p === "day" && (o = T(this.selectedDate).add(1, "day")), p === "month" && (o = T(this.selectedDate).add(1, "month")), p === "year" && (o = T(this.selectedDate).add(1, "year"))), this.$emit("dateSelected", o);
+      i === "next" && (p === "day" && (l = T(this.selectedDate).add(1, "day")), p === "month" && (l = T(this.selectedDate).add(1, "month")), p === "year" && (l = T(this.selectedDate).add(1, "year"))), this.$emit("dateSelected", l);
     }
   }
 }, To = { class: "dateSelector flex items-center text-white flex-row" }, zo = { class: "pagination flex items-center my-1 md:my-0" }, Lo = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, No = { class: "pagination flex items-center my-1 sm:my-0" };
-function Ao(p, i, o, a, n, l) {
+function Ao(p, i, l, a, r, o) {
   const t = Be("ChevronLeftIcon"), c = Be("ChevronRightIcon");
-  return s(), r("div", To, [
+  return s(), n("div", To, [
     e("div", zo, [
       e("div", {
         class: h([{
-          "bg-indigo-600 hover:bg-indigo-800 cursor-pointer": l.currentDate > l.today,
-          "bg-indigo-300": l.currentDate <= l.today
+          "bg-indigo-600 hover:bg-indigo-800 cursor-pointer": o.currentDate > o.today,
+          "bg-indigo-300": o.currentDate <= o.today
         }, "previousYear flex items-center p-1 rounded mx-0.5 shadow-sm"]),
-        onClick: i[0] || (i[0] = (d) => l.selectDate("year", "previous"))
+        onClick: i[0] || (i[0] = (d) => o.selectDate("year", "previous"))
       }, [
         m(t, { class: "h-4" }),
         m(t, { class: "h-4 -ml-3" }),
@@ -1865,42 +1865,42 @@ function Ao(p, i, o, a, n, l) {
       ], 2),
       e("div", {
         class: h([{
-          "bg-indigo-600 hover:bg-indigo-800 cursor-pointer": l.currentDate > l.today,
-          "bg-indigo-300": l.currentDate <= l.today
+          "bg-indigo-600 hover:bg-indigo-800 cursor-pointer": o.currentDate > o.today,
+          "bg-indigo-300": o.currentDate <= o.today
         }, "previousYear flex items-center p-1 rounded mx-0.5 shadow-sm"]),
-        onClick: i[1] || (i[1] = (d) => l.selectDate("month", "previous"))
+        onClick: i[1] || (i[1] = (d) => o.selectDate("month", "previous"))
       }, [
         m(t, { class: "h-4" }),
         m(t, { class: "h-4 -ml-3" })
       ], 2),
       e("div", {
         class: h([{
-          "bg-indigo-600 hover:bg-indigo-800 cursor-pointer": l.currentDate > l.today,
-          "bg-indigo-300": l.currentDate <= l.today
+          "bg-indigo-600 hover:bg-indigo-800 cursor-pointer": o.currentDate > o.today,
+          "bg-indigo-300": o.currentDate <= o.today
         }, "previousYear flex items-center p-1 rounded mx-0.5 shadow-sm"]),
-        onClick: i[2] || (i[2] = (d) => l.selectDate("day", "previous"))
+        onClick: i[2] || (i[2] = (d) => o.selectDate("day", "previous"))
       }, [
         m(t, { class: "h-4" })
       ], 2)
     ]),
-    e("div", Lo, g(l.formatedDate), 1),
+    e("div", Lo, g(o.formatedDate), 1),
     e("div", No, [
       e("div", {
         class: "previousDay flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm",
-        onClick: i[3] || (i[3] = (d) => l.selectDate("day", "next"))
+        onClick: i[3] || (i[3] = (d) => o.selectDate("day", "next"))
       }, [
         m(c, { class: "h-4" })
       ]),
       e("div", {
         class: "previousMonth flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm",
-        onClick: i[4] || (i[4] = (d) => l.selectDate("month", "next"))
+        onClick: i[4] || (i[4] = (d) => o.selectDate("month", "next"))
       }, [
         m(c, { class: "h-4" }),
         m(c, { class: "h-4 -ml-3" })
       ]),
       e("div", {
         class: "previousYear flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm",
-        onClick: i[5] || (i[5] = (d) => l.selectDate("year", "next"))
+        onClick: i[5] || (i[5] = (d) => o.selectDate("year", "next"))
       }, [
         m(c, { class: "h-4" }),
         m(c, { class: "h-4 -ml-3" }),
@@ -1912,8 +1912,8 @@ function Ao(p, i, o, a, n, l) {
 const Yo = /* @__PURE__ */ te(jo, [["render", Ao]]), Oo = {
   name: "SkeletonTable"
 }, Io = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Po = { class: "flow-root" }, Vo = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, Fo = { class: "inline-block min-w-full py-2 align-middle px-1" }, qo = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Ro = { class: "min-w-full divide-y divide-gray-300" }, Ho = { class: "divide-y divide-gray-200 bg-white" };
-function Uo(p, i, o, a, n, l) {
-  return s(), r("div", Io, [
+function Uo(p, i, l, a, r, o) {
+  return s(), n("div", Io, [
     e("div", Po, [
       e("div", Vo, [
         e("div", Fo, [
@@ -1956,7 +1956,7 @@ function Uo(p, i, o, a, n, l) {
                 ])
               ], -1)),
               e("tbody", Ho, [
-                (s(), r(x, null, $(10, (t) => e("tr", { key: t }, i[0] || (i[0] = [
+                (s(), n(x, null, $(10, (t) => e("tr", { key: t }, i[0] || (i[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),
@@ -1994,13 +1994,13 @@ const Ge = /* @__PURE__ */ te(Oo, [["render", Uo]]);
 var ie = { exports: {} }, Eo = ie.exports, ze;
 function Zo() {
   return ze || (ze = 1, function(p, i) {
-    (function(o, a) {
+    (function(l, a) {
       p.exports = a();
     })(Eo, function() {
-      return function(o, a, n) {
+      return function(l, a, r) {
         a.prototype.isToday = function() {
-          var l = "YYYY-MM-DD", t = n();
-          return this.format(l) === t.format(l);
+          var o = "YYYY-MM-DD", t = r();
+          return this.format(o) === t.format(o);
         };
       };
     });
@@ -2024,19 +2024,19 @@ const Wo = /* @__PURE__ */ xo(Jo), Go = {
     }
   }
 }, Qo = { class: "text-xs" }, Ko = { class: "font-bold text-lg" }, Xo = { class: "text-xs font-medium" };
-function el(p, i, o, a, n, l) {
-  return s(), r("div", {
+function el(p, i, l, a, r, o) {
+  return s(), n("div", {
     class: h([
       "day select-none text-center",
       {
-        "bg-indigo-200 text-white": l.currentDay.isWeekend,
-        "bg-[#0ff] text-white": l.currentDay.isToday
+        "bg-indigo-200 text-white": o.currentDay.isWeekend,
+        "bg-[#0ff] text-white": o.currentDay.isToday
       }
     ])
   }, [
-    e("p", Qo, g(l.currentDay.dayName), 1),
-    e("p", Ko, g(l.currentDay.day), 1),
-    e("p", Xo, g(l.currentDay.month), 1)
+    e("p", Qo, g(o.currentDay.dayName), 1),
+    e("p", Ko, g(o.currentDay.day), 1),
+    e("p", Xo, g(o.currentDay.month), 1)
   ], 2);
 }
 const tl = /* @__PURE__ */ te(Go, [["render", el]]), sl = {
@@ -2059,18 +2059,18 @@ const tl = /* @__PURE__ */ te(Go, [["render", el]]), sl = {
     }
   }
 }, ol = { class: "priceDay" };
-function ll(p, i, o, a, n, l) {
-  return s(), r("div", ol, [
+function ll(p, i, l, a, r, o) {
+  return s(), n("div", ol, [
     e("div", {
       class: h([
         {
-          "bg-indigo-200 text-white": l.currentDay.isWeekend,
-          "bg-green-300 text-white": o.price.price > o.basePrice,
-          "bg-yellow-300 text-white": o.price.price < o.basePrice
+          "bg-indigo-200 text-white": o.currentDay.isWeekend,
+          "bg-green-300 text-white": l.price.price > l.basePrice,
+          "bg-yellow-300 text-white": l.price.price < l.basePrice
         },
         "select-none text-center rounded-lg p-1"
       ])
-    }, g(l.currentDay.price) + g(o.currency), 3)
+    }, g(o.currentDay.price) + g(l.currency), 3)
   ]);
 }
 const oe = /* @__PURE__ */ te(sl, [["render", ll]]), rl = {
@@ -2124,7 +2124,7 @@ const oe = /* @__PURE__ */ te(sl, [["render", ll]]), rl = {
 }, zl = {
   colspan: "2",
   class: "pl-4"
-}, Ll = /* @__PURE__ */ B({
+}, Ll = /* @__PURE__ */ M({
   __name: "uiPriceCalendar",
   props: {
     loading: { type: Boolean },
@@ -2138,26 +2138,26 @@ const oe = /* @__PURE__ */ te(sl, [["render", ll]]), rl = {
   },
   emits: ["dateChanged", "changeCategoryBulkPrices", "changeCategorySelectionPrice", "changeCategoryUpgradePrice", "changeRoomPrice", "tableAction"],
   setup(p, { emit: i }) {
-    const o = p, a = i, n = N(/* @__PURE__ */ new Date()), l = N(o.today), t = N([]);
-    R(() => o.today, (w) => {
-      l.value = w;
+    const l = p, a = i, r = N(/* @__PURE__ */ new Date()), o = N(l.today), t = N([]);
+    R(() => l.today, (w) => {
+      o.value = w;
     });
     const c = V(() => {
       let w = [];
       for (let I = 0; I < 14; I++)
-        w.push(T(l.value).add(I, "day"));
+        w.push(T(o.value).add(I, "day"));
       return w;
-    }), d = V(() => t.value.length > 0 && t.value.length < o.rooms.length), f = (w) => {
-      T(w).isBefore(n.value) || (l.value = w, a("dateChanged", l.value));
+    }), d = V(() => t.value.length > 0 && t.value.length < l.rooms.length), f = (w) => {
+      T(w).isBefore(r.value) || (o.value = w, a("dateChanged", o.value));
     }, v = (w) => {
-      let I = o.category.selectionPrices.find((Y) => T(Y.date).isSame(w.date));
+      let I = l.category.selectionPrices.find((Y) => T(Y.date).isSame(w.date));
       return I ? I.price : w.price;
     }, k = (w) => {
-      t.value = w.target.checked ? o.rooms.map((I) => I.id) : [];
-    }, O = () => a("changeCategoryBulkPrices"), A = (w) => a("changeCategorySelectionPrice", w), M = (w) => a("changeCategoryUpgradePrice", w), S = (w) => a("tableAction", w), P = (w, I, Y) => a("changeRoomPrice", { price: w, roomId: I, roomName: Y });
+      t.value = w.target.checked ? l.rooms.map((I) => I.id) : [];
+    }, O = () => a("changeCategoryBulkPrices"), A = (w) => a("changeCategorySelectionPrice", w), B = (w) => a("changeCategoryUpgradePrice", w), S = (w) => a("tableAction", w), P = (w, I, Y) => a("changeRoomPrice", { price: w, roomId: I, roomName: Y });
     return (w, I) => {
       var Y, se;
-      return w.loading ? (s(), _(Ge, { key: 1 })) : (s(), r("div", rl, [
+      return w.loading ? (s(), _(Ge, { key: 1 })) : (s(), n("div", rl, [
         e("div", nl, [
           e("div", al, [
             e("div", il, [
@@ -2166,11 +2166,11 @@ const oe = /* @__PURE__ */ te(sl, [["render", ll]]), rl = {
                   e("tr", null, [
                     e("th", cl, [
                       m(Yo, {
-                        selectedDate: l.value,
+                        selectedDate: o.value,
                         onDateSelected: I[0] || (I[0] = (L) => f(L))
                       }, null, 8, ["selectedDate"])
                     ]),
-                    (s(!0), r(x, null, $(c.value, (L, F) => (s(), r("th", {
+                    (s(!0), n(x, null, $(c.value, (L, F) => (s(), n("th", {
                       scope: "col",
                       key: F,
                       class: "text-sm font-semibold text-gray-900 p-0"
@@ -2197,9 +2197,9 @@ const oe = /* @__PURE__ */ te(sl, [["render", ll]]), rl = {
                       }, 8, ["loading"])
                     ])
                   ]),
-                  w.type === "discounts" ? (s(), r("tr", ml, [
+                  w.type === "discounts" ? (s(), n("tr", ml, [
                     e("td", pl, g(w.literals.pricesDiscount), 1),
-                    (s(!0), r(x, null, $(w.category.selectionPrices, (L, F) => (s(), r("td", {
+                    (s(!0), n(x, null, $(w.category.selectionPrices, (L, F) => (s(), n("td", {
                       key: F,
                       class: "p-0"
                     }, [
@@ -2212,9 +2212,9 @@ const oe = /* @__PURE__ */ te(sl, [["render", ll]]), rl = {
                       }, null, 8, ["onClick", "price", "currency"])
                     ]))), 128))
                   ])) : b("", !0),
-                  w.type === "prices" ? (s(), r("tr", fl, [
+                  w.type === "prices" ? (s(), n("tr", fl, [
                     e("td", hl, g(w.literals.pricesSelection), 1),
-                    (s(!0), r(x, null, $(w.category.selectionPrices, (L, F) => (s(), r("td", {
+                    (s(!0), n(x, null, $(w.category.selectionPrices, (L, F) => (s(), n("td", {
                       key: F,
                       class: "p-0"
                     }, [
@@ -2227,14 +2227,14 @@ const oe = /* @__PURE__ */ te(sl, [["render", ll]]), rl = {
                       }, null, 8, ["onClick", "price", "currency"])
                     ]))), 128))
                   ])) : b("", !0),
-                  w.type === "prices" ? (s(), r("tr", yl, [
+                  w.type === "prices" ? (s(), n("tr", yl, [
                     e("td", vl, g(w.literals.pricesUpgrade), 1),
-                    (s(!0), r(x, null, $(w.category.upgradePrices, (L, F) => (s(), r("td", {
+                    (s(!0), n(x, null, $(w.category.upgradePrices, (L, F) => (s(), n("td", {
                       key: F,
                       class: "p-0"
                     }, [
                       m(oe, {
-                        onClick: (K) => M(L),
+                        onClick: (K) => B(L),
                         class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 font-bold cursor-pointer bg-gray-100",
                         price: L,
                         currency: w.currency.symbol,
@@ -2244,8 +2244,8 @@ const oe = /* @__PURE__ */ te(sl, [["render", ll]]), rl = {
                   ])) : b("", !0),
                   e("tr", null, [
                     e("th", bl, [
-                      ((Y = t.value) == null ? void 0 : Y.length) > 0 && ((se = w.actions) == null ? void 0 : se.length) > 0 ? (s(), r("div", wl, [
-                        (s(!0), r(x, null, $(w.actions, (L, F) => (s(), r("button", {
+                      ((Y = t.value) == null ? void 0 : Y.length) > 0 && ((se = w.actions) == null ? void 0 : se.length) > 0 ? (s(), n("div", wl, [
+                        (s(!0), n(x, null, $(w.actions, (L, F) => (s(), n("button", {
                           onClick: (K) => S({ action: L.id, items: t.value }),
                           key: F,
                           type: "button",
@@ -2274,12 +2274,12 @@ const oe = /* @__PURE__ */ te(sl, [["render", ll]]), rl = {
                       class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900"
                     }, null, -1))
                   ]),
-                  (s(!0), r(x, null, $(w.rooms, (L) => (s(), r("tr", {
+                  (s(!0), n(x, null, $(w.rooms, (L) => (s(), n("tr", {
                     key: L.name,
                     class: h([{ "even:bg-gray-100": w.type === "prices", "odd:bg-gray-100": w.type === "discounts" }])
                   }, [
                     e("td", Bl, [
-                      t.value.length > 0 ? (s(), r("div", Ml)) : b("", !0),
+                      t.value.length > 0 ? (s(), n("div", Ml)) : b("", !0),
                       C(e("input", {
                         type: "checkbox",
                         class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600",
@@ -2292,7 +2292,7 @@ const oe = /* @__PURE__ */ te(sl, [["render", ll]]), rl = {
                     ]),
                     e("td", Tl, g(L.building), 1),
                     e("td", zl, g(L.floor), 1),
-                    (s(!0), r(x, null, $(L.selectionPrices, (F, K) => (s(), r("td", {
+                    (s(!0), n(x, null, $(L.selectionPrices, (F, K) => (s(), n("td", {
                       class: "p-0",
                       key: K
                     }, [
@@ -2316,7 +2316,7 @@ const oe = /* @__PURE__ */ te(sl, [["render", ll]]), rl = {
 }), Nl = { class: "chart-header flex flex-row items-center w-full justify-between" }, Al = { class: "text-sm font-medium text-gray-500 truncate mr-8" }, Yl = {
   key: 0,
   class: "flex items-center gap-x-2 grow"
-}, Ol = { class: "self-center ml-2" }, Il = { class: "self-center ml-2" }, Pl = { class: "self-center ml-2" }, Vl = { class: "hidden sm:flex items-center" }, Fl = { class: "w-1/2 min-w-0 flex-1" }, ql = ["max"], Rl = { class: "min-w-0 flex-1" }, Hl = ["max"], Ul = { class: "chart-content relative" }, El = /* @__PURE__ */ B({
+}, Ol = { class: "self-center ml-2" }, Il = { class: "self-center ml-2" }, Pl = { class: "self-center ml-2" }, Vl = { class: "hidden sm:flex items-center" }, Fl = { class: "w-1/2 min-w-0 flex-1" }, ql = ["max"], Rl = { class: "min-w-0 flex-1" }, Hl = ["max"], Ul = { class: "chart-content relative" }, El = /* @__PURE__ */ M({
   __name: "uiChart",
   props: {
     labels: {},
@@ -2333,15 +2333,15 @@ const oe = /* @__PURE__ */ te(sl, [["render", ll]]), rl = {
     range: {},
     horizontal: { type: Boolean, default: !1 },
     stacked: { type: Boolean, default: !1 },
-    height: { default: 420 },
+    height: { default: 320 },
     annotations: {}
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection", "maximizeChart"],
   setup(p, { emit: i }) {
-    const o = p, a = i, n = N((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
-    let l = ce(o.dates || { from: "", to: n });
-    R(() => o.dates, (M) => {
-      M && (l = M);
+    const l = i, a = N((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":"))), r = p;
+    let o = ce(r.dates || { from: "", to: a });
+    R(() => r.dates, (B) => {
+      B && (o = B);
     });
     let c = {
       chart: {
@@ -2353,8 +2353,8 @@ const oe = /* @__PURE__ */ te(sl, [["render", ll]]), rl = {
         }
       },
       colors: function() {
-        return o.isNps ? [
-          function({ value: M, seriesIndex: S, dataPointIndex: P, w }) {
+        return r.isNps ? [
+          function({ value: B, seriesIndex: S, dataPointIndex: P, w }) {
             if (P <= 5) return "#F87171";
             if (P > 5 && P <= 7) return "#eab308";
             if (P >= 8) return "#84cc16";
@@ -2383,10 +2383,10 @@ const oe = /* @__PURE__ */ te(sl, [["render", ll]]), rl = {
         }
       }
     };
-    o.annotations && (c.annotations = {
+    r.annotations && (c.annotations = {
       yaxis: [
         {
-          y: o.annotations.high,
+          y: r.annotations.high,
           borderColor: "#4f46e5",
           label: {
             borderColor: "#4f46e5",
@@ -2394,23 +2394,23 @@ const oe = /* @__PURE__ */ te(sl, [["render", ll]]), rl = {
               color: "#fff",
               background: "#4f46e5"
             },
-            text: o.annotations.text
+            text: r.annotations.text
           }
         }
       ]
-    }), o.type === "area" && (c.tooltip = { intersect: !0, shared: !1 });
-    const d = () => (c.chart.stacked = o.stacked, { ...c, ...o.options, plotOptions: { bar: { horizontal: o.horizontal } } }), f = () => {
-      l.from !== "" && l.to !== "" && T(l.from).isBefore(T(l.to)) && a("selectedRange", { range: l, chartId: o.id });
-    }, v = V(() => o.series), k = V(() => d()), O = () => a("chartUpdated"), A = (M, S, P) => {
-      a("dataPointSelection", { id: o.id, chartContext: S, config: P, event: M });
+    }), r.type === "area" && (c.tooltip = { intersect: !0, shared: !1 });
+    const d = () => (c.chart.stacked = r.stacked, { ...c, ...r.options, plotOptions: { bar: { horizontal: r.horizontal } } }), f = () => {
+      o.from !== "" && o.to !== "" && T(o.from).isBefore(T(o.to)) && l("selectedRange", { range: o, chartId: r.id });
+    }, v = V(() => r.series), k = V(() => d()), O = () => l("chartUpdated"), A = (B, S, P) => {
+      l("dataPointSelection", { id: r.id, chartContext: S, config: P, event: B });
     };
-    return (M, S) => (s(), r(x, null, [
+    return (B, S) => (s(), n(x, null, [
       C(e("div", {
-        class: h(["h-[" + M.height + "px]", "card chart apex-chart p-4 bg-white shadow rounded-lg overflow-hidden flex grow"])
+        class: h(["h-[" + B.height + "px]", "card chart apex-chart p-4 bg-white shadow rounded-lg overflow-hidden flex grow"])
       }, [
         e("div", Nl, [
-          e("div", Al, g(M.title), 1),
-          M.isNps && M.npsLiterals ? (s(), r("div", Yl, [
+          e("div", Al, g(B.title), 1),
+          B.isNps && B.npsLiterals ? (s(), n("div", Yl, [
             m(H, {
               size: "small",
               color: "red",
@@ -2422,7 +2422,7 @@ const oe = /* @__PURE__ */ te(sl, [["render", ll]]), rl = {
                   loading: !1,
                   color: "red"
                 }, null, 8, ["icon"]),
-                e("span", Ol, g(M.npsLiterals.unhappy), 1)
+                e("span", Ol, g(B.npsLiterals.unhappy), 1)
               ]),
               _: 1
             }),
@@ -2437,7 +2437,7 @@ const oe = /* @__PURE__ */ te(sl, [["render", ll]]), rl = {
                   loading: !1,
                   color: "yellow"
                 }, null, 8, ["icon"]),
-                e("span", Il, g(M.npsLiterals.neutral), 1)
+                e("span", Il, g(B.npsLiterals.neutral), 1)
               ]),
               _: 1
             }),
@@ -2452,7 +2452,7 @@ const oe = /* @__PURE__ */ te(sl, [["render", ll]]), rl = {
                   loading: !1,
                   color: "green"
                 }, null, 8, ["icon"]),
-                e("span", Pl, g(M.npsLiterals.happy), 1)
+                e("span", Pl, g(B.npsLiterals.happy), 1)
               ]),
               _: 1
             })
@@ -2461,55 +2461,54 @@ const oe = /* @__PURE__ */ te(sl, [["render", ll]]), rl = {
             e("div", Fl, [
               C(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": S[0] || (S[0] = (P) => u(l).from = P),
-                max: n.value.toString(),
+                "onUpdate:modelValue": S[0] || (S[0] = (P) => u(o).from = P),
+                max: a.value.toString(),
                 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"
               }, null, 40, ql), [
-                [X, u(l).from]
+                [X, u(o).from]
               ])
             ]),
             e("div", Rl, [
               C(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": S[1] || (S[1] = (P) => u(l).to = P),
-                max: n.value.toString(),
+                "onUpdate:modelValue": S[1] || (S[1] = (P) => u(o).to = P),
+                max: a.value.toString(),
                 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"
               }, null, 40, Hl), [
-                [X, u(l).to]
+                [X, u(o).to]
               ])
             ]),
             m(j, {
               class: "ml-4 cursor-pointer",
               size: "big",
-              loading: M.loading,
+              loading: B.loading,
               icon: u(He),
-              onClick: S[2] || (S[2] = (P) => M.$emit("maximizeChart", M.id))
+              onClick: S[2] || (S[2] = (P) => B.$emit("maximizeChart", B.id))
             }, null, 8, ["loading", "icon"])
           ])
         ]),
         C(e("div", Ul, [
           m(u($e), {
-            class: "h-full",
-            type: M.type,
+            class: "chart",
+            type: B.type,
             series: v.value,
-            width: "100%",
-            height: "100%",
+            height: B.height,
             options: k.value,
             onUpdated: O,
             onMounted: O,
             onDataPointSelection: A
-          }, null, 8, ["type", "series", "options"])
+          }, null, 8, ["type", "series", "height", "options"])
         ], 512), [
-          [D, !M.empty]
+          [D, !B.empty]
         ]),
         C(e("div", {
-          class: h(["h-[" + M.height + "px]", "w-full flex items-center justify-center flex-col"])
+          class: h(["h-[" + B.height + "px]", "w-full flex items-center justify-center flex-col"])
         }, [
           m(j, {
             icon: u(U),
@@ -2519,13 +2518,13 @@ const oe = /* @__PURE__ */ te(sl, [["render", ll]]), rl = {
           }, null, 8, ["icon"]),
           S[3] || (S[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data for this time frame", -1))
         ], 2), [
-          [D, M.empty]
+          [D, B.empty]
         ])
       ], 2), [
-        [D, !M.loading]
+        [D, !B.loading]
       ]),
       C(e("div", {
-        class: h(["h-[" + M.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80"])
+        class: h(["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"])
       }, S[4] || (S[4] = [
         e("div", {
           role: "status",
@@ -2553,15 +2552,15 @@ const oe = /* @__PURE__ */ te(sl, [["render", ll]]), rl = {
           ])
         ], -1)
       ]), 2), [
-        [D, M.loading]
+        [D, B.loading]
       ])
     ], 64));
   }
 }), Zl = {
   name: "uiFooter"
 }, Jl = { class: "bg-white" };
-function Wl(p, i, o, a, n, l) {
-  return s(), r("footer", Jl, i[0] || (i[0] = [
+function Wl(p, i, l, a, r, o) {
+  return s(), n("footer", Jl, i[0] || (i[0] = [
     e("div", { class: "mx-auto py-6 px-4 sm:px-6 md:flex md:items-center md:justify-between lg:px-8" }, [
       e("div", { class: "mt-8 md:mt-0 md:order-1" }, [
         e("p", { class: "text-center text-base text-gray-400" }, "© Made by Hotelinking.")
@@ -2569,7 +2568,7 @@ function Wl(p, i, o, a, n, l) {
     ], -1)
   ]));
 }
-const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
+const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ M({
   __name: "uiLoadingScreen",
   props: {
     title: {},
@@ -2577,13 +2576,13 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
     fixed: { type: Boolean, default: !0 }
   },
   setup(p) {
-    return (i, o) => (s(), r("div", {
+    return (i, l) => (s(), n("div", {
       class: h([
         { fixed: i.fixed },
         "load-screen h-full w-full top-0 left-0 z-[100] flex flex-col items-center justify-center bg-gray-50"
       ])
     }, [
-      o[0] || (o[0] = e("div", { class: "spinner h-12 w-12 mb-6" }, [
+      l[0] || (l[0] = e("div", { class: "spinner h-12 w-12 mb-6" }, [
         e("img", {
           src: "https://images.hotelinking.com/ui/loader.gif",
           alt: "loading animation"
@@ -2612,7 +2611,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
 }, ar = { class: "sr-only" }, ir = ["onClick"], dr = { class: "sr-only" }, ur = {
   key: 1,
   class: "py-6 flex flex-row justify-between items-center animate-pulse"
-}, cr = /* @__PURE__ */ B({
+}, cr = /* @__PURE__ */ M({
   __name: "uiPagination",
   props: {
     current: {},
@@ -2621,20 +2620,20 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
   },
   emits: ["changePage"],
   setup(p, { emit: i }) {
-    const o = i, a = p, n = N(3), l = V(
-      () => Math.max(1, Number(a.current) - Number(n.value))
+    const l = i, a = p, r = N(3), o = V(
+      () => Math.max(1, Number(a.current) - Number(r.value))
     ), t = V(
-      () => Math.min(Number(a.current) + Number(n.value), Number(a.total))
+      () => Math.min(Number(a.current) + Number(r.value), Number(a.total))
     ), c = V(() => {
       let d = [];
-      for (let f = Number(l.value); f <= Number(t.value); f++)
+      for (let f = Number(o.value); f <= Number(t.value); f++)
         d.push(f);
       return d;
     });
-    return (d, f) => d.loading ? (s(), r("div", ur, f[2] || (f[2] = [
+    return (d, f) => d.loading ? (s(), n("div", ur, f[2] || (f[2] = [
       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)
-    ]))) : (s(), r("div", Kl, [
+    ]))) : (s(), n("div", Kl, [
       e("div", Xl, [
         e("a", er, [
           q(d.$slots, "previous")
@@ -2655,7 +2654,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
         e("div", null, [
           e("nav", nr, [
             C(e("button", {
-              onClick: f[0] || (f[0] = (v) => o("changePage", d.current - 1)),
+              onClick: f[0] || (f[0] = (v) => l("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", ar, [
@@ -2668,8 +2667,8 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
             ], 512), [
               [D, d.current !== 1]
             ]),
-            (s(!0), r(x, null, $(c.value, (v) => (s(), r("button", {
-              onClick: (k) => o("changePage", v),
+            (s(!0), n(x, null, $(c.value, (v) => (s(), n("button", {
+              onClick: (k) => l("changePage", v),
               key: v,
               "aria-current": "page",
               class: h([[
@@ -2677,7 +2676,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
               ], "relative inline-flex items-center px-4 py-2 border text-sm font-medium"])
             }, g(v), 11, ir))), 128)),
             C(e("button", {
-              onClick: f[1] || (f[1] = (v) => o("changePage", d.current + 1)),
+              onClick: f[1] || (f[1] = (v) => l("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", dr, [
@@ -2713,7 +2712,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
 }, kr = {
   key: 1,
   class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2"
-}, _r = { class: "h-12 flex flex-row items-center" }, $r = /* @__PURE__ */ B({
+}, _r = { class: "h-12 flex flex-row items-center" }, $r = /* @__PURE__ */ M({
   __name: "uiSidebar",
   props: {
     navigation: {},
@@ -2724,40 +2723,40 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
   },
   emits: ["sideBarClick"],
   setup(p, { emit: i }) {
-    const o = i;
-    return (a, n) => (s(), r("div", gr, [
+    const l = i;
+    return (a, r) => (s(), n("div", gr, [
       e("div", mr, [
         e("div", pr, [
           e("nav", fr, [
-            a.loading ? (s(), r(x, { key: 1 }, $(5, (l) => e("div", _r, n[1] || (n[1] = [
+            a.loading ? (s(), n(x, { key: 1 }, $(5, (o) => e("div", _r, r[1] || (r[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)) : (s(!0), r(x, { key: 0 }, $(a.navigation, (l) => (s(), r(x, {
-              key: l.name
+            ]))), 64)) : (s(!0), n(x, { key: 0 }, $(a.navigation, (o) => (s(), n(x, {
+              key: o.name
             }, [
-              l.children ? (s(), _(u(ke), {
+              o.children ? (s(), _(u(ke), {
                 key: 1,
                 as: "div",
                 class: "space-y-1"
               }, {
                 default: y(({ open: t }) => [
                   m(u(E), {
-                    class: h([l.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"])
+                    class: h([o.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: y(() => [
-                      l.icon ? (s(), _(j, {
+                      o.icon ? (s(), _(j, {
                         key: 0,
                         loading: a.loading,
-                        icon: l.icon,
+                        icon: o.icon,
                         class: h([
-                          l.current ? "text-white" : "text-gray-400 group-hover:text-gray-500",
+                          o.current ? "text-white" : "text-gray-400 group-hover:text-gray-500",
                           "mr-3 flex-shrink-0 h-6 w-6"
                         ]),
                         "aria-hidden": "true"
                       }, null, 8, ["loading", "icon", "class"])) : b("", !0),
-                      a.loading ? (s(), r("div", wr, n[0] || (n[0] = [
+                      a.loading ? (s(), n("div", wr, r[0] || (r[0] = [
                         e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)
-                      ]))) : (s(), r("span", br, g(l.name), 1)),
+                      ]))) : (s(), n("span", br, g(o.name), 1)),
                       m(u(ee), {
                         class: h([t ? "text-black rotate-90" : "text-gray-400", "mr-3 flex-shrink-0 h-3 w-3 transform group-hover:text-gray-400 transition-colors ease-in-out duration-150"])
                       }, null, 8, ["class"])
@@ -2766,13 +2765,13 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
                   }, 1032, ["class"]),
                   m(u(_e), { class: "space-y-1" }, {
                     default: y(() => [
-                      (s(!0), r(x, null, $(l.children, (c) => (s(), _(u(E), {
-                        onClick: (d) => o("sideBarClick", c.id),
+                      (s(!0), n(x, null, $(o.children, (c) => (s(), _(u(E), {
+                        onClick: (d) => l("sideBarClick", c.id),
                         key: c.name,
                         class: h([c.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: y(() => [
-                          a.loading ? (s(), r("div", kr)) : (s(), r("span", xr, g(c.name), 1))
+                          a.loading ? (s(), n("div", kr)) : (s(), n("span", xr, g(c.name), 1))
                         ]),
                         _: 2
                       }, 1032, ["onClick", "class"]))), 128))
@@ -2781,25 +2780,25 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
                   }, 1024)
                 ]),
                 _: 2
-              }, 1024)) : (s(), r("div", hr, [
+              }, 1024)) : (s(), n("div", hr, [
                 e("button", {
-                  onClick: (t) => o("sideBarClick", l.id),
+                  onClick: (t) => l("sideBarClick", o.id),
                   class: h([
-                    l.current ? "bg-indigo-600 text-white" : "text-gray-600 hover:bg-gray-50 hover:text-gray-900",
+                    o.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 py-2 text-sm font-medium rounded-md"
                   ])
                 }, [
-                  l.icon ? (s(), _(j, {
+                  o.icon ? (s(), _(j, {
                     key: 0,
                     loading: a.loading,
-                    icon: l.icon,
+                    icon: o.icon,
                     class: h([
-                      l.current ? "text-white" : "text-gray-400 group-hover:text-gray-500",
+                      o.current ? "text-white" : "text-gray-400 group-hover:text-gray-500",
                       "mr-3 flex-shrink-0 h-6 w-6"
                     ]),
                     "aria-hidden": "true"
                   }, null, 8, ["loading", "icon", "class"])) : b("", !0),
-                  a.loading ? b("", !0) : (s(), r("span", vr, g(l.name), 1))
+                  a.loading ? b("", !0) : (s(), n("span", vr, g(o.name), 1))
                 ], 10, yr)
               ]))
             ], 64))), 128))
@@ -2811,7 +2810,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
 }), Cr = { key: 0 }, Sr = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, Br = { class: "ml-16 flex items-baseline pb-5" }, Mr = { class: "text-2xl font-semibold text-gray-900" }, Dr = {
   key: 0,
   class: "text-black ml-2 flex items-baseline text-sm font-semibold"
-}, jr = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, Tr = { class: "text-sm" }, zr = { key: 1 }, Lr = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, Nr = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Qe = /* @__PURE__ */ B({
+}, jr = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, Tr = { class: "text-sm" }, zr = { key: 1 }, Lr = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, Nr = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Qe = /* @__PURE__ */ M({
   __name: "uiStats",
   props: {
     item: {},
@@ -2819,13 +2818,13 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
   },
   emits: ["statClick"],
   setup(p, { emit: i }) {
-    return (o, a) => o.loading ? (s(), r("div", zr, [
+    return (l, a) => l.loading ? (s(), n("div", zr, [
       e("div", Lr, [
         e("dt", null, [
           e("div", Nr, [
             m(j, {
-              loading: o.loading,
-              icon: o.item.icon,
+              loading: l.loading,
+              icon: l.item.icon,
               class: "h-6 w-6 text-white",
               "aria-hidden": "true"
             }, null, 8, ["loading", "icon"])
@@ -2838,64 +2837,64 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
           ], -1))
         ])
       ])
-    ])) : (s(), r("div", Cr, [
+    ])) : (s(), n("div", Cr, [
       e("div", {
-        class: h(["relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full", { "pb-12": o.item.showFooter }])
+        class: h(["relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full", { "pb-12": l.item.showFooter }])
       }, [
         e("dt", null, [
           e("div", {
             class: h(["absolute rounded-md p-3", {
-              "bg-indigo-500": !o.item.color,
-              "bg-green-500": o.item.color === "green",
-              "bg-red-500": o.item.color === "red",
-              "bg-yellow-500": o.item.color === "yellow",
-              "bg-cyan-300": o.item.color === "secondary"
+              "bg-indigo-500": !l.item.color,
+              "bg-green-500": l.item.color === "green",
+              "bg-red-500": l.item.color === "red",
+              "bg-yellow-500": l.item.color === "yellow",
+              "bg-cyan-300": l.item.color === "secondary"
             }])
           }, [
             m(j, {
-              icon: o.item.icon,
+              icon: l.item.icon,
               class: "h-6 w-6 text-white",
               "aria-hidden": "true",
-              loading: o.loading
+              loading: l.loading
             }, null, 8, ["icon", "loading"])
           ], 2),
-          e("p", Sr, g(o.item.name), 1)
+          e("p", Sr, g(l.item.name), 1)
         ]),
         e("dd", Br, [
-          e("p", Mr, g(o.item.stat), 1),
-          o.item.explanation ? (s(), r("p", Dr, g(o.item.explanation), 1)) : b("", !0),
-          o.item.changeType ? (s(), r("p", {
+          e("p", Mr, g(l.item.stat), 1),
+          l.item.explanation ? (s(), n("p", Dr, g(l.item.explanation), 1)) : b("", !0),
+          l.item.changeType ? (s(), n("p", {
             key: 1,
             class: h([
               {
-                "text-green-600": o.item.changeType === "increase",
-                "text-red-600": o.item.changeType === "decrease",
-                "text-black": o.item.changeType === "neutral"
+                "text-green-600": l.item.changeType === "increase",
+                "text-red-600": l.item.changeType === "decrease",
+                "text-black": l.item.changeType === "neutral"
               },
               "ml-2 flex items-baseline text-sm font-semibold"
             ])
           }, [
-            o.item.changeType === "increase" ? (s(), _(u(vt), {
+            l.item.changeType === "increase" ? (s(), _(u(vt), {
               key: 0,
               class: "self-center flex-shrink-0 h-3 w-3 text-green-500",
               "aria-hidden": "true"
             })) : b("", !0),
-            o.item.changeType === "decrease" ? (s(), _(u(ht), {
+            l.item.changeType === "decrease" ? (s(), _(u(ht), {
               key: 1,
               class: "self-center flex-shrink-0 h-3 w-3 text-red-500",
               "aria-hidden": "true"
             })) : b("", !0),
-            z(" " + g(o.item.change), 1)
+            z(" " + g(l.item.change), 1)
           ], 2)) : b("", !0),
           C(e("div", jr, [
             e("div", Tr, [
               e("span", {
-                onClick: a[0] || (a[0] = (n) => o.$emit("statClick", o.item.id)),
+                onClick: a[0] || (a[0] = (r) => l.$emit("statClick", l.item.id)),
                 class: "font-medium text-indigo-600 hover:text-indigo-500 cursor-pointer"
-              }, g(o.item.actionText), 1)
+              }, g(l.item.actionText), 1)
             ])
           ], 512), [
-            [D, o.item.showFooter]
+            [D, l.item.showFooter]
           ])
         ])
       ], 2)
@@ -2913,7 +2912,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
 }, Hr = {
   key: 1,
   class: "overflow-hidden bg-white shadow sm:rounded-lg"
-}, Ur = { class: "border-t border-gray-200" }, Er = /* @__PURE__ */ B({
+}, Ur = { class: "border-t border-gray-200" }, Er = /* @__PURE__ */ M({
   __name: "uiStripedCard",
   props: {
     title: {},
@@ -2923,13 +2922,13 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
   },
   emits: ["itemClicked"],
   setup(p, { emit: i }) {
-    return (o, a) => o.loading ? (s(), r("div", Hr, [
+    return (l, a) => l.loading ? (s(), n("div", Hr, [
       a[1] || (a[1] = Q('<div class="px-4 py-5 sm:px-6 animate-pulse"><h3 class="text-lg font-medium leading-6 text-gray-900"><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", Ur, [
         e("dl", null, [
-          (s(), r(x, null, $(5, (n) => e("div", {
-            key: n,
-            class: h(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [n % 2 === 0 ? "bg-gray-50" : "bg-white"]])
+          (s(), n(x, null, $(5, (r) => e("div", {
+            key: r,
+            class: h(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [r % 2 === 0 ? "bg-gray-50" : "bg-white"]])
           }, a[0] || (a[0] = [
             e("dt", { class: "text-sm font-medium text-gray-500" }, [
               e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" })
@@ -2940,21 +2939,21 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
           ]), 2)), 64))
         ])
       ])
-    ])) : (s(), r("div", Ar, [
+    ])) : (s(), n("div", Ar, [
       e("div", Yr, [
-        e("h3", Or, g(o.title), 1),
-        e("p", Ir, g(o.subtitle), 1)
+        e("h3", Or, g(l.title), 1),
+        e("p", Ir, g(l.subtitle), 1)
       ]),
       e("div", Pr, [
         e("dl", null, [
-          (s(!0), r(x, null, $(o.items, (n, l) => (s(), r("div", {
-            key: l,
-            class: h(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [l % 2 === 0 ? "bg-gray-50" : "bg-white"]])
+          (s(!0), n(x, null, $(l.items, (r, o) => (s(), n("div", {
+            key: o,
+            class: h(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [o % 2 === 0 ? "bg-gray-50" : "bg-white"]])
           }, [
-            e("dt", Vr, g(n.title), 1),
-            n.type === "tags" ? (s(), r("dd", Fr, [
-              (s(!0), r(x, null, $(n.tags, (t, c) => (s(), _(H, {
-                loading: o.loading,
+            e("dt", Vr, g(r.title), 1),
+            r.type === "tags" ? (s(), n("dd", Fr, [
+              (s(!0), n(x, null, $(r.tags, (t, c) => (s(), _(H, {
+                loading: l.loading,
                 key: c,
                 color: t.color,
                 class: "mr-2 mb-2"
@@ -2964,11 +2963,11 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
                 ]),
                 _: 2
               }, 1032, ["loading", "color"]))), 128))
-            ])) : n.type === "link" ? (s(), r("dd", {
+            ])) : r.type === "link" ? (s(), n("dd", {
               key: 1,
               class: "mt-1 text-sm text-indigo-600 hover:text-indigo-400 sm:col-span-2 sm:mt-0 cursor-pointer",
-              onClick: (t) => o.$emit("itemClicked", n.emits)
-            }, g(n.text), 9, qr)) : (s(), r("dd", Rr, g(n.text), 1))
+              onClick: (t) => l.$emit("itemClicked", r.emits)
+            }, g(r.text), 9, qr)) : (s(), n("dd", Rr, g(r.text), 1))
           ], 2))), 128))
         ])
       ])
@@ -2983,8 +2982,8 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
     }
   },
   setup(p) {
-    return (i, o) => (s(), r("div", Zr, [
-      o[0] || (o[0] = e("svg", {
+    return (i, l) => (s(), n("div", Zr, [
+      l[0] || (l[0] = e("svg", {
         class: "absolute -top-3 left-0",
         xmlns: "http://www.w3.org/2000/svg",
         width: "27.687",
@@ -3019,7 +3018,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
 }, un = { class: "divide-y divide-gray-200 bg-white" }, cn = {
   key: 0,
   class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600"
-}, gn = ["value"], mn = ["onClick"], pn = ["href"], fn = { key: 3 }, hn = /* @__PURE__ */ B({
+}, gn = ["value"], mn = ["onClick"], pn = ["href"], fn = { key: 3 }, hn = /* @__PURE__ */ M({
   __name: "uiTable",
   props: {
     resetSelected: { type: Boolean, default: !1 },
@@ -3032,28 +3031,28 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
   },
   emits: ["tableAction", "orderBy", "customEmit", "selectedItemsDeleted"],
   setup(p, { emit: i }) {
-    let o = N([]), a = N(""), n = N(!1);
-    const l = i, t = p, c = V(
-      () => o.value.length > 0 && o.value.length < t.items.length
+    let l = N([]), a = N(""), r = N(!1);
+    const o = i, t = p, c = V(
+      () => l.value.length > 0 && l.value.length < t.items.length
     ), d = (k, O) => {
       a.value !== k && O && (a.value = k), O || (a.value = void 0);
     }, f = (k) => {
-      o.value = k.target.checked ? t.items.map((O) => O.id) : [];
+      l.value = k.target.checked ? t.items.map((O) => O.id) : [];
     }, v = (k) => {
-      l("customEmit", k);
+      o("customEmit", k);
     };
     return R(() => t.resetSelected, (k) => {
-      n.value = k, k && n.value && (o.value = [], n.value = !k, l("selectedItemsDeleted"));
+      r.value = k, k && r.value && (l.value = [], r.value = !k, o("selectedItemsDeleted"));
     }), (k, O) => {
-      var A, M;
-      return k.loading ? (s(), _(Ge, { key: 1 })) : (s(), r("div", Gr, [
+      var A, B;
+      return k.loading ? (s(), _(Ge, { key: 1 })) : (s(), n("div", Gr, [
         e("div", Qr, [
           e("div", Kr, [
             e("div", Xr, [
               e("div", en, [
-                ((A = u(o)) == null ? void 0 : A.length) > 0 && ((M = k.actions) == null ? void 0 : M.length) > 0 ? (s(), r("div", tn, [
-                  (s(!0), r(x, null, $(k.actions, (S, P) => (s(), r("button", {
-                    onClick: (w) => k.$emit("tableAction", { action: S.id, items: u(o) }),
+                ((A = u(l)) == null ? void 0 : A.length) > 0 && ((B = k.actions) == null ? void 0 : B.length) > 0 ? (s(), n("div", tn, [
+                  (s(!0), n(x, null, $(k.actions, (S, P) => (s(), n("button", {
+                    onClick: (w) => k.$emit("tableAction", { action: S.id, items: u(l) }),
                     key: P,
                     type: "button",
                     class: "inline-flex items-center rounded bg-indigo-600 hover:bg-indigo-800 px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30"
@@ -3066,16 +3065,16 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
                         scope: "col",
                         class: h([k.actions ? "px-6 sm:px-8" : "px-3", "relative"])
                       }, [
-                        k.actions ? (s(), r("input", {
+                        k.actions ? (s(), n("input", {
                           key: 0,
-                          checked: c.value || u(o).length === k.items.length,
+                          checked: c.value || u(l).length === k.items.length,
                           indeterminate: c.value,
                           class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500",
                           type: "checkbox",
                           onChange: f
                         }, null, 40, rn)) : b("", !0)
                       ], 2),
-                      (s(!0), r(x, null, $(k.header, (S, P) => (s(), r("th", {
+                      (s(!0), n(x, null, $(k.header, (S, P) => (s(), n("th", {
                         key: P,
                         class: "py-3.5 pr-3 text-left font-semibold text-gray-900 relative",
                         scope: "col",
@@ -3088,10 +3087,10 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
                         }, null, 8, ["tip"])), [
                           [D, u(a) === S.name]
                         ]) : b("", !0),
-                        S.value ? (s(), r("button", {
+                        S.value ? (s(), n("button", {
                           key: 1,
                           class: "group flex items-center uppercase text-xs relative text-nowrap",
-                          onClick: (w) => l("orderBy", { value: S.value, orderDirection: k.orderDirection === "asc" ? "desc" : "asc" })
+                          onClick: (w) => o("orderBy", { value: S.value, orderDirection: k.orderDirection === "asc" ? "desc" : "asc" })
                         }, [
                           e("span", null, g(S.name), 1),
                           e("span", {
@@ -3105,41 +3104,41 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
                               color: S.value === k.orderedBy ? "white" : "primary"
                             }, null, 8, ["icon", "loading", "color"])
                           ], 2)
-                        ], 8, an)) : (s(), r("p", dn, [
+                        ], 8, an)) : (s(), n("p", dn, [
                           e("span", null, g(S.name), 1)
                         ]))
                       ], 40, nn))), 128))
                     ])
                   ]),
                   e("tbody", un, [
-                    (s(!0), r(x, null, $(k.items, (S, P) => {
+                    (s(!0), n(x, null, $(k.items, (S, P) => {
                       var w, I;
-                      return s(), r("tr", {
+                      return s(), n("tr", {
                         key: S.id,
                         class: h([
-                          u(o).includes(S.id) && "bg-gray-50",
+                          u(l).includes(S.id) && "bg-gray-50",
                           P % 2 === 0 ? void 0 : "bg-gray-50"
                         ])
                       }, [
                         e("td", {
                           class: h([((w = k.actions) == null ? void 0 : w.length) > 0 ? "w-2" : "w-0", "relative"])
                         }, [
-                          u(o).includes(S.id) ? (s(), r("div", cn)) : b("", !0),
-                          ((I = k.actions) == null ? void 0 : I.length) > 0 ? C((s(), r("input", {
+                          u(l).includes(S.id) ? (s(), n("div", cn)) : b("", !0),
+                          ((I = k.actions) == null ? void 0 : I.length) > 0 ? C((s(), n("input", {
                             key: 1,
-                            "onUpdate:modelValue": O[0] || (O[0] = (Y) => Ye(o) ? o.value = Y : o = Y),
+                            "onUpdate:modelValue": O[0] || (O[0] = (Y) => Ye(l) ? l.value = Y : l = Y),
                             value: S.id,
                             class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500 flex-wrap",
                             type: "checkbox"
                           }, null, 8, gn)), [
-                            [Ae, u(o)]
+                            [Ae, u(l)]
                           ]) : b("", !0)
                         ], 2),
-                        (s(!0), r(x, null, $(S.row, (Y, se) => (s(), r("td", {
+                        (s(!0), n(x, null, $(S.row, (Y, se) => (s(), n("td", {
                           key: se,
                           class: h([
                             "whitespace-nowrap py-4 pr-3 text-sm",
-                            u(o).includes(S.id) ? "text-indigo-600" : "text-gray-900"
+                            u(l).includes(S.id) ? "text-indigo-600" : "text-gray-900"
                           ])
                         }, [
                           typeof Y == "object" && Y.type === "tag" ? (s(), _(H, {
@@ -3151,15 +3150,15 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
                               z(g(Y.content), 1)
                             ]),
                             _: 2
-                          }, 1032, ["loading", "color"])) : typeof Y == "object" && Y.type === "link" ? (s(), r("span", {
+                          }, 1032, ["loading", "color"])) : typeof Y == "object" && Y.type === "link" ? (s(), n("span", {
                             key: 1,
                             class: "text-indigo-600 hover:text-indigo-400 cursor-pointer",
                             onClick: (L) => v(Y)
-                          }, g(Y.content), 9, mn)) : typeof Y == "object" && Y.type === "href" ? (s(), r("a", {
+                          }, g(Y.content), 9, mn)) : typeof Y == "object" && Y.type === "href" ? (s(), n("a", {
                             key: 2,
                             class: "text-indigo-600 hover:text-indigo-400 cursor-pointer",
                             href: Y.href
-                          }, g(Y.content), 9, pn)) : (s(), r("span", fn, g(Y), 1))
+                          }, g(Y.content), 9, pn)) : (s(), n("span", fn, g(Y), 1))
                         ], 2))), 128))
                       ], 2);
                     }), 128))
@@ -3175,26 +3174,26 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
 }), yn = { class: "lg:hidden" }, vn = ["value"], bn = { class: "hidden lg:block" }, wn = { class: "border-b border-gray-200" }, xn = {
   class: "-mb-px flex space-x-8",
   "aria-label": "Tabs"
-}, kn = ["onClick", "aria-current"], _n = /* @__PURE__ */ B({
+}, kn = ["onClick", "aria-current"], _n = /* @__PURE__ */ M({
   __name: "uiTabs",
   props: {
     tabs: {}
   },
   emits: ["tabClicked"],
   setup(p, { emit: i }) {
-    const o = i, a = (n) => {
-      const l = n.target;
-      l.value && o("tabClicked", l.value);
+    const l = i, a = (r) => {
+      const o = r.target;
+      o.value && l("tabClicked", o.value);
     };
-    return (n, l) => (s(), r("div", null, [
+    return (r, o) => (s(), n("div", null, [
       e("div", yn, [
         e("select", {
-          onChange: l[0] || (l[0] = (t) => a(t)),
+          onChange: o[0] || (o[0] = (t) => a(t)),
           id: "tabs",
           name: "tabs",
           class: "block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm"
         }, [
-          (s(!0), r(x, null, $(n.tabs, (t) => (s(), r("option", {
+          (s(!0), n(x, null, $(r.tabs, (t) => (s(), n("option", {
             value: t.id,
             key: t.name
           }, g(t.name), 9, vn))), 128))
@@ -3203,9 +3202,9 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
       e("div", bn, [
         e("div", wn, [
           e("nav", xn, [
-            (s(!0), r(x, null, $(n.tabs, (t) => (s(), r("a", {
+            (s(!0), n(x, null, $(r.tabs, (t) => (s(), n("a", {
               key: t.name,
-              onClick: (c) => o("tabClicked", t.id),
+              onClick: (c) => l("tabClicked", t.id),
               class: h([
                 t.current ? "border-indigo-500 text-indigo-600" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-200",
                 "whitespace-nowrap flex py-4 px-1 border-b-2 font-medium text-sm cursor-pointer"
@@ -3213,7 +3212,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
               "aria-current": t.current ? "page" : void 0
             }, [
               z(g(t.name) + " ", 1),
-              t.count ? (s(), r("span", {
+              t.count ? (s(), n("span", {
                 key: 0,
                 class: h([
                   t.current ? "bg-indigo-100 text-indigo-600" : "bg-gray-100 text-gray-900",
@@ -3249,7 +3248,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, Un = /* @__PURE__ */ B({
+}, Un = /* @__PURE__ */ M({
   __name: "uiTimeline",
   props: {
     name: {},
@@ -3261,8 +3260,8 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
   emits: ["timelineEventClicked", "timelineFooterClicked"],
   setup(p, { emit: i }) {
     const a = ce(p.timeline);
-    return (n, l) => n.loading ? (s(), r("div", Pn, [
-      l[3] || (l[3] = e("div", { class: "px-4 py-5 sm:px-6 animate-pulse" }, [
+    return (r, o) => r.loading ? (s(), n("div", Pn, [
+      o[3] || (o[3] = e("div", { class: "px-4 py-5 sm:px-6 animate-pulse" }, [
         e("h1", { class: "text-xl font-bold" }, [
           e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4" })
         ])
@@ -3270,28 +3269,28 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
       e("div", Vn, [
         e("div", Fn, [
           e("ul", qn, [
-            (s(), r(x, null, $(10, (t, c) => e("li", { key: c }, [
+            (s(), n(x, null, $(10, (t, c) => e("li", { key: c }, [
               e("div", Rn, [
-                t !== 10 ? (s(), r("span", Hn)) : b("", !0),
-                l[2] || (l[2] = Q('<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))
+                t !== 10 ? (s(), n("span", Hn)) : b("", !0),
+                o[2] || (o[2] = Q('<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))
               ])
             ])), 64))
           ])
         ])
       ]),
-      l[4] || (l[4] = e("div", { class: "bg-gray-50 px-4 py-4 sm:px-6 z-10 animate-pulse" }, [
+      o[4] || (o[4] = e("div", { class: "bg-gray-50 px-4 py-4 sm:px-6 z-10 animate-pulse" }, [
         e("div", { class: "text-sm" }, [
           e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4" })
         ])
       ], -1))
-    ])) : (s(), r("div", {
+    ])) : (s(), n("div", {
       key: 0,
-      class: h(["h-[" + n.height + "px]", "bg-white overflow-hidden shadow rounded-lg"])
+      class: h(["h-[" + r.height + "px]", "bg-white overflow-hidden shadow rounded-lg"])
     }, [
       e("div", $n, [
-        e("h1", Cn, g(n.name), 1)
+        e("h1", Cn, g(r.name), 1)
       ]),
-      a.items ? (s(), r("div", Sn, [
+      a.items ? (s(), n("div", Sn, [
         e("div", Bn, [
           m(et, {
             name: "list",
@@ -3299,18 +3298,18 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
             class: "-mb-8"
           }, {
             default: y(() => [
-              (s(!0), r(x, null, $(a.items, (t, c) => {
+              (s(!0), n(x, null, $(a.items, (t, c) => {
                 var d;
-                return s(), r("li", { key: c }, [
+                return s(), n("li", { key: c }, [
                   e("div", Mn, [
-                    c < ((d = a.items) == null ? void 0 : d.length) - 1 ? (s(), r("span", Dn)) : b("", !0),
+                    c < ((d = a.items) == null ? void 0 : d.length) - 1 ? (s(), n("span", Dn)) : b("", !0),
                     e("div", jn, [
                       e("div", null, [
                         e("span", {
                           class: h([(t == null ? void 0 : t.iconBackground) || "bg-indigo-600", "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"])
                         }, [
                           m(j, {
-                            loading: n.loading,
+                            loading: r.loading,
                             icon: t == null ? void 0 : t.icon,
                             "aria-hidden": "true",
                             class: "h-5 w-5 text-white",
@@ -3322,7 +3321,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
                         e("div", null, [
                           e("p", zn, [
                             e("a", {
-                              onClick: (f) => n.$emit("timelineEventClicked", t.linkId),
+                              onClick: (f) => r.$emit("timelineEventClicked", t.linkId),
                               class: "font-medium text-indigo-600 hover:text-indigo-800 cursor-pointer"
                             }, g(t == null ? void 0 : t.target), 9, Ln),
                             z(" " + g(t == null ? void 0 : t.content), 1)
@@ -3343,28 +3342,28 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
           })
         ])
       ])) : b("", !0),
-      a.items ? (s(), r("div", Yn, [
+      a.items ? (s(), n("div", Yn, [
         e("div", On, [
           e("a", {
             class: "cursor-pointer font-medium text-indigo-600 hover:text-indigo-500",
-            onClick: l[0] || (l[0] = (t) => n.$emit("timelineFooterClicked", n.timeline.id))
-          }, g(n.timeline.footerText), 1)
+            onClick: o[0] || (o[0] = (t) => r.$emit("timelineFooterClicked", r.timeline.id))
+          }, g(r.timeline.footerText), 1)
         ])
-      ])) : (s(), r("div", In, [
+      ])) : (s(), n("div", In, [
         m(j, {
           icon: u(U),
           color: "gray",
           loading: !1,
           size: "huge"
         }, null, 8, ["icon"]),
-        l[1] || (l[1] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
+        o[1] || (o[1] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
       ]))
     ], 2));
   }
 }), En = { class: "mx-auto px-6 lg:px-8" }, Zn = { class: "flex justify-between h-20" }, Jn = { class: "flex" }, Wn = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, Gn = ["src"], Qn = { class: "flex items-center" }, Kn = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, Xn = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, ea = ["src"], ta = ["onClick"], sa = { class: "pt-2 pb-3 space-y-1" }, oa = ["onClick"], la = { class: "pt-4 pb-3 border-t border-gray-200" }, ra = { class: "flex items-center px-4 sm:px-6" }, na = { class: "flex-shrink-0" }, aa = ["src"], ia = {
   key: 0,
   class: "ml-3"
-}, da = { class: "text-base font-medium text-gray-800" }, ua = { class: "text-sm font-medium text-gray-500" }, ca = { class: "mt-3 space-y-1" }, ga = ["onClick"], ma = /* @__PURE__ */ B({
+}, da = { class: "text-base font-medium text-gray-800" }, ua = { class: "text-sm font-medium text-gray-500" }, ca = { class: "mt-3 space-y-1" }, ga = ["onClick"], ma = /* @__PURE__ */ M({
   __name: "uiTopbar",
   props: {
     logo: {},
@@ -3376,11 +3375,11 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
   },
   emits: ["topBarClick"],
   setup(p, { emit: i }) {
-    return (o, a) => (s(), _(u(ke), {
+    return (l, a) => (s(), _(u(ke), {
       as: "nav",
       class: "bg-white shadow z-10"
     }, {
-      default: y(({ open: n }) => [
+      default: y(({ open: r }) => [
         e("div", En, [
           e("div", Zn, [
             e("div", Jn, [
@@ -3388,7 +3387,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
                 m(u(E), { 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: y(() => [
                     a[1] || (a[1] = e("span", { class: "sr-only" }, "Open main menu", -1)),
-                    n ? (s(), _(u(Z), {
+                    r ? (s(), _(u(Z), {
                       key: 1,
                       class: "block h-6 w-6",
                       "aria-hidden": "true"
@@ -3403,11 +3402,11 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
               ]),
               e("div", {
                 class: "flex-shrink-0 flex items-center cursor-pointer",
-                onClick: a[0] || (a[0] = (l) => o.$emit("topBarClick", "logo"))
+                onClick: a[0] || (a[0] = (o) => l.$emit("topBarClick", "logo"))
               }, [
                 e("img", {
                   class: "h-10",
-                  src: o.logo,
+                  src: l.logo,
                   alt: "Hotelinking suite product logo"
                 }, null, 8, Gn)
               ])
@@ -3425,16 +3424,16 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
                           C(e("div", Xn, a[2] || (a[2] = [
                             e("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                           ]), 512), [
-                            [D, o.alerted]
+                            [D, l.alerted]
                           ]),
                           e("img", {
                             class: "h-10 w-10 rounded-full",
-                            src: o.accountLogo
+                            src: l.accountLogo
                           }, null, 8, ea)
                         ]),
                         _: 1
                       }, 512), [
-                        [D, o.accountLogo]
+                        [D, l.accountLogo]
                       ])
                     ]),
                     m(ue, {
@@ -3448,17 +3447,17 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
                       default: y(() => [
                         m(u(ye), { 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: y(() => [
-                            (s(!0), r(x, null, $(o.profileMenu, (l) => (s(), _(u(ve), {
-                              key: l.name
+                            (s(!0), n(x, null, $(l.profileMenu, (o) => (s(), _(u(ve), {
+                              key: o.name
                             }, {
                               default: y(({ active: t }) => [
                                 e("p", {
-                                  onClick: (c) => o.$emit("topBarClick", l.id),
+                                  onClick: (c) => l.$emit("topBarClick", o.id),
                                   class: h(["cursor-pointer", [
                                     t ? "bg-gray-100" : "",
                                     "block px-4 py-2 text-sm text-gray-700"
                                   ]])
-                                }, g(l.name), 11, ta)
+                                }, g(o.name), 11, ta)
                               ]),
                               _: 2
                             }, 1024))), 128))
@@ -3478,18 +3477,18 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
         m(u(_e), { class: "lg:hidden" }, {
           default: y(() => [
             e("div", sa, [
-              (s(!0), r(x, null, $(o.navigation, (l) => (s(), _(u(E), {
+              (s(!0), n(x, null, $(l.navigation, (o) => (s(), _(u(E), {
                 as: "template",
-                key: l.name,
+                key: o.name,
                 class: h(["block pl-3 pr-4 py-2 border-l-4 text-base font-medium sm:pl-5 sm:pr-6", {
-                  "bg-indigo-50 border-indigo-500 text-indigo-700": l.current && l.current === !0,
-                  "border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700": !l.current
+                  "bg-indigo-50 border-indigo-500 text-indigo-700": o.current && o.current === !0,
+                  "border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700": !o.current
                 }])
               }, {
                 default: y(() => [
                   e("p", {
-                    onClick: (t) => o.$emit("topBarClick", l.id)
-                  }, g(l.name), 9, oa)
+                    onClick: (t) => l.$emit("topBarClick", o.id)
+                  }, g(o.name), 9, oa)
                 ]),
                 _: 2
               }, 1032, ["class"]))), 128))
@@ -3499,24 +3498,24 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
                 e("div", na, [
                   e("img", {
                     class: "h-10 w-10 rounded-full",
-                    src: o.accountLogo
+                    src: l.accountLogo
                   }, null, 8, aa)
                 ]),
-                o.brand ? (s(), r("div", ia, [
-                  e("div", da, g(o.brand.title), 1),
-                  e("div", ua, g(o.brand.subtitle), 1)
+                l.brand ? (s(), n("div", ia, [
+                  e("div", da, g(l.brand.title), 1),
+                  e("div", ua, g(l.brand.subtitle), 1)
                 ])) : b("", !0)
               ]),
               e("div", ca, [
-                (s(!0), r(x, null, $(o.profileMenu, (l) => (s(), _(u(E), {
+                (s(!0), n(x, null, $(l.profileMenu, (o) => (s(), _(u(E), {
                   as: "template",
-                  key: l.name,
+                  key: o.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"
                 }, {
                   default: y(() => [
                     e("p", {
-                      onClick: (t) => o.$emit("topBarClick", l.id)
-                    }, g(l.name), 9, ga)
+                      onClick: (t) => l.$emit("topBarClick", o.id)
+                    }, g(o.name), 9, ga)
                   ]),
                   _: 2
                 }, 1024))), 128))
@@ -3529,36 +3528,36 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
       _: 1
     }));
   }
-}), pa = { class: "chart-selector flex flex-row items-center justify-center" }, fa = /* @__PURE__ */ B({
+}), pa = { class: "chart-selector flex flex-row items-center justify-center" }, fa = /* @__PURE__ */ M({
   __name: "RangeSelector",
   props: { range: { type: String } },
   emits: ["rangeSelected"],
   setup(p, { emit: i }) {
-    const o = i, a = p;
-    let n = V(() => a.range);
-    const l = (t) => {
-      n = t, o("rangeSelected", t);
+    const l = i, a = p;
+    let r = V(() => a.range);
+    const o = (t) => {
+      r = t, l("rangeSelected", t);
     };
-    return (t, c) => (s(), r("ul", pa, [
+    return (t, c) => (s(), n("ul", pa, [
       e("li", {
-        class: h({ selected: u(n) === "24h" }),
-        onClick: c[0] || (c[0] = (d) => l("24h"))
+        class: h({ selected: u(r) === "24h" }),
+        onClick: c[0] || (c[0] = (d) => o("24h"))
       }, " 24H ", 2),
       e("li", {
-        class: h({ selected: u(n) === "7d" }),
-        onClick: c[1] || (c[1] = (d) => l("7d"))
+        class: h({ selected: u(r) === "7d" }),
+        onClick: c[1] || (c[1] = (d) => o("7d"))
       }, "7D", 2),
       e("li", {
-        class: h({ selected: u(n) === "1m" }),
-        onClick: c[2] || (c[2] = (d) => l("1m"))
+        class: h({ selected: u(r) === "1m" }),
+        onClick: c[2] || (c[2] = (d) => o("1m"))
       }, "1M", 2),
       e("li", {
-        class: h({ selected: u(n) === "3m" }),
-        onClick: c[3] || (c[3] = (d) => l("3m"))
+        class: h({ selected: u(r) === "3m" }),
+        onClick: c[3] || (c[3] = (d) => o("3m"))
       }, "3M", 2)
     ]));
   }
-}), ha = { class: "chart-header flex flex-row justify-between" }, ya = { class: "text-sm font-medium text-gray-500 truncate" }, va = { class: "chart-content" }, ba = { class: "h-full w-full flex items-center justify-center flex-col" }, wa = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, xa = /* @__PURE__ */ B({
+}), ha = { class: "chart-header flex flex-row justify-between" }, ya = { class: "text-sm font-medium text-gray-500 truncate" }, va = { class: "chart-content" }, ba = { class: "h-full w-full flex items-center justify-center flex-col" }, wa = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, xa = /* @__PURE__ */ M({
   __name: "uiFunnelChartV2",
   props: {
     labels: {},
@@ -3580,8 +3579,8 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection", "maximizeChart"],
   setup(p, { emit: i }) {
-    const o = i, a = p;
-    let n = {
+    const l = i, a = p;
+    let r = {
       chart: {
         type: "bar",
         toolbar: {
@@ -3616,10 +3615,10 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
         }
       }
     };
-    const l = V(() => ({ ...a.options, ...n })), t = V(() => a.series), c = () => o("chartUpdated"), d = (f, v, k) => {
-      o("dataPointSelection", { id: a.id, chartContext: v, config: k, event: f });
+    const o = V(() => ({ ...a.options, ...r })), t = V(() => a.series), c = () => l("chartUpdated"), d = (f, v, k) => {
+      l("dataPointSelection", { id: a.id, chartContext: v, config: k, event: f });
     };
-    return (f, v) => (s(), r(x, null, [
+    return (f, v) => (s(), n(x, null, [
       C(e("div", {
         class: h(["h-[" + f.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
@@ -3636,7 +3635,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
             series: t.value,
             width: "100%",
             height: f.height,
-            options: l.value,
+            options: o.value,
             onUpdated: c,
             onMounted: c,
             onDataPointSelection: d
@@ -3689,7 +3688,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
       ])
     ], 64));
   }
-}), ka = { class: "w-full flex flex-col items-center justify-center p-10 grow" }, _a = { class: "text-2xl mt-4 font-bold" }, $a = { class: "buttons flex flex-row items-center justify-center mt-8 gap-x-1" }, Ca = /* @__PURE__ */ B({
+}), ka = { class: "w-full flex flex-col items-center justify-center p-10 grow" }, _a = { class: "text-2xl mt-4 font-bold" }, $a = { class: "buttons flex flex-row items-center justify-center mt-8 gap-x-1" }, Ca = /* @__PURE__ */ M({
   __name: "uiNoResults",
   props: {
     title: {},
@@ -3700,7 +3699,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
   },
   emits: ["action", "noResultsOptionSelected"],
   setup(p) {
-    return (i, o) => (s(), r("div", ka, [
+    return (i, l) => (s(), n("div", ka, [
       m(j, {
         loading: !1,
         icon: u(U),
@@ -3710,10 +3709,10 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
       e("h2", _a, g(i.title), 1),
       e("p", null, g(i.message), 1),
       e("div", $a, [
-        (s(!0), r(x, null, $(i.actions, (a, n) => (s(), _(G, {
-          key: n,
+        (s(!0), n(x, null, $(i.actions, (a, r) => (s(), _(G, {
+          key: r,
           loading: !1,
-          onClick: (l) => i.$emit("action", a.action)
+          onClick: (o) => i.$emit("action", a.action)
         }, {
           default: y(() => [
             z(g(a.text), 1)
@@ -3724,12 +3723,12 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
           key: 0,
           items: i.items,
           loading: !1,
-          onOptionSelected: o[0] || (o[0] = (a) => i.$emit("noResultsOptionSelected", a))
+          onOptionSelected: l[0] || (l[0] = (a) => i.$emit("noResultsOptionSelected", a))
         }, null, 8, ["items"])) : b("", !0)
       ])
     ]));
   }
-}), Sa = { class: "fixed inset-0 overflow-hidden" }, Ba = { class: "absolute inset-0 overflow-hidden" }, Ma = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, Da = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, ja = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, Ta = { class: "flex items-center justify-between" }, za = { class: "ml-3 flex h-7 items-center" }, La = { class: "mt-1" }, Na = { class: "text-sm text-indigo-300" }, Aa = { class: "relative flex-1 px-4 py-6 sm:px-6" }, Ya = /* @__PURE__ */ B({
+}), Sa = { class: "fixed inset-0 overflow-hidden" }, Ba = { class: "absolute inset-0 overflow-hidden" }, Ma = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, Da = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, ja = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, Ta = { class: "flex items-center justify-between" }, za = { class: "ml-3 flex h-7 items-center" }, La = { class: "mt-1" }, Na = { class: "text-sm text-indigo-300" }, Aa = { class: "relative flex-1 px-4 py-6 sm:px-6" }, Ya = /* @__PURE__ */ M({
   __name: "uiRightSidebar",
   props: {
     title: {},
@@ -3738,15 +3737,15 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
   },
   emits: ["closeRightBar"],
   setup(p, { emit: i }) {
-    return (o, a) => (s(), _(u(be), {
+    return (l, a) => (s(), _(u(be), {
       as: "template",
-      show: o.open
+      show: l.open
     }, {
       default: y(() => [
         m(u(we), {
           as: "div",
           class: "relative z-10",
-          onClose: a[1] || (a[1] = (n) => o.$emit("closeRightBar"))
+          onClose: a[1] || (a[1] = (r) => l.$emit("closeRightBar"))
         }, {
           default: y(() => [
             a[4] || (a[4] = e("div", { class: "fixed inset-0" }, null, -1)),
@@ -3770,7 +3769,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
                               e("div", Ta, [
                                 m(u(qe), { class: "text-base font-semibold leading-6 text-white" }, {
                                   default: y(() => [
-                                    z(g(o.title), 1)
+                                    z(g(l.title), 1)
                                   ]),
                                   _: 1
                                 }),
@@ -3778,7 +3777,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
                                   e("button", {
                                     type: "button",
                                     class: "relative rounded-md bg-indigo-700 text-indigo-200 hover:text-white outline-none",
-                                    onClick: a[0] || (a[0] = (n) => o.$emit("closeRightBar"))
+                                    onClick: a[0] || (a[0] = (r) => l.$emit("closeRightBar"))
                                   }, [
                                     a[2] || (a[2] = e("span", { class: "absolute -inset-2.5" }, null, -1)),
                                     a[3] || (a[3] = e("span", { class: "sr-only" }, "Close panel", -1)),
@@ -3790,11 +3789,11 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
                                 ])
                               ]),
                               e("div", La, [
-                                e("p", Na, g(o.description), 1)
+                                e("p", Na, g(l.description), 1)
                               ])
                             ]),
                             e("div", Aa, [
-                              q(o.$slots, "default")
+                              q(l.$slots, "default")
                             ])
                           ])
                         ]),
@@ -3821,7 +3820,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
   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"
-}, Ea = /* @__PURE__ */ B({
+}, Ea = /* @__PURE__ */ M({
   __name: "uiGallery",
   props: {
     galleryId: {},
@@ -3831,32 +3830,32 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
   },
   emits: ["modalAction", "deleteImage", "imgClicked"],
   setup(p, { emit: i }) {
-    const o = i, a = N(!1), n = (l) => {
-      a.value = !1, o("modalAction", l);
+    const l = i, a = N(!1), r = (o) => {
+      a.value = !1, l("modalAction", o);
     };
-    return (l, t) => (s(), r("div", Oa, [
-      l.loading ? b("", !0) : (s(), _(We, {
+    return (o, t) => (s(), n("div", Oa, [
+      o.loading ? b("", !0) : (s(), _(We, {
         key: 0,
         open: a.value,
         modalName: "deleteAllImagesModal",
-        title: l.literals.modalTitle,
+        title: o.literals.modalTitle,
         type: "warning",
-        actions: [{ value: "close", name: l.literals.closeAction }, { value: `deleteGallery_${l.galleryId}`, name: l.literals.deleteAction }],
-        onModalAction: t[0] || (t[0] = (c) => n(c))
+        actions: [{ value: "close", name: o.literals.closeAction }, { value: `deleteGallery_${o.galleryId}`, name: o.literals.deleteAction }],
+        onModalAction: t[0] || (t[0] = (c) => r(c))
       }, {
         default: y(() => [
-          e("p", null, g(l.literals.modalText), 1)
+          e("p", null, g(o.literals.modalText), 1)
         ]),
         _: 1
       }, 8, ["open", "title", "actions"])),
-      l.loading ? (s(), r("ul", Ua, [
-        (s(), r(x, null, $(4, (c) => e("li", null, t[2] || (t[2] = [
+      o.loading ? (s(), n("ul", Ua, [
+        (s(), n(x, null, $(4, (c) => 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-indigo-500 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))
-      ])) : (s(), r("ul", Ia, [
-        (s(!0), r(x, null, $(l.gallery, (c) => (s(), r("li", {
+      ])) : (s(), n("ul", Ia, [
+        (s(!0), n(x, null, $(o.gallery, (c) => (s(), n("li", {
           key: c.source,
           class: "relative"
         }, [
@@ -3869,7 +3868,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
             e("button", {
               type: "button",
               class: "absolute inset-0 focus:outline-none",
-              onClick: (d) => l.$emit("imgClicked", c)
+              onClick: (d) => o.$emit("imgClicked", c)
             }, null, 8, Fa)
           ]),
           e("p", qa, g(c.title), 1),
@@ -3880,12 +3879,12 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
               icon: u(Dt),
               color: "red",
               loading: !1,
-              onClick: (d) => l.$emit("deleteImage", c)
+              onClick: (d) => o.$emit("deleteImage", c)
             }, null, 8, ["icon", "onClick"])
           ])
         ]))), 128))
       ])),
-      l.gallery.length > 0 && !l.loading ? (s(), _(G, {
+      o.gallery.length > 0 && !o.loading ? (s(), _(G, {
         key: 3,
         onClick: t[1] || (t[1] = (c) => a.value = !0),
         class: "mt-8",
@@ -3894,7 +3893,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
         size: "small"
       }, {
         default: y(() => [
-          z(g(l.literals.deleteAllImages), 1)
+          z(g(o.literals.deleteAllImages), 1)
         ]),
         _: 1
       })) : b("", !0)
@@ -3903,7 +3902,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
 }), Za = { 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" }, Ja = { class: "flex flex-row items-center w-full" }, Wa = { class: "content text-sm grow" }, Ga = { class: "font-bold" }, Qa = { key: 0 }, Ka = { class: "font-bold text-gray-400" }, Xa = {
   key: 1,
   class: "animate-pulse"
-}, ei = /* @__PURE__ */ B({
+}, ei = /* @__PURE__ */ M({
   __name: "uiDragAndDrop",
   props: {
     elements: {},
@@ -3911,22 +3910,22 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
   },
   emits: ["dragAndDropUpdated"],
   setup(p, { emit: i }) {
-    const o = i, a = p;
-    let n = N(a.elements);
+    const l = i, a = p;
+    let r = N(a.elements);
     R(() => a.elements, (t) => {
-      n.value = t;
+      r.value = t;
     });
-    const l = (t) => {
-      o("dragAndDropUpdated", t);
+    const o = (t) => {
+      l("dragAndDropUpdated", t);
     };
-    return (t, c) => t.loading ? (s(), r("div", Xa, c[2] || (c[2] = [
+    return (t, c) => t.loading ? (s(), n("div", Xa, c[2] || (c[2] = [
       Q('<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)
     ]))) : (s(), _(u(nt), {
       key: 0,
-      modelValue: u(n),
+      modelValue: u(r),
       "onUpdate:modelValue": [
-        c[0] || (c[0] = (d) => Ye(n) ? n.value = d : n = d),
-        c[1] || (c[1] = (d) => l(d))
+        c[0] || (c[0] = (d) => Ye(r) ? r.value = d : r = d),
+        c[1] || (c[1] = (d) => o(d))
       ]
     }, {
       item: y(({ item: d }) => [
@@ -3941,16 +3940,16 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
             }, null, 8, ["icon"]),
             e("div", Wa, [
               e("p", Ga, g(d.name), 1),
-              d.description ? (s(), r("p", Qa, g(d.description), 1)) : b("", !0)
+              d.description ? (s(), n("p", Qa, g(d.description), 1)) : b("", !0)
             ]),
-            e("div", Ka, g(u(n).indexOf(d) + 1), 1)
+            e("div", Ka, g(u(r).indexOf(d) + 1), 1)
           ])
         ])
       ]),
       _: 1
     }, 8, ["modelValue"]));
   }
-}), ti = { class: "chart-header flex flex-row justify-between" }, si = { class: "text-sm font-medium text-gray-500 truncate" }, oi = { class: "hidden sm:flex items-center" }, li = { class: "w-1/2 min-w-0 flex-1" }, ri = ["max"], ni = { class: "min-w-0 flex-1" }, ai = ["max"], ii = { class: "chart-content" }, di = { class: "h-full w-full flex items-center justify-center flex-col" }, ui = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, ci = /* @__PURE__ */ B({
+}), ti = { class: "chart-header flex flex-row justify-between" }, si = { class: "text-sm font-medium text-gray-500 truncate" }, oi = { class: "hidden sm:flex items-center" }, li = { class: "w-1/2 min-w-0 flex-1" }, ri = ["max"], ni = { class: "min-w-0 flex-1" }, ai = ["max"], ii = { class: "chart-content" }, di = { class: "h-full w-full flex items-center justify-center flex-col" }, ui = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, ci = /* @__PURE__ */ M({
   __name: "uiCircleChart",
   props: {
     labels: {},
@@ -3972,10 +3971,10 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection", "maximizeChart"],
   setup(p, { emit: i }) {
-    const o = i, a = p, n = N((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
-    let l = ce(a.dates || { from: "", to: n });
+    const l = i, a = p, r = N((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
+    let o = ce(a.dates || { from: "", to: r });
     R(() => a.dates, (A) => {
-      A && (l = A);
+      A && (o = A);
     });
     let t = {
       chart: {
@@ -4009,12 +4008,12 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
         }
       }
     };
-    const c = () => ({ ...t, ...a.options }), d = V(() => a.series), f = V(() => c()), v = () => o("chartUpdated"), k = (A, M, S) => {
-      o("dataPointSelection", { id: a.id, chartContext: M, config: S, event: A });
+    const c = () => ({ ...t, ...a.options }), d = V(() => a.series), f = V(() => c()), v = () => l("chartUpdated"), k = (A, B, S) => {
+      l("dataPointSelection", { id: a.id, chartContext: B, config: S, event: A });
     }, O = () => {
-      l.from !== "" && l.to !== "" && T(l.from).isBefore(T(l.to)) && o("selectedRange", { range: l, chartId: a.id });
+      o.from !== "" && o.to !== "" && T(o.from).isBefore(T(o.to)) && l("selectedRange", { range: o, chartId: a.id });
     };
-    return (A, M) => (s(), r(x, null, [
+    return (A, B) => (s(), n(x, null, [
       C(e("div", {
         class: h(["h-[" + A.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
@@ -4024,27 +4023,27 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
             e("div", li, [
               C(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": M[0] || (M[0] = (S) => u(l).from = S),
-                max: n.value.toString(),
+                "onUpdate:modelValue": B[0] || (B[0] = (S) => u(o).from = S),
+                max: r.value.toString(),
                 onChange: O,
                 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, ri), [
-                [X, u(l).from]
+                [X, u(o).from]
               ])
             ]),
             e("div", ni, [
               C(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": M[1] || (M[1] = (S) => u(l).to = S),
-                max: n.value.toString(),
+                "onUpdate:modelValue": B[1] || (B[1] = (S) => u(o).to = S),
+                max: r.value.toString(),
                 onChange: O,
                 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"
               }, null, 40, ai), [
-                [X, u(l).to]
+                [X, u(o).to]
               ])
             ]),
             m(j, {
@@ -4052,7 +4051,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
               size: "big",
               loading: A.loading,
               icon: u(He),
-              onClick: M[2] || (M[2] = (S) => A.$emit("maximizeChart", A.id))
+              onClick: B[2] || (B[2] = (S) => A.$emit("maximizeChart", A.id))
             }, null, 8, ["loading", "icon"])
           ])
         ]),
@@ -4077,14 +4076,14 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
             loading: !1,
             size: "huge"
           }, null, 8, ["icon"]),
-          M[3] || (M[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), [
           [D, A.empty]
         ])
       ], 2), [
         [D, !A.loading]
       ]),
-      C(e("div", ui, M[4] || (M[4] = [
+      C(e("div", ui, B[4] || (B[4] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -4121,7 +4120,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
 }, mi = {
   key: 1,
   class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2"
-}, pi = /* @__PURE__ */ B({
+}, pi = /* @__PURE__ */ M({
   __name: "uiDateRange",
   props: {
     id: {},
@@ -4136,16 +4135,16 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
   },
   emits: ["uiDateRangeButtonClicked"],
   setup(p, { emit: i }) {
-    const o = p, a = N((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
-    let n = ce(o.values || { from: "", to: a });
-    const l = i;
-    R(() => o.values, (c) => {
-      c && (n = c);
+    const l = p, a = N((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
+    let r = ce(l.values || { from: "", to: a });
+    const o = i;
+    R(() => l.values, (c) => {
+      c && (r = c);
     });
     const t = () => {
-      l("uiDateRangeButtonClicked", n);
+      o("uiDateRangeButtonClicked", r);
     };
-    return (c, d) => c.loading ? (s(), r("div", mi, [
+    return (c, d) => c.loading ? (s(), n("div", mi, [
       m(J, {
         name: "dateFrom",
         loading: !0
@@ -4160,19 +4159,19 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
         ])),
         _: 1
       })
-    ])) : (s(), r("div", gi, [
+    ])) : (s(), n("div", gi, [
       m(J, {
         type: "datetime-local",
         loading: !1,
         addOn: c.literals.from,
         name: `dateFrom_${c.id}`,
         color: c.color,
-        value: u(n).from.toString(),
+        value: u(r).from.toString(),
         error: c.error,
         disabled: c.disabled,
         label: c.label,
         max: a.value.toString(),
-        onInputChanged: d[0] || (d[0] = (f) => u(n).from = f.value)
+        onInputChanged: d[0] || (d[0] = (f) => u(r).from = f.value)
       }, null, 8, ["addOn", "name", "color", "value", "error", "disabled", "label", "max"]),
       m(J, {
         type: "datetime-local",
@@ -4181,12 +4180,12 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
         addOn: c.literals.to,
         name: `dateTo_${c.id}`,
         color: c.color,
-        value: u(n).to.toString(),
+        value: u(r).to.toString(),
         error: c.error,
         disabled: c.disabled,
         label: void 0,
         max: a.value.toString(),
-        onInputChanged: d[1] || (d[1] = (f) => u(n).to = f.value)
+        onInputChanged: d[1] || (d[1] = (f) => u(r).to = f.value)
       }, null, 8, ["class", "addOn", "name", "color", "value", "error", "disabled", "max"]),
       m(G, {
         disabled: c.disabled,
@@ -4211,7 +4210,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
 }, vi = {
   key: 1,
   class: "h-2 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 w-full"
-}, bi = /* @__PURE__ */ B({
+}, bi = /* @__PURE__ */ M({
   __name: "uiRangeSlider",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -4224,23 +4223,23 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
   },
   emits: ["sliderUpdated"],
   setup(p, { emit: i }) {
-    const o = i, n = N(p.sliderValue);
-    return (l, t) => (s(), r("div", null, [
+    const l = i, r = N(p.sliderValue);
+    return (o, t) => (s(), n("div", null, [
       e("div", fi, [
-        l.label ? (s(), r("label", hi, g(l.label), 1)) : b("", !0),
-        l.requiredText ? (s(), r("span", yi, g(l.requiredText), 1)) : b("", !0)
+        o.label ? (s(), n("label", hi, g(o.label), 1)) : b("", !0),
+        o.requiredText ? (s(), n("span", yi, g(o.requiredText), 1)) : b("", !0)
       ]),
       e("div", {
-        class: h([{ "mt-1": l.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"])
+        class: h([{ "mt-1": o.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"])
       }, [
-        l.loading ? (s(), r("p", vi)) : (s(), _(u(at), {
+        o.loading ? (s(), n("p", vi)) : (s(), _(u(at), {
           key: 0,
-          modelValue: n.value,
-          "onUpdate:modelValue": t[0] || (t[0] = (c) => n.value = c),
-          min: l.min,
-          max: l.max,
-          disabled: l.disabled,
-          onChange: t[1] || (t[1] = (c) => o("sliderUpdated", c)),
+          modelValue: r.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (c) => r.value = c),
+          min: o.min,
+          max: o.max,
+          disabled: o.disabled,
+          onChange: t[1] || (t[1] = (c) => l("sliderUpdated", c)),
           classes: {
             base: "w-full h-full relative z-1 bg-gray-300 rounded",
             tooltip: "absolute block text-sm font-semibold whitespace-nowrap py-1 px-1.5 min-w-5 text-center text-white rounded border border-indigo-600 bg-indigo-600 transform h:-translate-x-1/2 h:left-1/2 v:-translate-y-1/2 v:top-1/2 slider-disabled:bg-gray-400 slider-disabled:border-gray-400 merge-h:translate-x-1/2 merge-h:left-auto merge-v:-translate-x-4 merge-v:top-auto tt-focus:hidden tt-focused:block tt-drag:hidden tt-dragging:block"
@@ -4249,14 +4248,14 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
       ], 2)
     ]));
   }
-}), wi = { class: "mt-1 mb-8 text-sm text-gray-500" }, xi = /* @__PURE__ */ B({
+}), wi = { class: "mt-1 mb-8 text-sm text-gray-500" }, xi = /* @__PURE__ */ M({
   __name: "uiSectionTitle",
   props: {
     title: {},
     description: {}
   },
   setup(p) {
-    return (i, o) => (s(), r(x, null, [
+    return (i, l) => (s(), n(x, null, [
       e("h3", {
         class: h(["text-lg font-medium leading-6 text-gray-900", { "mb-8": i.description === void 0 }])
       }, g(i.title), 3),
@@ -4269,7 +4268,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
 }, _i = { class: "flex flex-1 flex-col p-8" }, $i = { class: "text-2xl font-bold text-gray-900" }, Ci = { class: "mt-1 flex flex-grow flex-col justify-between" }, Si = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Bi = {
   key: 1,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, Mi = { class: "flex flex-1 flex-col p-8" }, Di = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, ji = { class: "mt-1 flex flex-grow flex-col justify-between" }, Ti = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, zi = /* @__PURE__ */ B({
+}, Mi = { class: "flex flex-1 flex-col p-8" }, Di = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, ji = { class: "mt-1 flex flex-grow flex-col justify-between" }, Ti = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, zi = /* @__PURE__ */ M({
   __name: "uiDeviceStatus",
   props: {
     id: {},
@@ -4282,49 +4281,49 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
   },
   emits: ["deviceStatusTagClicked", "deviceStatusQtyClicked"],
   setup(p, { emit: i }) {
-    return (o, a) => o.loading ? (s(), r("div", Bi, [
+    return (l, a) => l.loading ? (s(), n("div", Bi, [
       e("div", Mi, [
         e("div", Di, [
           m(j, {
-            icon: o.icon,
+            icon: l.icon,
             size: "huge",
             class: "text-white",
             "aria-hidden": "true",
-            loading: o.loading
+            loading: l.loading
           }, null, 8, ["icon", "loading"])
         ]),
         a[3] || (a[3] = e("div", { class: "h-4 bg-gray-200 rounded-full dark:bg-gray-300 w-1/3 mx-auto" }, null, -1)),
         e("dl", ji, [
           e("dd", Ti, [
-            (s(!0), r(x, null, $(o.tags, (n, l) => (s(), _(H, {
-              key: l,
-              loading: o.loading,
-              event: n.event,
-              color: n.color,
-              onTagEvent: a[2] || (a[2] = (t) => o.$emit("deviceStatusTagClicked", t))
+            (s(!0), n(x, null, $(l.tags, (r, o) => (s(), _(H, {
+              key: o,
+              loading: l.loading,
+              event: r.event,
+              color: r.color,
+              onTagEvent: a[2] || (a[2] = (t) => l.$emit("deviceStatusTagClicked", t))
             }, {
               default: y(() => [
-                z(g(n.name), 1)
+                z(g(r.name), 1)
               ]),
               _: 2
             }, 1032, ["loading", "event", "color"]))), 128))
           ])
         ])
       ])
-    ])) : (s(), r("div", ki, [
+    ])) : (s(), n("div", ki, [
       e("div", _i, [
         e("div", {
           class: h(["rounded-md p-3 flex items-center justify-center mx-auto mb-4", {
-            "bg-green-500": !o.color || o.color === "green",
-            "bg-red-500": o.color === "red",
-            "bg-yellow-500": o.color === "yellow",
-            "bg-indigo-500": o.color === "primary",
-            "bg-cyan-300": o.color === "secondary",
-            "bg-gray-100": o.color === "light"
+            "bg-green-500": !l.color || l.color === "green",
+            "bg-red-500": l.color === "red",
+            "bg-yellow-500": l.color === "yellow",
+            "bg-indigo-500": l.color === "primary",
+            "bg-cyan-300": l.color === "secondary",
+            "bg-gray-100": l.color === "light"
           }])
         }, [
           m(j, {
-            icon: o.icon,
+            icon: l.icon,
             size: "huge",
             class: "text-white",
             "aria-hidden": "true",
@@ -4332,25 +4331,25 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
           }, null, 8, ["icon"])
         ], 2),
         e("h3", $i, [
-          z(g(o.name) + " ", 1),
+          z(g(l.name) + " ", 1),
           C(e("span", {
             class: "text-indigo-600 hover:text-indigo-900 cursor-pointer",
-            onClick: a[0] || (a[0] = (n) => o.$emit("deviceStatusQtyClicked", o.id))
-          }, "(" + g(o.qty) + ")", 513), [
-            [D, o.qty > 0]
+            onClick: a[0] || (a[0] = (r) => l.$emit("deviceStatusQtyClicked", l.id))
+          }, "(" + g(l.qty) + ")", 513), [
+            [D, l.qty > 0]
           ])
         ]),
         e("dl", Ci, [
           e("dd", Si, [
-            (s(!0), r(x, null, $(o.tags, (n, l) => (s(), _(H, {
-              key: l,
+            (s(!0), n(x, null, $(l.tags, (r, o) => (s(), _(H, {
+              key: o,
               loading: !1,
-              event: n.event,
-              color: n.color,
-              onTagEvent: a[1] || (a[1] = (t) => o.$emit("deviceStatusTagClicked", t))
+              event: r.event,
+              color: r.color,
+              onTagEvent: a[1] || (a[1] = (t) => l.$emit("deviceStatusTagClicked", t))
             }, {
               default: y(() => [
-                z(g(n.name), 1)
+                z(g(r.name), 1)
               ]),
               _: 2
             }, 1032, ["event", "color"]))), 128))
@@ -4376,7 +4375,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
 }, Hi = { class: "ml-2 space-y-1" }, Ui = { class: "font-bold mb-4" }, Ei = {
   key: 1,
   class: "flex flex-col grow gap-y-5 overflow-y-auto pr-6"
-}, Zi = { class: "h-12 flex flex-row items-center" }, Le = /* @__PURE__ */ B({
+}, Zi = { class: "h-12 flex flex-row items-center" }, Le = /* @__PURE__ */ M({
   __name: "uiSidebarV2",
   props: {
     navigation: {},
@@ -4388,16 +4387,16 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
   },
   emits: ["productBarClick", "sideBarClick"],
   setup(p, { emit: i }) {
-    return (o, a) => (s(), r("div", Li, [
+    return (l, a) => (s(), n("div", Li, [
       e("div", Ni, [
         e("ul", null, [
-          (s(!0), r(x, null, $(o.productsSidebar, (n, l) => (s(), r("li", {
-            key: l,
-            class: h([{ "!bg-indigo-900": n.active }, "w-full h-16 flex items-center justify-center cursor-pointer bg-indigo-600 hover:bg-indigo-700"]),
-            onClick: (t) => o.$emit("productBarClick", n.name)
+          (s(!0), n(x, null, $(l.productsSidebar, (r, o) => (s(), n("li", {
+            key: o,
+            class: h([{ "!bg-indigo-900": r.active }, "w-full h-16 flex items-center justify-center cursor-pointer bg-indigo-600 hover:bg-indigo-700"]),
+            onClick: (t) => l.$emit("productBarClick", r.name)
           }, [
             m(j, {
-              icon: n.icon,
+              icon: r.icon,
               loading: !1,
               color: "white",
               size: "bigger"
@@ -4405,47 +4404,47 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
           ], 10, Ai))), 128))
         ])
       ]),
-      o.loading ? (s(), r("div", Ei, [
-        (s(), r(x, null, $(5, (n) => e("div", Zi, a[0] || (a[0] = [
+      l.loading ? (s(), n("div", Ei, [
+        (s(), n(x, null, $(5, (r) => e("div", Zi, a[0] || (a[0] = [
           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))
-      ])) : (s(), r("div", Yi, [
+      ])) : (s(), n("div", Yi, [
         e("div", Oi, [
           e("img", {
             class: "h-8 w-auto",
-            src: o.logo,
+            src: l.logo,
             alt: "Your Company"
           }, null, 8, Ii)
         ]),
         e("nav", Pi, [
-          o.isFilterNavigation ? b("", !0) : (s(), r("ul", Vi, [
+          l.isFilterNavigation ? b("", !0) : (s(), n("ul", Vi, [
             e("li", null, [
               e("ul", Fi, [
-                (s(!0), r(x, null, $(o.navigation, (n) => (s(), r("li", {
-                  key: n.name
+                (s(!0), n(x, null, $(l.navigation, (r) => (s(), n("li", {
+                  key: r.name
                 }, [
-                  n.children ? (s(), _(u(ke), {
+                  r.children ? (s(), _(u(ke), {
                     key: 1,
                     as: "div"
                   }, {
                     default: y(() => [
                       m(u(E), {
-                        onClick: (l) => o.$emit("sideBarClick", n.id),
-                        class: h([n.current ? "bg-gray-100" : "hover:bg-gray-100", "flex w-full items-center gap-x-3 rounded-md p-2 text-left text-sm font-semibold leading-6 text-gray-700"])
+                        onClick: (o) => l.$emit("sideBarClick", r.id),
+                        class: h([r.current ? "bg-gray-100" : "hover:bg-gray-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: y(() => [
                           m(j, {
-                            icon: n.icon,
+                            icon: r.icon,
                             color: "primary",
                             size: "big",
                             loading: !1,
                             "aria-hidden": "true",
                             class: "shrink-0"
                           }, null, 8, ["icon"]),
-                          z(" " + g(n.name) + " ", 1),
+                          z(" " + g(r.name) + " ", 1),
                           m(u(ee), {
-                            class: h([n.children.some((l) => l.current) || n.current ? "rotate-90 text-primary-500" : "text-gray-400", "ml-auto h-5 w-5 shrink-0"]),
+                            class: h([r.children.some((o) => o.current) || r.current ? "rotate-90 text-primary-500" : "text-gray-400", "ml-auto h-5 w-5 shrink-0"]),
                             "aria-hidden": "true"
                           }, null, 8, ["class"])
                         ]),
@@ -4458,16 +4457,16 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
                           static: ""
                         }, {
                           default: y(() => [
-                            (s(!0), r(x, null, $(n.children, (l) => (s(), r("li", {
-                              key: l.name
+                            (s(!0), n(x, null, $(r.children, (o) => (s(), n("li", {
+                              key: o.name
                             }, [
                               m(u(E), {
                                 as: "a",
-                                onClick: (t) => o.$emit("sideBarClick", l.id),
-                                class: h([l.current ? "bg-gray-100" : "hover:bg-gray-100", "block rounded-md py-2 pl-9 pr-2 text-sm leading-6 text-gray-700 cursor-pointer"])
+                                onClick: (t) => l.$emit("sideBarClick", o.id),
+                                class: h([o.current ? "bg-gray-100" : "hover:bg-gray-100", "block rounded-md py-2 pl-9 pr-2 text-sm leading-6 text-gray-700 cursor-pointer"])
                               }, {
                                 default: y(() => [
-                                  z(g(l.name), 1)
+                                  z(g(o.name), 1)
                                 ]),
                                 _: 2
                               }, 1032, ["onClick", "class"])
@@ -4476,46 +4475,46 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
                           _: 2
                         }, 1024)
                       ], 512), [
-                        [D, n.children.some((l) => l.current) || n.current]
+                        [D, r.children.some((o) => o.current) || r.current]
                       ])
                     ]),
                     _: 2
-                  }, 1024)) : (s(), r("div", {
+                  }, 1024)) : (s(), n("div", {
                     key: 0,
-                    onClick: (l) => o.$emit("sideBarClick", n.id),
-                    class: h([n.current ? "bg-gray-100" : "hover:bg-gray-100", "group flex gap-x-3 rounded-md p-2 text-sm font-semibold leading-6 text-gray-700 cursor-pointer"])
+                    onClick: (o) => l.$emit("sideBarClick", r.id),
+                    class: h([r.current ? "bg-gray-100" : "hover:bg-gray-100", "group flex gap-x-3 rounded-md p-2 text-sm font-semibold leading-6 text-gray-700 cursor-pointer"])
                   }, [
                     m(j, {
-                      icon: n.icon,
+                      icon: r.icon,
                       color: "primary",
                       size: "big",
                       loading: !1,
                       "aria-hidden": "true",
                       class: "shrink-0"
                     }, null, 8, ["icon"]),
-                    z(" " + g(n.name), 1)
+                    z(" " + g(r.name), 1)
                   ], 10, qi))
                 ]))), 128))
               ])
             ])
           ])),
-          o.isFilterNavigation && o.filterNavigation ? (s(), r("ul", Ri, [
+          l.isFilterNavigation && l.filterNavigation ? (s(), n("ul", Ri, [
             e("li", Hi, [
-              o.filterNavigation.hasSearch && o.filterNavigation.search ? (s(), _(J, {
+              l.filterNavigation.hasSearch && l.filterNavigation.search ? (s(), _(J, {
                 key: 0,
-                name: o.filterNavigation.search.name,
-                label: o.filterNavigation.search.label,
-                placeholder: o.filterNavigation.search.placeholder,
-                value: o.filterNavigation.search.value,
-                loading: o.filterNavigation.search.loading
+                name: l.filterNavigation.search.name,
+                label: l.filterNavigation.search.label,
+                placeholder: l.filterNavigation.search.placeholder,
+                value: l.filterNavigation.search.value,
+                loading: l.filterNavigation.search.loading
               }, null, 8, ["name", "label", "placeholder", "value", "loading"])) : b("", !0)
             ]),
-            (s(!0), r(x, null, $(o.filterNavigation.items, (n, l) => (s(), r("li", {
+            (s(!0), n(x, null, $(l.filterNavigation.items, (r, o) => (s(), n("li", {
               class: "ml-2",
-              key: l
+              key: o
             }, [
-              e("p", Ui, g(n.label), 1),
-              (s(!0), r(x, null, $(n.filters, (t, c) => (s(), _(Re, {
+              e("p", Ui, g(r.label), 1),
+              (s(!0), n(x, null, $(r.filters, (t, c) => (s(), _(Re, {
                 class: "mb-2",
                 value: t.value,
                 loading: t.loading
@@ -4538,7 +4537,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
 }, td = { class: "relative block h-full w-full border-0 py-0 pl-8 pr-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm" }, sd = { class: "flex items-center gap-x-4 lg:gap-x-6" }, od = {
   type: "button",
   class: "-m-2.5 p-2.5 text-gray-400 hover:text-gray-500 relative"
-}, ld = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, rd = ["src"], nd = { class: "hidden lg:flex lg:items-center" }, ad = ["onClick"], id = { class: "py-7" }, dd = { class: "px-7 lg:px-10" }, ud = /* @__PURE__ */ B({
+}, ld = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, rd = ["src"], nd = { class: "hidden lg:flex lg:items-center" }, ad = ["onClick"], id = { class: "py-7" }, dd = { class: "px-7 lg:px-10" }, ud = /* @__PURE__ */ M({
   __name: "uiWrapper",
   props: {
     topbar: {},
@@ -4546,8 +4545,8 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
   },
   emits: ["productBarClick", "sideBarClick", "selectChanged", "topBarClick"],
   setup(p, { emit: i }) {
-    const o = p, a = N(""), n = V(() => a.value === "" ? o.topbar.selectItems : o.topbar.selectItems.filter((d) => d.name.toLowerCase().includes(a.value.toLowerCase()))), l = (d) => (d == null ? void 0 : d.name) ?? "", t = V(() => o.topbar.selectedItem), c = N(!1);
-    return (d, f) => (s(), r("div", null, [
+    const l = p, a = N(""), r = V(() => a.value === "" ? l.topbar.selectItems : l.topbar.selectItems.filter((d) => d.name.toLowerCase().includes(a.value.toLowerCase()))), o = (d) => (d == null ? void 0 : d.name) ?? "", t = V(() => l.topbar.selectedItem), c = N(!1);
+    return (d, f) => (s(), n("div", null, [
       m(u(be), {
         as: "template",
         show: c.value
@@ -4688,7 +4687,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
                       class: "block h-full w-full border-0 py-0 pl-8 pr-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm",
                       onChange: f[7] || (f[7] = (v) => a.value = v.target.value),
                       onBlur: f[8] || (f[8] = (v) => a.value = ""),
-                      displayValue: l
+                      displayValue: o
                     }),
                     m(u(Pe), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
                       default: y(() => [
@@ -4696,12 +4695,12 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
                       ]),
                       _: 1
                     }),
-                    n.value.length > 0 ? (s(), _(u(Ve), {
+                    r.value.length > 0 ? (s(), _(u(Ve), {
                       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: y(() => [
-                        (s(!0), r(x, null, $(n.value, (v) => (s(), _(u(Fe), {
+                        (s(!0), n(x, null, $(r.value, (v) => (s(), _(u(Fe), {
                           key: v.id,
                           value: v,
                           as: "template"
@@ -4713,7 +4712,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
                               e("span", {
                                 class: h(["block truncate", O && "font-semibold"])
                               }, g(v.name), 3),
-                              O ? (s(), r("span", {
+                              O ? (s(), n("span", {
                                 key: 0,
                                 class: h(["absolute inset-y-0 left-0 flex items-center pl-1.5", k ? "text-white" : "text-indigo-600"])
                               }, [
@@ -4781,7 +4780,7 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
                     default: y(() => [
                       m(u(ye), { 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: y(() => [
-                          (s(!0), r(x, null, $(d.topbar.profileMenu, (v) => (s(), _(u(ve), {
+                          (s(!0), n(x, null, $(d.topbar.profileMenu, (v) => (s(), _(u(ve), {
                             key: v.name
                           }, {
                             default: y(({ active: k }) => [
@@ -4812,22 +4811,22 @@ const Gl = /* @__PURE__ */ te(Zl, [["render", Wl]]), Ql = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), cd = /* @__PURE__ */ B({
+}), cd = /* @__PURE__ */ M({
   __name: "uiDynamicStats",
   props: {
     dynamicStats: {},
     loading: { type: Boolean, default: !0 }
   },
   setup(p) {
-    const i = p, o = () => i.dynamicStats.length <= 5 ? `lg:grid-cols-${i.dynamicStats.length}` : `lg:grid-cols-${Math.floor(i.dynamicStats.length / 2)} xl:grid-cols-${i.dynamicStats.length}`, a = N(0), n = N(o());
-    return tt(() => a.value += 1), (l, t) => (s(), r("div", {
-      class: h([n.value, "grid grid-cols-1 md:grid-cols-2 gap-4"]),
+    const i = p, l = () => i.dynamicStats.length <= 5 ? `lg:grid-cols-${i.dynamicStats.length}` : `lg:grid-cols-${Math.floor(i.dynamicStats.length / 2)} xl:grid-cols-${i.dynamicStats.length}`, a = N(0), r = N(l());
+    return tt(() => a.value += 1), (o, t) => (s(), n("div", {
+      class: h([r.value, "grid grid-cols-1 md:grid-cols-2 gap-4"]),
       key: a.value
     }, [
-      (s(!0), r(x, null, $(l.dynamicStats, (c, d) => (s(), _(Qe, {
+      (s(!0), n(x, null, $(o.dynamicStats, (c, d) => (s(), _(Qe, {
         key: d,
         item: c,
-        loading: l.loading
+        loading: o.loading
       }, null, 8, ["item", "loading"]))), 128))
     ], 2));
   }