@hotelinking/ui 9.41.34 → 9.41.36

package/dist/ui.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, openBlock as s, createBlock as _, resolveDynamicComponent as qe, normalizeClass as h, createElementBlock as n, createCommentVNode as b, renderSlot as F, createElementVNode as e, ref as A, watch as W, computed as P, unref as c, withCtx as v, toDisplayString as u, createVNode as g, createTextVNode as D, Transition as re, Fragment as k, renderList as $, withDirectives as C, vModelDynamic as He, vShow as S, withModifiers as xe, vModelText as Ue, createStaticVNode as Q, resolveComponent as ke, vModelCheckbox as Ce, isRef as Be, reactive as Me, TransitionGroup as Ee, onMounted as Ze } from "vue";
+import { defineComponent as B, openBlock as s, createBlock as _, resolveDynamicComponent as qe, normalizeClass as h, createElementBlock as n, createCommentVNode as b, renderSlot as F, createElementVNode as e, ref as A, watch as W, computed as O, unref as c, withCtx as v, toDisplayString as u, createVNode as g, createTextVNode as D, Transition as re, Fragment as k, renderList as $, withDirectives as C, vModelDynamic as He, vShow as S, withModifiers as xe, vModelText as Ue, createStaticVNode as Q, resolveComponent as ke, vModelCheckbox as Ce, isRef as Be, reactive as Me, TransitionGroup as Ee, onMounted as Ze } from "vue";
 import { Menu as de, MenuButton as ue, MenuItems as ce, MenuItem as ge, Combobox as Se, ComboboxLabel as Je, ComboboxInput as je, ComboboxButton as De, ComboboxOptions as Te, ComboboxOption as ze, SwitchGroup as Ge, Switch as We, SwitchLabel as Qe, TransitionRoot as pe, Dialog as me, TransitionChild as J, DialogPanel as fe, DialogTitle as Le, Disclosure as ye, DisclosureButton as U, DisclosurePanel as he } from "@headlessui/vue";
 import L from "dayjs";
 import ve from "vue3-apexcharts";
@@ -13,7 +13,7 @@ const j = /* @__PURE__ */ B({
     loading: { type: Boolean, default: !0 }
   },
   setup(p) {
-    return (i, o) => i.loading ? (s(), n("div", {
+    return (i, l) => i.loading ? (s(), n("div", {
       key: 1,
       class: h([{
         "h-4 w-4": i.size === "medium",
@@ -55,7 +55,7 @@ const j = /* @__PURE__ */ B({
     size: { default: "medium" }
   },
   setup(p) {
-    return (i, o) => i.loading ? (s(), n("button", tt, [
+    return (i, l) => i.loading ? (s(), n("button", tt, [
       i.icon ? (s(), _(j, {
         key: 0,
         icon: i.icon,
@@ -63,7 +63,7 @@ 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))
+      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,
@@ -93,7 +93,7 @@ const j = /* @__PURE__ */ B({
 }), st = {
   key: 0,
   class: "relative flex items-start"
-}, ot = { class: "flex items-center h-5" }, lt = ["checked", "value", "disabled"], rt = { class: "ml-3 text-sm" }, nt = { class: "text-gray-500" }, at = {
+}, lt = { class: "flex items-center h-5" }, ot = ["checked", "value", "disabled"], rt = { class: "ml-3 text-sm" }, nt = { class: "text-gray-500" }, at = {
   key: 1,
   class: "flex items-center animate-pulse"
 }, Ne = /* @__PURE__ */ B({
@@ -107,8 +107,8 @@ const j = /* @__PURE__ */ B({
   },
   emits: ["checkboxChanged"],
   setup(p, { emit: i }) {
-    const o = i, a = p, r = A(a.check), l = () => {
-      a.disabled || (r.value = !r.value, o("checkboxChanged", { checked: r.value, value: a.value }));
+    const l = i, a = p, r = A(a.check), o = () => {
+      a.disabled || (r.value = !r.value, l("checkboxChanged", { checked: r.value, value: a.value }));
     };
     return W(() => a.check, (t) => {
       t && (r.value = t);
@@ -116,15 +116,15 @@ const j = /* @__PURE__ */ B({
       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(), n("div", st, [
-      e("div", ot, [
+      e("div", lt, [
         e("input", {
           checked: t.check,
           value: t.value,
           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: m[0] || (m[0] = (d) => l())
-        }, null, 40, lt)
+          onChange: m[0] || (m[0] = (d) => o())
+        }, null, 40, ot)
       ]),
       e("div", rt, [
         e("span", nt, [
@@ -270,7 +270,7 @@ function ne(p, i) {
     })
   ]);
 }
-function le(p, i) {
+function oe(p, i) {
   return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -580,15 +580,15 @@ const kt = { class: "flex justify-between" }, _t = {
   },
   emits: ["optionSelected"],
   setup(p, { emit: i }) {
-    const o = i, a = p, r = P(() => {
+    const l = i, a = p, r = O(() => {
       let t = a.items.find((m) => m.active === !0);
       return t ? t.name : a.label;
-    }), l = (t) => {
-      a.disabled || o("optionSelected", t);
+    }), o = (t) => {
+      a.disabled || l("optionSelected", t);
     };
     return (t, m) => t.loading ? (s(), n("div", Mt, [
       m[0] || (m[0] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1)),
-      g(c(le), {
+      g(c(oe), {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300"
       })
@@ -606,7 +606,7 @@ const kt = { class: "flex justify-between" }, _t = {
           g(c(ue), { 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: v(() => [
               D(u(r.value) + " ", 1),
-              g(c(le), {
+              g(c(oe), {
                 "aria-hidden": "true",
                 class: "-mr-1 ml-2 h-5 w-5"
               })
@@ -632,7 +632,7 @@ const kt = { class: "flex justify-between" }, _t = {
                   (s(!0), n(k, null, $(t.items, (d, f) => (s(), _(c(ge), { key: f }, {
                     default: v(() => [
                       e("a", {
-                        onClick: (y) => l(d),
+                        onClick: (y) => o(d),
                         class: h([
                           d.active ? "bg-gray-100 text-gray-900" : "text-gray-700",
                           "block px-4 py-2 text-sm cursor-pointer"
@@ -683,12 +683,12 @@ const kt = { class: "flex justify-between" }, _t = {
   },
   emits: ["inputChanged", "rightAddOnClicked", "addOnClicked"],
   setup(p, { emit: i }) {
-    const o = i, a = p, r = A(a.value);
+    const l = i, a = p, r = A(a.value);
     W(() => a.value, (t) => {
-      r.value = t, r.value && o("inputChanged", { name: a.name, value: r.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, m) => t.loading ? (s(), n("div", Nt, [
       t.label !== void 0 ? (s(), n("div", At)) : b("", !0),
@@ -730,7 +730,7 @@ const kt = { class: "flex justify-between" }, _t = {
           name: t.name,
           placeholder: t.placeholder,
           type: t.type,
-          onInput: l
+          onInput: o
         }, null, 42, zt), [
           [He, r.value]
         ]),
@@ -807,16 +807,16 @@ const kt = { class: "flex justify-between" }, _t = {
   },
   emits: ["filesUploaded"],
   setup(p, { emit: i }) {
-    let o = A("");
-    const a = i, r = p, l = (d) => {
+    let l = A("");
+    const a = i, r = p, o = (d) => {
       m(d.dataTransfer.files), a("filesUploaded", { id: r.id, files: d.dataTransfer.files });
     }, t = (d) => {
       m(d.target.files), a("filesUploaded", { id: r.id, files: d.target.files });
     }, m = (d) => {
-      o.value = "";
+      l.value = "";
       let f = 1;
       Object.values(d).forEach((y) => {
-        f++, o.value += y.name, f >= 1 && f < d.length && (o.value += ", ");
+        f++, l.value += y.name, f >= 1 && f < d.length && (l.value += ", ");
       });
     };
     return (d, f) => d.loading ? (s(), n("div", Zt, f[1] || (f[1] = [
@@ -841,7 +841,7 @@ const kt = { class: "flex justify-between" }, _t = {
         ]),
         onDragover: f[0] || (f[0] = xe(() => {
         }, ["prevent"])),
-        onDrop: xe(l, ["prevent"])
+        onDrop: xe(o, ["prevent"])
       }, [
         e("div", Ft, [
           g(j, {
@@ -871,8 +871,8 @@ const kt = { class: "flex justify-between" }, _t = {
             e("p", Ht, u(d.dragAndDrop), 1)
           ]),
           e("p", Ut, u(d.fileTypesAndSizes), 1),
-          C(e("p", { class: "font-bold text-xs uppercase block p-2 bg-gray-200 rounded" }, u(c(o)), 513), [
-            [S, c(o) !== null]
+          C(e("p", { class: "font-bold text-xs uppercase block p-2 bg-gray-200 rounded" }, u(c(l)), 513), [
+            [S, c(l) !== null]
           ])
         ])
       ], 34),
@@ -909,7 +909,7 @@ const kt = { class: "flex justify-between" }, _t = {
   },
   emits: ["selectChanged"],
   setup(p, { emit: i }) {
-    const o = A(""), a = i, r = p, l = P(() => o.value === "" ? r.items : r.items.filter((d) => d.name.toLowerCase().includes(o.value.toLowerCase()))), t = (d) => (d == null ? void 0 : d.name) ?? "", m = P(() => r.select);
+    const l = A(""), a = i, r = p, o = O(() => l.value === "" ? r.items : r.items.filter((d) => d.name.toLowerCase().includes(l.value.toLowerCase()))), t = (d) => (d == null ? void 0 : d.name) ?? "", m = O(() => r.select);
     return (d, f) => d.loading ? (s(), n("div", Kt, [
       f[4] || (f[4] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
       g(c(ie), {
@@ -938,8 +938,8 @@ const kt = { class: "flex justify-between" }, _t = {
         ]),
         e("div", Qt, [
           g(c(je), {
-            onChange: f[0] || (f[0] = (y) => o.value = y.target.value),
-            onBlur: f[1] || (f[1] = (y) => o.value = ""),
+            onChange: f[0] || (f[0] = (y) => l.value = y.target.value),
+            onBlur: f[1] || (f[1] = (y) => l.value = ""),
             displayValue: t,
             class: h([{
               "border-gray-300": d.color === "gray",
@@ -964,12 +964,12 @@ const kt = { class: "flex justify-between" }, _t = {
             ]),
             _: 1
           }),
-          l.value.length > 0 ? (s(), _(c(Te), {
+          o.value.length > 0 ? (s(), _(c(Te), {
             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: v(() => [
-              (s(!0), n(k, null, $(l.value, (y) => (s(), _(c(ze), {
+              (s(!0), n(k, null, $(o.value, (y) => (s(), _(c(ze), {
                 key: y.id,
                 value: y,
                 as: "template"
@@ -1034,37 +1034,37 @@ const kt = { class: "flex justify-between" }, _t = {
   },
   emits: ["tagEvent"],
   setup(p, { emit: i }) {
-    const o = i, a = p, r = () => {
-      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(), n("div", es, t[0] || (t[0] = [
+    return (o, t) => o.loading ? (s(), n("div", es, t[0] || (t[0] = [
       e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" }, null, -1)
     ]))) : (s(), n("span", {
       key: 0,
       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"])
     }, [
-      F(l.$slots, "default")
+      F(o.$slots, "default")
     ], 2));
   }
-}), ts = { key: 0 }, ss = { class: "flex justify-between" }, os = {
+}), ts = { key: 0 }, ss = { class: "flex justify-between" }, ls = {
   key: 0,
   class: "block text-sm font-medium text-gray-700"
-}, ls = {
+}, os = {
   key: 1,
   class: "text-[10px] text-gray-500 uppercase justify-self-end"
 }, rs = ["disabled", "placeholder"], ns = {
@@ -1085,18 +1085,18 @@ const kt = { class: "flex justify-between" }, _t = {
   },
   emits: ["inputChanged"],
   setup(p, { emit: i }) {
-    const o = i, a = p, r = (t) => {
-      o("inputChanged", t.target.value);
-    }, l = A(a.value);
+    const l = i, a = p, r = (t) => {
+      l("inputChanged", t.target.value);
+    }, o = A(a.value);
     return W(() => a.value, (t) => {
-      l.value = t, o("inputChanged", { name: a.name, value: l.value });
+      o.value = t, l("inputChanged", { name: a.name, value: o.value });
     }), (t, m) => t.loading ? (s(), n("div", ns, m[1] || (m[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(), n("div", ts, [
       e("div", ss, [
-        t.label ? (s(), n("label", os, u(t.label), 1)) : b("", !0),
-        t.requiredText ? (s(), n("span", ls, u(t.requiredText), 1)) : b("", !0)
+        t.label ? (s(), n("label", ls, u(t.label), 1)) : b("", !0),
+        t.requiredText ? (s(), n("span", os, u(t.requiredText), 1)) : b("", !0)
       ]),
       e("div", {
         class: h({ "mt-1": t.label })
@@ -1104,7 +1104,7 @@ const kt = { class: "flex justify-between" }, _t = {
         C(e("textarea", {
           disabled: t.disabled,
           rows: "4",
-          "onUpdate:modelValue": m[0] || (m[0] = (d) => l.value = d),
+          "onUpdate:modelValue": m[0] || (m[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",
@@ -1119,7 +1119,7 @@ const kt = { class: "flex justify-between" }, _t = {
           }]),
           onChange: r
         }, null, 42, rs), [
-          [Ue, l.value]
+          [Ue, o.value]
         ])
       ], 2),
       C(e("p", {
@@ -1158,8 +1158,8 @@ const kt = { class: "flex justify-between" }, _t = {
   },
   emits: ["toggleChanged", "actionClicked"],
   setup(p, { emit: i }) {
-    const o = p, a = A(o.checked);
-    return W(() => o.checked, (r) => a.value = r), (r, l) => r.loading ? (s(), n("div", us, l[3] || (l[3] = [
+    const l = p, a = A(l.checked);
+    return W(() => l.checked, (r) => a.value = r), (r, o) => r.loading ? (s(), n("div", us, 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),
@@ -1172,9 +1172,9 @@ const kt = { class: "flex justify-between" }, _t = {
       default: v(() => [
         g(c(We), {
           disabled: r.disabled,
-          onClick: l[0] || (l[0] = (t) => r.$emit("toggleChanged", { item: r.item, active: !a.value })),
+          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 kt = { class: "flex justify-between" }, _t = {
         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) => r.$emit("actionClicked", r.item))
+          onClick: o[2] || (o[2] = (t) => r.$emit("actionClicked", r.item))
         }, u(r.item.action), 1)) : b("", !0)
       ]),
       _: 1
@@ -1227,10 +1227,10 @@ const kt = { class: "flex justify-between" }, _t = {
   },
   emits: ["alertEvent"],
   setup(p, { emit: i }) {
-    const o = i, a = (r) => {
-      o("alertEvent", r.event);
+    const l = i, a = (r) => {
+      l("alertEvent", r.event);
     };
-    return (r, l) => r.loading ? (s(), n("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(), n("div", gs, [
       e("div", {
@@ -1325,17 +1325,17 @@ const kt = { class: "flex justify-between" }, _t = {
   },
   emits: ["breadCrumbClicked"],
   setup(p, { emit: i }) {
-    return (o, a) => o.loading ? (s(), n("div", Ms, a[0] || (a[0] = [
+    return (l, a) => l.loading ? (s(), n("div", Ms, 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(), n("nav", xs, [
       e("ol", ks, [
-        (s(!0), n(k, null, $(o.pages, (r, l) => (s(), n("li", { key: l }, [
-          l === 0 ? (s(), n("div", _s, [
+        (s(!0), n(k, null, $(l.pages, (r, o) => (s(), n("li", { key: o }, [
+          o === 0 ? (s(), n("div", _s, [
             e("p", {
-              onClick: (t) => o.$emit("breadCrumbClicked", r.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"
             }, [
               g(c(vt), {
@@ -1350,7 +1350,7 @@ const kt = { class: "flex justify-between" }, _t = {
               "aria-hidden": "true"
             }),
             e("span", {
-              onClick: (t) => o.$emit("breadCrumbClicked", r.routeName),
+              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"
             }, u(r.name), 11, Bs)
@@ -1377,34 +1377,34 @@ const kt = { class: "flex justify-between" }, _t = {
   },
   emits: ["cardSelected"],
   setup(p, { emit: i }) {
-    return (o, a) => {
+    return (l, a) => {
       var r;
-      return o.loading ? (s(), n("div", Ns, a[1] || (a[1] = [
+      return l.loading ? (s(), n("div", Ns, 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(), 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", js, [
           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, Ds),
           e("div", null, [
-            e("h4", Ts, u(o.name), 1),
-            e("p", zs, u(o.type), 1)
+            e("h4", Ts, u(l.name), 1),
+            e("p", zs, u(l.type), 1)
           ])
         ]),
-        o.tags && ((r = o.tags) == null ? void 0 : r.length) > 0 ? (s(), n("div", Ls, [
-          (s(!0), n(k, null, $(o.tags, (l) => (s(), _(R, {
+        l.tags && ((r = l.tags) == null ? void 0 : r.length) > 0 ? (s(), n("div", Ls, [
+          (s(!0), n(k, null, $(l.tags, (o) => (s(), _(R, {
             class: "mb-1 mr-1",
-            key: l.name,
-            color: l.color,
-            loading: o.loading
+            key: o.name,
+            color: o.color,
+            loading: l.loading
           }, {
             default: v(() => [
-              D(u(l.name), 1)
+              D(u(o.name), 1)
             ]),
             _: 2
           }, 1032, ["color", "loading"]))), 128))
@@ -1422,16 +1422,16 @@ const kt = { class: "flex justify-between" }, _t = {
   },
   emits: ["filterSelected"],
   setup(p, { emit: i }) {
-    const o = i, a = p, r = (t) => {
-      l.value.forEach((m) => {
+    const l = i, a = p, r = (t) => {
+      o.value.forEach((m) => {
         m.active = m.value === t.value;
-      }), o("filterSelected", t);
-    }, l = A(a.items);
+      }), l("filterSelected", t);
+    }, o = A(a.items);
     return (t, m) => (s(), _(be, {
       loading: t.loading,
       onOptionSelected: m[0] || (m[0] = (d) => r(d)),
       position: t.position,
-      items: l.value,
+      items: o.value,
       label: t.label
     }, null, 8, ["loading", "position", "items", "label"]));
   }
@@ -1450,12 +1450,12 @@ const kt = { class: "flex justify-between" }, _t = {
   },
   emits: ["modalAction"],
   setup(p, { emit: i }) {
-    const o = p, a = i, r = (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(), _(c(pe), {
+    return (o, t) => (s(), _(c(pe), {
       as: "template",
-      show: l.open
+      show: o.open
     }, {
       default: v(() => [
         g(c(me), {
@@ -1502,42 +1502,42 @@ const kt = { class: "flex justify-between" }, _t = {
                             g(j, {
                               icon: c(E),
                               "aria-hidden": "true",
-                              loading: l.loading
+                              loading: o.loading
                             }, null, 8, ["icon", "loading"])
                           ])
                         ]),
                         e("div", Fs, [
                           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(g(c(E), {
                               class: "h-6 w-6 text-red-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [S, l.type === "danger"]
+                              [S, o.type === "danger"]
                             ]),
                             C(g(c(ne), {
                               class: "h-6 w-6 text-green-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [S, l.type === "success"]
+                              [S, o.type === "success"]
                             ]),
                             C(g(c(q), {
                               class: "h-6 w-6 text-yellow-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [S, l.type === "warning"]
+                              [S, o.type === "warning"]
                             ]),
                             C(g(c(ht), {
                               class: "h-6 w-6 text-indigo-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [S, l.type === "default"]
+                              [S, o.type === "default"]
                             ])
                           ], 2),
                           e("div", Is, [
@@ -1546,15 +1546,15 @@ const kt = { class: "flex justify-between" }, _t = {
                               class: "text-lg font-medium leading-6 text-gray-900"
                             }, {
                               default: v(() => [
-                                D(u(l.title), 1)
+                                D(u(o.title), 1)
                               ]),
                               _: 1
                             }),
                             e("div", Rs, [
-                              F(l.$slots, "default")
+                              F(o.$slots, "default")
                             ]),
-                            l.actions ? (s(), n("div", qs, [
-                              (s(!0), n(k, null, $(l.actions, (m, d) => (s(), n("button", {
+                            o.actions ? (s(), n("div", qs, [
+                              (s(!0), n(k, null, $(o.actions, (m, 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",
@@ -1581,7 +1581,7 @@ const kt = { class: "flex justify-between" }, _t = {
 }), Us = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, Es = {
   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"
-}, Zs = { class: "p-4" }, Js = { class: "flex items-start" }, Gs = { class: "flex-shrink-0 mt-0.5" }, Ws = { class: "ml-3 w-0 flex-1 pt-0.5" }, Qs = { class: "font-medium text-gray-900" }, Ks = { class: "mt-1 text-sm text-gray-500" }, Xs = { class: "ml-4 flex-shrink-0 flex" }, eo = /* @__PURE__ */ B({
+}, Zs = { class: "p-4" }, Js = { class: "flex items-start" }, Gs = { class: "flex-shrink-0 mt-0.5" }, Ws = { class: "ml-3 w-0 flex-1 pt-0.5" }, Qs = { class: "font-medium text-gray-900" }, Ks = { class: "mt-1 text-sm text-gray-500" }, Xs = { class: "ml-4 flex-shrink-0 flex" }, el = /* @__PURE__ */ B({
   __name: "uiNotification",
   props: {
     type: { default: "info" },
@@ -1592,8 +1592,8 @@ const kt = { class: "flex justify-between" }, _t = {
   },
   emits: ["closeNotification"],
   setup(p, { emit: i }) {
-    const o = p, a = P(() => o.show);
-    return (r, l) => (s(), n("div", {
+    const l = p, a = O(() => l.show);
+    return (r, o) => (s(), n("div", {
       "aria-live": "assertive",
       class: h([{ fixed: r.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"])
     }, [
@@ -1644,9 +1644,9 @@ const kt = { class: "flex justify-between" }, _t = {
                     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) => r.$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)),
                       g(c(E), {
                         "aria-hidden": "true",
                         class: "h-5 w-5"
@@ -1662,35 +1662,35 @@ const kt = { class: "flex justify-between" }, _t = {
       ])
     ], 2));
   }
-}), to = {
+}), tl = {
   key: 0,
   role: "list",
   class: "divide-y divide-gray-100"
-}, so = { class: "min-w-0" }, oo = { class: "flex items-start gap-x-3" }, lo = { class: "text-sm font-semibold leading-6 text-gray-900" }, ro = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, no = { class: "truncate" }, ao = { class: "flex flex-none items-center gap-x-4" }, io = ["href"], uo = { class: "sr-only" }, co = {
+}, sl = { class: "min-w-0" }, ll = { class: "flex items-start gap-x-3" }, ol = { class: "text-sm font-semibold leading-6 text-gray-900" }, rl = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, nl = { class: "truncate" }, al = { class: "flex flex-none items-center gap-x-4" }, il = ["href"], dl = { class: "sr-only" }, ul = {
   key: 1,
   class: "divide-y divide-gray-100 animate-pulse"
-}, go = /* @__PURE__ */ B({
+}, cl = /* @__PURE__ */ B({
   __name: "uiTaskList",
   props: {
     tasks: {},
     loading: { type: Boolean, default: !0 }
   },
   setup(p) {
-    return (i, o) => i.loading ? (s(), n("ul", co, [
+    return (i, l) => i.loading ? (s(), n("ul", ul, [
       (s(!0), n(k, 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(), n("ul", to, [
+    ])) : (s(), n("ul", tl, [
       (s(!0), n(k, null, $(i.tasks, (a) => (s(), n("li", {
         key: a.id,
         class: "flex items-center justify-between gap-x-6 py-5"
       }, [
-        e("div", so, [
-          e("div", oo, [
-            e("p", lo, u(a.name), 1),
+        e("div", sl, [
+          e("div", ll, [
+            e("p", ol, u(a.name), 1),
             e("p", {
               class: h([
                 {
@@ -1702,52 +1702,52 @@ const kt = { class: "flex justify-between" }, _t = {
               ])
             }, u(a.statusLiteral), 3)
           ]),
-          e("div", ro, [
-            e("p", no, u(a.description), 1)
+          e("div", rl, [
+            e("p", nl, u(a.description), 1)
           ])
         ]),
-        e("div", ao, [
+        e("div", al, [
           e("a", {
             href: a.href,
             class: "hidden rounded-md bg-white 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"
           }, [
             D(u(a.action), 1),
-            e("span", uo, ", " + u(a.name), 1)
-          ], 8, io)
+            e("span", dl, ", " + u(a.name), 1)
+          ], 8, il)
         ])
       ]))), 128))
     ]));
   }
 });
 var ee = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function po(p) {
+function gl(p) {
   return p && p.__esModule && Object.prototype.hasOwnProperty.call(p, "default") ? p.default : p;
 }
-var mo = { exports: {} };
+var pl = { exports: {} };
 (function(p, i) {
-  (function(o, a) {
+  (function(l, a) {
     p.exports = a(L);
-  })(ee, function(o) {
+  })(ee, function(l) {
     function a(t) {
       return t && typeof t == "object" && "default" in t ? t : { default: t };
     }
-    var r = 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 r.default.locale(l, null, !0), l;
+    return r.default.locale(o, null, !0), o;
   });
-})(mo);
-var fo = { exports: {} };
+})(pl);
+var ml = { exports: {} };
 (function(p, i) {
-  (function(o, a) {
+  (function(l, a) {
     p.exports = a(L);
-  })(ee, function(o) {
+  })(ee, function(l) {
     function a(d) {
       return d && typeof d == "object" && "default" in d ? d : { default: d };
     }
-    var r = 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, y) {
-      var w = l[y];
+      var w = o[y];
       return Array.isArray(w) && (w = w[f ? 0 : 1]), w.replace("%d", d);
     }
     var m = { 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) {
@@ -1755,43 +1755,49 @@ var fo = { exports: {} };
     }, 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 r.default.locale(m, null, !0), m;
   });
-})(fo);
-var yo = { exports: {} };
+})(ml);
+var fl = { exports: {} };
 (function(p, i) {
-  (function(o, a) {
+  (function(l, a) {
     p.exports = a();
   })(ee, 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"], r = o % 100;
-      return "[" + o + (a[(r - 20) % 10] || a[r] || 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]) + "]";
     } };
   });
-})(yo);
-var ho = { exports: {} };
+})(fl);
+var yl = { exports: {} };
 (function(p, i) {
-  (function(o, a) {
+  (function(l, a) {
     p.exports = a(L);
-  })(ee, function(o) {
+  })(ee, function(l) {
     function a(t) {
       return t && typeof t == "object" && "default" in t ? t : { default: t };
     }
-    var r = 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 r.default.locale(l, null, !0), l;
+    return r.default.locale(o, null, !0), o;
   });
-})(ho);
+})(yl);
 const te = (p, i) => {
-  const o = p.__vccOpts || p;
+  const l = p.__vccOpts || p;
   for (const [a, r] of i)
-    o[a] = r;
-  return o;
-}, vo = {
+    l[a] = r;
+  return l;
+}, hl = {
   name: "dateSelector",
   components: { ChevronLeftIcon: Pe, ChevronRightIcon: X },
   computed: {
     currentDate() {
-      return L(this.selectedDate).locale("es").format("DD MMM. YYYY");
+      return L(this.selectedDate).locale("es");
+    },
+    today() {
+      return L(/* @__PURE__ */ new Date()).locale("es");
+    },
+    formatedDate() {
+      return L(this.currentDate).locale("es").format("DD MMM YYYY");
     }
   },
   props: {
@@ -1802,55 +1808,68 @@ const te = (p, i) => {
   },
   methods: {
     selectDate(p, i) {
-      let o;
-      i === "previous" && (p === "day" && (o = L(this.selectedDate).subtract(1, "day")), p === "month" && (o = L(this.selectedDate).subtract(1, "month")), p === "year" && (o = L(this.selectedDate).subtract(1, "year"))), i === "next" && (p === "day" && (o = L(this.selectedDate).add(1, "day")), p === "month" && (o = L(this.selectedDate).add(1, "month")), p === "year" && (o = L(this.selectedDate).add(1, "year"))), this.$emit("dateSelected", o);
+      let l;
+      if (i === "previous") {
+        if (this.currentDate <= this.today) return;
+        p === "day" && (l = L(this.currentDate).subtract(1, "day")), p === "month" && (l = L(this.currentDate).subtract(1, "month")), p === "year" && (l = L(this.currentDate).subtract(1, "year")), l <= this.today && (l = this.currentDate = this.today);
+      }
+      i === "next" && (p === "day" && (l = L(this.selectedDate).add(1, "day")), p === "month" && (l = L(this.selectedDate).add(1, "month")), p === "year" && (l = L(this.selectedDate).add(1, "year"))), this.$emit("dateSelected", l);
     }
   }
-}, bo = { class: "dateSelector flex items-center text-white flex-row" }, wo = { class: "pagination flex items-center my-1 md:my-0" }, xo = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, ko = { class: "pagination flex items-center my-1 sm:my-0" };
-function _o(p, i, o, a, r, l) {
+}, vl = { class: "dateSelector flex items-center text-white flex-row" }, bl = { class: "pagination flex items-center my-1 md:my-0" }, wl = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, xl = { class: "pagination flex items-center my-1 sm:my-0" };
+function kl(p, i, l, a, r, o) {
   const t = ke("ChevronLeftIcon"), m = ke("ChevronRightIcon");
-  return s(), n("div", bo, [
-    e("div", wo, [
+  return s(), n("div", vl, [
+    e("div", bl, [
       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[0] || (i[0] = (d) => l.selectDate("year", "previous"))
+        class: h([{
+          "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) => o.selectDate("year", "previous"))
       }, [
         g(t, { class: "h-4" }),
         g(t, { class: "h-4 -ml-3" }),
         g(t, { class: "h-4 -ml-3" })
-      ]),
+      ], 2),
       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[1] || (i[1] = (d) => l.selectDate("month", "previous"))
+        class: h([{
+          "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) => o.selectDate("month", "previous"))
       }, [
         g(t, { class: "h-4" }),
         g(t, { class: "h-4 -ml-3" })
-      ]),
+      ], 2),
       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[2] || (i[2] = (d) => l.selectDate("day", "previous"))
+        class: h([{
+          "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) => o.selectDate("day", "previous"))
       }, [
         g(t, { class: "h-4" })
-      ])
+      ], 2)
     ]),
-    e("div", xo, u(l.currentDate), 1),
-    e("div", ko, [
+    e("div", wl, u(o.formatedDate), 1),
+    e("div", xl, [
       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"))
       }, [
         g(m, { 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"))
       }, [
         g(m, { class: "h-4" }),
         g(m, { 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"))
       }, [
         g(m, { class: "h-4" }),
         g(m, { class: "h-4 -ml-3" }),
@@ -1859,16 +1878,16 @@ function _o(p, i, o, a, r, l) {
     ])
   ]);
 }
-const $o = /* @__PURE__ */ te(vo, [["render", _o]]), Co = {
+const _l = /* @__PURE__ */ te(hl, [["render", kl]]), $l = {
   name: "SkeletonTable"
-}, Bo = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Mo = { class: "flow-root" }, So = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, jo = { class: "inline-block min-w-full py-2 align-middle px-1" }, Do = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, To = { class: "min-w-full divide-y divide-gray-300" }, zo = { class: "divide-y divide-gray-200 bg-white" };
-function Lo(p, i, o, a, r, l) {
-  return s(), n("div", Bo, [
-    e("div", Mo, [
-      e("div", So, [
-        e("div", jo, [
-          e("div", Do, [
-            e("table", To, [
+}, Cl = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Bl = { class: "flow-root" }, Ml = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, Sl = { class: "inline-block min-w-full py-2 align-middle px-1" }, jl = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Dl = { class: "min-w-full divide-y divide-gray-300" }, Tl = { class: "divide-y divide-gray-200 bg-white" };
+function zl(p, i, l, a, r, o) {
+  return s(), n("div", Cl, [
+    e("div", Bl, [
+      e("div", Ml, [
+        e("div", Sl, [
+          e("div", jl, [
+            e("table", Dl, [
               i[1] || (i[1] = e("thead", { class: "bg-gray-50" }, [
                 e("tr", null, [
                   e("th", {
@@ -1905,7 +1924,7 @@ function Lo(p, i, o, a, r, l) {
                   ])
                 ])
               ], -1)),
-              e("tbody", zo, [
+              e("tbody", Tl, [
                 (s(), n(k, 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" })
@@ -1940,29 +1959,29 @@ function Lo(p, i, o, a, r, l) {
     ])
   ]);
 }
-const Fe = /* @__PURE__ */ te(Co, [["render", Lo]]);
+const Fe = /* @__PURE__ */ te($l, [["render", zl]]);
 var Ie = { exports: {} };
 (function(p, i) {
-  (function(o, a) {
+  (function(l, a) {
     p.exports = a();
   })(ee, function() {
-    return function(o, a, r) {
+    return function(l, a, r) {
       a.prototype.isToday = function() {
-        var l = "YYYY-MM-DD", t = r();
-        return this.format(l) === t.format(l);
+        var o = "YYYY-MM-DD", t = r();
+        return this.format(o) === t.format(o);
       };
     };
   });
 })(Ie);
-var No = Ie.exports;
-const Ao = /* @__PURE__ */ po(No), Yo = {
+var Ll = Ie.exports;
+const Nl = /* @__PURE__ */ gl(Ll), Al = {
   name: "calendarDay",
   props: {
     day: Object
   },
   computed: {
     currentDay() {
-      return L.extend(Ao), {
+      return L.extend(Nl), {
         dayName: L(this.day).locale("es").format("ddd"),
         day: L(this.day).locale("es").format("DD"),
         month: L(this.day).locale("es").format("MMM."),
@@ -1971,23 +1990,23 @@ const Ao = /* @__PURE__ */ po(No), Yo = {
       };
     }
   }
-}, Po = { class: "text-xs" }, Oo = { class: "font-bold text-lg" }, Vo = { class: "text-xs font-medium" };
-function Fo(p, i, o, a, r, l) {
+}, Yl = { class: "text-xs" }, Pl = { class: "font-bold text-lg" }, Ol = { class: "text-xs font-medium" };
+function Vl(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", Po, u(l.currentDay.dayName), 1),
-    e("p", Oo, u(l.currentDay.day), 1),
-    e("p", Vo, u(l.currentDay.month), 1)
+    e("p", Yl, u(o.currentDay.dayName), 1),
+    e("p", Pl, u(o.currentDay.day), 1),
+    e("p", Ol, u(o.currentDay.month), 1)
   ], 2);
 }
-const Io = /* @__PURE__ */ te(Yo, [["render", Fo]]), Ro = {
+const Fl = /* @__PURE__ */ te(Al, [["render", Vl]]), Il = {
   name: "dayPrice",
   props: {
     currency: String,
@@ -2006,73 +2025,73 @@ const Io = /* @__PURE__ */ te(Yo, [["render", Fo]]), Ro = {
       };
     }
   }
-}, qo = { class: "priceDay" };
-function Ho(p, i, o, a, r, l) {
-  return s(), n("div", qo, [
+}, Rl = { class: "priceDay" };
+function ql(p, i, l, a, r, o) {
+  return s(), n("div", Rl, [
     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"
       ])
-    }, u(l.currentDay.price) + u(o.currency), 3)
+    }, u(o.currentDay.price) + u(l.currency), 3)
   ]);
 }
-const oe = /* @__PURE__ */ te(Ro, [["render", Ho]]), Uo = {
+const le = /* @__PURE__ */ te(Il, [["render", ql]]), Hl = {
   key: 0,
   class: "px-4 sm:px-6 lg:px-8"
-}, Eo = { class: "flow-root" }, Zo = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Jo = { class: "inline-block min-w-full align-middle" }, Go = { class: "min-w-full text-sm" }, Wo = { class: "bg-white" }, Qo = {
+}, Ul = { class: "flow-root" }, El = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Zl = { class: "inline-block min-w-full align-middle" }, Jl = { class: "min-w-full text-sm" }, Gl = { class: "bg-white" }, Wl = {
   colspan: "6",
   scope: "colgroup",
   class: "bg-gray-50 py-2 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-3"
-}, Ko = {
+}, Ql = {
   colspan: "20",
   scope: "colgroup",
   class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900"
-}, Xo = { key: 0 }, el = {
+}, Kl = { key: 0 }, Xl = {
   colspan: "6",
   class: "pl-4"
-}, tl = { key: 1 }, sl = {
+}, eo = { key: 1 }, to = {
   colspan: "6",
   class: "pl-4"
-}, ol = { key: 2 }, ll = {
+}, so = { key: 2 }, lo = {
   colspan: "6",
   class: "pl-4"
-}, rl = {
+}, oo = {
   colspan: "20",
   scope: "colgroup",
   class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900 relative"
-}, nl = {
+}, ro = {
   key: 0,
   class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-48 bg-white shadow rounded px-4 py-1 z-10"
-}, al = ["onClick"], il = {
+}, no = ["onClick"], ao = {
   colspan: "2",
   scope: "colgroup",
   class: "relative bg-gray-100 py-3.5 pl-4 pr-3 text-left font-semibold text-gray-900"
-}, dl = ["checked", "indeterminate"], ul = { class: "pl-6" }, cl = {
+}, io = ["checked", "indeterminate"], uo = { class: "pl-6" }, co = {
   colspan: "2",
   scope: "colgroup",
   class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900"
-}, gl = {
+}, go = {
   colspan: "2",
   scope: "colgroup",
   class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900"
-}, pl = {
+}, po = {
   colspan: "2",
   class: "relative py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6"
-}, ml = {
+}, mo = {
   key: 0,
   class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600"
-}, fl = ["value"], yl = { class: "pl-6" }, hl = {
+}, fo = ["value"], yo = { class: "pl-6" }, ho = {
   colspan: "2",
   class: "pl-4"
-}, vl = {
+}, vo = {
   colspan: "2",
   class: "pl-4"
-}, bl = /* @__PURE__ */ B({
+}, bo = /* @__PURE__ */ B({
   __name: "uiPriceCalendar",
   props: {
     loading: { type: Boolean },
@@ -2085,47 +2104,47 @@ const oe = /* @__PURE__ */ te(Ro, [["render", Ho]]), Uo = {
   },
   emits: ["dateChanged", "changeCategoryBulkPrices", "changeCategorySelectionPrice", "changeCategoryUpgradePrice", "changeRoomPrice", "tableAction"],
   setup(p, { emit: i }) {
-    const o = p, a = i, r = A(/* @__PURE__ */ new Date()), l = A(/* @__PURE__ */ new Date()), t = A([]), m = P(() => {
+    const l = p, a = i, r = A(/* @__PURE__ */ new Date()), o = A(/* @__PURE__ */ new Date()), t = A([]), m = O(() => {
       let x = [];
-      for (let O = 0; O < 14; O++)
-        x.push(L(l.value).add(O, "day"));
+      for (let Y = 0; Y < 14; Y++)
+        x.push(L(o.value).add(Y, "day"));
       return x;
-    }), d = P(() => t.value.length > 0 && t.value.length < o.rooms.length), f = (x) => {
-      L(x).isBefore(r.value) || (l.value = x, a("dateChanged", l.value));
+    }), d = O(() => t.value.length > 0 && t.value.length < l.rooms.length), f = (x) => {
+      L(x).isBefore(r.value) || (o.value = x, a("dateChanged", o.value));
     }, y = (x) => {
-      let O = o.category.selectionPrices.find((N) => L(N.date).isSame(x.date));
-      return O ? O.price : x.price;
+      let Y = l.category.selectionPrices.find((N) => L(N.date).isSame(x.date));
+      return Y ? Y.price : x.price;
     }, w = (x) => {
-      t.value = x.target.checked ? o.rooms.map((O) => O.id) : [];
-    }, M = () => a("changeCategoryBulkPrices"), Y = (x) => a("changeCategorySelectionPrice", x), I = (x) => a("changeCategoryUpgradePrice", x), T = (x) => a("tableAction", x), H = (x) => a("changeRoomPrice", x);
-    return (x, O) => {
+      t.value = x.target.checked ? l.rooms.map((Y) => Y.id) : [];
+    }, M = () => a("changeCategoryBulkPrices"), P = (x) => a("changeCategorySelectionPrice", x), I = (x) => a("changeCategoryUpgradePrice", x), z = (x) => a("tableAction", x), H = (x, Y, N) => a("changeRoomPrice", { price: x, roomId: Y, roomName: N });
+    return (x, Y) => {
       var N, se;
-      return x.loading ? (s(), _(Fe, { key: 1 })) : (s(), n("div", Uo, [
-        e("div", Eo, [
-          e("div", Zo, [
-            e("div", Jo, [
-              e("table", Go, [
-                e("tbody", Wo, [
+      return x.loading ? (s(), _(Fe, { key: 1 })) : (s(), n("div", Hl, [
+        e("div", Ul, [
+          e("div", El, [
+            e("div", Zl, [
+              e("table", Jl, [
+                e("tbody", Gl, [
                   e("tr", null, [
-                    e("th", Qo, [
-                      g($o, {
-                        selectedDate: l.value,
-                        onDateSelected: O[0] || (O[0] = (z) => f(z))
+                    e("th", Wl, [
+                      g(_l, {
+                        selectedDate: o.value,
+                        onDateSelected: Y[0] || (Y[0] = (T) => f(T))
                       }, null, 8, ["selectedDate"])
                     ]),
-                    (s(!0), n(k, null, $(m.value, (z, V) => (s(), n("th", {
+                    (s(!0), n(k, null, $(m.value, (T, V) => (s(), n("th", {
                       scope: "col",
                       key: V,
                       class: "text-sm font-semibold text-gray-900 p-0"
                     }, [
-                      g(Io, {
+                      g(Fl, {
                         class: "border-l border-gray-200 px-6 py-3",
-                        day: z
+                        day: T
                       }, null, 8, ["day"])
                     ]))), 128))
                   ]),
                   e("tr", null, [
-                    e("th", Ko, [
+                    e("th", Ql, [
                       e("span", null, u(x.literals.category) + " " + u(x.category.name), 1),
                       g(G, {
                         loading: x.loading,
@@ -2140,107 +2159,107 @@ const oe = /* @__PURE__ */ te(Ro, [["render", Ho]]), Uo = {
                       }, 8, ["loading"])
                     ])
                   ]),
-                  x.type === "discounts" ? (s(), n("tr", Xo, [
-                    e("td", el, u(x.literals.pricesDiscount), 1),
-                    (s(!0), n(k, null, $(x.category.selectionPrices, (z, V) => (s(), n("td", {
+                  x.type === "discounts" ? (s(), n("tr", Kl, [
+                    e("td", Xl, u(x.literals.pricesDiscount), 1),
+                    (s(!0), n(k, null, $(x.category.selectionPrices, (T, V) => (s(), n("td", {
                       key: V,
                       class: "p-0"
                     }, [
-                      g(oe, {
-                        onClick: (K) => Y(z),
+                      g(le, {
+                        onClick: (K) => P(T),
                         class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 font-bold cursor-pointer",
-                        price: z,
+                        price: T,
                         currency: x.currency.symbol,
                         isBasePrice: !0
                       }, null, 8, ["onClick", "price", "currency"])
                     ]))), 128))
                   ])) : b("", !0),
-                  x.type === "prices" ? (s(), n("tr", tl, [
-                    e("td", sl, u(x.literals.pricesSelection), 1),
-                    (s(!0), n(k, null, $(x.category.selectionPrices, (z, V) => (s(), n("td", {
+                  x.type === "prices" ? (s(), n("tr", eo, [
+                    e("td", to, u(x.literals.pricesSelection), 1),
+                    (s(!0), n(k, null, $(x.category.selectionPrices, (T, V) => (s(), n("td", {
                       key: V,
                       class: "p-0"
                     }, [
-                      g(oe, {
-                        onClick: (K) => Y(z),
+                      g(le, {
+                        onClick: (K) => P(T),
                         class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 font-bold cursor-pointer",
-                        price: z,
+                        price: T,
                         currency: x.currency.symbol,
                         isBasePrice: !0
                       }, null, 8, ["onClick", "price", "currency"])
                     ]))), 128))
                   ])) : b("", !0),
-                  x.type === "prices" ? (s(), n("tr", ol, [
-                    e("td", ll, u(x.literals.pricesUpgrade), 1),
-                    (s(!0), n(k, null, $(x.category.upgradePrices, (z, V) => (s(), n("td", {
+                  x.type === "prices" ? (s(), n("tr", so, [
+                    e("td", lo, u(x.literals.pricesUpgrade), 1),
+                    (s(!0), n(k, null, $(x.category.upgradePrices, (T, V) => (s(), n("td", {
                       key: V,
                       class: "p-0"
                     }, [
-                      g(oe, {
-                        onClick: (K) => I(z),
+                      g(le, {
+                        onClick: (K) => I(T),
                         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: z,
+                        price: T,
                         currency: x.currency.symbol,
                         isBasePrice: !0
                       }, null, 8, ["onClick", "price", "currency"])
                     ]))), 128))
                   ])) : b("", !0),
                   e("tr", null, [
-                    e("th", rl, [
-                      ((N = t.value) == null ? void 0 : N.length) > 0 && ((se = x.actions) == null ? void 0 : se.length) > 0 ? (s(), n("div", nl, [
-                        (s(!0), n(k, null, $(x.actions, (z, V) => (s(), n("button", {
-                          onClick: (K) => T({ action: z.id, items: t.value }),
+                    e("th", oo, [
+                      ((N = t.value) == null ? void 0 : N.length) > 0 && ((se = x.actions) == null ? void 0 : se.length) > 0 ? (s(), n("div", ro, [
+                        (s(!0), n(k, null, $(x.actions, (T, V) => (s(), n("button", {
+                          onClick: (K) => z({ action: T.id, items: t.value }),
                           key: V,
                           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"
-                        }, u(z.name), 9, al))), 128))
+                        }, u(T.name), 9, no))), 128))
                       ])) : b("", !0),
                       e("span", null, u(x.literals.pricesSelection), 1)
                     ])
                   ]),
                   e("tr", null, [
-                    e("th", il, [
+                    e("th", ao, [
                       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",
                         checked: d.value || t.value.length === x.rooms.length,
                         indeterminate: d.value,
                         onChange: w
-                      }, null, 40, dl),
-                      e("span", ul, u(x.literals.room), 1)
+                      }, null, 40, io),
+                      e("span", uo, u(x.literals.room), 1)
                     ]),
-                    e("th", cl, u(x.literals.building), 1),
-                    e("th", gl, u(x.literals.floor), 1),
-                    O[2] || (O[2] = e("th", {
+                    e("th", co, u(x.literals.building), 1),
+                    e("th", go, u(x.literals.floor), 1),
+                    Y[2] || (Y[2] = e("th", {
                       colspan: "14",
                       scope: "colgroup",
                       class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900"
                     }, null, -1))
                   ]),
-                  (s(!0), n(k, null, $(x.rooms, (z) => (s(), n("tr", {
-                    key: z.name,
+                  (s(!0), n(k, null, $(x.rooms, (T) => (s(), n("tr", {
+                    key: T.name,
                     class: h([{ "even:bg-gray-100": x.type === "prices", "odd:bg-gray-100": x.type === "discounts" }])
                   }, [
-                    e("td", pl, [
-                      t.value.length > 0 ? (s(), n("div", ml)) : b("", !0),
+                    e("td", po, [
+                      t.value.length > 0 ? (s(), n("div", mo)) : 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",
-                        value: z.name,
-                        "onUpdate:modelValue": O[1] || (O[1] = (V) => t.value = V)
-                      }, null, 8, fl), [
+                        value: T.name,
+                        "onUpdate:modelValue": Y[1] || (Y[1] = (V) => t.value = V)
+                      }, null, 8, fo), [
                         [Ce, t.value]
                       ]),
-                      e("span", yl, u(z.name), 1)
+                      e("span", yo, u(T.name), 1)
                     ]),
-                    e("td", hl, u(z.building), 1),
-                    e("td", vl, u(z.floor), 1),
-                    (s(!0), n(k, null, $(z.selectionPrices, (V, K) => (s(), n("td", {
+                    e("td", ho, u(T.building), 1),
+                    e("td", vo, u(T.floor), 1),
+                    (s(!0), n(k, null, $(T.selectionPrices, (V, K) => (s(), n("td", {
                       class: "p-0",
                       key: K
                     }, [
-                      g(oe, {
-                        onClick: (Hi) => H(V),
+                      g(le, {
+                        onClick: (Hi) => H(V, T.id, T.name),
                         class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 cursor-pointer",
                         price: V,
                         currency: x.currency.symbol,
@@ -2256,39 +2275,39 @@ const oe = /* @__PURE__ */ te(Ro, [["render", Ho]]), Uo = {
       ]));
     };
   }
-}), wl = { class: "chart-selector flex flex-row items-center justify-center" }, we = /* @__PURE__ */ B({
+}), wo = { class: "chart-selector flex flex-row items-center justify-center" }, we = /* @__PURE__ */ B({
   __name: "RangeSelector",
   props: { range: { type: String } },
   emits: ["rangeSelected"],
   setup(p, { emit: i }) {
-    const o = i, a = p;
-    let r = P(() => a.range);
-    const l = (t) => {
-      r = t, o("rangeSelected", t);
+    const l = i, a = p;
+    let r = O(() => a.range);
+    const o = (t) => {
+      r = t, l("rangeSelected", t);
     };
-    return (t, m) => (s(), n("ul", wl, [
+    return (t, m) => (s(), n("ul", wo, [
       e("li", {
         class: h({ selected: c(r) === "24h" }),
-        onClick: m[0] || (m[0] = (d) => l("24h"))
+        onClick: m[0] || (m[0] = (d) => o("24h"))
       }, " 24H ", 2),
       e("li", {
         class: h({ selected: c(r) === "7d" }),
-        onClick: m[1] || (m[1] = (d) => l("7d"))
+        onClick: m[1] || (m[1] = (d) => o("7d"))
       }, "7D", 2),
       e("li", {
         class: h({ selected: c(r) === "1m" }),
-        onClick: m[2] || (m[2] = (d) => l("1m"))
+        onClick: m[2] || (m[2] = (d) => o("1m"))
       }, "1M", 2),
       e("li", {
         class: h({ selected: c(r) === "3m" }),
-        onClick: m[3] || (m[3] = (d) => l("3m"))
+        onClick: m[3] || (m[3] = (d) => o("3m"))
       }, "3M", 2)
     ]));
   }
-}), xl = { class: "chart-header flex flex-row items-center w-full justify-between" }, kl = { class: "text-sm font-medium text-gray-500 truncate mr-8" }, _l = {
+}), xo = { class: "chart-header flex flex-row items-center w-full justify-between" }, ko = { class: "text-sm font-medium text-gray-500 truncate mr-8" }, _o = {
   key: 0,
   class: "flex items-center gap-x-2 grow"
-}, $l = { class: "self-center ml-2" }, Cl = { class: "self-center ml-2" }, Bl = { class: "self-center ml-2" }, Ml = { class: "chart-content relative" }, Sl = { class: "h-full w-full flex items-center justify-center flex-col" }, jl = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Dl = /* @__PURE__ */ B({
+}, $o = { class: "self-center ml-2" }, Co = { class: "self-center ml-2" }, Bo = { class: "self-center ml-2" }, Mo = { class: "chart-content relative" }, So = { class: "h-full w-full flex items-center justify-center flex-col" }, jo = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Do = /* @__PURE__ */ B({
   __name: "uiChart",
   props: {
     labels: {},
@@ -2309,8 +2328,8 @@ const oe = /* @__PURE__ */ te(Ro, [["render", Ho]]), Uo = {
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection"],
   setup(p, { emit: i }) {
-    const o = i, a = p;
-    let l = {
+    const l = i, a = p;
+    let o = {
       chart: {
         toolbar: {
           show: !1
@@ -2321,7 +2340,7 @@ const oe = /* @__PURE__ */ te(Ro, [["render", Ho]]), Uo = {
       },
       colors: function() {
         return a.isNps ? [
-          function({ value: M, seriesIndex: Y, dataPointIndex: I, w: T }) {
+          function({ value: M, seriesIndex: P, dataPointIndex: I, w: z }) {
             if (I <= 5) return "#F87171";
             if (I > 5 && I <= 7) return "#eab308";
             if (I >= 8) return "#84cc16";
@@ -2350,7 +2369,7 @@ const oe = /* @__PURE__ */ te(Ro, [["render", Ho]]), Uo = {
         }
       }
     };
-    a.annotations && (l.annotations = {
+    a.annotations && (o.annotations = {
       yaxis: [
         {
           y: a.annotations.high,
@@ -2365,19 +2384,19 @@ const oe = /* @__PURE__ */ te(Ro, [["render", Ho]]), Uo = {
           }
         }
       ]
-    }), a.type === "area" && (l.tooltip = { intersect: !0, shared: !1 });
-    const t = () => (l.chart.stacked = a.stacked, { ...l, ...a.options, plotOptions: { bar: { horizontal: a.horizontal } } }), m = (M) => {
-      o("selectedRange", { range: M, chartId: a.id });
-    }, d = P(() => a.series), f = P(() => t()), y = () => o("chartUpdated"), w = (M, Y, I) => {
-      o("dataPointSelection", { id: a.id, chartContext: Y, config: I, event: M });
+    }), a.type === "area" && (o.tooltip = { intersect: !0, shared: !1 });
+    const t = () => (o.chart.stacked = a.stacked, { ...o, ...a.options, plotOptions: { bar: { horizontal: a.horizontal } } }), m = (M) => {
+      l("selectedRange", { range: M, chartId: a.id });
+    }, d = O(() => a.series), f = O(() => t()), y = () => l("chartUpdated"), w = (M, P, I) => {
+      l("dataPointSelection", { id: a.id, chartContext: P, config: I, event: M });
     };
-    return (M, Y) => (s(), n(k, null, [
+    return (M, P) => (s(), n(k, null, [
       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"])
       }, [
-        e("div", xl, [
-          e("div", kl, u(M.title), 1),
-          M.isNps && M.npsLiterals ? (s(), n("div", _l, [
+        e("div", xo, [
+          e("div", ko, u(M.title), 1),
+          M.isNps && M.npsLiterals ? (s(), n("div", _o, [
             g(R, {
               size: "small",
               color: "red",
@@ -2389,8 +2408,8 @@ const oe = /* @__PURE__ */ te(Ro, [["render", Ho]]), Uo = {
                   loading: !1,
                   color: "red"
                 }, null, 8, ["icon"]),
-                Y[0] || (Y[0] = D()),
-                e("span", $l, u(M.npsLiterals.unhappy), 1)
+                P[0] || (P[0] = D()),
+                e("span", $o, u(M.npsLiterals.unhappy), 1)
               ]),
               _: 1
             }),
@@ -2405,8 +2424,8 @@ const oe = /* @__PURE__ */ te(Ro, [["render", Ho]]), Uo = {
                   loading: !1,
                   color: "yellow"
                 }, null, 8, ["icon"]),
-                Y[1] || (Y[1] = D()),
-                e("span", Cl, u(M.npsLiterals.neutral), 1)
+                P[1] || (P[1] = D()),
+                e("span", Co, u(M.npsLiterals.neutral), 1)
               ]),
               _: 1
             }),
@@ -2421,8 +2440,8 @@ const oe = /* @__PURE__ */ te(Ro, [["render", Ho]]), Uo = {
                   loading: !1,
                   color: "green"
                 }, null, 8, ["icon"]),
-                Y[2] || (Y[2] = D()),
-                e("span", Bl, u(M.npsLiterals.happy), 1)
+                P[2] || (P[2] = D()),
+                e("span", Bo, u(M.npsLiterals.happy), 1)
               ]),
               _: 1
             })
@@ -2432,7 +2451,7 @@ const oe = /* @__PURE__ */ te(Ro, [["render", Ho]]), Uo = {
             onRangeSelected: m
           }, null, 8, ["range"])
         ]),
-        C(e("div", Ml, [
+        C(e("div", Mo, [
           g(c(ve), {
             type: M.type,
             series: d.value,
@@ -2446,21 +2465,21 @@ const oe = /* @__PURE__ */ te(Ro, [["render", Ho]]), Uo = {
         ], 512), [
           [S, !M.empty]
         ]),
-        C(e("div", Sl, [
+        C(e("div", So, [
           g(j, {
             icon: c(q),
             color: "gray",
             loading: !1,
             size: "huge"
           }, null, 8, ["icon"]),
-          Y[3] || (Y[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
+          P[3] || (P[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
         ], 512), [
           [S, M.empty]
         ])
       ], 2), [
         [S, !M.loading]
       ]),
-      C(e("div", jl, Y[4] || (Y[4] = [
+      C(e("div", jo, P[4] || (P[4] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -2491,11 +2510,11 @@ const oe = /* @__PURE__ */ te(Ro, [["render", Ho]]), Uo = {
       ])
     ], 64));
   }
-}), Tl = {
+}), To = {
   name: "uiFooter"
-}, zl = { class: "bg-white" };
-function Ll(p, i, o, a, r, l) {
-  return s(), n("footer", zl, i[0] || (i[0] = [
+}, zo = { class: "bg-white" };
+function Lo(p, i, l, a, r, o) {
+  return s(), n("footer", zo, 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.")
@@ -2503,7 +2522,7 @@ function Ll(p, i, o, a, r, l) {
     ], -1)
   ]));
 }
-const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
+const No = /* @__PURE__ */ te(To, [["render", Lo]]), Ao = /* @__PURE__ */ B({
   __name: "uiLoadingScreen",
   props: {
     title: {},
@@ -2511,13 +2530,13 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
     fixed: { type: Boolean, default: !0 }
   },
   setup(p) {
-    return (i, o) => (s(), n("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"
@@ -2531,22 +2550,22 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
       ])
     ], 2));
   }
-}), Yl = {
+}), Yo = {
   key: 0,
   class: "py-6 flex items-center justify-between"
-}, Pl = { class: "flex-1 flex justify-between sm:hidden" }, Ol = {
+}, Po = { class: "flex-1 flex justify-between sm:hidden" }, Oo = {
   href: "#",
   class: "relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50"
-}, Vl = {
+}, Vo = {
   href: "#",
   class: "ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50"
-}, Fl = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, Il = { class: "text-sm text-gray-700" }, Rl = { class: "font-bold" }, ql = { class: "font-bold" }, Hl = {
+}, Fo = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, Io = { class: "text-sm text-gray-700" }, Ro = { class: "font-bold" }, qo = { class: "font-bold" }, Ho = {
   class: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px",
   "aria-label": "Pagination"
-}, Ul = { class: "sr-only" }, El = ["onClick"], Zl = { class: "sr-only" }, Jl = {
+}, Uo = { class: "sr-only" }, Eo = ["onClick"], Zo = { class: "sr-only" }, Jo = {
   key: 1,
   class: "py-6 flex flex-row justify-between items-center animate-pulse"
-}, Gl = /* @__PURE__ */ B({
+}, Go = /* @__PURE__ */ B({
   __name: "uiPagination",
   props: {
     current: {},
@@ -2555,44 +2574,44 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
   },
   emits: ["changePage"],
   setup(p, { emit: i }) {
-    const o = i, a = p, r = A(3), l = P(
+    const l = i, a = p, r = A(3), o = O(
       () => Math.max(1, Number(a.current) - Number(r.value))
-    ), t = P(
+    ), t = O(
       () => Math.min(Number(a.current) + Number(r.value), Number(a.total))
-    ), m = P(() => {
+    ), m = O(() => {
       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(), n("div", Jl, f[2] || (f[2] = [
+    return (d, f) => d.loading ? (s(), n("div", Jo, 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(), n("div", Yl, [
-      e("div", Pl, [
-        e("a", Ol, [
+    ]))) : (s(), n("div", Yo, [
+      e("div", Po, [
+        e("a", Oo, [
           F(d.$slots, "previous")
         ]),
-        e("a", Vl, [
+        e("a", Vo, [
           F(d.$slots, "next")
         ])
       ]),
-      e("div", Fl, [
+      e("div", Fo, [
         e("div", null, [
-          e("p", Il, [
+          e("p", Io, [
             F(d.$slots, "showing"),
-            e("span", Rl, u(d.current + " "), 1),
+            e("span", Ro, u(d.current + " "), 1),
             F(d.$slots, "of"),
-            e("span", ql, u(d.total), 1)
+            e("span", qo, u(d.total), 1)
           ])
         ]),
         e("div", null, [
-          e("nav", Hl, [
+          e("nav", Ho, [
             C(e("button", {
-              onClick: f[0] || (f[0] = (y) => o("changePage", d.current - 1)),
+              onClick: f[0] || (f[0] = (y) => 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", Ul, [
+              e("span", Uo, [
                 F(d.$slots, "previous")
               ]),
               g(c(Pe), {
@@ -2603,18 +2622,18 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
               [S, d.current !== 1]
             ]),
             (s(!0), n(k, null, $(m.value, (y) => (s(), n("button", {
-              onClick: (w) => o("changePage", y),
+              onClick: (w) => l("changePage", y),
               key: y,
               "aria-current": "page",
               class: h([[
                 y === d.current ? "z-10 bg-indigo-50 border-indigo-500 text-indigo-600" : "bg-white border-gray-300 text-gray-500 hover:bg-gray-50"
               ], "relative inline-flex items-center px-4 py-2 border text-sm font-medium"])
-            }, u(y), 11, El))), 128)),
+            }, u(y), 11, Eo))), 128)),
             C(e("button", {
-              onClick: f[1] || (f[1] = (y) => o("changePage", d.current + 1)),
+              onClick: f[1] || (f[1] = (y) => 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", Zl, [
+              e("span", Zo, [
                 F(d.$slots, "next")
               ]),
               g(c(X), {
@@ -2629,16 +2648,16 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), Wl = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, Ql = { class: "flex flex-col flex-grow overflow-y-auto" }, Kl = { class: "grow flex flex-col" }, Xl = {
+}), Wo = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, Qo = { class: "flex flex-col flex-grow overflow-y-auto" }, Ko = { class: "grow flex flex-col" }, Xo = {
   class: "flex-1 space-y-1",
   "aria-label": "Sidebar"
 }, er = { key: 0 }, tr = ["onClick"], sr = {
   key: 1,
   class: "text-left"
-}, or = {
+}, lr = {
   key: 1,
   class: "flex-1 text-left"
-}, lr = {
+}, or = {
   key: 2,
   class: "flex-1"
 }, rr = {
@@ -2658,40 +2677,40 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
   },
   emits: ["sideBarClick"],
   setup(p, { emit: i }) {
-    const o = i;
-    return (a, r) => (s(), n("div", Wl, [
-      e("div", Ql, [
-        e("div", Kl, [
-          e("nav", Xl, [
-            a.loading ? (s(), n(k, { key: 1 }, $(5, (l) => e("div", ar, r[1] || (r[1] = [
+    const l = i;
+    return (a, r) => (s(), n("div", Wo, [
+      e("div", Qo, [
+        e("div", Ko, [
+          e("nav", Xo, [
+            a.loading ? (s(), n(k, { key: 1 }, $(5, (o) => e("div", ar, 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), n(k, { key: 0 }, $(a.navigation, (l) => (s(), n(k, {
-              key: l.name
+            ]))), 64)) : (s(!0), n(k, { key: 0 }, $(a.navigation, (o) => (s(), n(k, {
+              key: o.name
             }, [
-              l.children ? (s(), _(c(ye), {
+              o.children ? (s(), _(c(ye), {
                 key: 1,
                 as: "div",
                 class: "space-y-1"
               }, {
                 default: v(({ open: t }) => [
                   g(c(U), {
-                    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: v(() => [
-                      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(), n("div", lr, r[0] || (r[0] = [
+                      a.loading ? (s(), n("div", or, 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(), n("span", or, u(l.name), 1)),
+                      ]))) : (s(), n("span", lr, u(o.name), 1)),
                       g(c(X), {
                         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"])
@@ -2700,8 +2719,8 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
                   }, 1032, ["class"]),
                   g(c(he), { class: "space-y-1" }, {
                     default: v(() => [
-                      (s(!0), n(k, null, $(l.children, (m) => (s(), _(c(U), {
-                        onClick: (d) => o("sideBarClick", m.id),
+                      (s(!0), n(k, null, $(o.children, (m) => (s(), _(c(U), {
+                        onClick: (d) => l("sideBarClick", m.id),
                         key: m.name,
                         class: h([m.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"])
                       }, {
@@ -2717,23 +2736,23 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
                 _: 2
               }, 1024)) : (s(), n("div", er, [
                 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(), n("span", sr, u(l.name), 1))
+                  a.loading ? b("", !0) : (s(), n("span", sr, u(o.name), 1))
                 ], 10, tr)
               ]))
             ], 64))), 128))
@@ -2753,13 +2772,13 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
   },
   emits: ["statClick"],
   setup(p, { emit: i }) {
-    return (o, a) => o.loading ? (s(), n("div", yr, [
+    return (l, a) => l.loading ? (s(), n("div", yr, [
       e("div", hr, [
         e("dt", null, [
           e("div", vr, [
             g(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"])
@@ -2774,62 +2793,62 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
       ])
     ])) : (s(), n("div", dr, [
       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"
             }])
           }, [
             g(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", ur, u(o.item.name), 1)
+          e("p", ur, u(l.item.name), 1)
         ]),
         e("dd", cr, [
-          e("p", gr, u(o.item.stat), 1),
-          o.item.explanation ? (s(), n("p", pr, u(o.item.explanation), 1)) : b("", !0),
-          o.item.changeType ? (s(), n("p", {
+          e("p", gr, u(l.item.stat), 1),
+          l.item.explanation ? (s(), n("p", pr, u(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(), _(c(ut), {
+            l.item.changeType === "increase" ? (s(), _(c(ut), {
               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(), _(c(it), {
+            l.item.changeType === "decrease" ? (s(), _(c(it), {
               key: 1,
               class: "self-center flex-shrink-0 h-3 w-3 text-red-500",
               "aria-hidden": "true"
             })) : b("", !0),
-            D(" " + u(o.item.change), 1)
+            D(" " + u(l.item.change), 1)
           ], 2)) : b("", !0),
           C(e("div", mr, [
             e("div", fr, [
               e("span", {
-                onClick: a[0] || (a[0] = (r) => 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"
-              }, u(o.item.actionText), 1)
+              }, u(l.item.actionText), 1)
             ])
           ], 512), [
-            [S, o.item.showFooter]
+            [S, l.item.showFooter]
           ])
         ])
       ], 2)
@@ -2857,7 +2876,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
   },
   emits: ["itemClicked"],
   setup(p, { emit: i }) {
-    return (o, a) => o.loading ? (s(), n("div", Sr, [
+    return (l, a) => l.loading ? (s(), n("div", Sr, [
       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", jr, [
         e("dl", null, [
@@ -2876,19 +2895,19 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
       ])
     ])) : (s(), n("div", br, [
       e("div", wr, [
-        e("h3", xr, u(o.title), 1),
-        e("p", kr, u(o.subtitle), 1)
+        e("h3", xr, u(l.title), 1),
+        e("p", kr, u(l.subtitle), 1)
       ]),
       e("div", _r, [
         e("dl", null, [
-          (s(!0), n(k, null, $(o.items, (r, l) => (s(), n("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(k, 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", $r, u(r.title), 1),
             r.type === "tags" ? (s(), n("dd", Cr, [
               (s(!0), n(k, null, $(r.tags, (t, m) => (s(), _(R, {
-                loading: o.loading,
+                loading: l.loading,
                 key: m,
                 color: t.color,
                 class: "mr-2 mb-2"
@@ -2901,7 +2920,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
             ])) : 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", r.emits)
+              onClick: (t) => l.$emit("itemClicked", r.emits)
             }, u(r.text), 9, Br)) : (s(), n("dd", Mr, u(r.text), 1))
           ], 2))), 128))
         ])
@@ -2917,8 +2936,8 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
     }
   },
   setup(p) {
-    return (i, o) => (s(), n("div", Tr, [
-      o[0] || (o[0] = e("svg", {
+    return (i, l) => (s(), n("div", Tr, [
+      l[0] || (l[0] = e("svg", {
         class: "absolute -top-3 left-0",
         xmlns: "http://www.w3.org/2000/svg",
         width: "27.687",
@@ -2966,32 +2985,32 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
   },
   emits: ["tableAction", "orderBy", "customEmit", "selectedItemsDeleted"],
   setup(p, { emit: i }) {
-    let o = A([]), a = A(""), r = A(!1);
-    const l = i, t = p, m = P(
-      () => o.value.length > 0 && o.value.length < t.items.length
+    let l = A([]), a = A(""), r = A(!1);
+    const o = i, t = p, m = O(
+      () => l.value.length > 0 && l.value.length < t.items.length
     ), d = (w, M) => {
       a.value !== w && M && (a.value = w), M || (a.value = void 0);
     }, f = (w) => {
-      o.value = w.target.checked ? t.items.map((M) => M.id) : [];
+      l.value = w.target.checked ? t.items.map((M) => M.id) : [];
     }, y = (w) => {
-      l("customEmit", w);
+      o("customEmit", w);
     };
     return W(() => t.resetSelected, (w) => {
-      r.value = w, w && r.value && (o.value = [], r.value = !w, l("selectedItemsDeleted"));
+      r.value = w, w && r.value && (l.value = [], r.value = !w, o("selectedItemsDeleted"));
     }), (w, M) => {
-      var Y, I;
+      var P, I;
       return w.loading ? (s(), _(Fe, { key: 1 })) : (s(), n("div", Nr, [
         e("div", Ar, [
           e("div", Yr, [
             e("div", Pr, [
               e("div", Or, [
-                ((Y = c(o)) == null ? void 0 : Y.length) > 0 && ((I = w.actions) == null ? void 0 : I.length) > 0 ? (s(), n("div", Vr, [
-                  (s(!0), n(k, null, $(w.actions, (T, H) => (s(), n("button", {
-                    onClick: (x) => w.$emit("tableAction", { action: T.id, items: c(o) }),
+                ((P = c(l)) == null ? void 0 : P.length) > 0 && ((I = w.actions) == null ? void 0 : I.length) > 0 ? (s(), n("div", Vr, [
+                  (s(!0), n(k, null, $(w.actions, (z, H) => (s(), n("button", {
+                    onClick: (x) => w.$emit("tableAction", { action: z.id, items: c(l) }),
                     key: H,
                     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"
-                  }, u(T.name), 9, Fr))), 128))
+                  }, u(z.name), 9, Fr))), 128))
                 ])) : b("", !0),
                 e("table", Ir, [
                   e("thead", Rr, [
@@ -3002,78 +3021,78 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
                       }, [
                         w.actions ? (s(), n("input", {
                           key: 0,
-                          checked: m.value || c(o).length === w.items.length,
+                          checked: m.value || c(l).length === w.items.length,
                           indeterminate: m.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, qr)) : b("", !0)
                       ], 2),
-                      (s(!0), n(k, null, $(w.header, (T, H) => (s(), n("th", {
+                      (s(!0), n(k, null, $(w.header, (z, H) => (s(), n("th", {
                         key: H,
                         class: "py-3.5 pr-3 text-left font-semibold text-gray-900 relative",
                         scope: "col",
-                        onMouseover: (x) => d(T.name, !0),
-                        onMouseleave: (x) => d(T.name, !1)
+                        onMouseover: (x) => d(z.name, !0),
+                        onMouseleave: (x) => d(z.name, !1)
                       }, [
-                        T.tooltip ? C((s(), _(Lr, {
+                        z.tooltip ? C((s(), _(Lr, {
                           key: 0,
-                          tip: T.tooltip
+                          tip: z.tooltip
                         }, null, 8, ["tip"])), [
-                          [S, c(a) === T.name]
+                          [S, c(a) === z.name]
                         ]) : b("", !0),
-                        T.value ? (s(), n("button", {
+                        z.value ? (s(), n("button", {
                           key: 1,
                           class: "group flex items-center uppercase text-xs relative text-nowrap",
-                          onClick: (x) => l("orderBy", { value: T.value, orderDirection: w.orderDirection === "asc" ? "desc" : "asc" })
+                          onClick: (x) => o("orderBy", { value: z.value, orderDirection: w.orderDirection === "asc" ? "desc" : "asc" })
                         }, [
-                          e("span", null, u(T.name), 1),
+                          e("span", null, u(z.name), 1),
                           e("span", {
                             class: h([[
-                              T.value === w.orderedBy ? "bg-indigo-600 text-white group-hover:bg-gray-300" : "text-gray-400 group-hover:visible group-focus:visible"
+                              z.value === w.orderedBy ? "bg-indigo-600 text-white group-hover:bg-gray-300" : "text-gray-400 group-hover:visible group-focus:visible"
                             ], "ml-2 flex-none rounded group-hover:bg-indigo-200 group-hover:text-white"])
                           }, [
                             g(j, {
-                              icon: w.orderDirection === "asc" ? c(le) : c(pt),
+                              icon: w.orderDirection === "asc" ? c(oe) : c(pt),
                               loading: w.loading,
-                              color: T.value === w.orderedBy ? "white" : "primary"
+                              color: z.value === w.orderedBy ? "white" : "primary"
                             }, null, 8, ["icon", "loading", "color"])
                           ], 2)
                         ], 8, Ur)) : (s(), n("p", Er, [
-                          e("span", null, u(T.name), 1)
+                          e("span", null, u(z.name), 1)
                         ]))
                       ], 40, Hr))), 128))
                     ])
                   ]),
                   e("tbody", Zr, [
-                    (s(!0), n(k, null, $(w.items, (T, H) => {
-                      var x, O;
+                    (s(!0), n(k, null, $(w.items, (z, H) => {
+                      var x, Y;
                       return s(), n("tr", {
-                        key: T.id,
+                        key: z.id,
                         class: h([
-                          c(o).includes(T.id) && "bg-gray-50",
+                          c(l).includes(z.id) && "bg-gray-50",
                           H % 2 === 0 ? void 0 : "bg-gray-50"
                         ])
                       }, [
                         e("td", {
                           class: h([((x = w.actions) == null ? void 0 : x.length) > 0 ? "w-2" : "w-0", "relative"])
                         }, [
-                          c(o).includes(T.id) ? (s(), n("div", Jr)) : b("", !0),
-                          ((O = w.actions) == null ? void 0 : O.length) > 0 ? C((s(), n("input", {
+                          c(l).includes(z.id) ? (s(), n("div", Jr)) : b("", !0),
+                          ((Y = w.actions) == null ? void 0 : Y.length) > 0 ? C((s(), n("input", {
                             key: 1,
-                            "onUpdate:modelValue": M[0] || (M[0] = (N) => Be(o) ? o.value = N : o = N),
-                            value: T.id,
+                            "onUpdate:modelValue": M[0] || (M[0] = (N) => Be(l) ? l.value = N : l = N),
+                            value: z.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, Gr)), [
-                            [Ce, c(o)]
+                            [Ce, c(l)]
                           ]) : b("", !0)
                         ], 2),
-                        (s(!0), n(k, null, $(T.row, (N, se) => (s(), n("td", {
+                        (s(!0), n(k, null, $(z.row, (N, se) => (s(), n("td", {
                           key: se,
                           class: h([
                             "whitespace-nowrap py-4 pr-3 text-sm",
-                            c(o).includes(T.id) ? "text-indigo-600" : "text-gray-900"
+                            c(l).includes(z.id) ? "text-indigo-600" : "text-gray-900"
                           ])
                         }, [
                           typeof N == "object" && N.type === "tag" ? (s(), _(R, {
@@ -3088,7 +3107,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
                           }, 1032, ["loading", "color"])) : typeof N == "object" && N.type === "link" ? (s(), n("span", {
                             key: 1,
                             class: "text-indigo-600 hover:text-indigo-400 cursor-pointer",
-                            onClick: (z) => y(N)
+                            onClick: (T) => y(N)
                           }, u(N.content), 9, Wr)) : typeof N == "object" && N.type === "href" ? (s(), n("a", {
                             key: 2,
                             class: "text-indigo-600 hover:text-indigo-400 cursor-pointer",
@@ -3107,7 +3126,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
       ]));
     };
   }
-}), en = { class: "lg:hidden" }, tn = ["value"], sn = { class: "hidden lg:block" }, on = { class: "border-b border-gray-200" }, ln = {
+}), en = { class: "lg:hidden" }, tn = ["value"], sn = { class: "hidden lg:block" }, ln = { class: "border-b border-gray-200" }, on = {
   class: "-mb-px flex space-x-8",
   "aria-label": "Tabs"
 }, rn = ["onClick", "aria-current"], nn = /* @__PURE__ */ B({
@@ -3117,14 +3136,14 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
   },
   emits: ["tabClicked"],
   setup(p, { emit: i }) {
-    const o = i, a = (r) => {
-      const l = r.target;
-      l.value && o("tabClicked", l.value);
+    const l = i, a = (r) => {
+      const o = r.target;
+      o.value && l("tabClicked", o.value);
     };
-    return (r, l) => (s(), n("div", null, [
+    return (r, o) => (s(), n("div", null, [
       e("div", en, [
         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"
@@ -3136,11 +3155,11 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
         ], 32)
       ]),
       e("div", sn, [
-        e("div", on, [
-          e("nav", ln, [
+        e("div", ln, [
+          e("nav", on, [
             (s(!0), n(k, null, $(r.tabs, (t) => (s(), n("a", {
               key: t.name,
-              onClick: (m) => o("tabClicked", t.id),
+              onClick: (m) => 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"
@@ -3196,8 +3215,8 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
   emits: ["timelineEventClicked", "timelineFooterClicked"],
   setup(p, { emit: i }) {
     const a = Me(p.timeline);
-    return (r, l) => r.loading ? (s(), n("div", _n, [
-      l[3] || (l[3] = e("div", { class: "px-4 py-5 sm:px-6 animate-pulse" }, [
+    return (r, o) => r.loading ? (s(), n("div", _n, [
+      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" })
         ])
@@ -3208,13 +3227,13 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
             (s(), n(k, null, $(10, (t, m) => e("li", { key: m }, [
               e("div", Mn, [
                 t !== 10 ? (s(), n("span", Sn)) : 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))
+                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" })
         ])
@@ -3282,7 +3301,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
         e("div", xn, [
           e("a", {
             class: "cursor-pointer font-medium text-indigo-600 hover:text-indigo-500",
-            onClick: l[0] || (l[0] = (t) => r.$emit("timelineFooterClicked", r.timeline.id))
+            onClick: o[0] || (o[0] = (t) => r.$emit("timelineFooterClicked", r.timeline.id))
           }, u(r.timeline.footerText), 1)
         ])
       ])) : (s(), n("div", kn, [
@@ -3292,7 +3311,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
           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));
   }
@@ -3311,7 +3330,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
   },
   emits: ["topBarClick"],
   setup(p, { emit: i }) {
-    return (o, a) => (s(), _(c(ye), {
+    return (l, a) => (s(), _(c(ye), {
       as: "nav",
       class: "bg-white shadow z-10"
     }, {
@@ -3338,11 +3357,11 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__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, Nn)
               ])
@@ -3360,16 +3379,16 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
                           C(e("div", Pn, 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), [
-                            [S, o.alerted]
+                            [S, l.alerted]
                           ]),
                           e("img", {
                             class: "h-10 w-10 rounded-full",
-                            src: o.accountLogo
+                            src: l.accountLogo
                           }, null, 8, On)
                         ]),
                         _: 1
                       }, 512), [
-                        [S, o.accountLogo]
+                        [S, l.accountLogo]
                       ])
                     ]),
                     g(re, {
@@ -3383,17 +3402,17 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
                       default: v(() => [
                         g(c(ce), { 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: v(() => [
-                            (s(!0), n(k, null, $(o.profileMenu, (l) => (s(), _(c(ge), {
-                              key: l.name
+                            (s(!0), n(k, null, $(l.profileMenu, (o) => (s(), _(c(ge), {
+                              key: o.name
                             }, {
                               default: v(({ active: t }) => [
                                 e("p", {
-                                  onClick: (m) => o.$emit("topBarClick", l.id),
+                                  onClick: (m) => l.$emit("topBarClick", o.id),
                                   class: h(["cursor-pointer", [
                                     t ? "bg-gray-100" : "",
                                     "block px-4 py-2 text-sm text-gray-700"
                                   ]])
-                                }, u(l.name), 11, Vn)
+                                }, u(o.name), 11, Vn)
                               ]),
                               _: 2
                             }, 1024))), 128))
@@ -3413,18 +3432,18 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
         g(c(he), { class: "lg:hidden" }, {
           default: v(() => [
             e("div", Fn, [
-              (s(!0), n(k, null, $(o.navigation, (l) => (s(), _(c(U), {
+              (s(!0), n(k, null, $(l.navigation, (o) => (s(), _(c(U), {
                 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: v(() => [
                   e("p", {
-                    onClick: (t) => o.$emit("topBarClick", l.id)
-                  }, u(l.name), 9, In)
+                    onClick: (t) => l.$emit("topBarClick", o.id)
+                  }, u(o.name), 9, In)
                 ]),
                 _: 2
               }, 1032, ["class"]))), 128))
@@ -3434,24 +3453,24 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
                 e("div", Hn, [
                   e("img", {
                     class: "h-10 w-10 rounded-full",
-                    src: o.accountLogo
+                    src: l.accountLogo
                   }, null, 8, Un)
                 ]),
-                o.brand ? (s(), n("div", En, [
-                  e("div", Zn, u(o.brand.title), 1),
-                  e("div", Jn, u(o.brand.subtitle), 1)
+                l.brand ? (s(), n("div", En, [
+                  e("div", Zn, u(l.brand.title), 1),
+                  e("div", Jn, u(l.brand.subtitle), 1)
                 ])) : b("", !0)
               ]),
               e("div", Gn, [
-                (s(!0), n(k, null, $(o.profileMenu, (l) => (s(), _(c(U), {
+                (s(!0), n(k, null, $(l.profileMenu, (o) => (s(), _(c(U), {
                   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: v(() => [
                     e("p", {
-                      onClick: (t) => o.$emit("topBarClick", l.id)
-                    }, u(l.name), 9, Wn)
+                      onClick: (t) => l.$emit("topBarClick", o.id)
+                    }, u(o.name), 9, Wn)
                   ]),
                   _: 2
                 }, 1024))), 128))
@@ -3464,7 +3483,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
       _: 1
     }));
   }
-}), Kn = { class: "chart-header flex flex-row justify-between" }, Xn = { class: "text-sm font-medium text-gray-500 truncate" }, ea = { class: "chart-content" }, ta = { class: "h-full w-full flex items-center justify-center flex-col" }, sa = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, oa = /* @__PURE__ */ B({
+}), Kn = { class: "chart-header flex flex-row justify-between" }, Xn = { class: "text-sm font-medium text-gray-500 truncate" }, ea = { class: "chart-content" }, ta = { class: "h-full w-full flex items-center justify-center flex-col" }, sa = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, la = /* @__PURE__ */ B({
   __name: "uiFunnelChartV2",
   props: {
     labels: {},
@@ -3485,7 +3504,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection"],
   setup(p, { emit: i }) {
-    const o = i, a = p;
+    const l = i, a = p;
     let r = {
       chart: {
         type: "bar",
@@ -3521,8 +3540,8 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
         }
       }
     };
-    const l = P(() => ({ ...a.options, ...r })), t = P(() => a.series), m = () => o("chartUpdated"), d = (f, y, w) => {
-      o("dataPointSelection", { id: a.id, chartContext: y, config: w, event: f });
+    const o = O(() => ({ ...a.options, ...r })), t = O(() => a.series), m = () => l("chartUpdated"), d = (f, y, w) => {
+      l("dataPointSelection", { id: a.id, chartContext: y, config: w, event: f });
     };
     return (f, y) => (s(), n(k, null, [
       C(e("div", {
@@ -3541,7 +3560,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
             series: t.value,
             width: "100%",
             height: f.height,
-            options: l.value,
+            options: o.value,
             onUpdated: m,
             onMounted: m,
             onDataPointSelection: d
@@ -3594,7 +3613,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
       ])
     ], 64));
   }
-}), la = { class: "w-full flex flex-col items-center justify-center p-10 grow" }, ra = { class: "text-2xl mt-4 font-bold" }, na = { class: "buttons flex flex-row items-center justify-center mt-8 gap-x-1" }, aa = /* @__PURE__ */ B({
+}), oa = { class: "w-full flex flex-col items-center justify-center p-10 grow" }, ra = { class: "text-2xl mt-4 font-bold" }, na = { class: "buttons flex flex-row items-center justify-center mt-8 gap-x-1" }, aa = /* @__PURE__ */ B({
   __name: "uiNoResults",
   props: {
     title: {},
@@ -3605,7 +3624,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
   },
   emits: ["action", "noResultsOptionSelected"],
   setup(p) {
-    return (i, o) => (s(), n("div", la, [
+    return (i, l) => (s(), n("div", oa, [
       g(j, {
         loading: !1,
         icon: c(q),
@@ -3618,7 +3637,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
         (s(!0), n(k, 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: v(() => [
             D(u(a.text), 1)
@@ -3629,7 +3648,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__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)
       ])
     ]));
@@ -3643,15 +3662,15 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
   },
   emits: ["closeRightBar"],
   setup(p, { emit: i }) {
-    return (o, a) => (s(), _(c(pe), {
+    return (l, a) => (s(), _(c(pe), {
       as: "template",
-      show: o.open
+      show: l.open
     }, {
       default: v(() => [
         g(c(me), {
           as: "div",
           class: "relative z-10",
-          onClose: a[1] || (a[1] = (r) => o.$emit("closeRightBar"))
+          onClose: a[1] || (a[1] = (r) => l.$emit("closeRightBar"))
         }, {
           default: v(() => [
             a[4] || (a[4] = e("div", { class: "fixed inset-0" }, null, -1)),
@@ -3675,7 +3694,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
                               e("div", pa, [
                                 g(c(Le), { class: "text-base font-semibold leading-6 text-white" }, {
                                   default: v(() => [
-                                    D(u(o.title), 1)
+                                    D(u(l.title), 1)
                                   ]),
                                   _: 1
                                 }),
@@ -3683,7 +3702,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__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] = (r) => 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)),
@@ -3695,11 +3714,11 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
                                 ])
                               ]),
                               e("div", fa, [
-                                e("p", ya, u(o.description), 1)
+                                e("p", ya, u(l.description), 1)
                               ])
                             ]),
                             e("div", ha, [
-                              F(o.$slots, "default")
+                              F(l.$slots, "default")
                             ])
                           ])
                         ]),
@@ -3736,32 +3755,32 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
   },
   emits: ["modalAction", "deleteImage", "imgClicked"],
   setup(p, { emit: i }) {
-    const o = i, a = A(!1), r = (l) => {
-      a.value = !1, o("modalAction", l);
+    const l = i, a = A(!1), r = (o) => {
+      a.value = !1, l("modalAction", o);
     };
-    return (l, t) => (s(), n("div", ba, [
-      l.loading ? b("", !0) : (s(), _(Ve, {
+    return (o, t) => (s(), n("div", ba, [
+      o.loading ? b("", !0) : (s(), _(Ve, {
         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 }],
+        actions: [{ value: "close", name: o.literals.closeAction }, { value: `deleteGallery_${o.galleryId}`, name: o.literals.deleteAction }],
         onModalAction: t[0] || (t[0] = (m) => r(m))
       }, {
         default: v(() => [
-          e("p", null, u(l.literals.modalText), 1)
+          e("p", null, u(o.literals.modalText), 1)
         ]),
         _: 1
       }, 8, ["open", "title", "actions"])),
-      l.loading ? (s(), n("ul", Ma, [
+      o.loading ? (s(), n("ul", Ma, [
         (s(), n(k, null, $(4, (m) => 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(), n("ul", wa, [
-        (s(!0), n(k, null, $(l.gallery, (m) => (s(), n("li", {
+        (s(!0), n(k, null, $(o.gallery, (m) => (s(), n("li", {
           key: m.source,
           class: "relative"
         }, [
@@ -3774,7 +3793,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
             e("button", {
               type: "button",
               class: "absolute inset-0 focus:outline-none",
-              onClick: (d) => l.$emit("imgClicked", m)
+              onClick: (d) => o.$emit("imgClicked", m)
             }, null, 8, _a)
           ]),
           e("p", $a, u(m.title), 1),
@@ -3785,12 +3804,12 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
               icon: c(xt),
               color: "red",
               loading: !1,
-              onClick: (d) => l.$emit("deleteImage", m)
+              onClick: (d) => o.$emit("deleteImage", m)
             }, 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] = (m) => a.value = !0),
         class: "mt-8",
@@ -3799,7 +3818,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
         size: "small"
       }, {
         default: v(() => [
-          D(u(l.literals.deleteAllImages), 1)
+          D(u(o.literals.deleteAllImages), 1)
         ]),
         _: 1
       })) : b("", !0)
@@ -3816,13 +3835,13 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
   },
   emits: ["dragAndDropUpdated"],
   setup(p, { emit: i }) {
-    const o = i, a = p;
+    const l = i, a = p;
     let r = A(a.elements);
     W(() => a.elements, (t) => {
       r.value = t;
     });
-    const l = (t) => {
-      o("dragAndDropUpdated", t);
+    const o = (t) => {
+      l("dragAndDropUpdated", t);
     };
     return (t, m) => t.loading ? (s(), n("div", Aa, m[2] || (m[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)
@@ -3831,7 +3850,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
       modelValue: c(r),
       "onUpdate:modelValue": [
         m[0] || (m[0] = (d) => Be(r) ? r.value = d : r = d),
-        m[1] || (m[1] = (d) => l(d))
+        m[1] || (m[1] = (d) => o(d))
       ]
     }, {
       item: v(({ item: d }) => [
@@ -3876,7 +3895,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection"],
   setup(p, { emit: i }) {
-    const o = i, a = p;
+    const l = i, a = p;
     let r = {
       chart: {
         toolbar: {
@@ -3909,8 +3928,8 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
         }
       }
     };
-    const l = () => ({ ...r, ...a.options }), t = P(() => a.series), m = P(() => l()), d = () => o("chartUpdated"), f = (y, w, M) => {
-      o("dataPointSelection", { id: a.id, chartContext: w, config: M, event: y });
+    const o = () => ({ ...r, ...a.options }), t = O(() => a.series), m = O(() => o()), d = () => l("chartUpdated"), f = (y, w, M) => {
+      l("dataPointSelection", { id: a.id, chartContext: w, config: M, event: y });
     };
     return (y, w) => (s(), n(k, null, [
       C(e("div", {
@@ -4003,11 +4022,11 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
   },
   emits: ["uiDateRangeButtonClicked"],
   setup(p, { emit: i }) {
-    let o = Me({ from: "", to: "" });
-    const a = (r, l) => {
-      r === "from" ? o.from = l : o.to = l;
+    let l = Me({ from: "", to: "" });
+    const a = (r, o) => {
+      r === "from" ? l.from = o : l.to = o;
     };
-    return (r, l) => {
+    return (r, o) => {
       var t, m, d, f;
       return r.loading ? (s(), n("div", Ha, [
         g(Z, {
@@ -4019,7 +4038,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
           loading: !0
         }),
         g(G, { loading: !0 }, {
-          default: v(() => l[3] || (l[3] = [
+          default: v(() => o[3] || (o[3] = [
             D("Search")
           ])),
           _: 1
@@ -4035,7 +4054,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
           error: r.error,
           disabled: r.disabled,
           label: r.label,
-          onInputChanged: l[0] || (l[0] = (y) => a("from", y.value))
+          onInputChanged: o[0] || (o[0] = (y) => a("from", y.value))
         }, null, 8, ["addOn", "name", "color", "value", "error", "disabled", "label"]),
         g(Z, {
           type: "date",
@@ -4048,14 +4067,14 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
           error: r.error,
           disabled: r.disabled,
           label: void 0,
-          onInputChanged: l[1] || (l[1] = (y) => a("to", y.value))
+          onInputChanged: o[1] || (o[1] = (y) => a("to", y.value))
         }, null, 8, ["class", "addOn", "name", "color", "value", "error", "disabled"]),
         g(G, {
           disabled: r.disabled,
           color: "primary",
           loading: !1,
           class: h([{ "mt-6": r.label }, "h-10"]),
-          onClick: l[2] || (l[2] = (y) => r.$emit("uiDateRangeButtonClicked", c(o)))
+          onClick: o[2] || (o[2] = (y) => r.$emit("uiDateRangeButtonClicked", c(l)))
         }, {
           default: v(() => [
             D(u(r.literals.search), 1)
@@ -4087,23 +4106,23 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
   },
   emits: ["sliderUpdated"],
   setup(p, { emit: i }) {
-    const o = i, r = A(p.sliderValue);
-    return (l, t) => (s(), n("div", null, [
+    const l = i, r = A(p.sliderValue);
+    return (o, t) => (s(), n("div", null, [
       e("div", Ea, [
-        l.label ? (s(), n("label", Za, u(l.label), 1)) : b("", !0),
-        l.requiredText ? (s(), n("span", Ja, u(l.requiredText), 1)) : b("", !0)
+        o.label ? (s(), n("label", Za, u(o.label), 1)) : b("", !0),
+        o.requiredText ? (s(), n("span", Ja, u(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(), n("p", Ga)) : (s(), _(c(Xe), {
+        o.loading ? (s(), n("p", Ga)) : (s(), _(c(Xe), {
           key: 0,
           modelValue: r.value,
           "onUpdate:modelValue": t[0] || (t[0] = (m) => r.value = m),
-          min: l.min,
-          max: l.max,
-          disabled: l.disabled,
-          onChange: t[1] || (t[1] = (m) => o("sliderUpdated", m)),
+          min: o.min,
+          max: o.max,
+          disabled: o.disabled,
+          onChange: t[1] || (t[1] = (m) => l("sliderUpdated", m)),
           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"
@@ -4119,7 +4138,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
     description: {}
   },
   setup(p) {
-    return (i, o) => (s(), n(k, null, [
+    return (i, l) => (s(), n(k, null, [
       e("h3", {
         class: h(["text-lg font-medium leading-6 text-gray-900", { "mb-8": i.description === void 0 }])
       }, u(i.title), 3),
@@ -4129,7 +4148,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
 }), Xa = {
   key: 0,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, ei = { class: "flex flex-1 flex-col p-8" }, ti = { class: "text-2xl font-bold text-gray-900" }, si = { class: "mt-1 flex flex-grow flex-col justify-between" }, oi = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, li = {
+}, ei = { class: "flex flex-1 flex-col p-8" }, ti = { class: "text-2xl font-bold text-gray-900" }, si = { class: "mt-1 flex flex-grow flex-col justify-between" }, li = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, oi = {
   key: 1,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
 }, ri = { class: "flex flex-1 flex-col p-8" }, ni = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, ai = { class: "mt-1 flex flex-grow flex-col justify-between" }, ii = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, di = /* @__PURE__ */ B({
@@ -4145,26 +4164,26 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
   },
   emits: ["deviceStatusTagClicked", "deviceStatusQtyClicked"],
   setup(p, { emit: i }) {
-    return (o, a) => o.loading ? (s(), n("div", li, [
+    return (l, a) => l.loading ? (s(), n("div", oi, [
       e("div", ri, [
         e("div", ni, [
           g(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", ai, [
           e("dd", ii, [
-            (s(!0), n(k, null, $(o.tags, (r, l) => (s(), _(R, {
-              key: l,
-              loading: o.loading,
+            (s(!0), n(k, null, $(l.tags, (r, o) => (s(), _(R, {
+              key: o,
+              loading: l.loading,
               event: r.event,
               color: r.color,
-              onTagEvent: a[2] || (a[2] = (t) => o.$emit("deviceStatusTagClicked", t))
+              onTagEvent: a[2] || (a[2] = (t) => l.$emit("deviceStatusTagClicked", t))
             }, {
               default: v(() => [
                 D(u(r.name), 1)
@@ -4178,16 +4197,16 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
       e("div", ei, [
         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"
           }])
         }, [
           g(j, {
-            icon: o.icon,
+            icon: l.icon,
             size: "huge",
             class: "text-white",
             "aria-hidden": "true",
@@ -4195,22 +4214,22 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
           }, null, 8, ["icon"])
         ], 2),
         e("h3", ti, [
-          D(u(o.name) + " ", 1),
+          D(u(l.name) + " ", 1),
           C(e("span", {
             class: "text-indigo-600 hover:text-indigo-900 cursor-pointer",
-            onClick: a[0] || (a[0] = (r) => o.$emit("deviceStatusQtyClicked", o.id))
-          }, "(" + u(o.qty) + ")", 513), [
-            [S, o.qty > 0]
+            onClick: a[0] || (a[0] = (r) => l.$emit("deviceStatusQtyClicked", l.id))
+          }, "(" + u(l.qty) + ")", 513), [
+            [S, l.qty > 0]
           ])
         ]),
         e("dl", si, [
-          e("dd", oi, [
-            (s(!0), n(k, null, $(o.tags, (r, l) => (s(), _(R, {
-              key: l,
+          e("dd", li, [
+            (s(!0), n(k, null, $(l.tags, (r, o) => (s(), _(R, {
+              key: o,
               loading: !1,
               event: r.event,
               color: r.color,
-              onTagEvent: a[1] || (a[1] = (t) => o.$emit("deviceStatusTagClicked", t))
+              onTagEvent: a[1] || (a[1] = (t) => l.$emit("deviceStatusTagClicked", t))
             }, {
               default: v(() => [
                 D(u(r.name), 1)
@@ -4251,13 +4270,13 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
   },
   emits: ["productBarClick", "sideBarClick"],
   setup(p, { emit: i }) {
-    return (o, a) => (s(), n("div", ui, [
+    return (l, a) => (s(), n("div", ui, [
       e("div", ci, [
         e("ul", null, [
-          (s(!0), n(k, null, $(o.productsSidebar, (r, l) => (s(), n("li", {
-            key: l,
+          (s(!0), n(k, 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) => o.$emit("productBarClick", r.name)
+            onClick: (t) => l.$emit("productBarClick", r.name)
           }, [
             g(j, {
               icon: r.icon,
@@ -4268,7 +4287,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
           ], 10, gi))), 128))
         ])
       ]),
-      o.loading ? (s(), n("div", _i, [
+      l.loading ? (s(), n("div", _i, [
         (s(), n(k, null, $(5, (r) => e("div", $i, 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)
@@ -4277,15 +4296,15 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
         e("div", mi, [
           e("img", {
             class: "h-8 w-auto",
-            src: o.logo,
+            src: l.logo,
             alt: "Your Company"
           }, null, 8, fi)
         ]),
         e("nav", yi, [
-          o.isFilterNavigation ? b("", !0) : (s(), n("ul", hi, [
+          l.isFilterNavigation ? b("", !0) : (s(), n("ul", hi, [
             e("li", null, [
               e("ul", vi, [
-                (s(!0), n(k, null, $(o.navigation, (r) => (s(), n("li", {
+                (s(!0), n(k, null, $(l.navigation, (r) => (s(), n("li", {
                   key: r.name
                 }, [
                   r.children ? (s(), _(c(ye), {
@@ -4294,7 +4313,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
                   }, {
                     default: v(() => [
                       g(c(U), {
-                        onClick: (l) => o.$emit("sideBarClick", r.id),
+                        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: v(() => [
@@ -4308,7 +4327,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
                           }, null, 8, ["icon"]),
                           D(" " + u(r.name) + " ", 1),
                           g(c(X), {
-                            class: h([r.children.some((l) => l.current) || r.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"])
                         ]),
@@ -4321,16 +4340,16 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
                           static: ""
                         }, {
                           default: v(() => [
-                            (s(!0), n(k, null, $(r.children, (l) => (s(), n("li", {
-                              key: l.name
+                            (s(!0), n(k, null, $(r.children, (o) => (s(), n("li", {
+                              key: o.name
                             }, [
                               g(c(U), {
                                 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: v(() => [
-                                  D(u(l.name), 1)
+                                  D(u(o.name), 1)
                                 ]),
                                 _: 2
                               }, 1032, ["onClick", "class"])
@@ -4339,13 +4358,13 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
                           _: 2
                         }, 1024)
                       ], 512), [
-                        [S, r.children.some((l) => l.current) || r.current]
+                        [S, r.children.some((o) => o.current) || r.current]
                       ])
                     ]),
                     _: 2
                   }, 1024)) : (s(), n("div", {
                     key: 0,
-                    onClick: (l) => o.$emit("sideBarClick", r.id),
+                    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"])
                   }, [
                     g(j, {
@@ -4362,20 +4381,20 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
               ])
             ])
           ])),
-          o.isFilterNavigation && o.filterNavigation ? (s(), n("ul", wi, [
+          l.isFilterNavigation && l.filterNavigation ? (s(), n("ul", wi, [
             e("li", xi, [
-              o.filterNavigation.hasSearch && o.filterNavigation.search ? (s(), _(Z, {
+              l.filterNavigation.hasSearch && l.filterNavigation.search ? (s(), _(Z, {
                 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), n(k, null, $(o.filterNavigation.items, (r, l) => (s(), n("li", {
+            (s(!0), n(k, null, $(l.filterNavigation.items, (r, o) => (s(), n("li", {
               class: "ml-2",
-              key: l
+              key: o
             }, [
               e("p", ki, u(r.label), 1),
               (s(!0), n(k, null, $(r.filters, (t, m) => (s(), _(Ne, {
@@ -4409,7 +4428,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
   },
   emits: ["productBarClick", "sideBarClick", "selectChanged", "topBarClick"],
   setup(p, { emit: i }) {
-    const o = p, a = A(""), r = P(() => 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 = P(() => o.topbar.selectedItem), m = A(!1);
+    const l = p, a = A(""), r = O(() => 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 = O(() => l.topbar.selectedItem), m = A(!1);
     return (d, f) => (s(), n("div", null, [
       g(c(pe), {
         as: "template",
@@ -4551,7 +4570,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__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] = (y) => a.value = y.target.value),
                       onBlur: f[8] || (f[8] = (y) => a.value = ""),
-                      displayValue: l
+                      displayValue: o
                     }),
                     g(c(De), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
                       default: v(() => [
@@ -4625,7 +4644,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
                         alt: ""
                       }, null, 8, Yi),
                       e("span", Pi, [
-                        g(c(le), {
+                        g(c(oe), {
                           class: "ml-2 h-5 w-5 text-gray-400",
                           "aria-hidden": "true"
                         })
@@ -4682,15 +4701,15 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
     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 = A(0), r = A(o());
-    return Ze(() => a.value += 1), (l, t) => (s(), n("div", {
+    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 = A(0), r = A(l());
+    return Ze(() => 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), n(k, null, $(l.dynamicStats, (m, d) => (s(), _(Re, {
+      (s(!0), n(k, null, $(o.dynamicStats, (m, d) => (s(), _(Re, {
         key: d,
         item: m,
-        loading: l.loading
+        loading: o.loading
       }, null, 8, ["item", "loading"]))), 128))
     ], 2));
   }
@@ -4700,7 +4719,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
   uiBreadcrumbs: Ss,
   uiButton: G,
   uiCard: As,
-  uiChart: Dl,
+  uiChart: Do,
   uiCheckbox: Ne,
   uiCircleChart: Ra,
   uiDateRange: Ua,
@@ -4709,18 +4728,18 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
   uiDropdown: be,
   uiDynamicStats: Ri,
   uiFilter: Ys,
-  uiFooter: Nl,
-  uiFunnelChartV2: oa,
+  uiFooter: No,
+  uiFunnelChartV2: la,
   uiGallery: Sa,
   uiIcon: j,
   uiInput: Z,
   uiInputFile: Jt,
-  uiLoadingScreen: Al,
+  uiLoadingScreen: Ao,
   uiModal: Ve,
   uiNoResults: aa,
-  uiNotification: eo,
-  uiPagination: Gl,
-  uiPriceCalendar: bl,
+  uiNotification: el,
+  uiPagination: Go,
+  uiPriceCalendar: bo,
   uiRangeSlider: Wa,
   uiRightSidebar: va,
   uiSectionTitle: Ka,
@@ -4731,7 +4750,7 @@ const Nl = /* @__PURE__ */ te(Tl, [["render", Ll]]), Al = /* @__PURE__ */ B({
   uiTable: Xr,
   uiTabs: nn,
   uiTag: R,
-  uiTaskList: go,
+  uiTaskList: cl,
   uiTextArea: as,
   uiTimeline: jn,
   uiToggle: cs,
@@ -4749,7 +4768,7 @@ export {
   Ss as uiBreadcrumbs,
   G as uiButton,
   As as uiCard,
-  Dl as uiChart,
+  Do as uiChart,
   Ne as uiCheckbox,
   Ra as uiCircleChart,
   Ua as uiDateRange,
@@ -4758,18 +4777,18 @@ export {
   be as uiDropdown,
   Ri as uiDynamicStats,
   Ys as uiFilter,
-  Nl as uiFooter,
-  oa as uiFunnelChartV2,
+  No as uiFooter,
+  la as uiFunnelChartV2,
   Sa as uiGallery,
   j as uiIcon,
   Z as uiInput,
   Jt as uiInputFile,
-  Al as uiLoadingScreen,
+  Ao as uiLoadingScreen,
   Ve as uiModal,
   aa as uiNoResults,
-  eo as uiNotification,
-  Gl as uiPagination,
-  bl as uiPriceCalendar,
+  el as uiNotification,
+  Go as uiPagination,
+  bo as uiPriceCalendar,
   Wa as uiRangeSlider,
   va as uiRightSidebar,
   Ka as uiSectionTitle,
@@ -4780,7 +4799,7 @@ export {
   Xr as uiTable,
   nn as uiTabs,
   R as uiTag,
-  go as uiTaskList,
+  cl as uiTaskList,
   as as uiTextArea,
   jn as uiTimeline,
   cs as uiToggle,