@hotelinking/ui 11.45.1 → 11.45.2

package/dist/ui.es.js

@@ -107,10 +107,10 @@ const j = /* @__PURE__ */ B({
   },
   emits: ["checkboxChanged"],
   setup(p, { emit: d }) {
-    const l = d, r = p, o = A(r.check), n = () => {
-      r.disabled || (o.value = !o.value, l("checkboxChanged", { checked: o.value, value: r.value }));
+    const l = d, n = p, o = A(n.check), r = () => {
+      n.disabled || (o.value = !o.value, l("checkboxChanged", { checked: o.value, value: n.value }));
     };
-    return R(() => r.check, (t) => {
+    return R(() => n.check, (t) => {
       t && (o.value = t);
     }), (t, i) => t.loading ? (s(), a("div", St, i[1] || (i[1] = [
       e("div", { class: "w-5 h-5 rounded bg-gray-200" }, null, -1),
@@ -123,7 +123,7 @@ const j = /* @__PURE__ */ B({
           disabled: t.disabled,
           class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded disabled:opacity-25",
           type: "checkbox",
-          onChange: i[0] || (i[0] = (u) => n())
+          onChange: i[0] || (i[0] = (u) => r())
         }, null, 40, $t)
       ]),
       e("div", _t, [
@@ -581,11 +581,11 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
   },
   emits: ["optionSelected"],
   setup(p, { emit: d }) {
-    const l = d, r = p, o = Y(() => {
-      let t = r.items.find((i) => i.active === !0);
-      return t ? t.name : r.label;
-    }), n = (t) => {
-      r.disabled || l("optionSelected", t);
+    const l = d, n = p, o = Y(() => {
+      let t = n.items.find((i) => i.active === !0);
+      return t ? t.name : n.label;
+    }), r = (t) => {
+      n.disabled || l("optionSelected", t);
     };
     return (t, i) => t.loading ? (s(), a("div", Ut, [
       i[0] || (i[0] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1)),
@@ -644,7 +644,7 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
                   (s(!0), a($, null, _(t.items, (u, y) => (s(), x(c(xe), { key: y }, {
                     default: v(() => [
                       e("a", {
-                        onClick: (h) => n(u),
+                        onClick: (h) => r(u),
                         class: f([
                           u.active ? "bg-gray-100 text-gray-900" : "text-gray-700",
                           "block px-4 py-2 text-sm cursor-pointer"
@@ -697,11 +697,11 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
   },
   emits: ["inputChanged", "rightAddOnClicked", "addOnClicked"],
   setup(p, { emit: d }) {
-    const l = d, r = p, o = A(r.value);
-    R(() => r.value, (t) => {
-      o.value = t, o.value && l("inputChanged", { name: r.name, value: o.value });
+    const l = d, n = p, o = A(n.value);
+    R(() => n.value, (t) => {
+      o.value = t, o.value && l("inputChanged", { name: n.name, value: o.value });
     });
-    const n = (t) => {
+    const r = (t) => {
       t.target.name && l("inputChanged", { value: t.target.value, name: t.target.name });
     };
     return (t, i) => t.loading ? (s(), a("div", Kt, [
@@ -745,7 +745,7 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
           name: t.name,
           placeholder: t.placeholder,
           type: t.type,
-          onInput: n
+          onInput: r
         }, null, 42, Wt), [
           [lt, o.value]
         ]),
@@ -823,10 +823,10 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
   emits: ["filesUploaded"],
   setup(p, { emit: d }) {
     let l = A("");
-    const r = d, o = p, n = (u) => {
-      i(u.dataTransfer.files), r("filesUploaded", { id: o.id, files: u.dataTransfer.files });
+    const n = d, o = p, r = (u) => {
+      i(u.dataTransfer.files), n("filesUploaded", { id: o.id, files: u.dataTransfer.files });
     }, t = (u) => {
-      i(u.target.files), r("filesUploaded", { id: o.id, files: u.target.files });
+      i(u.target.files), n("filesUploaded", { id: o.id, files: u.target.files });
     }, i = (u) => {
       l.value = "";
       let y = 1;
@@ -856,7 +856,7 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
         ]),
         onDragover: y[0] || (y[0] = pe(() => {
         }, ["prevent"])),
-        onDrop: pe(n, ["prevent"])
+        onDrop: pe(r, ["prevent"])
       }, [
         e("div", os, [
           m(j, {
@@ -925,10 +925,10 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
   },
   emits: ["selectChanged"],
   setup(p, { expose: d, emit: l }) {
-    const r = A(""), o = l, n = p, t = Y(() => r.value === "" ? n.items : n.items.filter((h) => h.name.toLowerCase().includes(r.value.toLowerCase()))), i = (h) => (h == null ? void 0 : h.name) ?? "", u = (h) => {
+    const n = A(""), o = l, r = p, t = Y(() => n.value === "" ? r.items : r.items.filter((h) => h.name.toLowerCase().includes(n.value.toLowerCase()))), i = (h) => (h == null ? void 0 : h.name) ?? "", u = (h) => {
       o("selectChanged", h);
     }, y = Y({
-      get: () => n.select,
+      get: () => r.select,
       set: (h) => {
         u(h);
       }
@@ -963,8 +963,8 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
         ]),
         e("div", ps, [
           m(c(qe), {
-            onChange: w[0] || (w[0] = (L) => r.value = L.target.value),
-            onBlur: w[1] || (w[1] = (L) => r.value = ""),
+            onChange: w[0] || (w[0] = (L) => n.value = L.target.value),
+            onBlur: w[1] || (w[1] = (L) => n.value = ""),
             displayValue: i,
             class: f([{
               "mt-1": h.requiredText || h.label,
@@ -1094,16 +1094,16 @@ const bs = { class: "flex justify-between" }, ws = {
   },
   emits: ["selectChanged"],
   setup(p, { emit: d }) {
-    const l = p, r = d, o = A(""), n = A(l.select), t = Y(
+    const l = p, n = d, o = A(""), r = A(l.select), t = Y(
       () => o.value === "" ? l.items : l.items.filter((u) => u.name.toLowerCase().includes(o.value.toLowerCase()))
     ), i = (u) => {
-      o.value = "", r("selectChanged", u);
+      o.value = "", n("selectChanged", u);
     };
     return (u, y) => (s(), x(c(Pe), {
       as: "div",
-      modelValue: n.value,
+      modelValue: r.value,
       "onUpdate:modelValue": [
-        y[2] || (y[2] = (h) => n.value = h),
+        y[2] || (y[2] = (h) => r.value = h),
         i
       ]
     }, {
@@ -1211,31 +1211,31 @@ const bs = { class: "flex justify-between" }, ws = {
   },
   emits: ["tagEvent"],
   setup(p, { emit: d }) {
-    const l = d, r = p, o = () => {
-      r.event != null && l("tagEvent", r.event);
+    const l = d, n = p, o = () => {
+      n.event != null && l("tagEvent", n.event);
     };
-    return (n, t) => n.loading ? (s(), a("div", xs, t[0] || (t[0] = [
+    return (r, t) => r.loading ? (s(), a("div", xs, t[0] || (t[0] = [
       e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" }, null, -1)
     ]))) : (s(), a("span", {
       key: 0,
       onClick: o,
       class: f([{
-        "bg-indigo-100 text-indigo-800 border border-indigo-200": n.color === "primary",
-        "hover:bg-indigo-200 cursor-pointer": n.event !== void 0 && n.color === "primary",
-        "bg-red-100 text-red-800 border border-red-200": n.color === "red",
-        "hover:bg-red-200 cursor-pointer": n.event !== void 0 && n.color === "red",
-        "bg-yellow-100 text-yellow-800 border border-yellow-200": n.color === "yellow",
-        "hover:bg-yellow-200 cursor-pointer": n.event !== void 0 && n.color === "yellow",
-        "bg-green-100 text-green-800 border border-green-200": n.color === "green",
-        "hover:bg-green-200 cursor-pointer": n.event !== void 0 && n.color === "green",
-        "bg-black text-white border border-black": n.color === "black",
-        "text-black border border-gray-200 bg-white": n.color === "white",
-        "px-3 py-2": n.size === "medium",
-        "px-2 pt-1 pb-0.5": n.size === "small",
-        "px-4 py-3": n.size === "big"
+        "bg-indigo-100 text-indigo-800 border border-indigo-200": r.color === "primary",
+        "hover:bg-indigo-200 cursor-pointer": r.event !== void 0 && r.color === "primary",
+        "bg-red-100 text-red-800 border border-red-200": r.color === "red",
+        "hover:bg-red-200 cursor-pointer": r.event !== void 0 && r.color === "red",
+        "bg-yellow-100 text-yellow-800 border border-yellow-200": r.color === "yellow",
+        "hover:bg-yellow-200 cursor-pointer": r.event !== void 0 && r.color === "yellow",
+        "bg-green-100 text-green-800 border border-green-200": r.color === "green",
+        "hover:bg-green-200 cursor-pointer": r.event !== void 0 && r.color === "green",
+        "bg-black text-white border border-black": r.color === "black",
+        "text-black border border-gray-200 bg-white": r.color === "white",
+        "px-3 py-2": r.size === "medium",
+        "px-2 pt-1 pb-0.5": r.size === "small",
+        "px-4 py-3": r.size === "big"
       }, "inline-flex items-center rounded text-xs font-medium leading-none"])
     }, [
-      V(n.$slots, "default")
+      V(r.$slots, "default")
     ], 2));
   }
 }), ks = { key: 0 }, $s = { class: "flex justify-between" }, _s = {
@@ -1262,11 +1262,11 @@ const bs = { class: "flex justify-between" }, ws = {
   },
   emits: ["inputChanged"],
   setup(p, { emit: d }) {
-    const l = d, r = p, o = (t) => {
+    const l = d, n = p, o = (t) => {
       l("inputChanged", t.target.value);
-    }, n = A(r.value);
-    return R(() => r.value, (t) => {
-      n.value = t, l("inputChanged", { name: r.name, value: n.value });
+    }, r = A(n.value);
+    return R(() => n.value, (t) => {
+      r.value = t, l("inputChanged", { name: n.name, value: r.value });
     }), (t, i) => t.loading ? (s(), a("div", Bs, i[1] || (i[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)
@@ -1281,7 +1281,7 @@ const bs = { class: "flex justify-between" }, ws = {
         C(e("textarea", {
           disabled: t.disabled,
           rows: "4",
-          "onUpdate:modelValue": i[0] || (i[0] = (u) => n.value = u),
+          "onUpdate:modelValue": i[0] || (i[0] = (u) => r.value = u),
           placeholder: t.placeholder,
           class: f(["shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm rounded-md", {
             "border-gray-300": t.color === "gray",
@@ -1296,7 +1296,7 @@ const bs = { class: "flex justify-between" }, ws = {
           }]),
           onChange: o
         }, null, 42, Ss), [
-          [X, n.value]
+          [X, r.value]
         ])
       ], 2),
       C(e("p", {
@@ -1335,8 +1335,8 @@ const bs = { class: "flex justify-between" }, ws = {
   },
   emits: ["toggleChanged", "actionClicked"],
   setup(p, { emit: d }) {
-    const l = p, r = A(l.checked);
-    return R(() => l.checked, (o) => r.value = o), (o, n) => o.loading ? (s(), a("div", Ts, n[3] || (n[3] = [
+    const l = p, n = A(l.checked);
+    return R(() => l.checked, (o) => n.value = o), (o, r) => o.loading ? (s(), a("div", Ts, r[3] || (r[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),
@@ -1349,11 +1349,11 @@ const bs = { class: "flex justify-between" }, ws = {
       default: v(() => [
         m(c(ut), {
           disabled: o.disabled,
-          onClick: n[0] || (n[0] = (t) => o.$emit("toggleChanged", { item: o.item, active: !r.value })),
-          modelValue: r.value,
-          "onUpdate:modelValue": n[1] || (n[1] = (t) => r.value = t),
+          onClick: r[0] || (r[0] = (t) => o.$emit("toggleChanged", { item: o.item, active: !n.value })),
+          modelValue: n.value,
+          "onUpdate:modelValue": r[1] || (r[1] = (t) => n.value = t),
           class: f([
-            r.value ? "bg-indigo-600" : "bg-gray-200",
+            n.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"
           ])
         }, {
@@ -1361,7 +1361,7 @@ const bs = { class: "flex justify-between" }, ws = {
             e("span", {
               "aria-hidden": "true",
               class: f([
-                r.value ? "translate-x-5" : "translate-x-0",
+                n.value ? "translate-x-5" : "translate-x-0",
                 o.disabled ? "bg-gray-300" : "",
                 "pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out"
               ])
@@ -1382,7 +1382,7 @@ const bs = { class: "flex justify-between" }, ws = {
         o.item.action ? (s(), a("span", {
           key: 0,
           class: "cursor-pointer text-indigo-600 hover:text-indigo-400 uppercase text-xs absolute right-0 bottom-0.5",
-          onClick: n[2] || (n[2] = (t) => o.$emit("actionClicked", o.item))
+          onClick: r[2] || (r[2] = (t) => o.$emit("actionClicked", o.item))
         }, g(o.item.action), 1)) : b("", !0)
       ]),
       _: 1
@@ -1404,10 +1404,10 @@ const bs = { class: "flex justify-between" }, ws = {
   },
   emits: ["alertEvent"],
   setup(p, { emit: d }) {
-    const l = d, r = (o) => {
+    const l = d, n = (o) => {
       l("alertEvent", o.event);
     };
-    return (o, n) => o.loading ? (s(), a("div", Fs, n[0] || (n[0] = [
+    return (o, r) => o.loading ? (s(), a("div", Fs, r[0] || (r[0] = [
       K('<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(), a("div", Ls, [
       e("div", {
@@ -1461,7 +1461,7 @@ const bs = { class: "flex justify-between" }, ws = {
             e("div", Is, [
               e("div", Ys, [
                 (s(!0), a($, null, _(o.actions, (t, i) => (s(), a("button", {
-                  onClick: (u) => r(t),
+                  onClick: (u) => n(t),
                   type: "button",
                   key: i,
                   class: f([
@@ -1502,15 +1502,15 @@ const bs = { class: "flex justify-between" }, ws = {
   },
   emits: ["breadCrumbClicked"],
   setup(p, { emit: d }) {
-    return (l, r) => l.loading ? (s(), a("div", Js, r[0] || (r[0] = [
+    return (l, n) => l.loading ? (s(), a("div", Js, n[0] || (n[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(), a("nav", Vs, [
       e("ol", Rs, [
-        (s(!0), a($, null, _(l.pages, (o, n) => (s(), a("li", { key: n }, [
-          n == 0 ? (s(), a("div", Us, [
+        (s(!0), a($, null, _(l.pages, (o, r) => (s(), a("li", { key: r }, [
+          r == 0 ? (s(), a("div", Us, [
             e("p", {
               onClick: (t) => l.$emit("breadCrumbClicked", o.routeName),
               class: "flex flex-row items-center justify-center text-indigo-600 hover:text-indigo-800 cursor-pointer"
@@ -1554,14 +1554,14 @@ const bs = { class: "flex justify-between" }, ws = {
   },
   emits: ["cardSelected"],
   setup(p, { emit: d }) {
-    return (l, r) => {
+    return (l, n) => {
       var o;
-      return l.loading ? (s(), a("div", to, r[1] || (r[1] = [
+      return l.loading ? (s(), a("div", to, n[1] || (n[1] = [
         K('<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(), a("div", {
         key: 0,
         class: "rounded-lg bg-white shadow p-6 cursor-pointer",
-        onClick: r[0] || (r[0] = (n) => l.$emit("cardSelected", { id: l.id, name: l.name, type: l.type, tags: l.tags }))
+        onClick: n[0] || (n[0] = (r) => l.$emit("cardSelected", { id: l.id, name: l.name, type: l.type, tags: l.tags }))
       }, [
         e("div", Gs, [
           e("img", {
@@ -1574,14 +1574,14 @@ const bs = { class: "flex justify-between" }, ws = {
           ])
         ]),
         l.tags && ((o = l.tags) == null ? void 0 : o.length) > 0 ? (s(), a("div", eo, [
-          (s(!0), a($, null, _(l.tags, (n) => (s(), x(U, {
+          (s(!0), a($, null, _(l.tags, (r) => (s(), x(U, {
             class: "mb-1 mr-1",
-            key: n.name,
-            color: n.color,
+            key: r.name,
+            color: r.color,
             loading: l.loading
           }, {
             default: v(() => [
-              T(g(n.name), 1)
+              T(g(r.name), 1)
             ]),
             _: 2
           }, 1032, ["color", "loading"]))), 128))
@@ -1599,17 +1599,17 @@ const bs = { class: "flex justify-between" }, ws = {
   },
   emits: ["filterSelected"],
   setup(p, { emit: d }) {
-    const l = d, r = p, o = (t) => {
-      n.value.forEach((i) => {
+    const l = d, n = p, o = (t) => {
+      r.value.forEach((i) => {
         i.active = i.value === t.value;
       }), l("filterSelected", t);
-    }, n = A(r.items);
+    }, r = A(n.items);
     return (t, i) => (s(), x(me, {
       class: "text-nowrap",
       loading: t.loading,
       onOptionSelected: i[0] || (i[0] = (u) => o(u)),
       position: t.position,
-      items: n.value,
+      items: r.value,
       label: t.label
     }, null, 8, ["loading", "position", "items", "label"]));
   }
@@ -1629,12 +1629,12 @@ const bs = { class: "flex justify-between" }, ws = {
   },
   emits: ["modalAction"],
   setup(p, { emit: d }) {
-    const l = p, r = d, o = (n) => {
-      r("modalAction", { modal: l.modalName, action: n });
+    const l = p, n = d, o = (r) => {
+      n("modalAction", { modal: l.modalName, action: r });
     };
-    return (n, t) => (s(), x(c(ke), {
+    return (r, t) => (s(), x(c(ke), {
       as: "template",
-      show: n.open
+      show: r.open
     }, {
       default: v(() => [
         m(c($e), {
@@ -1655,7 +1655,8 @@ const bs = { class: "flex justify-between" }, ws = {
               default: v(() => t[2] || (t[2] = [
                 e("div", { class: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" }, null, -1)
               ])),
-              _: 1
+              _: 1,
+              __: [2]
             }),
             e("div", oo, [
               e("div", lo, [
@@ -1671,8 +1672,8 @@ const bs = { class: "flex justify-between" }, ws = {
                   default: v(() => [
                     m(c(_e), {
                       class: f([{
-                        "sm:my-8 w-full sm:w-9/12 md:w-2/3 lg:w-1/2": n.size === "big",
-                        "w-full sm:my-8 sm:w-full sm:max-w-lg sm:p-6": n.size === "medium"
+                        "sm:my-8 w-full sm:w-9/12 md:w-2/3 lg:w-1/2": r.size === "big",
+                        "w-full sm:my-8 sm:w-full sm:max-w-lg sm:p-6": r.size === "medium"
                       }, "relative transform rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all"])
                     }, {
                       default: v(() => [
@@ -1686,42 +1687,42 @@ const bs = { class: "flex justify-between" }, ws = {
                             m(j, {
                               icon: c(W),
                               "aria-hidden": "true",
-                              loading: n.loading
+                              loading: r.loading
                             }, null, 8, ["icon", "loading"])
                           ])
                         ]),
                         e("div", no, [
                           e("div", {
                             class: f(["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": n.type === "danger",
-                              "bg-green-100": n.type === "success",
-                              "bg-indigo-100": n.type === "default",
-                              "bg-yellow-100": n.type === "warning"
+                              "bg-red-100": r.type === "danger",
+                              "bg-green-100": r.type === "success",
+                              "bg-indigo-100": r.type === "default",
+                              "bg-yellow-100": r.type === "warning"
                             }])
                           }, [
                             C(m(c(W), {
                               class: "h-6 w-6 text-red-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [D, n.type === "danger"]
+                              [D, r.type === "danger"]
                             ]),
                             C(m(c(Me), {
                               class: "h-6 w-6 text-green-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [D, n.type === "success"]
+                              [D, r.type === "success"]
                             ]),
                             C(m(c(H), {
                               class: "h-6 w-6 text-yellow-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [D, n.type === "warning"]
+                              [D, r.type === "warning"]
                             ]),
                             C(m(c(Nt), {
                               class: "h-6 w-6 text-indigo-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [D, n.type === "default"]
+                              [D, r.type === "default"]
                             ])
                           ], 2),
                           e("div", ao, [
@@ -1730,15 +1731,15 @@ const bs = { class: "flex justify-between" }, ws = {
                               class: "text-lg font-medium leading-6 text-gray-900"
                             }, {
                               default: v(() => [
-                                T(g(n.title), 1)
+                                T(g(r.title), 1)
                               ]),
                               _: 1
                             }),
                             e("div", io, [
-                              V(n.$slots, "default", { class: "break-words" })
+                              V(r.$slots, "default", { class: "break-words" })
                             ]),
-                            n.actions ? (s(), a("div", uo, [
-                              (s(!0), a($, null, _(n.actions, (i, u) => (s(), a("button", {
+                            r.actions ? (s(), a("div", uo, [
+                              (s(!0), a($, null, _(r.actions, (i, u) => (s(), a("button", {
                                 key: u,
                                 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",
@@ -1776,8 +1777,8 @@ const bs = { class: "flex justify-between" }, ws = {
   },
   emits: ["closeNotification"],
   setup(p, { emit: d }) {
-    const l = p, r = Y(() => l.show);
-    return (o, n) => (s(), a("div", {
+    const l = p, n = Y(() => l.show);
+    return (o, r) => (s(), a("div", {
       "aria-live": "assertive",
       class: f([{ fixed: o.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"])
     }, [
@@ -1791,7 +1792,7 @@ const bs = { class: "flex justify-between" }, ws = {
           "leave-to-class": "opacity-0"
         }, {
           default: v(() => [
-            r.value ? (s(), a("div", mo, [
+            n.value ? (s(), a("div", mo, [
               e("div", po, [
                 e("div", fo, [
                   e("div", yo, [
@@ -1828,9 +1829,9 @@ const bs = { class: "flex justify-between" }, ws = {
                     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: n[0] || (n[0] = (t) => o.$emit("closeNotification"))
+                      onClick: r[0] || (r[0] = (t) => o.$emit("closeNotification"))
                     }, [
-                      n[1] || (n[1] = e("span", { class: "sr-only" }, "Close", -1)),
+                      r[1] || (r[1] = e("span", { class: "sr-only" }, "Close", -1)),
                       m(c(W), {
                         "aria-hidden": "true",
                         class: "h-5 w-5"
@@ -1861,42 +1862,42 @@ const bs = { class: "flex justify-between" }, ws = {
   },
   setup(p) {
     return (d, l) => d.loading ? (s(), a("ul", To, [
-      (s(!0), a($, null, _(d.tasks, (r) => (s(), a("li", {
-        key: r.id,
+      (s(!0), a($, null, _(d.tasks, (n) => (s(), a("li", {
+        key: n.id,
         class: "flex items-center justify-between gap-x-6 py-5"
       }, l[0] || (l[0] = [
         K('<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(), a("ul", ko, [
-      (s(!0), a($, null, _(d.tasks, (r) => (s(), a("li", {
-        key: r.id,
+      (s(!0), a($, null, _(d.tasks, (n) => (s(), a("li", {
+        key: n.id,
         class: "flex items-center justify-between gap-x-6 py-5"
       }, [
         e("div", $o, [
           e("div", _o, [
-            e("p", Co, g(r.name), 1),
+            e("p", Co, g(n.name), 1),
             e("p", {
               class: f([
                 {
-                  "text-green-700 bg-green-50 ring-green-600/20": r.status === "Complete",
-                  "text-gray-600 bg-gray-50 ring-gray-500/10": r.status === "In progress",
-                  "text-yellow-800 bg-yellow-50 ring-yellow-600/20": r.status === "Incomplete"
+                  "text-green-700 bg-green-50 ring-green-600/20": n.status === "Complete",
+                  "text-gray-600 bg-gray-50 ring-gray-500/10": n.status === "In progress",
+                  "text-yellow-800 bg-yellow-50 ring-yellow-600/20": n.status === "Incomplete"
                 },
                 "rounded-md whitespace-nowrap mt-0.5 px-1.5 py-0.5 text-xs font-medium ring-1 ring-inset"
               ])
-            }, g(r.statusLiteral), 3)
+            }, g(n.statusLiteral), 3)
           ]),
           e("div", So, [
-            e("p", Bo, g(r.description), 1)
+            e("p", Bo, g(n.description), 1)
           ])
         ]),
         e("div", Mo, [
           e("a", {
-            href: r.href,
+            href: n.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"
           }, [
-            T(g(r.action), 1),
-            e("span", jo, ", " + g(r.name), 1)
+            T(g(n.action), 1),
+            e("span", jo, ", " + g(n.name), 1)
           ], 8, Do)
         ])
       ]))), 128))
@@ -1909,16 +1910,16 @@ function Lo(p) {
 var le = { exports: {} }, Ao = le.exports, Te;
 function No() {
   return Te || (Te = 1, function(p, d) {
-    (function(l, r) {
-      p.exports = r(z);
+    (function(l, n) {
+      p.exports = n(z);
     })(Ao, function(l) {
-      function r(t) {
+      function n(t) {
         return t && typeof t == "object" && "default" in t ? t : { default: t };
       }
-      var o = r(l), n = { 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 o = n(l), r = { 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 o.default.locale(n, null, !0), n;
+      return o.default.locale(r, null, !0), r;
     });
   }(le)), le.exports;
 }
@@ -1926,15 +1927,15 @@ No();
 var re = { exports: {} }, Oo = re.exports, ze;
 function Io() {
   return ze || (ze = 1, function(p, d) {
-    (function(l, r) {
-      p.exports = r(z);
+    (function(l, n) {
+      p.exports = n(z);
     })(Oo, function(l) {
-      function r(u) {
+      function n(u) {
         return u && typeof u == "object" && "default" in u ? u : { default: u };
       }
-      var o = r(l), n = { 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 o = n(l), r = { 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(u, y, h) {
-        var w = n[h];
+        var w = r[h];
         return Array.isArray(w) && (w = w[y ? 0 : 1]), w.replace("%d", u);
       }
       var i = { 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(u) {
@@ -1948,12 +1949,12 @@ Io();
 var ne = { exports: {} }, Yo = ne.exports, Le;
 function Po() {
   return Le || (Le = 1, function(p, d) {
-    (function(l, r) {
-      p.exports = r();
+    (function(l, n) {
+      p.exports = n();
     })(Yo, 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(l) {
-        var r = ["th", "st", "nd", "rd"], o = l % 100;
-        return "[" + l + (r[(o - 20) % 10] || r[o] || r[0]) + "]";
+        var n = ["th", "st", "nd", "rd"], o = l % 100;
+        return "[" + l + (n[(o - 20) % 10] || n[o] || n[0]) + "]";
       } };
     });
   }(ne)), ne.exports;
@@ -1962,24 +1963,24 @@ Po();
 var ae = { exports: {} }, Fo = ae.exports, Ae;
 function qo() {
   return Ae || (Ae = 1, function(p, d) {
-    (function(l, r) {
-      p.exports = r(z);
+    (function(l, n) {
+      p.exports = n(z);
     })(Fo, function(l) {
-      function r(t) {
+      function n(t) {
         return t && typeof t == "object" && "default" in t ? t : { default: t };
       }
-      var o = r(l), n = { 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 o = n(l), r = { 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 o.default.locale(n, null, !0), n;
+      return o.default.locale(r, null, !0), r;
     });
   }(ae)), ae.exports;
 }
 qo();
 const te = (p, d) => {
   const l = p.__vccOpts || p;
-  for (const [r, o] of d)
-    l[r] = o;
+  for (const [n, o] of d)
+    l[n] = o;
   return l;
 }, Vo = {
   name: "dateSelector",
@@ -2012,16 +2013,16 @@ const te = (p, d) => {
     }
   }
 }, Ro = { class: "dateSelector flex items-center text-white flex-row" }, Uo = { class: "pagination flex items-center my-1 md:my-0" }, Ho = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, Eo = { class: "pagination flex items-center my-1 sm:my-0" };
-function Zo(p, d, l, r, o, n) {
+function Zo(p, d, l, n, o, r) {
   const t = je("ChevronLeftIcon"), i = je("ChevronRightIcon");
   return s(), a("div", Ro, [
     e("div", Uo, [
       e("div", {
         class: f([{
-          "bg-indigo-600 hover:bg-indigo-800 cursor-pointer": n.currentDate > n.today,
-          "bg-indigo-300": n.currentDate <= n.today
+          "bg-indigo-600 hover:bg-indigo-800 cursor-pointer": r.currentDate > r.today,
+          "bg-indigo-300": r.currentDate <= r.today
         }, "previousYear flex items-center p-1 rounded mx-0.5 shadow-sm"]),
-        onClick: d[0] || (d[0] = (u) => n.selectDate("year", "previous"))
+        onClick: d[0] || (d[0] = (u) => r.selectDate("year", "previous"))
       }, [
         m(t, { class: "h-4" }),
         m(t, { class: "h-4 -ml-3" }),
@@ -2029,42 +2030,42 @@ function Zo(p, d, l, r, o, n) {
       ], 2),
       e("div", {
         class: f([{
-          "bg-indigo-600 hover:bg-indigo-800 cursor-pointer": n.currentDate > n.today,
-          "bg-indigo-300": n.currentDate <= n.today
+          "bg-indigo-600 hover:bg-indigo-800 cursor-pointer": r.currentDate > r.today,
+          "bg-indigo-300": r.currentDate <= r.today
         }, "previousYear flex items-center p-1 rounded mx-0.5 shadow-sm"]),
-        onClick: d[1] || (d[1] = (u) => n.selectDate("month", "previous"))
+        onClick: d[1] || (d[1] = (u) => r.selectDate("month", "previous"))
       }, [
         m(t, { class: "h-4" }),
         m(t, { class: "h-4 -ml-3" })
       ], 2),
       e("div", {
         class: f([{
-          "bg-indigo-600 hover:bg-indigo-800 cursor-pointer": n.currentDate > n.today,
-          "bg-indigo-300": n.currentDate <= n.today
+          "bg-indigo-600 hover:bg-indigo-800 cursor-pointer": r.currentDate > r.today,
+          "bg-indigo-300": r.currentDate <= r.today
         }, "previousYear flex items-center p-1 rounded mx-0.5 shadow-sm"]),
-        onClick: d[2] || (d[2] = (u) => n.selectDate("day", "previous"))
+        onClick: d[2] || (d[2] = (u) => r.selectDate("day", "previous"))
       }, [
         m(t, { class: "h-4" })
       ], 2)
     ]),
-    e("div", Ho, g(n.formatedDate), 1),
+    e("div", Ho, g(r.formatedDate), 1),
     e("div", Eo, [
       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: d[3] || (d[3] = (u) => n.selectDate("day", "next"))
+        onClick: d[3] || (d[3] = (u) => r.selectDate("day", "next"))
       }, [
         m(i, { 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: d[4] || (d[4] = (u) => n.selectDate("month", "next"))
+        onClick: d[4] || (d[4] = (u) => r.selectDate("month", "next"))
       }, [
         m(i, { class: "h-4" }),
         m(i, { 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: d[5] || (d[5] = (u) => n.selectDate("year", "next"))
+        onClick: d[5] || (d[5] = (u) => r.selectDate("year", "next"))
       }, [
         m(i, { class: "h-4" }),
         m(i, { class: "h-4 -ml-3" }),
@@ -2076,7 +2077,7 @@ function Zo(p, d, l, r, o, n) {
 const Jo = /* @__PURE__ */ te(Vo, [["render", Zo]]), Wo = {
   name: "SkeletonTable"
 }, Go = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Ko = { class: "flow-root" }, Qo = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, Xo = { class: "inline-block min-w-full py-2 align-middle px-1" }, el = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, tl = { class: "min-w-full divide-y divide-gray-300" }, sl = { class: "divide-y divide-gray-200 bg-white" };
-function ol(p, d, l, r, o, n) {
+function ol(p, d, l, n, o, r) {
   return s(), a("div", Go, [
     e("div", Ko, [
       e("div", Qo, [
@@ -2158,13 +2159,13 @@ const tt = /* @__PURE__ */ te(Wo, [["render", ol]]);
 var ie = { exports: {} }, ll = ie.exports, Ne;
 function rl() {
   return Ne || (Ne = 1, function(p, d) {
-    (function(l, r) {
-      p.exports = r();
+    (function(l, n) {
+      p.exports = n();
     })(ll, function() {
-      return function(l, r, o) {
-        r.prototype.isToday = function() {
-          var n = "YYYY-MM-DD", t = o();
-          return this.format(n) === t.format(n);
+      return function(l, n, o) {
+        n.prototype.isToday = function() {
+          var r = "YYYY-MM-DD", t = o();
+          return this.format(r) === t.format(r);
         };
       };
     });
@@ -2188,19 +2189,19 @@ const al = /* @__PURE__ */ Lo(nl), il = {
     }
   }
 }, dl = { class: "text-xs" }, ul = { class: "font-bold text-lg" }, cl = { class: "text-xs font-medium" };
-function gl(p, d, l, r, o, n) {
+function gl(p, d, l, n, o, r) {
   return s(), a("div", {
     class: f([
       "day select-none text-center",
       {
-        "bg-indigo-200 text-white": n.currentDay.isWeekend,
-        "bg-[#0ff] text-white": n.currentDay.isToday
+        "bg-indigo-200 text-white": r.currentDay.isWeekend,
+        "bg-[#0ff] text-white": r.currentDay.isToday
       }
     ])
   }, [
-    e("p", dl, g(n.currentDay.dayName), 1),
-    e("p", ul, g(n.currentDay.day), 1),
-    e("p", cl, g(n.currentDay.month), 1)
+    e("p", dl, g(r.currentDay.dayName), 1),
+    e("p", ul, g(r.currentDay.day), 1),
+    e("p", cl, g(r.currentDay.month), 1)
   ], 2);
 }
 const ml = /* @__PURE__ */ te(il, [["render", gl]]), pl = {
@@ -2223,18 +2224,18 @@ const ml = /* @__PURE__ */ te(il, [["render", gl]]), pl = {
     }
   }
 }, fl = { class: "priceDay" };
-function yl(p, d, l, r, o, n) {
+function yl(p, d, l, n, o, r) {
   return s(), a("div", fl, [
     e("div", {
       class: f([
         {
-          "bg-indigo-200 text-white": n.currentDay.isWeekend,
+          "bg-indigo-200 text-white": r.currentDay.isWeekend,
           "bg-green-300 text-white": l.price.price > l.basePrice,
           "bg-yellow-300 text-white": l.price.price < l.basePrice
         },
         "select-none text-center rounded-lg p-1"
       ])
-    }, g(n.currentDay.price) + g(l.currency), 3)
+    }, g(r.currentDay.price) + g(l.currency), 3)
   ]);
 }
 const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
@@ -2302,23 +2303,23 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
   },
   emits: ["dateChanged", "changeCategoryBulkPrices", "changeCategorySelectionPrice", "changeCategoryUpgradePrice", "changeRoomPrice", "tableAction"],
   setup(p, { emit: d }) {
-    const l = p, r = d, o = A(/* @__PURE__ */ new Date()), n = A(l.today), t = A([]);
+    const l = p, n = d, o = A(/* @__PURE__ */ new Date()), r = A(l.today), t = A([]);
     R(() => l.today, (k) => {
-      n.value = k;
+      r.value = k;
     });
     const i = Y(() => {
       let k = [];
       for (let P = 0; P < 14; P++)
-        k.push(z(n.value).add(P, "day"));
+        k.push(z(r.value).add(P, "day"));
       return k;
     }), u = Y(() => t.value.length > 0 && t.value.length < l.rooms.length), y = (k) => {
-      z(k).isBefore(o.value) || (n.value = k, r("dateChanged", n.value));
+      z(k).isBefore(o.value) || (r.value = k, n("dateChanged", r.value));
     }, h = (k) => {
       let P = l.category.selectionPrices.find((I) => z(I.date).isSame(k.date));
       return P ? P.price : k.price;
     }, w = (k) => {
       t.value = k.target.checked ? l.rooms.map((P) => P.id) : [];
-    }, L = () => r("changeCategoryBulkPrices"), N = (k) => r("changeCategorySelectionPrice", k), S = (k) => r("changeCategoryUpgradePrice", k), M = (k) => r("tableAction", k), F = (k, P, I) => r("changeRoomPrice", { price: k, roomId: P, roomName: I });
+    }, L = () => n("changeCategoryBulkPrices"), N = (k) => n("changeCategorySelectionPrice", k), S = (k) => n("changeCategoryUpgradePrice", k), M = (k) => n("tableAction", k), F = (k, P, I) => n("changeRoomPrice", { price: k, roomId: P, roomName: I });
     return (k, P) => {
       var I, se;
       return k.loading ? (s(), x(tt, { key: 1 })) : (s(), a("div", hl, [
@@ -2330,7 +2331,7 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
                   e("tr", null, [
                     e("th", $l, [
                       m(Jo, {
-                        selectedDate: n.value,
+                        selectedDate: r.value,
                         onDateSelected: P[0] || (P[0] = (O) => y(O))
                       }, null, 8, ["selectedDate"])
                     ]),
@@ -2461,7 +2462,7 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
                       key: Q
                     }, [
                       m(oe, {
-                        onClick: (Yd) => F(q, O.id, O.name),
+                        onClick: (Id) => F(q, O.id, O.name),
                         class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 cursor-pointer",
                         price: q,
                         currency: k.currency.symbol,
@@ -2502,10 +2503,10 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection", "maximizeChart"],
   setup(p, { emit: d }) {
-    const l = d, r = A((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":"))), o = p;
-    let n = ce(o.dates || { from: "", to: r });
+    const l = d, n = A((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":"))), o = p;
+    let r = ce(o.dates || { from: "", to: n });
     R(() => o.dates, (S) => {
-      S && (n = S);
+      S && (r = S);
     });
     let i = {
       chart: {
@@ -2564,7 +2565,7 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
       ]
     }), o.type === "area" && (i.tooltip = { intersect: !0, shared: !1 });
     const u = () => (i.chart.stacked = o.stacked, { ...i, ...o.options, plotOptions: { bar: { horizontal: o.horizontal } } }), y = () => {
-      n.from !== "" && n.to !== "" && z(n.from).isBefore(z(n.to)) && l("selectedRange", { range: n, chartId: o.id });
+      r.from !== "" && r.to !== "" && z(r.from).isBefore(z(r.to)) && l("selectedRange", { range: r, chartId: o.id });
     }, h = Y(() => o.series), w = Y(() => u()), L = () => l("chartUpdated"), N = (S, M, F) => {
       l("dataPointSelection", { id: o.id, chartContext: M, config: F, event: S });
     };
@@ -2625,27 +2626,27 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
             e("div", Xl, [
               C(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": M[0] || (M[0] = (F) => c(n).from = F),
-                max: r.value.toString(),
+                "onUpdate:modelValue": M[0] || (M[0] = (F) => c(r).from = F),
+                max: n.value.toString(),
                 onChange: y,
                 name: "from",
                 id: "from",
                 class: "text-xs relative block w-full rounded rounded-r-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
               }, null, 40, er), [
-                [X, c(n).from]
+                [X, c(r).from]
               ])
             ]),
             e("div", tr, [
               C(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": M[1] || (M[1] = (F) => c(n).to = F),
-                max: r.value.toString(),
+                "onUpdate:modelValue": M[1] || (M[1] = (F) => c(r).to = F),
+                max: n.value.toString(),
                 onChange: y,
                 name: "to",
                 id: "to",
                 class: "text-xs relative block w-full -mr-2 rounded rounded-l-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
               }, null, 40, sr), [
-                [X, c(n).to]
+                [X, c(r).to]
               ])
             ]),
             m(j, {
@@ -2723,7 +2724,7 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
 }), rr = {
   name: "uiFooter"
 }, nr = { class: "bg-white" };
-function ar(p, d, l, r, o, n) {
+function ar(p, d, l, n, o, r) {
   return s(), a("footer", nr, d[0] || (d[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" }, [
@@ -2784,13 +2785,13 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   },
   emits: ["changePage"],
   setup(p, { emit: d }) {
-    const l = d, r = p, o = A(3), n = Y(
-      () => Math.max(1, Number(r.current) - Number(o.value))
+    const l = d, n = p, o = A(3), r = Y(
+      () => Math.max(1, Number(n.current) - Number(o.value))
     ), t = Y(
-      () => Math.min(Number(r.current) + Number(o.value), Number(r.total))
+      () => Math.min(Number(n.current) + Number(o.value), Number(n.total))
     ), i = Y(() => {
       let u = [];
-      for (let y = Number(n.value); y <= Number(t.value); y++)
+      for (let y = Number(r.value); y <= Number(t.value); y++)
         u.push(y);
       return u;
     });
@@ -2889,12 +2890,12 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   },
   emits: ["sideBarClick"],
   setup(p, { emit: d }) {
-    const l = p, r = d, o = Y(() => l.navigation ? Array.isArray(l.navigation) ? l.navigation : [l.navigation] : []);
-    return (n, t) => (s(), a("div", _r, [
+    const l = p, n = d, o = Y(() => l.navigation ? Array.isArray(l.navigation) ? l.navigation : [l.navigation] : []);
+    return (r, t) => (s(), a("div", _r, [
       e("div", Cr, [
         e("div", Sr, [
           e("nav", Br, [
-            n.loading ? (s(), a($, { key: 1 }, _(5, (i) => e("div", Nr, t[1] || (t[1] = [
+            r.loading ? (s(), a($, { key: 1 }, _(5, (i) => e("div", Nr, t[1] || (t[1] = [
               e("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1),
               e("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 grow" }, null, -1)
             ]))), 64)) : (s(!0), a($, { key: 0 }, _(o.value, (i) => (s(), a($, {
@@ -2912,7 +2913,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                     default: v(() => [
                       i.icon ? (s(), x(j, {
                         key: 0,
-                        loading: n.loading,
+                        loading: r.loading,
                         icon: i.icon,
                         class: f([
                           i.current ? "text-white" : "text-gray-400 group-hover:text-gray-500",
@@ -2920,7 +2921,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                         ]),
                         "aria-hidden": "true"
                       }, null, 8, ["loading", "icon", "class"])) : b("", !0),
-                      n.loading ? (s(), a("div", zr, t[0] || (t[0] = [
+                      r.loading ? (s(), a("div", zr, t[0] || (t[0] = [
                         e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)
                       ]))) : (s(), a("span", Tr, g(i.name), 1)),
                       m(c(ee), {
@@ -2932,12 +2933,12 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                   m(c(Se), { class: "space-y-1" }, {
                     default: v(() => [
                       (s(!0), a($, null, _(i.children, (y) => (s(), x(c(Z), {
-                        onClick: (h) => r("sideBarClick", y.id),
+                        onClick: (h) => n("sideBarClick", y.id),
                         key: y.name,
                         class: f([y.current ? "bg-gray-200" : "hover:text-gray-900 hover:bg-gray-100", "group text-gray-600 w-full flex items-center text-left pl-11 pr-2 py-2 text-sm font-medium rounded-md"])
                       }, {
                         default: v(() => [
-                          n.loading ? (s(), a("div", Ar)) : (s(), a("span", Lr, g(y.name), 1))
+                          r.loading ? (s(), a("div", Ar)) : (s(), a("span", Lr, g(y.name), 1))
                         ]),
                         _: 2
                       }, 1032, ["onClick", "class"]))), 128))
@@ -2948,7 +2949,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                 _: 2
               }, 1024)) : (s(), a("div", Mr, [
                 e("button", {
-                  onClick: (u) => r("sideBarClick", i.id),
+                  onClick: (u) => n("sideBarClick", i.id),
                   class: f([
                     i.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"
@@ -2956,7 +2957,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                 }, [
                   i.icon ? (s(), x(j, {
                     key: 0,
-                    loading: n.loading,
+                    loading: r.loading,
                     icon: i.icon,
                     class: f([
                       i.current ? "text-white" : "text-gray-400 group-hover:text-gray-500",
@@ -2964,7 +2965,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                     ]),
                     "aria-hidden": "true"
                   }, null, 8, ["loading", "icon", "class"])) : b("", !0),
-                  n.loading ? b("", !0) : (s(), a("span", jr, g(i.name), 1))
+                  r.loading ? b("", !0) : (s(), a("span", jr, g(i.name), 1))
                 ], 10, Dr)
               ]))
             ], 64))), 128))
@@ -2976,21 +2977,21 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
 }), Ir = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6" }, Yr = { class: "bg-indigo-600 w-16 mr-6" }, Pr = ["onClick"], Fr = {
   key: 0,
   class: "flex flex-col grow gap-y-5 overflow-y-auto pr-6"
-}, qr = { class: "flex h-16 shrink-0 items-center" }, Vr = ["src"], Rr = { class: "flex flex-1 flex-col" }, Ur = {
+}, qr = ["src"], Vr = { class: "flex flex-1 flex-col" }, Rr = {
   key: 0,
   role: "list",
   class: "flex flex-1 flex-col gap-y-7 mb-4"
-}, Hr = {
+}, Ur = {
   role: "list",
   class: "ml-2 space-y-1"
-}, Er = ["onClick"], Zr = {
+}, Hr = ["onClick"], Er = {
   key: 1,
   role: "list",
   class: "flex flex-1 flex-col gap-y-7 mb-4"
-}, Jr = { class: "ml-2 space-y-1" }, Wr = { class: "font-bold mb-4" }, Gr = {
+}, Zr = { class: "ml-2 space-y-1" }, Jr = { class: "font-bold mb-4" }, Wr = {
   key: 1,
   class: "flex flex-col grow gap-y-5 overflow-y-auto pr-6"
-}, Kr = { class: "h-12 flex flex-row items-center" }, ye = /* @__PURE__ */ B({
+}, Gr = { class: "h-12 flex flex-row items-center" }, ye = /* @__PURE__ */ B({
   __name: "uiSidebarV2",
   props: {
     navigation: {},
@@ -3002,8 +3003,8 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   },
   emits: ["productBarClick", "sideBarClick"],
   setup(p, { emit: d }) {
-    const l = p, r = Y(() => l.navigation ? Array.isArray(l.navigation) ? l.navigation : [l.navigation] : []);
-    return (o, n) => (s(), a("div", Ir, [
+    const l = p, n = Y(() => l.navigation ? Array.isArray(l.navigation) ? l.navigation : [l.navigation] : []);
+    return (o, r) => (s(), a("div", Ir, [
       e("div", Yr, [
         e("ul", null, [
           (s(!0), a($, null, _(o.productsSidebar, (t, i) => (s(), a("li", {
@@ -3020,24 +3021,27 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
           ], 10, Pr))), 128))
         ])
       ]),
-      o.loading ? (s(), a("div", Gr, [
-        (s(), a($, null, _(5, (t) => e("div", Kr, n[0] || (n[0] = [
+      o.loading ? (s(), a("div", Wr, [
+        (s(), a($, null, _(5, (t) => e("div", Gr, 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 w-1/2 dark:bg-gray-300" }, null, -1)
         ]))), 64))
       ])) : (s(), a("div", Fr, [
-        e("div", qr, [
+        e("div", {
+          class: "flex h-16 shrink-0 items-center",
+          onClick: r[0] || (r[0] = (t) => o.$emit("sideBarClick", "logo"))
+        }, [
           e("img", {
-            class: "h-8 w-auto self-center",
+            class: "h-8 w-auto self-center cursor-pointer",
             src: o.logo,
             alt: "Your Company"
-          }, null, 8, Vr)
+          }, null, 8, qr)
         ]),
-        e("nav", Rr, [
-          o.isFilterNavigation ? b("", !0) : (s(), a("ul", Ur, [
+        e("nav", Vr, [
+          o.isFilterNavigation ? b("", !0) : (s(), a("ul", Rr, [
             e("li", null, [
-              e("ul", Hr, [
-                (s(!0), a($, null, _(r.value, (t) => (s(), a("li", {
+              e("ul", Ur, [
+                (s(!0), a($, null, _(n.value, (t) => (s(), a("li", {
                   key: t.name
                 }, [
                   t.children ? (s(), x(c(Ce), {
@@ -3109,13 +3113,13 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                       class: "shrink-0"
                     }, null, 8, ["icon"]),
                     T(" " + g(t.name), 1)
-                  ], 10, Er))
+                  ], 10, Hr))
                 ]))), 128))
               ])
             ])
           ])),
-          o.isFilterNavigation && o.filterNavigation ? (s(), a("ul", Zr, [
-            e("li", Jr, [
+          o.isFilterNavigation && o.filterNavigation ? (s(), a("ul", Er, [
+            e("li", Zr, [
               o.filterNavigation.hasSearch && o.filterNavigation.search ? (s(), x(E, {
                 key: 0,
                 name: o.filterNavigation.search.name,
@@ -3129,7 +3133,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
               class: "ml-2",
               key: i
             }, [
-              e("p", Wr, g(t.label), 1),
+              e("p", Jr, g(t.label), 1),
               (s(!0), a($, null, _(t.filters, (u, y) => (s(), x(Ee, {
                 class: "mb-2",
                 value: u.value,
@@ -3146,10 +3150,10 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       ]))
     ]));
   }
-}), Qr = { key: 0 }, Xr = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, en = { class: "ml-16 flex items-baseline pb-5" }, tn = { class: "text-2xl font-semibold text-gray-900" }, sn = {
+}), Kr = { key: 0 }, Qr = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, Xr = { class: "ml-16 flex items-baseline pb-5" }, en = { class: "text-2xl font-semibold text-gray-900" }, tn = {
   key: 0,
   class: "text-black ml-2 flex items-baseline text-sm font-semibold"
-}, on = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, ln = { class: "text-sm" }, rn = { key: 1 }, nn = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, an = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, st = /* @__PURE__ */ B({
+}, sn = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, on = { class: "text-sm" }, ln = { key: 1 }, rn = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, nn = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, st = /* @__PURE__ */ B({
   __name: "uiStats",
   props: {
     item: {},
@@ -3157,10 +3161,10 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   },
   emits: ["statClick"],
   setup(p, { emit: d }) {
-    return (l, r) => l.loading ? (s(), a("div", rn, [
-      e("div", nn, [
+    return (l, n) => l.loading ? (s(), a("div", ln, [
+      e("div", rn, [
         e("dt", null, [
-          e("div", an, [
+          e("div", nn, [
             m(j, {
               loading: l.loading,
               icon: l.item.icon,
@@ -3168,15 +3172,15 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
               "aria-hidden": "true"
             }, null, 8, ["loading", "icon"])
           ]),
-          r[1] || (r[1] = e("div", { class: "ml-16" }, [
+          n[1] || (n[1] = e("div", { class: "ml-16" }, [
             e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2 mb-4 animate-pulse" })
           ], -1)),
-          r[2] || (r[2] = e("div", { class: "ml-16" }, [
+          n[2] || (n[2] = e("div", { class: "ml-16" }, [
             e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2 animate-pulse" })
           ], -1))
         ])
       ])
-    ])) : (s(), a("div", Qr, [
+    ])) : (s(), a("div", Kr, [
       e("div", {
         class: f(["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 }])
       }, [
@@ -3197,11 +3201,11 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
               loading: l.loading
             }, null, 8, ["icon", "loading"])
           ], 2),
-          e("p", Xr, g(l.item.name), 1)
+          e("p", Qr, g(l.item.name), 1)
         ]),
-        e("dd", en, [
-          e("p", tn, g(l.item.stat), 1),
-          l.item.explanation ? (s(), a("p", sn, g(l.item.explanation), 1)) : b("", !0),
+        e("dd", Xr, [
+          e("p", en, g(l.item.stat), 1),
+          l.item.explanation ? (s(), a("p", tn, g(l.item.explanation), 1)) : b("", !0),
           l.item.changeType ? (s(), a("p", {
             key: 1,
             class: f([
@@ -3225,10 +3229,10 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             })) : b("", !0),
             T(" " + g(l.item.change), 1)
           ], 2)) : b("", !0),
-          C(e("div", on, [
-            e("div", ln, [
+          C(e("div", sn, [
+            e("div", on, [
               e("span", {
-                onClick: r[0] || (r[0] = (o) => l.$emit("statClick", l.item.id)),
+                onClick: n[0] || (n[0] = (o) => l.$emit("statClick", l.item.id)),
                 class: "font-medium text-indigo-600 hover:text-indigo-500 cursor-pointer"
               }, g(l.item.actionText), 1)
             ])
@@ -3239,19 +3243,19 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       ], 2)
     ]));
   }
-}), dn = {
+}), an = {
   key: 0,
   class: "overflow-hidden bg-white shadow sm:rounded-lg"
-}, un = { class: "px-4 py-5 sm:px-6" }, cn = { class: "text-lg font-medium leading-6 text-gray-900" }, gn = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, mn = { class: "border-t border-gray-200" }, pn = { class: "text-sm font-medium text-gray-500" }, fn = {
+}, dn = { class: "px-4 py-5 sm:px-6" }, un = { class: "text-lg font-medium leading-6 text-gray-900" }, cn = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, gn = { class: "border-t border-gray-200" }, mn = { class: "text-sm font-medium text-gray-500" }, pn = {
   key: 0,
   class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal"
-}, yn = ["onClick"], hn = {
+}, fn = ["onClick"], yn = {
   key: 2,
   class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words"
-}, vn = {
+}, hn = {
   key: 1,
   class: "overflow-hidden bg-white shadow sm:rounded-lg"
-}, bn = { class: "border-t border-gray-200" }, wn = /* @__PURE__ */ B({
+}, vn = { class: "border-t border-gray-200" }, bn = /* @__PURE__ */ B({
   __name: "uiStripedCard",
   props: {
     title: {},
@@ -3261,13 +3265,13 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   },
   emits: ["itemClicked"],
   setup(p) {
-    return (d, l) => d.loading ? (s(), a("div", vn, [
+    return (d, l) => d.loading ? (s(), a("div", hn, [
       l[1] || (l[1] = K('<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", bn, [
+      e("div", vn, [
         e("dl", null, [
-          (s(), a($, null, _(5, (r) => e("div", {
-            key: r,
-            class: f(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [r % 2 === 0 ? "bg-gray-50" : "bg-white"]])
+          (s(), a($, null, _(5, (n) => e("div", {
+            key: n,
+            class: f(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [n % 2 === 0 ? "bg-gray-50" : "bg-white"]])
           }, l[0] || (l[0] = [
             e("dt", { class: "text-sm font-medium text-gray-500" }, [
               e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" })
@@ -3278,41 +3282,41 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
           ]), 2)), 64))
         ])
       ])
-    ])) : (s(), a("div", dn, [
-      e("div", un, [
-        e("h3", cn, g(d.title), 1),
-        e("p", gn, g(d.subtitle), 1)
+    ])) : (s(), a("div", an, [
+      e("div", dn, [
+        e("h3", un, g(d.title), 1),
+        e("p", cn, g(d.subtitle), 1)
       ]),
-      e("div", mn, [
+      e("div", gn, [
         e("dl", null, [
-          (s(!0), a($, null, _(d.items, (r, o) => (s(), a("div", {
+          (s(!0), a($, null, _(d.items, (n, o) => (s(), a("div", {
             key: o,
             class: f(["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", pn, g(r.title), 1),
-            r.type === "tags" ? (s(), a("dd", fn, [
-              (s(!0), a($, null, _(r.tags, (n, t) => (s(), x(U, {
+            e("dt", mn, g(n.title), 1),
+            n.type === "tags" ? (s(), a("dd", pn, [
+              (s(!0), a($, null, _(n.tags, (r, t) => (s(), x(U, {
                 loading: d.loading,
                 key: t,
-                color: n.color,
+                color: r.color,
                 class: "mr-2 mb-2"
               }, {
                 default: v(() => [
-                  T(g(n.text), 1)
+                  T(g(r.text), 1)
                 ]),
                 _: 2
               }, 1032, ["loading", "color"]))), 128))
-            ])) : r.type === "link" ? (s(), a("dd", {
+            ])) : n.type === "link" ? (s(), a("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: (n) => d.$emit("itemClicked", r.emits)
-            }, g(r.text), 9, yn)) : (s(), a("dd", hn, g(r.text), 1))
+              onClick: (r) => d.$emit("itemClicked", n.emits)
+            }, g(n.text), 9, fn)) : (s(), a("dd", yn, g(n.text), 1))
           ], 2))), 128))
         ])
       ])
     ]));
   }
-}), xn = { class: "absolute top-10 bg-indigo-600 text-white text-xs p-2 rounded z-10 font-light w-60 flex flex-row items-start" }, kn = { class: "ml-2" }, $n = {
+}), wn = { class: "absolute top-10 bg-indigo-600 text-white text-xs p-2 rounded z-10 font-light w-60 flex flex-row items-start" }, xn = { class: "ml-2" }, kn = {
   __name: "tooltip",
   props: {
     tip: {
@@ -3321,7 +3325,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     }
   },
   setup(p) {
-    return (d, l) => (s(), a("div", xn, [
+    return (d, l) => (s(), a("div", wn, [
       l[0] || (l[0] = e("svg", {
         class: "absolute -top-3 left-0",
         xmlns: "http://www.w3.org/2000/svg",
@@ -3345,19 +3349,19 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
           size: "big"
         }, null, 8, ["icon"])
       ]),
-      e("span", kn, g(p.tip), 1)
+      e("span", xn, g(p.tip), 1)
     ]));
   }
-}, _n = { key: 0 }, Cn = { class: "flex flex-col" }, Sn = { class: "-my-2 overflow-x-auto" }, Bn = { class: "inline-block min-w-full py-2 align-middle px-1" }, Mn = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Dn = {
+}, $n = { key: 0 }, _n = { class: "flex flex-col" }, Cn = { class: "-my-2 overflow-x-auto" }, Sn = { class: "inline-block min-w-full py-2 align-middle px-1" }, Bn = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Mn = {
   key: 0,
   class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-16 bg-white shadow rounded px-4 py-1 z-10"
-}, jn = ["onClick"], Tn = { class: "min-w-full table-fixed divide-y divide-gray-300" }, zn = { class: "bg-gray-50" }, Ln = ["checked", "indeterminate"], An = ["onMouseover", "onMouseleave"], Nn = ["onClick"], On = {
+}, Dn = ["onClick"], jn = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Tn = { class: "bg-gray-50" }, zn = ["checked", "indeterminate"], Ln = ["onMouseover", "onMouseleave"], An = ["onClick"], Nn = {
   key: 2,
   class: "group flex items-center uppercase text-xs"
-}, In = { class: "divide-y divide-gray-200 bg-white" }, Yn = {
+}, On = { class: "divide-y divide-gray-200 bg-white" }, In = {
   key: 0,
   class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600"
-}, Pn = ["value"], Fn = ["onClick"], qn = ["href"], Vn = { key: 3 }, Rn = /* @__PURE__ */ B({
+}, Yn = ["value"], Pn = ["onClick"], Fn = ["href"], qn = { key: 3 }, Vn = /* @__PURE__ */ B({
   __name: "uiTable",
   props: {
     resetSelected: { type: Boolean, default: !1 },
@@ -3370,35 +3374,35 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   },
   emits: ["tableAction", "orderBy", "customEmit", "selectedItemsDeleted"],
   setup(p, { emit: d }) {
-    let l = A([]), r = A(""), o = A(!1);
-    const n = d, t = p, i = Y(
+    let l = A([]), n = A(""), o = A(!1);
+    const r = d, t = p, i = Y(
       () => l.value.length > 0 && l.value.length < t.items.length
     ), u = (w, L) => {
-      r.value !== w && L && (r.value = w), L || (r.value = void 0);
+      n.value !== w && L && (n.value = w), L || (n.value = void 0);
     }, y = (w) => {
       l.value = w.target.checked ? t.items.map((L) => L.id) : [];
     }, h = (w) => {
-      n("customEmit", w);
+      r("customEmit", w);
     };
     return R(() => t.resetSelected, (w) => {
-      o.value = w, w && o.value && (l.value = [], o.value = !w, n("selectedItemsDeleted"));
+      o.value = w, w && o.value && (l.value = [], o.value = !w, r("selectedItemsDeleted"));
     }), (w, L) => {
       var N, S;
-      return w.loading ? (s(), x(tt, { key: 1 })) : (s(), a("div", _n, [
-        e("div", Cn, [
-          e("div", Sn, [
-            e("div", Bn, [
-              e("div", Mn, [
-                ((N = c(l)) == null ? void 0 : N.length) > 0 && ((S = w.actions) == null ? void 0 : S.length) > 0 ? (s(), a("div", Dn, [
+      return w.loading ? (s(), x(tt, { key: 1 })) : (s(), a("div", $n, [
+        e("div", _n, [
+          e("div", Cn, [
+            e("div", Sn, [
+              e("div", Bn, [
+                ((N = c(l)) == null ? void 0 : N.length) > 0 && ((S = w.actions) == null ? void 0 : S.length) > 0 ? (s(), a("div", Mn, [
                   (s(!0), a($, null, _(w.actions, (M, F) => (s(), a("button", {
                     onClick: (k) => w.$emit("tableAction", { action: M.id, items: c(l) }),
                     key: F,
                     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"
-                  }, g(M.name), 9, jn))), 128))
+                  }, g(M.name), 9, Dn))), 128))
                 ])) : b("", !0),
-                e("table", Tn, [
-                  e("thead", zn, [
+                e("table", jn, [
+                  e("thead", Tn, [
                     e("tr", null, [
                       e("th", {
                         scope: "col",
@@ -3411,7 +3415,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                           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: y
-                        }, null, 40, Ln)) : b("", !0)
+                        }, null, 40, zn)) : b("", !0)
                       ], 2),
                       (s(!0), a($, null, _(w.header, (M, F) => (s(), a("th", {
                         key: F,
@@ -3420,16 +3424,16 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                         onMouseover: (k) => u(M.name, !0),
                         onMouseleave: (k) => u(M.name, !1)
                       }, [
-                        M.tooltip ? C((s(), x($n, {
+                        M.tooltip ? C((s(), x(kn, {
                           key: 0,
                           tip: M.tooltip
                         }, null, 8, ["tip"])), [
-                          [D, c(r) === M.name]
+                          [D, c(n) === M.name]
                         ]) : b("", !0),
                         M.value ? (s(), a("button", {
                           key: 1,
                           class: "group flex items-center uppercase text-xs relative text-nowrap",
-                          onClick: (k) => n("orderBy", { value: M.value, orderDirection: w.orderDirection === "asc" ? "desc" : "asc" })
+                          onClick: (k) => r("orderBy", { value: M.value, orderDirection: w.orderDirection === "asc" ? "desc" : "asc" })
                         }, [
                           e("span", null, g(M.name), 1),
                           e("span", {
@@ -3443,13 +3447,13 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                               color: M.value === w.orderedBy ? "white" : "primary"
                             }, null, 8, ["icon", "loading", "color"])
                           ], 2)
-                        ], 8, Nn)) : (s(), a("p", On, [
+                        ], 8, An)) : (s(), a("p", Nn, [
                           e("span", null, g(M.name), 1)
                         ]))
-                      ], 40, An))), 128))
+                      ], 40, Ln))), 128))
                     ])
                   ]),
-                  e("tbody", In, [
+                  e("tbody", On, [
                     (s(!0), a($, null, _(w.items, (M, F) => {
                       var k, P;
                       return s(), a("tr", {
@@ -3462,14 +3466,14 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                         e("td", {
                           class: f([((k = w.actions) == null ? void 0 : k.length) > 0 ? "w-2" : "w-0", "relative"])
                         }, [
-                          c(l).includes(M.id) ? (s(), a("div", Yn)) : b("", !0),
+                          c(l).includes(M.id) ? (s(), a("div", In)) : b("", !0),
                           ((P = w.actions) == null ? void 0 : P.length) > 0 ? C((s(), a("input", {
                             key: 1,
                             "onUpdate:modelValue": L[0] || (L[0] = (I) => he(l) ? l.value = I : l = I),
                             value: M.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, Pn)), [
+                          }, null, 8, Yn)), [
                             [Ye, c(l)]
                           ]) : b("", !0)
                         ], 2),
@@ -3493,11 +3497,11 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                             key: 1,
                             class: "text-indigo-600 hover:text-indigo-400 cursor-pointer",
                             onClick: (O) => h(I)
-                          }, g(I.content), 9, Fn)) : typeof I == "object" && I.type === "href" ? (s(), a("a", {
+                          }, g(I.content), 9, Pn)) : typeof I == "object" && I.type === "href" ? (s(), a("a", {
                             key: 2,
                             class: "text-indigo-600 hover:text-indigo-400 cursor-pointer",
                             href: I.href
-                          }, g(I.content), 9, qn)) : (s(), a("span", Vn, g(I), 1))
+                          }, g(I.content), 9, Fn)) : (s(), a("span", qn, g(I), 1))
                         ], 2))), 128))
                       ], 2);
                     }), 128))
@@ -3510,24 +3514,24 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       ]));
     };
   }
-}), Un = { class: "lg:hidden" }, Hn = ["value"], En = { class: "hidden lg:block" }, Zn = { class: "border-b border-gray-200" }, Jn = {
+}), Rn = { class: "lg:hidden" }, Un = ["value"], Hn = { class: "hidden lg:block" }, En = { class: "border-b border-gray-200" }, Zn = {
   class: "-mb-px flex space-x-8",
   "aria-label": "Tabs"
-}, Wn = ["onClick", "aria-current"], Gn = /* @__PURE__ */ B({
+}, Jn = ["onClick", "aria-current"], Wn = /* @__PURE__ */ B({
   __name: "uiTabs",
   props: {
     tabs: {}
   },
   emits: ["tabClicked"],
   setup(p, { emit: d }) {
-    const l = d, r = (o) => {
-      const n = o.target;
-      n.value && l("tabClicked", n.value);
+    const l = d, n = (o) => {
+      const r = o.target;
+      r.value && l("tabClicked", r.value);
     };
-    return (o, n) => (s(), a("div", null, [
-      e("div", Un, [
+    return (o, r) => (s(), a("div", null, [
+      e("div", Rn, [
         e("select", {
-          onChange: n[0] || (n[0] = (t) => r(t)),
+          onChange: r[0] || (r[0] = (t) => n(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"
@@ -3535,12 +3539,12 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
           (s(!0), a($, null, _(o.tabs, (t) => (s(), a("option", {
             value: t.id,
             key: t.name
-          }, g(t.name), 9, Hn))), 128))
+          }, g(t.name), 9, Un))), 128))
         ], 32)
       ]),
-      e("div", En, [
-        e("div", Zn, [
-          e("nav", Jn, [
+      e("div", Hn, [
+        e("div", En, [
+          e("nav", Zn, [
             (s(!0), a($, null, _(o.tabs, (t) => (s(), a("a", {
               key: t.name,
               onClick: (i) => l("tabClicked", t.id),
@@ -3558,36 +3562,36 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                   "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block"
                 ])
               }, g(t.count), 3)) : b("", !0)
-            ], 10, Wn))), 128))
+            ], 10, Jn))), 128))
           ])
         ])
       ])
     ]));
   }
-}), Kn = { class: "px-4 py-5 sm:px-6" }, Qn = { class: "text-xl font-bold" }, Xn = {
+}), Gn = { class: "px-4 py-5 sm:px-6" }, Kn = { class: "text-xl font-bold" }, Qn = {
   key: 0,
   class: "px-4 py-5 sm:p-6"
-}, ea = { class: "flow-root" }, ta = { class: "relative pb-8" }, sa = {
+}, Xn = { class: "flow-root" }, ea = { class: "relative pb-8" }, ta = {
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, oa = { class: "relative flex space-x-3" }, la = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, ra = { class: "text-sm text-gray-500" }, na = ["onClick"], aa = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, ia = ["datetime"], da = {
+}, sa = { class: "relative flex space-x-3" }, oa = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, la = { class: "text-sm text-gray-500" }, ra = ["onClick"], na = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, aa = ["datetime"], ia = {
   key: 1,
   class: "bg-gray-50 px-4 py-4 sm:px-6 z-10"
-}, ua = { class: "text-sm" }, ca = {
+}, da = { class: "text-sm" }, ua = {
   key: 2,
   class: "h-full w-full flex items-center justify-center flex-col mb-5"
-}, ga = {
+}, ca = {
   key: 1,
   class: "bg-white overflow-hidden shadow rounded-lg"
-}, ma = { class: "px-4 py-5 sm:p-6 animate-pulse" }, pa = { class: "flow-root" }, fa = {
+}, ga = { class: "px-4 py-5 sm:p-6 animate-pulse" }, ma = { class: "flow-root" }, pa = {
   class: "-mb-8",
   role: "list"
-}, ya = { class: "relative pb-8" }, ha = {
+}, fa = { class: "relative pb-8" }, ya = {
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, va = /* @__PURE__ */ B({
+}, ha = /* @__PURE__ */ B({
   __name: "uiTimeline",
   props: {
     name: {},
@@ -3598,26 +3602,26 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   },
   emits: ["timelineEventClicked", "timelineFooterClicked"],
   setup(p, { emit: d }) {
-    const r = ce(p.timeline);
-    return (o, n) => o.loading ? (s(), a("div", ga, [
-      n[3] || (n[3] = e("div", { class: "px-4 py-5 sm:px-6 animate-pulse" }, [
+    const n = ce(p.timeline);
+    return (o, r) => o.loading ? (s(), a("div", ca, [
+      r[3] || (r[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" })
         ])
       ], -1)),
-      e("div", ma, [
-        e("div", pa, [
-          e("ul", fa, [
+      e("div", ga, [
+        e("div", ma, [
+          e("ul", pa, [
             (s(), a($, null, _(10, (t, i) => e("li", { key: i }, [
-              e("div", ya, [
-                t !== 10 ? (s(), a("span", ha)) : b("", !0),
-                n[2] || (n[2] = K('<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))
+              e("div", fa, [
+                t !== 10 ? (s(), a("span", ya)) : b("", !0),
+                r[2] || (r[2] = K('<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))
           ])
         ])
       ]),
-      n[4] || (n[4] = e("div", { class: "bg-gray-50 px-4 py-4 sm:px-6 z-10 animate-pulse" }, [
+      r[4] || (r[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" })
         ])
@@ -3626,21 +3630,21 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       key: 0,
       class: f(["h-[" + o.height + "px]", "bg-white overflow-hidden shadow rounded-lg"])
     }, [
-      e("div", Kn, [
-        e("h1", Qn, g(o.name), 1)
+      e("div", Gn, [
+        e("h1", Kn, g(o.name), 1)
       ]),
-      r.items ? (s(), a("div", Xn, [
-        e("div", ea, [
+      n.items ? (s(), a("div", Qn, [
+        e("div", Xn, [
           m(rt, {
             name: "list",
             tag: "ul",
             class: "-mb-8"
           }, {
             default: v(() => [
-              (s(!0), a($, null, _(r.items, (t, i) => (s(), a("li", { key: i }, [
-                e("div", ta, [
-                  i < r.items.length - 1 ? (s(), a("span", sa)) : b("", !0),
-                  e("div", oa, [
+              (s(!0), a($, null, _(n.items, (t, i) => (s(), a("li", { key: i }, [
+                e("div", ea, [
+                  i < n.items.length - 1 ? (s(), a("span", ta)) : b("", !0),
+                  e("div", sa, [
                     e("div", null, [
                       e("span", {
                         class: f([(t == null ? void 0 : t.iconBackground) || "bg-indigo-600", "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"])
@@ -3654,20 +3658,20 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                         }, null, 8, ["loading", "icon"])
                       ], 2)
                     ]),
-                    e("div", la, [
+                    e("div", oa, [
                       e("div", null, [
-                        e("p", ra, [
+                        e("p", la, [
                           e("a", {
                             onClick: (u) => o.$emit("timelineEventClicked", t.linkId),
                             class: "font-medium text-indigo-600 hover:text-indigo-800 cursor-pointer"
-                          }, g(t == null ? void 0 : t.target), 9, na),
+                          }, g(t == null ? void 0 : t.target), 9, ra),
                           T(" " + g(t == null ? void 0 : t.content), 1)
                         ])
                       ]),
-                      e("div", aa, [
+                      e("div", na, [
                         e("time", {
                           datetime: t == null ? void 0 : t.datetime
-                        }, g(t == null ? void 0 : t.date), 9, ia)
+                        }, g(t == null ? void 0 : t.date), 9, aa)
                       ])
                     ])
                   ])
@@ -3678,28 +3682,28 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
           })
         ])
       ])) : b("", !0),
-      r.items ? (s(), a("div", da, [
-        e("div", ua, [
+      n.items ? (s(), a("div", ia, [
+        e("div", da, [
           e("a", {
             class: "cursor-pointer font-medium text-indigo-600 hover:text-indigo-500",
-            onClick: n[0] || (n[0] = (t) => o.$emit("timelineFooterClicked", o.timeline.id))
+            onClick: r[0] || (r[0] = (t) => o.$emit("timelineFooterClicked", o.timeline.id))
           }, g(o.timeline.footerText), 1)
         ])
-      ])) : (s(), a("div", ca, [
+      ])) : (s(), a("div", ua, [
         m(j, {
           icon: c(H),
           color: "gray",
           loading: !1,
           size: "huge"
         }, null, 8, ["icon"]),
-        n[1] || (n[1] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
+        r[1] || (r[1] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
       ]))
     ], 2));
   }
-}), ba = { class: "mx-auto px-6 lg:px-8" }, wa = { class: "flex justify-between h-20" }, xa = { class: "flex" }, ka = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, $a = ["src"], _a = { class: "flex items-center" }, Ca = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, Sa = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, Ba = ["src"], Ma = ["onClick"], Da = { class: "pt-2 pb-3 space-y-1" }, ja = ["onClick"], Ta = { class: "pt-4 pb-3 border-t border-gray-200" }, za = { class: "flex items-center px-4 sm:px-6" }, La = { class: "flex-shrink-0" }, Aa = ["src"], Na = {
+}), va = { class: "mx-auto px-6 lg:px-8" }, ba = { class: "flex justify-between h-20" }, wa = { class: "flex" }, xa = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, ka = ["src"], $a = { class: "flex items-center" }, _a = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, Ca = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, Sa = ["src"], Ba = ["onClick"], Ma = { class: "pt-2 pb-3 space-y-1" }, Da = ["onClick"], ja = { class: "pt-4 pb-3 border-t border-gray-200" }, Ta = { class: "flex items-center px-4 sm:px-6" }, za = { class: "flex-shrink-0" }, La = ["src"], Aa = {
   key: 0,
   class: "ml-3"
-}, Oa = { class: "text-base font-medium text-gray-800" }, Ia = { class: "text-sm font-medium text-gray-500" }, Ya = { class: "mt-3 space-y-1" }, Pa = ["onClick"], Fa = /* @__PURE__ */ B({
+}, Na = { class: "text-base font-medium text-gray-800" }, Oa = { class: "text-sm font-medium text-gray-500" }, Ia = { class: "mt-3 space-y-1" }, Ya = ["onClick"], Pa = /* @__PURE__ */ B({
   __name: "uiTopbar",
   props: {
     logo: {},
@@ -3711,19 +3715,19 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   },
   emits: ["topBarClick"],
   setup(p, { emit: d }) {
-    const l = p, r = Y(() => l.navigation ? Array.isArray(l.navigation) ? l.navigation : [l.navigation] : []);
-    return (o, n) => (s(), x(c(Ce), {
+    const l = p, n = Y(() => l.navigation ? Array.isArray(l.navigation) ? l.navigation : [l.navigation] : []);
+    return (o, r) => (s(), x(c(Ce), {
       as: "nav",
       class: "bg-white shadow z-10"
     }, {
       default: v(({ open: t }) => [
-        e("div", ba, [
-          e("div", wa, [
-            e("div", xa, [
-              e("div", ka, [
+        e("div", va, [
+          e("div", ba, [
+            e("div", wa, [
+              e("div", xa, [
                 m(c(Z), { class: "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" }, {
                   default: v(() => [
-                    n[1] || (n[1] = e("span", { class: "sr-only" }, "Open main menu", -1)),
+                    r[1] || (r[1] = e("span", { class: "sr-only" }, "Open main menu", -1)),
                     t ? (s(), x(c(W), {
                       key: 1,
                       class: "block h-6 w-6",
@@ -3734,22 +3738,23 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                       "aria-hidden": "true"
                     }))
                   ]),
-                  _: 2
+                  _: 2,
+                  __: [1]
                 }, 1024)
               ]),
               e("div", {
                 class: "flex-shrink-0 flex items-center cursor-pointer",
-                onClick: n[0] || (n[0] = (i) => o.$emit("topBarClick", "logo"))
+                onClick: r[0] || (r[0] = (i) => o.$emit("topBarClick", "logo"))
               }, [
                 e("img", {
                   class: "h-10",
                   src: o.logo,
                   alt: "Hotelinking suite product logo"
-                }, null, 8, $a)
+                }, null, 8, ka)
               ])
             ]),
-            e("div", _a, [
-              e("div", Ca, [
+            e("div", $a, [
+              e("div", _a, [
                 m(c(ve), {
                   as: "div",
                   class: "ml-3 relative"
@@ -3758,7 +3763,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                     e("div", null, [
                       C(m(c(be), { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
                         default: v(() => [
-                          C(e("div", Sa, n[2] || (n[2] = [
+                          C(e("div", Ca, r[2] || (r[2] = [
                             e("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                           ]), 512), [
                             [D, o.alerted]
@@ -3766,7 +3771,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                           e("img", {
                             class: "h-10 w-10 rounded-full",
                             src: o.accountLogo
-                          }, null, 8, Ba)
+                          }, null, 8, Sa)
                         ]),
                         _: 1
                       }, 512), [
@@ -3794,7 +3799,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                                     u ? "bg-gray-100" : "",
                                     "block px-4 py-2 text-sm text-gray-700"
                                   ]])
-                                }, g(i.name), 11, Ma)
+                                }, g(i.name), 11, Ba)
                               ]),
                               _: 2
                             }, 1024))), 128))
@@ -3813,8 +3818,8 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
         ]),
         m(c(Se), { class: "lg:hidden" }, {
           default: v(() => [
-            e("div", Da, [
-              (s(!0), a($, null, _(r.value, (i) => (s(), x(c(Z), {
+            e("div", Ma, [
+              (s(!0), a($, null, _(n.value, (i) => (s(), x(c(Z), {
                 as: "template",
                 key: i.id,
                 class: f(["block pl-3 pr-4 py-2 border-l-4 text-base font-medium sm:pl-5 sm:pr-6", {
@@ -3825,25 +3830,25 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                 default: v(() => [
                   e("p", {
                     onClick: (u) => o.$emit("topBarClick", i.id)
-                  }, g(i.name), 9, ja)
+                  }, g(i.name), 9, Da)
                 ]),
                 _: 2
               }, 1032, ["class"]))), 128))
             ]),
-            e("div", Ta, [
-              e("div", za, [
-                e("div", La, [
+            e("div", ja, [
+              e("div", Ta, [
+                e("div", za, [
                   e("img", {
                     class: "h-10 w-10 rounded-full",
                     src: o.accountLogo
-                  }, null, 8, Aa)
+                  }, null, 8, La)
                 ]),
-                o.brand ? (s(), a("div", Na, [
-                  e("div", Oa, g(o.brand.title), 1),
-                  e("div", Ia, g(o.brand.subtitle), 1)
+                o.brand ? (s(), a("div", Aa, [
+                  e("div", Na, g(o.brand.title), 1),
+                  e("div", Oa, g(o.brand.subtitle), 1)
                 ])) : b("", !0)
               ]),
-              e("div", Ya, [
+              e("div", Ia, [
                 (s(!0), a($, null, _(o.profileMenu, (i) => (s(), x(c(Z), {
                   as: "template",
                   key: i.name,
@@ -3852,7 +3857,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                   default: v(() => [
                     e("p", {
                       onClick: (u) => o.$emit("topBarClick", i.id)
-                    }, g(i.name), 9, Pa)
+                    }, g(i.name), 9, Ya)
                   ]),
                   _: 2
                 }, 1024))), 128))
@@ -3865,36 +3870,36 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       _: 1
     }));
   }
-}), qa = { class: "chart-selector flex flex-row items-center justify-center" }, Va = /* @__PURE__ */ B({
+}), Fa = { class: "chart-selector flex flex-row items-center justify-center" }, qa = /* @__PURE__ */ B({
   __name: "RangeSelector",
   props: { range: { type: String } },
   emits: ["rangeSelected"],
   setup(p, { emit: d }) {
-    const l = d, r = p;
-    let o = Y(() => r.range);
-    const n = (t) => {
+    const l = d, n = p;
+    let o = Y(() => n.range);
+    const r = (t) => {
       o = t, l("rangeSelected", t);
     };
-    return (t, i) => (s(), a("ul", qa, [
+    return (t, i) => (s(), a("ul", Fa, [
       e("li", {
         class: f({ selected: c(o) === "24h" }),
-        onClick: i[0] || (i[0] = (u) => n("24h"))
+        onClick: i[0] || (i[0] = (u) => r("24h"))
       }, " 24H ", 2),
       e("li", {
         class: f({ selected: c(o) === "7d" }),
-        onClick: i[1] || (i[1] = (u) => n("7d"))
+        onClick: i[1] || (i[1] = (u) => r("7d"))
       }, "7D", 2),
       e("li", {
         class: f({ selected: c(o) === "1m" }),
-        onClick: i[2] || (i[2] = (u) => n("1m"))
+        onClick: i[2] || (i[2] = (u) => r("1m"))
       }, "1M", 2),
       e("li", {
         class: f({ selected: c(o) === "3m" }),
-        onClick: i[3] || (i[3] = (u) => n("3m"))
+        onClick: i[3] || (i[3] = (u) => r("3m"))
       }, "3M", 2)
     ]));
   }
-}), Ra = { class: "chart-header flex flex-row justify-between" }, Ua = { class: "text-sm font-medium text-gray-500 truncate" }, Ha = { class: "chart-content" }, Ea = { class: "h-full w-full flex items-center justify-center flex-col" }, Za = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Ja = /* @__PURE__ */ B({
+}), Va = { class: "chart-header flex flex-row justify-between" }, Ra = { class: "text-sm font-medium text-gray-500 truncate" }, Ua = { class: "chart-content" }, Ha = { class: "h-full w-full flex items-center justify-center flex-col" }, Ea = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Za = /* @__PURE__ */ B({
   __name: "uiFunnelChartV2",
   props: {
     labels: {},
@@ -3916,7 +3921,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection", "maximizeChart"],
   setup(p, { emit: d }) {
-    const l = d, r = p;
+    const l = d, n = p;
     let o = {
       chart: {
         type: "bar",
@@ -3952,27 +3957,27 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
         }
       }
     };
-    const n = Y(() => ({ ...r.options, ...o })), t = Y(() => r.series), i = () => l("chartUpdated"), u = (y, h, w) => {
-      l("dataPointSelection", { id: r.id, chartContext: h, config: w, event: y });
+    const r = Y(() => ({ ...n.options, ...o })), t = Y(() => n.series), i = () => l("chartUpdated"), u = (y, h, w) => {
+      l("dataPointSelection", { id: n.id, chartContext: h, config: w, event: y });
     };
     return (y, h) => (s(), a($, null, [
       C(e("div", {
         class: f(["h-[" + y.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
-        e("div", Ra, [
-          e("div", Ua, g(y.title), 1),
-          m(Va, {
+        e("div", Va, [
+          e("div", Ra, g(y.title), 1),
+          m(qa, {
             range: y.range,
             onRangeSelected: h[0] || (h[0] = (w) => y.$emit("selectedRange", { range: w, chartId: y.id }))
           }, null, 8, ["range"])
         ]),
-        C(e("div", Ha, [
+        C(e("div", Ua, [
           m(c(Be), {
             type: y.type,
             series: t.value,
             width: "100%",
             height: y.height,
-            options: n.value,
+            options: r.value,
             onUpdated: i,
             onMounted: i,
             onDataPointSelection: u
@@ -3980,7 +3985,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
         ], 512), [
           [D, !y.empty]
         ]),
-        C(e("div", Ea, [
+        C(e("div", Ha, [
           m(j, {
             icon: c(H),
             color: "gray",
@@ -3994,7 +3999,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       ], 2), [
         [D, !y.loading]
       ]),
-      C(e("div", Za, h[2] || (h[2] = [
+      C(e("div", Ea, h[2] || (h[2] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -4025,7 +4030,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       ])
     ], 64));
   }
-}), Wa = { class: "w-full flex flex-col justify-center p-10 grow" }, Ga = { class: "text-2xl mt-4 font-bold" }, Ka = { class: "mt-4" }, Qa = { class: "buttons flex mt-8 gap-x-1" }, Xa = /* @__PURE__ */ B({
+}), Ja = { class: "w-full flex flex-col justify-center p-10 grow" }, Wa = { class: "text-2xl mt-4 font-bold" }, Ga = { class: "mt-4" }, Ka = { class: "buttons flex mt-8 gap-x-1" }, Qa = /* @__PURE__ */ B({
   __name: "uiNoResults",
   props: {
     title: {},
@@ -4036,7 +4041,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   },
   emits: ["action", "noResultsOptionSelected"],
   setup(p) {
-    return (d, l) => (s(), a("div", Wa, [
+    return (d, l) => (s(), a("div", Ja, [
       m(j, {
         class: "mx-auto",
         loading: !1,
@@ -4045,16 +4050,16 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
         color: "gray"
       }, null, 8, ["icon"]),
       e("div", null, [
-        e("h2", Ga, g(d.title), 1),
-        e("p", Ka, g(d.message), 1),
-        e("div", Qa, [
-          (s(!0), a($, null, _(d.actions, (r, o) => (s(), x(J, {
+        e("h2", Wa, g(d.title), 1),
+        e("p", Ga, g(d.message), 1),
+        e("div", Ka, [
+          (s(!0), a($, null, _(d.actions, (n, o) => (s(), x(J, {
             key: o,
             loading: !1,
-            onClick: (n) => d.$emit("action", r.action)
+            onClick: (r) => d.$emit("action", n.action)
           }, {
             default: v(() => [
-              T(g(r.text), 1)
+              T(g(n.text), 1)
             ]),
             _: 2
           }, 1032, ["onClick"]))), 128)),
@@ -4062,13 +4067,13 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             key: 0,
             items: d.items,
             loading: !1,
-            onOptionSelected: l[0] || (l[0] = (r) => d.$emit("noResultsOptionSelected", r))
+            onOptionSelected: l[0] || (l[0] = (n) => d.$emit("noResultsOptionSelected", n))
           }, null, 8, ["items"])) : b("", !0)
         ])
       ])
     ]));
   }
-}), ei = { class: "fixed inset-0 overflow-hidden" }, ti = { class: "absolute inset-0 overflow-hidden" }, si = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, oi = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, li = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, ri = { class: "flex items-center justify-between" }, ni = { class: "ml-3 flex h-7 items-center" }, ai = { class: "mt-1" }, ii = { class: "text-sm text-indigo-300" }, di = { class: "relative flex-1 px-4 py-6 sm:px-6" }, ui = /* @__PURE__ */ B({
+}), Xa = { class: "fixed inset-0 overflow-hidden" }, ei = { class: "absolute inset-0 overflow-hidden" }, ti = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, si = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, oi = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, li = { class: "flex items-center justify-between" }, ri = { class: "ml-3 flex h-7 items-center" }, ni = { class: "mt-1" }, ai = { class: "text-sm text-indigo-300" }, ii = { class: "relative flex-1 px-4 py-6 sm:px-6" }, di = /* @__PURE__ */ B({
   __name: "uiRightSidebar",
   props: {
     title: {},
@@ -4077,7 +4082,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   },
   emits: ["closeRightBar"],
   setup(p, { emit: d }) {
-    return (l, r) => (s(), x(c(ke), {
+    return (l, n) => (s(), x(c(ke), {
       as: "template",
       show: l.open
     }, {
@@ -4085,13 +4090,13 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
         m(c($e), {
           as: "div",
           class: "relative z-10",
-          onClose: r[1] || (r[1] = (o) => l.$emit("closeRightBar"))
+          onClose: n[1] || (n[1] = (o) => l.$emit("closeRightBar"))
         }, {
           default: v(() => [
-            r[4] || (r[4] = e("div", { class: "fixed inset-0" }, null, -1)),
-            e("div", ei, [
-              e("div", ti, [
-                e("div", si, [
+            n[4] || (n[4] = e("div", { class: "fixed inset-0" }, null, -1)),
+            e("div", Xa, [
+              e("div", ei, [
+                e("div", ti, [
                   m(c(G), {
                     as: "template",
                     enter: "transform transition ease-in-out duration-500 sm:duration-700",
@@ -4104,23 +4109,23 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                     default: v(() => [
                       m(c(_e), { class: "pointer-events-auto w-screen max-w-md" }, {
                         default: v(() => [
-                          e("div", oi, [
-                            e("div", li, [
-                              e("div", ri, [
+                          e("div", si, [
+                            e("div", oi, [
+                              e("div", li, [
                                 m(c(He), { class: "text-base font-semibold leading-6 text-white" }, {
                                   default: v(() => [
                                     T(g(l.title), 1)
                                   ]),
                                   _: 1
                                 }),
-                                e("div", ni, [
+                                e("div", ri, [
                                   e("button", {
                                     type: "button",
                                     class: "relative rounded-md bg-indigo-700 text-indigo-200 hover:text-white outline-none",
-                                    onClick: r[0] || (r[0] = (o) => l.$emit("closeRightBar"))
+                                    onClick: n[0] || (n[0] = (o) => l.$emit("closeRightBar"))
                                   }, [
-                                    r[2] || (r[2] = e("span", { class: "absolute -inset-2.5" }, null, -1)),
-                                    r[3] || (r[3] = e("span", { class: "sr-only" }, "Close panel", -1)),
+                                    n[2] || (n[2] = e("span", { class: "absolute -inset-2.5" }, null, -1)),
+                                    n[3] || (n[3] = e("span", { class: "sr-only" }, "Close panel", -1)),
                                     m(c(W), {
                                       class: "h-6 w-6 ring-0",
                                       "aria-hidden": "true"
@@ -4128,11 +4133,11 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                                   ])
                                 ])
                               ]),
-                              e("div", ai, [
-                                e("p", ii, g(l.description), 1)
+                              e("div", ni, [
+                                e("p", ai, g(l.description), 1)
                               ])
                             ]),
-                            e("div", di, [
+                            e("div", ii, [
                               V(l.$slots, "default")
                             ])
                           ])
@@ -4146,21 +4151,22 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
               ])
             ])
           ]),
-          _: 3
+          _: 3,
+          __: [4]
         })
       ]),
       _: 3
     }, 8, ["show"]));
   }
-}), ci = { class: "uiGallery" }, gi = {
+}), ui = { class: "uiGallery" }, ci = {
   key: 1,
   role: "list",
   class: "grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-4 lg:grid-cols-6"
-}, mi = { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-100 focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, pi = ["src"], fi = ["onClick"], yi = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, hi = { class: "flex items-center justify-between" }, vi = { class: "pointer-events-none block text-sm font-medium text-gray-500" }, bi = {
+}, gi = { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-100 focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, mi = ["src"], pi = ["onClick"], fi = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, yi = { class: "flex items-center justify-between" }, hi = { class: "pointer-events-none block text-sm font-medium text-gray-500" }, vi = {
   key: 2,
   role: "list",
   class: "grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-4 lg:grid-cols-6"
-}, wi = /* @__PURE__ */ B({
+}, bi = /* @__PURE__ */ B({
   __name: "uiGallery",
   props: {
     galleryId: {},
@@ -4170,79 +4176,79 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   },
   emits: ["modalAction", "deleteImage", "imgClicked"],
   setup(p, { emit: d }) {
-    const l = d, r = A(!1), o = (n) => {
-      r.value = !1, l("modalAction", n);
+    const l = d, n = A(!1), o = (r) => {
+      n.value = !1, l("modalAction", r);
     };
-    return (n, t) => (s(), a("div", ci, [
-      n.loading ? b("", !0) : (s(), x(et, {
+    return (r, t) => (s(), a("div", ui, [
+      r.loading ? b("", !0) : (s(), x(et, {
         key: 0,
-        open: r.value,
+        open: n.value,
         modalName: "deleteAllImagesModal",
-        title: n.literals.modalTitle,
+        title: r.literals.modalTitle,
         type: "warning",
-        actions: [{ value: "close", name: n.literals.closeAction }, { value: `deleteGallery_${n.galleryId}`, name: n.literals.deleteAction }],
+        actions: [{ value: "close", name: r.literals.closeAction }, { value: `deleteGallery_${r.galleryId}`, name: r.literals.deleteAction }],
         onModalAction: t[0] || (t[0] = (i) => o(i))
       }, {
         default: v(() => [
-          e("p", null, g(n.literals.modalText), 1)
+          e("p", null, g(r.literals.modalText), 1)
         ]),
         _: 1
       }, 8, ["open", "title", "actions"])),
-      n.loading ? (s(), a("ul", bi, [
+      r.loading ? (s(), a("ul", vi, [
         (s(), a($, null, _(4, (i) => 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(), a("ul", gi, [
-        (s(!0), a($, null, _(n.gallery, (i) => (s(), a("li", {
+      ])) : (s(), a("ul", ci, [
+        (s(!0), a($, null, _(r.gallery, (i) => (s(), a("li", {
           key: i.source,
           class: "relative"
         }, [
-          e("div", mi, [
+          e("div", gi, [
             e("img", {
               src: i.source,
               alt: "",
               class: "pointer-events-none object-cover group-hover:opacity-75"
-            }, null, 8, pi),
+            }, null, 8, mi),
             e("button", {
               type: "button",
               class: "absolute inset-0 focus:outline-none",
-              onClick: (u) => n.$emit("imgClicked", i)
-            }, null, 8, fi)
+              onClick: (u) => r.$emit("imgClicked", i)
+            }, null, 8, pi)
           ]),
-          e("p", yi, g(i.title), 1),
-          e("div", hi, [
-            e("p", vi, g(i.size), 1),
+          e("p", fi, g(i.title), 1),
+          e("div", yi, [
+            e("p", hi, g(i.size), 1),
             m(j, {
               class: "cursor-pointer",
               icon: c(Yt),
               color: "red",
               loading: !1,
-              onClick: (u) => n.$emit("deleteImage", i)
+              onClick: (u) => r.$emit("deleteImage", i)
             }, null, 8, ["icon", "onClick"])
           ])
         ]))), 128))
       ])),
-      n.gallery.length > 0 && !n.loading ? (s(), x(J, {
+      r.gallery.length > 0 && !r.loading ? (s(), x(J, {
         key: 3,
-        onClick: t[1] || (t[1] = (i) => r.value = !0),
+        onClick: t[1] || (t[1] = (i) => n.value = !0),
         class: "mt-8",
         loading: !1,
         color: "red",
         size: "small"
       }, {
         default: v(() => [
-          T(g(n.literals.deleteAllImages), 1)
+          T(g(r.literals.deleteAllImages), 1)
         ]),
         _: 1
       })) : b("", !0)
     ]));
   }
-}), xi = { class: "cursor-move mb-1 relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white p-4 shadow-sm focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:border-gray-400" }, ki = { class: "flex flex-row items-center w-full" }, $i = { class: "content text-sm grow" }, _i = { class: "font-bold" }, Ci = { key: 0 }, Si = { class: "font-bold text-gray-400" }, Bi = {
+}), wi = { class: "cursor-move mb-1 relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white p-4 shadow-sm focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:border-gray-400" }, xi = { class: "flex flex-row items-center w-full" }, ki = { class: "content text-sm grow" }, $i = { class: "font-bold" }, _i = { key: 0 }, Ci = { class: "font-bold text-gray-400" }, Si = {
   key: 1,
   class: "animate-pulse"
-}, Mi = /* @__PURE__ */ B({
+}, Bi = /* @__PURE__ */ B({
   __name: "uiDragAndDrop",
   props: {
     elements: {},
@@ -4250,27 +4256,27 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   },
   emits: ["dragAndDropUpdated"],
   setup(p, { emit: d }) {
-    const l = d, r = p;
-    let o = A(r.elements);
-    R(() => r.elements, (t) => {
+    const l = d, n = p;
+    let o = A(n.elements);
+    R(() => n.elements, (t) => {
       o.value = t;
     });
-    const n = (t) => {
+    const r = (t) => {
       l("dragAndDropUpdated", t);
     };
-    return (t, i) => t.loading ? (s(), a("div", Bi, i[2] || (i[2] = [
+    return (t, i) => t.loading ? (s(), a("div", Si, i[2] || (i[2] = [
       K('<div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div>', 5)
     ]))) : (s(), x(c(ht), {
       key: 0,
       modelValue: c(o),
       "onUpdate:modelValue": [
         i[0] || (i[0] = (u) => he(o) ? o.value = u : o = u),
-        i[1] || (i[1] = (u) => n(u))
+        i[1] || (i[1] = (u) => r(u))
       ]
     }, {
       item: v(({ item: u }) => [
-        e("div", xi, [
-          e("div", ki, [
+        e("div", wi, [
+          e("div", xi, [
             m(j, {
               icon: c(jt),
               loading: !1,
@@ -4278,18 +4284,18 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
               class: "mr-4",
               size: "big"
             }, null, 8, ["icon"]),
-            e("div", $i, [
-              e("p", _i, g(u.name), 1),
-              u.description ? (s(), a("p", Ci, g(u.description), 1)) : b("", !0)
+            e("div", ki, [
+              e("p", $i, g(u.name), 1),
+              u.description ? (s(), a("p", _i, g(u.description), 1)) : b("", !0)
             ]),
-            e("div", Si, g(c(o).indexOf(u) + 1), 1)
+            e("div", Ci, g(c(o).indexOf(u) + 1), 1)
           ])
         ])
       ]),
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Di = { class: "chart-header flex flex-row justify-between" }, ji = { class: "text-sm font-medium text-gray-500 truncate" }, Ti = { class: "hidden sm:flex items-center" }, zi = { class: "w-1/2 min-w-0 flex-1" }, Li = ["max"], Ai = { class: "min-w-0 flex-1" }, Ni = ["max"], Oi = { class: "chart-content" }, Ii = { class: "h-full w-full flex items-center justify-center flex-col" }, Yi = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Pi = /* @__PURE__ */ B({
+}), Mi = { class: "chart-header flex flex-row justify-between" }, Di = { class: "text-sm font-medium text-gray-500 truncate" }, ji = { class: "hidden sm:flex items-center" }, Ti = { class: "w-1/2 min-w-0 flex-1" }, zi = ["max"], Li = { class: "min-w-0 flex-1" }, Ai = ["max"], Ni = { class: "chart-content" }, Oi = { class: "h-full w-full flex items-center justify-center flex-col" }, Ii = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Yi = /* @__PURE__ */ B({
   __name: "uiCircleChart",
   props: {
     labels: {},
@@ -4311,10 +4317,10 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection", "maximizeChart"],
   setup(p, { emit: d }) {
-    const l = d, r = p, o = A((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
-    let n = ce(r.dates || { from: "", to: o });
-    R(() => r.dates, (N) => {
-      N && (n = N);
+    const l = d, n = p, o = A((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
+    let r = ce(n.dates || { from: "", to: o });
+    R(() => n.dates, (N) => {
+      N && (r = N);
     });
     let t = {
       chart: {
@@ -4348,42 +4354,42 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
         }
       }
     };
-    const i = () => ({ ...t, ...r.options }), u = Y(() => r.series), y = Y(() => i()), h = () => l("chartUpdated"), w = (N, S, M) => {
-      l("dataPointSelection", { id: r.id, chartContext: S, config: M, event: N });
+    const i = () => ({ ...t, ...n.options }), u = Y(() => n.series), y = Y(() => i()), h = () => l("chartUpdated"), w = (N, S, M) => {
+      l("dataPointSelection", { id: n.id, chartContext: S, config: M, event: N });
     }, L = () => {
-      n.from !== "" && n.to !== "" && z(n.from).isBefore(z(n.to)) && l("selectedRange", { range: n, chartId: r.id });
+      r.from !== "" && r.to !== "" && z(r.from).isBefore(z(r.to)) && l("selectedRange", { range: r, chartId: n.id });
     };
     return (N, S) => (s(), a($, null, [
       C(e("div", {
         class: f(["h-[" + N.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
-        e("div", Di, [
-          e("div", ji, g(N.title), 1),
-          e("div", Ti, [
-            e("div", zi, [
+        e("div", Mi, [
+          e("div", Di, g(N.title), 1),
+          e("div", ji, [
+            e("div", Ti, [
               C(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": S[0] || (S[0] = (M) => c(n).from = M),
+                "onUpdate:modelValue": S[0] || (S[0] = (M) => c(r).from = M),
                 max: o.value.toString(),
                 onChange: L,
                 name: "from",
                 id: "from",
                 class: "text-xs relative block w-full rounded rounded-r-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
-              }, null, 40, Li), [
-                [X, c(n).from]
+              }, null, 40, zi), [
+                [X, c(r).from]
               ])
             ]),
-            e("div", Ai, [
+            e("div", Li, [
               C(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": S[1] || (S[1] = (M) => c(n).to = M),
+                "onUpdate:modelValue": S[1] || (S[1] = (M) => c(r).to = M),
                 max: o.value.toString(),
                 onChange: L,
                 name: "to",
                 id: "to",
                 class: "text-xs relative block w-full -mr-2 rounded rounded-l-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
-              }, null, 40, Ni), [
-                [X, c(n).to]
+              }, null, 40, Ai), [
+                [X, c(r).to]
               ])
             ]),
             m(j, {
@@ -4395,7 +4401,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             }, null, 8, ["loading", "icon"])
           ])
         ]),
-        C(e("div", Oi, [
+        C(e("div", Ni, [
           m(c(Be), {
             class: "flex items-center justify-center mt-4",
             type: "donut",
@@ -4409,7 +4415,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
         ], 512), [
           [D, !N.empty]
         ]),
-        C(e("div", Ii, [
+        C(e("div", Oi, [
           m(j, {
             icon: c(H),
             color: "gray",
@@ -4423,7 +4429,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       ], 2), [
         [D, !N.loading]
       ]),
-      C(e("div", Yi, S[4] || (S[4] = [
+      C(e("div", Ii, S[4] || (S[4] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -4454,13 +4460,13 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       ])
     ], 64));
   }
-}), Fi = {
+}), Pi = {
   key: 0,
   class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2"
-}, qi = {
+}, Fi = {
   key: 1,
   class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2"
-}, Vi = /* @__PURE__ */ B({
+}, qi = /* @__PURE__ */ B({
   __name: "uiDateRange",
   props: {
     id: {},
@@ -4475,16 +4481,16 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   },
   emits: ["uiDateRangeButtonClicked"],
   setup(p, { emit: d }) {
-    const l = p, r = A((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
-    let o = ce(l.values || { from: "", to: r });
-    const n = d;
+    const l = p, n = A((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
+    let o = ce(l.values || { from: "", to: n });
+    const r = d;
     R(() => l.values, (i) => {
       i && (o = i);
     });
     const t = () => {
-      n("uiDateRangeButtonClicked", o);
+      r("uiDateRangeButtonClicked", o);
     };
-    return (i, u) => i.loading ? (s(), a("div", qi, [
+    return (i, u) => i.loading ? (s(), a("div", Fi, [
       m(E, {
         name: "dateFrom",
         loading: !0
@@ -4497,9 +4503,10 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
         default: v(() => u[2] || (u[2] = [
           T("Search")
         ])),
-        _: 1
+        _: 1,
+        __: [2]
       })
-    ])) : (s(), a("div", Fi, [
+    ])) : (s(), a("div", Pi, [
       m(E, {
         type: "datetime-local",
         loading: !1,
@@ -4510,7 +4517,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
         error: i.error,
         disabled: i.disabled,
         label: i.label,
-        max: r.value.toString(),
+        max: n.value.toString(),
         onInputChanged: u[0] || (u[0] = (y) => c(o).from = y.value)
       }, null, 8, ["addOn", "name", "color", "value", "error", "disabled", "label", "max"]),
       m(E, {
@@ -4524,7 +4531,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
         error: i.error,
         disabled: i.disabled,
         label: void 0,
-        max: r.value.toString(),
+        max: n.value.toString(),
         onInputChanged: u[1] || (u[1] = (y) => c(o).to = y.value)
       }, null, 8, ["class", "addOn", "name", "color", "value", "error", "disabled", "max"]),
       m(J, {
@@ -4541,16 +4548,16 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       }, 8, ["disabled", "class"])
     ]));
   }
-}), Ri = { class: "flex justify-between items-center" }, Ui = {
+}), Vi = { class: "flex justify-between items-center" }, Ri = {
   key: 0,
   class: "block text-sm font-medium text-gray-700"
-}, Hi = {
+}, Ui = {
   key: 1,
   class: "place-self-center text-[10px] text-gray-500 uppercase justify-self-end"
-}, Ei = {
+}, Hi = {
   key: 1,
   class: "h-2 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 w-full"
-}, Zi = /* @__PURE__ */ B({
+}, Ei = /* @__PURE__ */ B({
   __name: "uiRangeSlider",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -4564,21 +4571,21 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   emits: ["sliderUpdated"],
   setup(p, { emit: d }) {
     const l = d, o = A(p.sliderValue);
-    return (n, t) => (s(), a("div", null, [
-      e("div", Ri, [
-        n.label ? (s(), a("label", Ui, g(n.label), 1)) : b("", !0),
-        n.requiredText ? (s(), a("span", Hi, g(n.requiredText), 1)) : b("", !0)
+    return (r, t) => (s(), a("div", null, [
+      e("div", Vi, [
+        r.label ? (s(), a("label", Ri, g(r.label), 1)) : b("", !0),
+        r.requiredText ? (s(), a("span", Ui, g(r.requiredText), 1)) : b("", !0)
       ]),
       e("div", {
-        class: f([{ "mt-1": n.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"])
+        class: f([{ "mt-1": r.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"])
       }, [
-        n.loading ? (s(), a("p", Ei)) : (s(), x(c(vt), {
+        r.loading ? (s(), a("p", Hi)) : (s(), x(c(vt), {
           key: 0,
           modelValue: o.value,
           "onUpdate:modelValue": t[0] || (t[0] = (i) => o.value = i),
-          min: n.min,
-          max: n.max,
-          disabled: n.disabled,
+          min: r.min,
+          max: r.max,
+          disabled: r.disabled,
           onChange: t[1] || (t[1] = (i) => l("sliderUpdated", i)),
           classes: {
             base: "w-full h-full relative z-1 bg-gray-300 rounded",
@@ -4588,7 +4595,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       ], 2)
     ]));
   }
-}), Ji = { class: "mt-1 mb-8 text-sm text-gray-500" }, Wi = /* @__PURE__ */ B({
+}), Zi = { class: "mt-1 mb-8 text-sm text-gray-500" }, Ji = /* @__PURE__ */ B({
   __name: "uiSectionTitle",
   props: {
     title: {},
@@ -4599,16 +4606,16 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       e("h3", {
         class: f(["text-lg font-medium leading-6 text-gray-900", { "mb-8": d.description === void 0 }])
       }, g(d.title), 3),
-      e("p", Ji, g(d.description), 1)
+      e("p", Zi, g(d.description), 1)
     ], 64));
   }
-}), Gi = {
+}), Wi = {
   key: 0,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, Ki = { class: "flex flex-1 flex-col p-8" }, Qi = { class: "text-2xl font-bold text-gray-900" }, Xi = { class: "mt-1 flex flex-grow flex-col justify-between" }, ed = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, td = {
+}, Gi = { class: "flex flex-1 flex-col p-8" }, Ki = { class: "text-2xl font-bold text-gray-900" }, Qi = { class: "mt-1 flex flex-grow flex-col justify-between" }, Xi = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, ed = {
   key: 1,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, sd = { class: "flex flex-1 flex-col p-8" }, od = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, ld = { class: "mt-1 flex flex-grow flex-col justify-between" }, rd = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, nd = /* @__PURE__ */ B({
+}, td = { class: "flex flex-1 flex-col p-8" }, sd = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, od = { class: "mt-1 flex flex-grow flex-col justify-between" }, ld = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, rd = /* @__PURE__ */ B({
   __name: "uiDeviceStatus",
   props: {
     id: {},
@@ -4621,9 +4628,9 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   },
   emits: ["deviceStatusTagClicked", "deviceStatusQtyClicked"],
   setup(p, { emit: d }) {
-    return (l, r) => l.loading ? (s(), a("div", td, [
-      e("div", sd, [
-        e("div", od, [
+    return (l, n) => l.loading ? (s(), a("div", ed, [
+      e("div", td, [
+        e("div", sd, [
           m(j, {
             icon: l.icon,
             size: "huge",
@@ -4632,15 +4639,15 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             loading: l.loading
           }, null, 8, ["icon", "loading"])
         ]),
-        r[3] || (r[3] = e("div", { class: "h-4 bg-gray-200 rounded-full dark:bg-gray-300 w-1/3 mx-auto" }, null, -1)),
-        e("dl", ld, [
-          e("dd", rd, [
-            (s(!0), a($, null, _(l.tags, (o, n) => (s(), x(U, {
-              key: n,
+        n[3] || (n[3] = e("div", { class: "h-4 bg-gray-200 rounded-full dark:bg-gray-300 w-1/3 mx-auto" }, null, -1)),
+        e("dl", od, [
+          e("dd", ld, [
+            (s(!0), a($, null, _(l.tags, (o, r) => (s(), x(U, {
+              key: r,
               loading: l.loading,
               event: o.event,
               color: o.color,
-              onTagEvent: r[2] || (r[2] = (t) => l.$emit("deviceStatusTagClicked", t))
+              onTagEvent: n[2] || (n[2] = (t) => l.$emit("deviceStatusTagClicked", t))
             }, {
               default: v(() => [
                 T(g(o.name), 1)
@@ -4650,8 +4657,8 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
           ])
         ])
       ])
-    ])) : (s(), a("div", Gi, [
-      e("div", Ki, [
+    ])) : (s(), a("div", Wi, [
+      e("div", Gi, [
         e("div", {
           class: f(["rounded-md p-3 flex items-center justify-center mx-auto mb-4", {
             "bg-green-500": !l.color || l.color === "green",
@@ -4670,23 +4677,23 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             loading: !1
           }, null, 8, ["icon"])
         ], 2),
-        e("h3", Qi, [
+        e("h3", Ki, [
           T(g(l.name) + " ", 1),
           C(e("span", {
             class: "text-indigo-600 hover:text-indigo-900 cursor-pointer",
-            onClick: r[0] || (r[0] = (o) => l.$emit("deviceStatusQtyClicked", l.id))
+            onClick: n[0] || (n[0] = (o) => l.$emit("deviceStatusQtyClicked", l.id))
           }, "(" + g(l.qty) + ")", 513), [
             [D, l.qty > 0]
           ])
         ]),
-        e("dl", Xi, [
-          e("dd", ed, [
-            (s(!0), a($, null, _(l.tags, (o, n) => (s(), x(U, {
-              key: n,
+        e("dl", Qi, [
+          e("dd", Xi, [
+            (s(!0), a($, null, _(l.tags, (o, r) => (s(), x(U, {
+              key: r,
               loading: !1,
               event: o.event,
               color: o.color,
-              onTagEvent: r[1] || (r[1] = (t) => l.$emit("deviceStatusTagClicked", t))
+              onTagEvent: n[1] || (n[1] = (t) => l.$emit("deviceStatusTagClicked", t))
             }, {
               default: v(() => [
                 T(g(o.name), 1)
@@ -4698,10 +4705,10 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), ad = { class: "fixed inset-0 flex" }, id = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, dd = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, ud = { class: "lg:pl-[25rem]" }, cd = { class: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-4 border-b border-gray-200 bg-white px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8" }, gd = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, md = { class: "flex items-center gap-x-4 lg:gap-x-6" }, pd = {
+}), nd = { class: "fixed inset-0 flex" }, ad = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, id = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, dd = { class: "lg:pl-[25rem]" }, ud = { class: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-4 border-b border-gray-200 bg-white px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8" }, cd = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, gd = { class: "flex items-center gap-x-4 lg:gap-x-6" }, md = {
   type: "button",
   class: "-m-2.5 p-2.5 text-gray-400 hover:text-gray-500 relative"
-}, fd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, yd = ["src"], hd = { class: "hidden lg:flex lg:items-center" }, vd = ["onClick"], bd = { class: "py-7" }, wd = { class: "px-7 lg:px-10" }, xd = /* @__PURE__ */ B({
+}, pd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, fd = ["src"], yd = { class: "hidden lg:flex lg:items-center" }, hd = ["onClick"], vd = { class: "py-7" }, bd = { class: "px-7 lg:px-10" }, wd = /* @__PURE__ */ B({
   __name: "uiWrapper",
   props: {
     topbar: {},
@@ -4710,7 +4717,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   emits: ["productBarClick", "sideBarClick", "selectChanged", "topBarClick", "checkboxChanged", "inputChanged"],
   setup(p) {
     const d = A(!1);
-    return (l, r) => (s(), a("div", null, [
+    return (l, n) => (s(), a("div", null, [
       m(c(ke), {
         as: "template",
         show: d.value
@@ -4718,7 +4725,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
         default: v(() => [
           m(c($e), {
             class: "relative z-50 lg:hidden",
-            onClose: r[5] || (r[5] = (o) => d.value = !1)
+            onClose: n[5] || (n[5] = (o) => d.value = !1)
           }, {
             default: v(() => [
               m(c(G), {
@@ -4730,12 +4737,13 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                 "leave-from": "opacity-100",
                 "leave-to": "opacity-0"
               }, {
-                default: v(() => r[12] || (r[12] = [
+                default: v(() => n[12] || (n[12] = [
                   e("div", { class: "fixed inset-0 bg-gray-900/80" }, null, -1)
                 ])),
-                _: 1
+                _: 1,
+                __: [12]
               }),
-              e("div", ad, [
+              e("div", nd, [
                 m(c(G), {
                   as: "template",
                   enter: "transition ease-in-out duration-300 transform",
@@ -4758,13 +4766,13 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                           "leave-to": "opacity-0"
                         }, {
                           default: v(() => [
-                            e("div", id, [
+                            e("div", ad, [
                               e("button", {
                                 type: "button",
                                 class: "-m-2.5 p-2.5",
-                                onClick: r[0] || (r[0] = (o) => d.value = !1)
+                                onClick: n[0] || (n[0] = (o) => d.value = !1)
                               }, [
-                                r[13] || (r[13] = e("span", { class: "sr-only" }, "Close sidebar", -1)),
+                                n[13] || (n[13] = e("span", { class: "sr-only" }, "Close sidebar", -1)),
                                 m(c(W), {
                                   class: "h-6 w-6 text-white",
                                   "aria-hidden": "true"
@@ -4781,10 +4789,10 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                           filterNavigation: l.sidebar.filterNavigation,
                           loading: !1,
                           logo: l.topbar.logo,
-                          onSideBarClick: r[1] || (r[1] = (o) => l.$emit("sideBarClick", o)),
-                          onProductBarClick: r[2] || (r[2] = (o) => l.$emit("productBarClick", o)),
-                          onCheckboxChanged: r[3] || (r[3] = (o) => l.$emit("checkboxChanged", o)),
-                          onInputChanged: r[4] || (r[4] = (o) => l.$emit("inputChanged", o))
+                          onSideBarClick: n[1] || (n[1] = (o) => l.$emit("sideBarClick", o)),
+                          onProductBarClick: n[2] || (n[2] = (o) => l.$emit("productBarClick", o)),
+                          onCheckboxChanged: n[3] || (n[3] = (o) => l.$emit("checkboxChanged", o)),
+                          onInputChanged: n[4] || (n[4] = (o) => l.$emit("inputChanged", o))
                         }, null, 8, ["productsSidebar", "isFilterNavigation", "navigation", "filterNavigation", "logo"])
                       ]),
                       _: 1
@@ -4799,7 +4807,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
         ]),
         _: 1
       }, 8, ["show"]),
-      e("div", dd, [
+      e("div", id, [
         m(ye, {
           productsSidebar: l.sidebar.productsSidebar,
           isFilterNavigation: l.sidebar.isFilterNavigation,
@@ -4807,40 +4815,40 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
           filterNavigation: l.sidebar.filterNavigation,
           loading: !1,
           logo: l.topbar.logo,
-          onSideBarClick: r[6] || (r[6] = (o) => l.$emit("sideBarClick", o)),
-          onProductBarClick: r[7] || (r[7] = (o) => l.$emit("productBarClick", o)),
-          onCheckboxChanged: r[8] || (r[8] = (o) => l.$emit("checkboxChanged", o)),
-          onInputChanged: r[9] || (r[9] = (o) => l.$emit("inputChanged", o))
+          onSideBarClick: n[6] || (n[6] = (o) => l.$emit("sideBarClick", o)),
+          onProductBarClick: n[7] || (n[7] = (o) => l.$emit("productBarClick", o)),
+          onCheckboxChanged: n[8] || (n[8] = (o) => l.$emit("checkboxChanged", o)),
+          onInputChanged: n[9] || (n[9] = (o) => l.$emit("inputChanged", o))
         }, null, 8, ["productsSidebar", "isFilterNavigation", "navigation", "filterNavigation", "logo"])
       ]),
-      e("div", ud, [
-        e("div", cd, [
+      e("div", dd, [
+        e("div", ud, [
           e("button", {
             type: "button",
             class: "-m-2.5 p-2.5 text-gray-700 lg:hidden",
-            onClick: r[10] || (r[10] = (o) => d.value = !0)
+            onClick: n[10] || (n[10] = (o) => d.value = !0)
           }, [
-            r[14] || (r[14] = e("span", { class: "sr-only" }, "Open sidebar", -1)),
+            n[14] || (n[14] = e("span", { class: "sr-only" }, "Open sidebar", -1)),
             m(c(Je), {
               class: "h-6 w-6",
               "aria-hidden": "true"
             })
           ]),
-          r[19] || (r[19] = e("div", {
+          n[19] || (n[19] = e("div", {
             class: "h-6 w-px bg-gray-200 lg:hidden",
             "aria-hidden": "true"
           }, null, -1)),
-          e("div", gd, [
+          e("div", cd, [
             m(De, {
               class: "w-full self-center relative",
               items: l.topbar.selectItems,
               select: l.topbar.selectedItem,
-              onSelectChanged: r[11] || (r[11] = (o) => l.$emit("selectChanged", o))
+              onSelectChanged: n[11] || (n[11] = (o) => l.$emit("selectChanged", o))
             }, null, 8, ["items", "select"]),
-            e("div", md, [
-              e("button", pd, [
-                r[16] || (r[16] = e("span", { class: "sr-only" }, "View notifications", -1)),
-                C(e("div", fd, r[15] || (r[15] = [
+            e("div", gd, [
+              e("button", md, [
+                n[16] || (n[16] = e("span", { class: "sr-only" }, "View notifications", -1)),
+                C(e("div", pd, n[15] || (n[15] = [
                   e("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                 ]), 512), [
                   [D, l.topbar.alerted]
@@ -4850,7 +4858,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                   "aria-hidden": "true"
                 })
               ]),
-              r[18] || (r[18] = e("div", {
+              n[18] || (n[18] = e("div", {
                 class: "hidden lg:block lg:h-6 lg:w-px lg:bg-gray-200",
                 "aria-hidden": "true"
               }, null, -1)),
@@ -4861,20 +4869,21 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                 default: v(() => [
                   m(c(be), { class: "-m-1.5 flex items-center p-1.5" }, {
                     default: v(() => [
-                      r[17] || (r[17] = e("span", { class: "sr-only" }, "Open user menu", -1)),
+                      n[17] || (n[17] = e("span", { class: "sr-only" }, "Open user menu", -1)),
                       e("img", {
                         class: "h-8 w-8 rounded-full bg-gray-50",
                         src: l.topbar.accountLogo,
                         alt: ""
-                      }, null, 8, yd),
-                      e("span", hd, [
+                      }, null, 8, fd),
+                      e("span", yd, [
                         m(c(de), {
                           class: "ml-2 h-5 w-5 text-gray-400",
                           "aria-hidden": "true"
                         })
                       ])
                     ]),
-                    _: 1
+                    _: 1,
+                    __: [17]
                   }),
                   m(ue, {
                     "enter-active-class": "transition ease-out duration-100",
@@ -4890,11 +4899,11 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                           (s(!0), a($, null, _(l.topbar.profileMenu, (o) => (s(), x(c(xe), {
                             key: o.name
                           }, {
-                            default: v(({ active: n }) => [
+                            default: v(({ active: r }) => [
                               e("a", {
                                 onClick: (t) => l.$emit("topBarClick", o.id),
-                                class: f([n ? "bg-gray-50" : "", "block px-3 py-1 text-sm leading-6 text-gray-900"])
-                              }, g(o.name), 11, vd)
+                                class: f([r ? "bg-gray-50" : "", "block px-3 py-1 text-sm leading-6 text-gray-900"])
+                              }, g(o.name), 11, hd)
                             ]),
                             _: 2
                           }, 1024))), 128))
@@ -4910,40 +4919,40 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             ])
           ])
         ]),
-        e("main", bd, [
-          e("div", wd, [
+        e("main", vd, [
+          e("div", bd, [
             V(l.$slots, "default")
           ])
         ])
       ])
     ]));
   }
-}), kd = /* @__PURE__ */ B({
+}), xd = /* @__PURE__ */ B({
   __name: "uiDynamicStats",
   props: {
     dynamicStats: {},
     loading: { type: Boolean, default: !0 }
   },
   setup(p) {
-    const d = p, l = () => d.dynamicStats.length <= 5 ? `lg:grid-cols-${d.dynamicStats.length}` : `lg:grid-cols-${Math.floor(d.dynamicStats.length / 2)} xl:grid-cols-${d.dynamicStats.length}`, r = A(0), o = A(l());
-    return nt(() => r.value += 1), (n, t) => (s(), a("div", {
+    const d = p, l = () => d.dynamicStats.length <= 5 ? `lg:grid-cols-${d.dynamicStats.length}` : `lg:grid-cols-${Math.floor(d.dynamicStats.length / 2)} xl:grid-cols-${d.dynamicStats.length}`, n = A(0), o = A(l());
+    return nt(() => n.value += 1), (r, t) => (s(), a("div", {
       class: f([o.value, "grid grid-cols-1 md:grid-cols-2 gap-4"]),
-      key: r.value
+      key: n.value
     }, [
-      (s(!0), a($, null, _(n.dynamicStats, (i, u) => (s(), x(st, {
+      (s(!0), a($, null, _(r.dynamicStats, (i, u) => (s(), x(st, {
         key: u,
         item: i,
-        loading: n.loading
+        loading: r.loading
       }, null, 8, ["item", "loading"]))), 128))
     ], 2));
   }
-}), $d = { class: "flex justify-between" }, _d = {
+}), kd = { class: "flex justify-between" }, $d = {
   key: 0,
   class: "text-[10px] text-gray-500 uppercase justify-self-end place-self-center"
-}, Cd = { class: "relative" }, Sd = { class: "block flex flex-wrap gap-2" }, Bd = {
+}, _d = { class: "relative" }, Cd = { class: "block flex flex-wrap gap-2" }, Sd = {
   key: 0,
   class: "p-0.5"
-}, Md = ["onClick"], Dd = { class: "absolute mt-1 w-full rounded-md bg-white shadow-lg z-50" }, jd = {
+}, Bd = ["onClick"], Md = { class: "absolute mt-1 w-full rounded-md bg-white shadow-lg z-50" }, Dd = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full"
 }, ot = /* @__PURE__ */ B({
@@ -4961,15 +4970,15 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   },
   emits: ["selectChanged"],
   setup(p, { emit: d }) {
-    const l = d, r = p;
-    let o = A(Array.isArray(r.select) ? r.select : r.select ? [r.select] : []);
-    const n = (i) => {
+    const l = d, n = p;
+    let o = A(Array.isArray(n.select) ? n.select : n.select ? [n.select] : []);
+    const r = (i) => {
       l("selectChanged", i);
     };
     function t(i) {
-      o.value = o.value.filter((u) => u.id !== i.id), n(o.value);
+      o.value = o.value.filter((u) => u.id !== i.id), r(o.value);
     }
-    return (i, u) => i.loading ? (s(), a("div", jd, [
+    return (i, u) => i.loading ? (s(), a("div", Dd, [
       u[4] || (u[4] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
       m(c(fe), {
         "aria-hidden": "true",
@@ -4980,7 +4989,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       modelValue: c(o),
       "onUpdate:modelValue": [
         u[0] || (u[0] = (y) => he(o) ? o.value = y : o = y),
-        n
+        r
       ],
       name: "selectorMultiple",
       disabled: i.disabled,
@@ -4988,16 +4997,16 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       as: "div"
     }, {
       default: v(() => [
-        e("div", $d, [
+        e("div", kd, [
           m(c(mt), { class: "block text-sm font-medium" }, {
             default: v(() => [
               T(g(i.label), 1)
             ]),
             _: 1
           }),
-          i.requiredText ? (s(), a("span", _d, g(i.requiredText), 1)) : b("", !0)
+          i.requiredText ? (s(), a("span", $d, g(i.requiredText), 1)) : b("", !0)
         ]),
-        e("div", Cd, [
+        e("div", _d, [
           m(c(pt), {
             class: f([{
               "mt-1": i.requiredText || i.label,
@@ -5015,8 +5024,8 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             }, "relative w-full rounded-md border py-2 pl-2 pr-10 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm"])
           }, {
             default: v(() => [
-              e("span", Sd, [
-                c(o).length === 0 ? (s(), a("span", Bd, "...")) : b("", !0),
+              e("span", Cd, [
+                c(o).length === 0 ? (s(), a("span", Sd, "...")) : b("", !0),
                 (s(!0), a($, null, _(c(o), (y) => (s(), a("span", {
                   key: y.id,
                   class: "flex items-center gap-1 rounded text-xs font-medium bg-indigo-100 text-indigo-800 border border-indigo-200 px-2 py-0.5"
@@ -5036,7 +5045,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                       "stroke-width": "2",
                       d: "M6 18L18 6M6 6l12 12"
                     }, null, -1)
-                  ]), 8, Md))
+                  ]), 8, Bd))
                 ]))), 128))
               ]),
               u[2] || (u[2] = e("span", { class: "absolute h-full right-0 mr-2 self-center top-0 flex items-center" }, [
@@ -5055,9 +5064,10 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                 ])
               ], -1))
             ]),
-            _: 1
+            _: 1,
+            __: [2]
           }, 8, ["class"]),
-          e("div", Dd, [
+          e("div", Md, [
             m(c(ft), { class: "shadow-2xs focus:outline-hidden max-h-60 overflow-auto rounded-md py-1 text-base leading-6 sm:text-sm sm:leading-5" }, {
               default: v(() => [
                 (s(!0), a($, null, _(i.items, (y) => (s(), x(c(yt), {
@@ -5111,7 +5121,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       _: 1
     }, 8, ["modelValue", "disabled"]));
   }
-}), Td = { class: "flex flex-col lg:flex-row items-center" }, zd = /* @__PURE__ */ B({
+}), jd = { class: "flex flex-col lg:flex-row items-center" }, Td = /* @__PURE__ */ B({
   __name: "uiSmartFilter",
   props: {
     items: {},
@@ -5123,36 +5133,36 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   },
   emits: ["smartFilterSelected", "smartInputChanged", "smartSelectChanged", "smartOptionSelected", "rightAddOnClicked"],
   setup(p, { emit: d }) {
-    const l = p, r = d, o = at(E), n = A(l.items[0].props), t = (i) => {
+    const l = p, n = d, o = at(E), r = A(l.items[0].props), t = (i) => {
       switch (i.type) {
         case "uiInput":
-          o.value = E, r("smartFilterSelected", i.value);
+          o.value = E, n("smartFilterSelected", i.value);
           break;
         case "uiDropdown":
-          o.value = me, r("smartFilterSelected", i.value);
+          o.value = me, n("smartFilterSelected", i.value);
           break;
         case "uiSelect":
-          o.value = De, r("smartFilterSelected", i.value);
+          o.value = De, n("smartFilterSelected", i.value);
           break;
         case "uiSelectMultiple":
-          o.value = ot, r("smartFilterSelected", i.value);
+          o.value = ot, n("smartFilterSelected", i.value);
           break;
       }
-      n.value = i.props;
+      r.value = i.props;
     };
-    return (i, u) => (s(), a("div", Td, [
+    return (i, u) => (s(), a("div", jd, [
       m(Xe, {
         items: i.items,
         loading: i.loading,
         onFilterSelected: t,
         class: "w-full lg:w-auto"
       }, null, 8, ["items", "loading"]),
-      (s(), x(Ie(o.value), it({ class: "w-full mt-2 lg:mt-0 lg:ml-2 lg:grow" }, n.value, {
+      (s(), x(Ie(o.value), it({ class: "w-full mt-2 lg:mt-0 lg:ml-2 lg:grow" }, r.value, {
         loading: !1,
-        onInputChanged: u[0] || (u[0] = (y) => r("smartInputChanged", y)),
-        onSelectChanged: u[1] || (u[1] = (y) => r("smartSelectChanged", y)),
-        onOptionSelected: u[2] || (u[2] = (y) => r("smartOptionSelected", y)),
-        onRightAddOnClicked: u[3] || (u[3] = (y) => r("rightAddOnClicked"))
+        onInputChanged: u[0] || (u[0] = (y) => n("smartInputChanged", y)),
+        onSelectChanged: u[1] || (u[1] = (y) => n("smartSelectChanged", y)),
+        onOptionSelected: u[2] || (u[2] = (y) => n("smartOptionSelected", y)),
+        onRightAddOnClicked: u[3] || (u[3] = (y) => n("rightAddOnClicked"))
       }), null, 16)),
       i.showFilterButton ? (s(), x(J, {
         key: 0,
@@ -5174,118 +5184,118 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   uiCard: so,
   uiChart: lr,
   uiCheckbox: Ee,
-  uiCircleChart: Pi,
-  uiDateRange: Vi,
-  uiDeviceStatus: nd,
-  uiDragAndDrop: Mi,
+  uiCircleChart: Yi,
+  uiDateRange: qi,
+  uiDeviceStatus: rd,
+  uiDragAndDrop: Bi,
   uiDropdown: me,
-  uiDynamicStats: kd,
+  uiDynamicStats: xd,
   uiFilter: Xe,
   uiFooter: ir,
-  uiFunnelChartV2: Ja,
-  uiGallery: wi,
+  uiFunnelChartV2: Za,
+  uiGallery: bi,
   uiIcon: j,
   uiInput: E,
   uiInputFile: cs,
   uiLoadingScreen: dr,
   uiModal: et,
-  uiNoResults: Xa,
+  uiNoResults: Qa,
   uiNotification: xo,
   uiPagination: $r,
   uiPriceCalendar: Hl,
-  uiRangeSlider: Zi,
-  uiRightSidebar: ui,
-  uiSectionTitle: Wi,
+  uiRangeSlider: Ei,
+  uiRightSidebar: di,
+  uiSectionTitle: Ji,
   uiSelect: ys,
   uiSelectMultiple: ot,
   uiSelect_v2: De,
   uiSidebar: Or,
   uiSidebarV2: ye,
-  uiSmartFilter: zd,
+  uiSmartFilter: Td,
   uiStats: st,
-  uiStripedCard: wn,
-  uiTable: Rn,
-  uiTabs: Gn,
+  uiStripedCard: bn,
+  uiTable: Vn,
+  uiTabs: Wn,
   uiTag: U,
   uiTaskList: zo,
   uiTextArea: Ms,
-  uiTimeline: va,
+  uiTimeline: ha,
   uiToggle: zs,
-  uiTopbar: Fa,
-  uiWrapper: xd
-}, Symbol.toStringTag, { value: "Module" })), Ld = [
+  uiTopbar: Pa,
+  uiWrapper: wd
+}, Symbol.toStringTag, { value: "Module" })), zd = [
   "primary",
   "secondary",
   "light",
   "green",
   "yellow",
   "red"
-], Hd = [
+], Ud = [
   "text",
   "email",
   "password",
   "number",
   "date",
   "datetime-local"
-], Ad = ["black", "gray", "white"], Ed = [...Ld, ...Ad], Nd = ["small", "medium", "big"], Od = ["bigger", "huge", "massive"], Zd = [...Nd, ...Od], Jd = ["default", "success", "warning", "danger"];
-function Id(p) {
+], Ld = ["black", "gray", "white"], Hd = [...zd, ...Ld], Ad = ["small", "medium", "big"], Nd = ["bigger", "huge", "massive"], Ed = [...Ad, ...Nd], Zd = ["default", "success", "warning", "danger"];
+function Od(p) {
   for (const d in Oe)
     p.component(d, Oe[d]);
 }
-const Wd = { install: Id };
+const Jd = { install: Od };
 export {
-  Ed as AllColors,
-  Zd as AllSizes,
-  Od as BiggerSizes,
-  Ld as Colors,
-  Ad as MonoColors,
-  Nd as Sizes,
-  Jd as Types,
-  Hd as UiInputTypes,
-  Wd as default,
+  Hd as AllColors,
+  Ed as AllSizes,
+  Nd as BiggerSizes,
+  zd as Colors,
+  Ld as MonoColors,
+  Ad as Sizes,
+  Zd as Types,
+  Ud as UiInputTypes,
+  Jd as default,
   qs as uiAlert,
   Ws as uiBreadcrumbs,
   J as uiButton,
   so as uiCard,
   lr as uiChart,
   Ee as uiCheckbox,
-  Pi as uiCircleChart,
-  Vi as uiDateRange,
-  nd as uiDeviceStatus,
-  Mi as uiDragAndDrop,
+  Yi as uiCircleChart,
+  qi as uiDateRange,
+  rd as uiDeviceStatus,
+  Bi as uiDragAndDrop,
   me as uiDropdown,
-  kd as uiDynamicStats,
+  xd as uiDynamicStats,
   Xe as uiFilter,
   ir as uiFooter,
-  Ja as uiFunnelChartV2,
-  wi as uiGallery,
+  Za as uiFunnelChartV2,
+  bi as uiGallery,
   j as uiIcon,
   E as uiInput,
   cs as uiInputFile,
   dr as uiLoadingScreen,
   et as uiModal,
-  Xa as uiNoResults,
+  Qa as uiNoResults,
   xo as uiNotification,
   $r as uiPagination,
   Hl as uiPriceCalendar,
-  Zi as uiRangeSlider,
-  ui as uiRightSidebar,
-  Wi as uiSectionTitle,
+  Ei as uiRangeSlider,
+  di as uiRightSidebar,
+  Ji as uiSectionTitle,
   ys as uiSelect,
   ot as uiSelectMultiple,
   De as uiSelect_v2,
   Or as uiSidebar,
   ye as uiSidebarV2,
-  zd as uiSmartFilter,
+  Td as uiSmartFilter,
   st as uiStats,
-  wn as uiStripedCard,
-  Rn as uiTable,
-  Gn as uiTabs,
+  bn as uiStripedCard,
+  Vn as uiTable,
+  Wn as uiTabs,
   U as uiTag,
   zo as uiTaskList,
   Ms as uiTextArea,
-  va as uiTimeline,
+  ha as uiTimeline,
   zs as uiToggle,
-  Fa as uiTopbar,
-  xd as uiWrapper
+  Pa as uiTopbar,
+  wd as uiWrapper
 };