@hotelinking/ui 13.45.17 → 14.45.0

package/dist/ui.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as M, createBlock as k, createElementBlock as n, openBlock as l, resolveDynamicComponent as Oe, normalizeClass as f, createCommentVNode as v, renderSlot as F, createElementVNode as e, ref as N, watch as V, computed as I, unref as c, withCtx as b, createVNode as p, toDisplayString as g, createTextVNode as z, Transition as ie, Fragment as x, renderList as _, withDirectives as C, vModelDynamic as lt, vShow as j, withModifiers as ge, vModelText as Q, createStaticVNode as G, resolveComponent as Me, vModelCheckbox as Ne, reactive as de, isRef as fe, TransitionGroup as st, onMounted as ot, shallowRef as rt, mergeProps as at } from "vue";
-import { Menu as he, MenuButton as ye, MenuItems as be, MenuItem as ve, Combobox as Ie, ComboboxLabel as Pe, ComboboxInput as Ye, ComboboxButton as qe, ComboboxOptions as Fe, ComboboxOption as Ve, SwitchGroup as nt, Switch as it, SwitchLabel as dt, TransitionRoot as we, Dialog as ke, TransitionChild as J, DialogPanel as xe, DialogTitle as Re, Disclosure as $e, DisclosureButton as E, DisclosurePanel as _e, Listbox as ut, ListboxLabel as ct, ListboxButton as gt, ListboxOptions as mt, ListboxOption as pt } from "@headlessui/vue";
-import A from "dayjs";
+import { defineComponent as B, createBlock as k, createElementBlock as n, openBlock as l, resolveDynamicComponent as Oe, normalizeClass as f, createCommentVNode as v, renderSlot as F, createElementVNode as e, ref as N, watch as V, computed as P, unref as c, withCtx as b, createVNode as p, toDisplayString as g, createTextVNode as A, Transition as ie, Fragment as x, renderList as S, withDirectives as _, vModelDynamic as lt, vShow as M, withModifiers as ge, vModelText as Q, createStaticVNode as G, resolveComponent as Me, vModelCheckbox as Ie, reactive as de, isRef as fe, TransitionGroup as st, onMounted as ot, shallowRef as rt, mergeProps as at } from "vue";
+import { Menu as he, MenuButton as ye, MenuItems as be, MenuItem as ve, Combobox as Ne, ComboboxLabel as Pe, ComboboxInput as Ye, ComboboxButton as qe, ComboboxOptions as Fe, ComboboxOption as Ve, SwitchGroup as nt, Switch as it, SwitchLabel as dt, TransitionRoot as we, Dialog as ke, TransitionChild as J, DialogPanel as xe, DialogTitle as Re, Disclosure as $e, DisclosureButton as E, DisclosurePanel as _e, Listbox as ut, ListboxLabel as ct, ListboxButton as gt, ListboxOptions as mt, ListboxOption as pt } from "@headlessui/vue";
+import I from "dayjs";
 import Ce from "vue3-apexcharts";
 import ft from "vue3-draggable";
 import ht from "@vueform/slider";
-const T = /* @__PURE__ */ M({
+const T = /* @__PURE__ */ B({
   __name: "uiIcon",
   props: {
     icon: {},
@@ -43,7 +43,7 @@ const T = /* @__PURE__ */ M({
 }), yt = ["disabled"], bt = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 text-sm rounded-md inline-flex items-center border border-transparent font-medium shadow-sm text-white focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25 bg-gray-200"
-}, Z = /* @__PURE__ */ M({
+}, Z = /* @__PURE__ */ B({
   __name: "uiButton",
   props: {
     block: { type: Boolean },
@@ -95,7 +95,7 @@ const T = /* @__PURE__ */ M({
 }, wt = { class: "flex items-center h-5" }, kt = ["checked", "value", "disabled"], xt = { class: "ml-3 text-sm" }, $t = { class: "text-black" }, _t = {
   key: 1,
   class: "flex items-center animate-pulse"
-}, Ue = /* @__PURE__ */ M({
+}, Ue = /* @__PURE__ */ B({
   __name: "uiCheckbox",
   props: {
     check: { type: Boolean, default: !1 },
@@ -507,7 +507,7 @@ function Ot(m, u) {
     })
   ]);
 }
-function Nt(m, u) {
+function It(m, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -558,7 +558,7 @@ function W(m, u) {
     })
   ]);
 }
-const It = {
+const Nt = {
   key: 0,
   class: "block text-sm font-medium"
 }, Pt = {
@@ -568,7 +568,7 @@ const It = {
 }, Yt = { class: "-py-1" }, qt = ["onClick"], Ft = {
   key: 1,
   class: "animate-pulse px-4 py-2 bg-gray-200 rounded-md inline-flex items-center relative text-left h-10"
-}, ce = /* @__PURE__ */ M({
+}, ce = /* @__PURE__ */ B({
   __name: "uiDropdown",
   props: {
     items: {},
@@ -581,7 +581,7 @@ const It = {
   },
   emits: ["optionSelected"],
   setup(m, { emit: u }) {
-    const a = u, i = m, s = I(() => {
+    const a = u, i = m, s = P(() => {
       let t = i.items.find((r) => r.active === !0);
       return t ? t.name : i.label;
     }), o = (t) => {
@@ -603,12 +603,12 @@ const It = {
           e("div", {
             class: f(["flex justify-between sha items-center", { "mt-1": t.label }])
           }, [
-            t.label ? (l(), n("label", It, g(t.label), 1)) : v("", !0),
+            t.label ? (l(), n("label", Nt, g(t.label), 1)) : v("", !0),
             t.requiredText ? (l(), n("span", Pt, g(t.requiredText), 1)) : v("", !0)
           ], 2),
           p(c(ye), { class: "text-black inline-flex justify-between w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-black" }, {
             default: b(() => [
-              z(g(s.value) + " ", 1),
+              A(g(s.value) + " ", 1),
               t.verticalPosition === "bottom" ? (l(), k(c(ne), {
                 key: 0,
                 "aria-hidden": "true",
@@ -643,7 +643,7 @@ const It = {
             }, {
               default: b(() => [
                 e("div", Yt, [
-                  (l(!0), n(x, null, _(t.items, (d, h) => (l(), k(c(ve), { key: h }, {
+                  (l(!0), n(x, null, S(t.items, (d, h) => (l(), k(c(ve), { key: h }, {
                     default: b(() => [
                       e("a", {
                         onClick: (y) => o(d),
@@ -679,7 +679,7 @@ const It = {
 }, Jt = {
   key: 0,
   class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5"
-}, H = /* @__PURE__ */ M({
+}, H = /* @__PURE__ */ B({
   __name: "uiInput",
   props: {
     label: {},
@@ -725,7 +725,7 @@ const It = {
           onClick: r[0] || (r[0] = (d) => t.$emit("addOnClicked")),
           class: "inline-flex items-center px-3 rounded-l-md border border-r-0 border-gray-800 bg-black text-white hover:text-black hover:bg-lime-400 sm:text-sm cursor-pointer"
         }, g(t.addOn), 1)) : v("", !0),
-        C(e("input", {
+        _(e("input", {
           "onUpdate:modelValue": r[1] || (r[1] = (d) => s.value = d),
           max: t.max,
           class: f([{
@@ -764,30 +764,30 @@ const It = {
             color: t.color,
             loading: t.loading
           }, null, 8, ["icon", "color", "loading"])) : v("", !0),
-          C(p(T, {
+          _(p(T, {
             icon: c(Se),
             color: "green",
             loading: t.loading
           }, null, 8, ["icon", "loading"]), [
-            [j, t.color === "green"]
+            [M, t.color === "green"]
           ]),
-          C(p(T, {
+          _(p(T, {
             icon: c(U),
             color: "yellow",
             loading: t.loading
           }, null, 8, ["icon", "loading"]), [
-            [j, t.color === "yellow"]
+            [M, t.color === "yellow"]
           ]),
-          C(p(T, {
+          _(p(T, {
             icon: c(W),
             color: "red",
             loading: t.loading
           }, null, 8, ["icon", "loading"]), [
-            [j, t.color === "red"]
+            [M, t.color === "red"]
           ])
         ])
       ], 2),
-      C(e("p", {
+      _(e("p", {
         class: f([{
           "text-gray-400": t.color === "gray",
           "text-red-600": t.color === "red",
@@ -795,7 +795,7 @@ const It = {
           "text-green-600": t.color === "green"
         }, "mt-2 text-xs flex flex-row items-center"])
       }, g(t.error), 3), [
-        [j, t.error]
+        [M, t.error]
       ])
     ]));
   }
@@ -808,7 +808,7 @@ const It = {
 }, el = { class: "space-y-1 flex flex-col items-center justify-center" }, tl = { class: "flex text-sm flex-col sm:flex-row text-center" }, ll = ["for"], sl = ["id", "name", "accept"], ol = { class: "pl-1" }, rl = { class: "text-xs pb-4" }, al = { class: "mt-2 text-xs flex flex-row items-center text-red-600" }, nl = {
   key: 1,
   class: "animate-pulse"
-}, il = /* @__PURE__ */ M({
+}, il = /* @__PURE__ */ B({
   __name: "uiInputFile",
   props: {
     name: {},
@@ -889,21 +889,21 @@ const It = {
             e("p", ol, g(d.dragAndDrop), 1)
           ]),
           e("p", rl, g(d.fileTypesAndSizes), 1),
-          C(e("p", { class: "font-bold text-xs uppercase block p-2 bg-lime-50 rounded" }, g(c(a)), 513), [
-            [j, c(a) !== null]
+          _(e("p", { class: "font-bold text-xs uppercase block p-2 bg-lime-50 rounded" }, g(c(a)), 513), [
+            [M, c(a) !== null]
           ])
         ])
       ], 34),
-      C(e("p", al, [
+      _(e("p", al, [
         p(T, {
           icon: c(ue),
           color: "red",
           class: "mr-2",
           loading: d.loading
         }, null, 8, ["icon", "loading"]),
-        z(" " + g(d.error), 1)
+        A(" " + g(d.error), 1)
       ], 512), [
-        [j, d.error]
+        [M, d.error]
       ])
     ]));
   }
@@ -913,7 +913,7 @@ const It = {
 }, cl = { class: "relative" }, gl = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full"
-}, ml = /* @__PURE__ */ M({
+}, ml = /* @__PURE__ */ B({
   __name: "uiSelect",
   props: {
     items: {},
@@ -929,9 +929,9 @@ const It = {
   },
   emits: ["selectChanged"],
   setup(m, { expose: u, emit: a }) {
-    const i = N(""), s = a, o = m, t = I(() => i.value === "" ? o.items : o.items.filter((y) => y.name.toLowerCase().includes(i.value.toLowerCase()))), r = (y) => y?.name ?? "", d = (y) => {
+    const i = N(""), s = a, o = m, t = P(() => i.value === "" ? o.items : o.items.filter((y) => y.name.toLowerCase().includes(i.value.toLowerCase()))), r = (y) => y?.name ?? "", d = (y) => {
       s("selectChanged", y);
-    }, h = I({
+    }, h = P({
       get: () => o.select,
       set: (y) => {
         d(y);
@@ -939,17 +939,17 @@ const It = {
     });
     return u({
       handleChange: d
-    }), (y, w) => y.loading ? (l(), n("div", gl, [
-      w[3] || (w[3] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
+    }), (y, D) => y.loading ? (l(), n("div", gl, [
+      D[3] || (D[3] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
       p(c(me), {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400"
       })
-    ])) : (l(), k(c(Ie), {
+    ])) : (l(), k(c(Ne), {
       key: 0,
       modelValue: h.value,
       "onUpdate:modelValue": [
-        w[2] || (w[2] = (O) => h.value = O),
+        D[2] || (D[2] = (C) => h.value = C),
         d
       ],
       disabled: y.disabled,
@@ -959,7 +959,7 @@ const It = {
         e("div", dl, [
           p(c(Pe), { class: "block text-sm font-medium" }, {
             default: b(() => [
-              z(g(y.label), 1)
+              A(g(y.label), 1)
             ]),
             _: 1
           }),
@@ -967,8 +967,8 @@ const It = {
         ]),
         e("div", cl, [
           p(c(Ye), {
-            onChange: w[0] || (w[0] = (O) => i.value = O.target.value),
-            onBlur: w[1] || (w[1] = (O) => i.value = ""),
+            onChange: D[0] || (D[0] = (C) => i.value = C.target.value),
+            onBlur: D[1] || (D[1] = (C) => i.value = ""),
             displayValue: r,
             class: f([{
               "mt-1": y.requiredText || y.label,
@@ -999,26 +999,26 @@ const It = {
             class: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"
           }, {
             default: b(() => [
-              (l(!0), n(x, null, _(t.value, (O) => (l(), k(c(Ve), {
-                key: O.id,
-                value: O,
+              (l(!0), n(x, null, S(t.value, (C) => (l(), k(c(Ve), {
+                key: C.id,
+                value: C,
                 as: "template"
               }, {
-                default: b(({ active: B, selected: S }) => [
+                default: b(({ active: z, selected: w }) => [
                   e("li", {
                     class: f([
                       "relative cursor-default select-none py-2 pl-3 pr-9",
-                      B ? "bg-indigo-600 text-white" : "text-gray-900"
+                      z ? "bg-indigo-600 text-white" : "text-gray-900"
                     ])
                   }, [
                     e("span", {
-                      class: f(["block truncate", S && "font-semibold"])
-                    }, g(O.name), 3),
-                    S ? (l(), n("span", {
+                      class: f(["block truncate", w && "font-semibold"])
+                    }, g(C.name), 3),
+                    w ? (l(), n("span", {
                       key: 0,
                       class: f([
                         "absolute inset-y-0 right-0 flex items-center pr-4",
-                        B ? "text-white" : "text-indigo-600"
+                        z ? "text-white" : "text-indigo-600"
                       ])
                     }, [
                       p(c(Se), {
@@ -1035,7 +1035,7 @@ const It = {
             _: 1
           })) : v("", !0)
         ]),
-        C(e("p", {
+        _(e("p", {
           class: f([{
             "text-gray-400": y.color === "gray",
             "text-red-600": y.color === "red",
@@ -1043,7 +1043,7 @@ const It = {
             "text-green-600": y.color === "green"
           }, "mt-2 text-xs flex flex-row items-center"])
         }, g(y.error), 3), [
-          [j, y.error]
+          [M, y.error]
         ])
       ]),
       _: 1
@@ -1083,7 +1083,7 @@ function fl(m, u) {
 const hl = { class: "flex justify-between" }, yl = {
   key: 0,
   class: "text-[10px] uppercase justify-self-end self-center"
-}, Be = /* @__PURE__ */ M({
+}, Be = /* @__PURE__ */ B({
   __name: "uiSelect_v2",
   props: {
     items: {},
@@ -1099,12 +1099,12 @@ const hl = { class: "flex justify-between" }, yl = {
   },
   emits: ["selectChanged"],
   setup(m, { emit: u }) {
-    const a = m, i = u, s = N(""), o = N(a.select), t = I(
+    const a = m, i = u, s = N(""), o = N(a.select), t = P(
       () => s.value === "" ? a.items : a.items.filter((d) => d.name.toLowerCase().includes(s.value.toLowerCase()))
     ), r = (d) => {
       s.value = "", i("selectChanged", d);
     };
-    return (d, h) => (l(), k(c(Ie), {
+    return (d, h) => (l(), k(c(Ne), {
       as: "div",
       modelValue: o.value,
       "onUpdate:modelValue": [
@@ -1116,7 +1116,7 @@ const hl = { class: "flex justify-between" }, yl = {
         e("div", hl, [
           p(c(Pe), { class: "block text-sm font-medium" }, {
             default: b(() => [
-              z(g(d.label), 1)
+              A(g(d.label), 1)
             ]),
             _: 1
           }),
@@ -1160,21 +1160,21 @@ const hl = { class: "flex justify-between" }, yl = {
             class: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none sm:text-sm"
           }, {
             default: b(() => [
-              (l(!0), n(x, null, _(t.value, (y) => (l(), k(c(Ve), {
+              (l(!0), n(x, null, S(t.value, (y) => (l(), k(c(Ve), {
                 key: y.id,
                 value: y,
                 as: "template"
               }, {
-                default: b(({ active: w, selected: O }) => [
+                default: b(({ active: D, selected: C }) => [
                   e("li", {
-                    class: f(["relative cursor-default select-none py-2 pl-3 pr-9", w ? "bg-lime-400 outline-none" : "text-gray-900"])
+                    class: f(["relative cursor-default select-none py-2 pl-3 pr-9", D ? "bg-lime-400 outline-none" : "text-gray-900"])
                   }, [
                     e("span", {
-                      class: f(["block truncate", O && "font-semibold"])
+                      class: f(["block truncate", C && "font-semibold"])
                     }, g(y.name), 3),
-                    O ? (l(), n("span", {
+                    C ? (l(), n("span", {
                       key: 0,
-                      class: f(["absolute inset-y-0 right-0 flex items-center pr-4", w ? "text-black" : "text-lime-400"])
+                      class: f(["absolute inset-y-0 right-0 flex items-center pr-4", D ? "text-black" : "text-lime-400"])
                     }, [
                       p(c(pl), {
                         class: "size-5",
@@ -1189,7 +1189,7 @@ const hl = { class: "flex justify-between" }, yl = {
             _: 1
           })) : v("", !0)
         ], 2),
-        C(e("p", {
+        _(e("p", {
           class: f([{
             "text-gray-400": d.color === "gray",
             "text-red-600": d.color === "red",
@@ -1197,7 +1197,7 @@ const hl = { class: "flex justify-between" }, yl = {
             "text-green-600": d.color === "green"
           }, "mt-2 text-xs flex flex-row items-center"])
         }, g(d.error), 3), [
-          [j, d.error]
+          [M, d.error]
         ])
       ]),
       _: 1
@@ -1206,7 +1206,7 @@ const hl = { class: "flex justify-between" }, yl = {
 }), bl = {
   key: 1,
   class: "inline-flex items-center px-3 py-2.5 rounded text-xs font-medium leading-none animate-pulse bg-gray-200"
-}, R = /* @__PURE__ */ M({
+}, R = /* @__PURE__ */ B({
   __name: "uiTag",
   props: {
     color: { default: "primary" },
@@ -1255,7 +1255,7 @@ const hl = { class: "flex justify-between" }, yl = {
 }, $l = ["disabled", "placeholder"], _l = {
   key: 1,
   class: "animate-pulse"
-}, Cl = /* @__PURE__ */ M({
+}, Cl = /* @__PURE__ */ B({
   __name: "uiTextArea",
   props: {
     name: {},
@@ -1286,7 +1286,7 @@ const hl = { class: "flex justify-between" }, yl = {
       e("div", {
         class: f({ "mt-1": t.label })
       }, [
-        C(e("textarea", {
+        _(e("textarea", {
           disabled: t.disabled,
           rows: "4",
           "onUpdate:modelValue": r[0] || (r[0] = (d) => o.value = d),
@@ -1308,7 +1308,7 @@ const hl = { class: "flex justify-between" }, yl = {
           [Q, o.value]
         ])
       ], 2),
-      C(e("p", {
+      _(e("p", {
         class: f([{
           "text-gray-300": t.color === "gray",
           "text-red-600": t.color === "red",
@@ -1322,9 +1322,9 @@ const hl = { class: "flex justify-between" }, yl = {
           class: "mr-2",
           loading: !1
         }, null, 8, ["icon"]),
-        z(" " + g(t.error), 1)
+        A(" " + g(t.error), 1)
       ], 2), [
-        [j, t.error]
+        [M, t.error]
       ])
     ]));
   }
@@ -1334,7 +1334,7 @@ const hl = { class: "flex justify-between" }, yl = {
 }, Ml = {
   key: 1,
   class: "animate-pulse flex items-center"
-}, Dl = /* @__PURE__ */ M({
+}, Dl = /* @__PURE__ */ B({
   __name: "uiToggle",
   props: {
     item: {},
@@ -1400,10 +1400,10 @@ const hl = { class: "flex justify-between" }, yl = {
 }), jl = {
   key: 0,
   class: "flex flex-col"
-}, Tl = { class: "flex" }, zl = { class: "flex-shrink-0" }, Ll = { class: "ml-3" }, Al = { class: "mt-4" }, Ol = { class: "-my-1.5 -mx-2 gap-x-2 flex" }, Nl = ["onClick"], Il = {
+}, Tl = { class: "flex" }, zl = { class: "flex-shrink-0" }, Ll = { class: "ml-3" }, Al = { class: "mt-4" }, Ol = { class: "-my-1.5 -mx-2 gap-x-2 flex" }, Il = ["onClick"], Nl = {
   key: 1,
   class: "flex flex-col animate-pulse"
-}, Pl = /* @__PURE__ */ M({
+}, Pl = /* @__PURE__ */ B({
   __name: "uiAlert",
   props: {
     actions: {},
@@ -1416,7 +1416,7 @@ const hl = { class: "flex justify-between" }, yl = {
     const a = u, i = (s) => {
       a("alertEvent", s.event);
     };
-    return (s, o) => s.loading ? (l(), n("div", Il, o[0] || (o[0] = [
+    return (s, o) => s.loading ? (l(), n("div", Nl, o[0] || (o[0] = [
       G('<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)
     ]))) : (l(), n("div", jl, [
       e("div", {
@@ -1469,7 +1469,7 @@ const hl = { class: "flex justify-between" }, yl = {
             ], 2),
             e("div", Al, [
               e("div", Ol, [
-                (l(!0), n(x, null, _(s.actions, (t, r) => (l(), n("button", {
+                (l(!0), n(x, null, S(s.actions, (t, r) => (l(), n("button", {
                   onClick: (d) => i(t),
                   type: "button",
                   key: r,
@@ -1482,7 +1482,7 @@ const hl = { class: "flex justify-between" }, yl = {
                     },
                     "px-2 py-1.5 text-sm font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 underline"
                   ])
-                }, g(t.name), 11, Nl))), 128))
+                }, g(t.name), 11, Il))), 128))
               ])
             ])
           ])
@@ -1503,7 +1503,7 @@ const hl = { class: "flex justify-between" }, yl = {
 }, Ul = ["onClick"], Hl = {
   key: 1,
   class: "flex flex-row items-center animate-pulse"
-}, El = /* @__PURE__ */ M({
+}, El = /* @__PURE__ */ B({
   __name: "uiBreadcrumbs",
   props: {
     pages: {},
@@ -1518,7 +1518,7 @@ const hl = { class: "flex justify-between" }, yl = {
       e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1)
     ]))) : (l(), n("nav", Yl, [
       e("ol", ql, [
-        (l(!0), n(x, null, _(a.pages, (s, o) => (l(), n("li", { key: o }, [
+        (l(!0), n(x, null, S(a.pages, (s, o) => (l(), n("li", { key: o }, [
           o == 0 ? (l(), n("div", Fl, [
             e("p", {
               onClick: (t) => a.$emit("breadCrumbClicked", s.routeName),
@@ -1551,7 +1551,7 @@ const hl = { class: "flex justify-between" }, yl = {
 }, Ql = {
   key: 1,
   class: "rounded-lg bg-white shadow p-6 cursor-pointer animate-pulse"
-}, Xl = /* @__PURE__ */ M({
+}, Xl = /* @__PURE__ */ B({
   __name: "uiCard",
   props: {
     id: {},
@@ -1581,21 +1581,21 @@ const hl = { class: "flex justify-between" }, yl = {
         ])
       ]),
       a.tags && a.tags?.length > 0 ? (l(), n("div", Kl, [
-        (l(!0), n(x, null, _(a.tags, (s) => (l(), k(R, {
+        (l(!0), n(x, null, S(a.tags, (s) => (l(), k(R, {
           class: "mb-1 mr-1",
           key: s.name,
           color: s.color,
           loading: a.loading
         }, {
           default: b(() => [
-            z(g(s.name), 1)
+            A(g(s.name), 1)
           ]),
           _: 2
         }, 1032, ["color", "loading"]))), 128))
       ])) : v("", !0)
     ]));
   }
-}), Ke = /* @__PURE__ */ M({
+}), Ke = /* @__PURE__ */ B({
   __name: "uiFilter",
   props: {
     items: {},
@@ -1622,7 +1622,7 @@ const hl = { class: "flex justify-between" }, yl = {
 }), es = { class: "fixed inset-0 z-10 overflow-y-auto" }, ts = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, ls = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, ss = { class: "sm:flex sm:items-start" }, os = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full break-words" }, rs = { class: "mt-4 text-gray-500 text-sm" }, as = {
   key: 0,
   class: "mt-8"
-}, ns = ["onClick"], Qe = /* @__PURE__ */ M({
+}, ns = ["onClick"], Qe = /* @__PURE__ */ B({
   __name: "uiModal",
   props: {
     title: {},
@@ -1706,29 +1706,29 @@ const hl = { class: "flex justify-between" }, yl = {
                               "bg-yellow-100": o.type === "warning"
                             }])
                           }, [
-                            C(p(c(W), {
+                            _(p(c(W), {
                               class: "h-6 w-6 text-red-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [j, o.type === "danger"]
+                              [M, o.type === "danger"]
                             ]),
-                            C(p(c(Se), {
+                            _(p(c(Se), {
                               class: "h-6 w-6 text-green-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [j, o.type === "success"]
+                              [M, o.type === "success"]
                             ]),
-                            C(p(c(U), {
+                            _(p(c(U), {
                               class: "h-6 w-6 text-yellow-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [j, o.type === "warning"]
+                              [M, o.type === "warning"]
                             ]),
-                            C(p(c(Lt), {
+                            _(p(c(Lt), {
                               class: "h-6 w-6 text-black",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [j, o.type === "default"]
+                              [M, o.type === "default"]
                             ])
                           ], 2),
                           e("div", os, [
@@ -1737,7 +1737,7 @@ const hl = { class: "flex justify-between" }, yl = {
                               class: "text-lg font-medium leading-6"
                             }, {
                               default: b(() => [
-                                z(g(o.title), 1)
+                                A(g(o.title), 1)
                               ]),
                               _: 1
                             }),
@@ -1745,7 +1745,7 @@ const hl = { class: "flex justify-between" }, yl = {
                               F(o.$slots, "default", { class: "break-words" })
                             ]),
                             o.actions ? (l(), n("div", as, [
-                              (l(!0), n(x, null, _(o.actions, (r, d) => (l(), n("button", {
+                              (l(!0), n(x, null, S(o.actions, (r, d) => (l(), n("button", {
                                 key: d,
                                 type: "button",
                                 class: "inline-flex w-full justify-center rounded-md border border-transparent bg-black px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-lime-400 hover:text-black focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 mb-2 sm:mb-0 mr-2 sm:w-auto sm:text-sm",
@@ -1772,7 +1772,7 @@ const hl = { class: "flex justify-between" }, yl = {
 }), is = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, ds = {
   key: 0,
   class: "max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
-}, us = { class: "p-4" }, cs = { class: "flex items-start" }, gs = { class: "flex-shrink-0 mt-0.5" }, ms = { class: "ml-3 w-0 flex-1 pt-0.5" }, ps = { class: "font-medium text-gray-900" }, fs = { class: "mt-1 text-sm text-gray-500" }, hs = { class: "ml-4 flex-shrink-0 flex" }, ys = /* @__PURE__ */ M({
+}, us = { class: "p-4" }, cs = { class: "flex items-start" }, gs = { class: "flex-shrink-0 mt-0.5" }, ms = { class: "ml-3 w-0 flex-1 pt-0.5" }, ps = { class: "font-medium text-gray-900" }, fs = { class: "mt-1 text-sm text-gray-500" }, hs = { class: "ml-4 flex-shrink-0 flex" }, ys = /* @__PURE__ */ B({
   __name: "uiNotification",
   props: {
     type: { default: "info" },
@@ -1783,7 +1783,7 @@ const hl = { class: "flex justify-between" }, yl = {
   },
   emits: ["closeNotification"],
   setup(m, { emit: u }) {
-    const a = m, i = I(() => a.show);
+    const a = m, i = P(() => a.show);
     return (s, o) => (l(), n("div", {
       "aria-live": "assertive",
       class: f([{ fixed: s.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"])
@@ -1802,29 +1802,29 @@ const hl = { class: "flex justify-between" }, yl = {
               e("div", us, [
                 e("div", cs, [
                   e("div", gs, [
-                    C(p(c(Ze), {
+                    _(p(c(Ze), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-green-600"
                     }, null, 512), [
-                      [j, s.type === "success"]
+                      [M, s.type === "success"]
                     ]),
-                    C(p(c(ue), {
+                    _(p(c(ue), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-red-600"
                     }, null, 512), [
-                      [j, s.type === "danger"]
+                      [M, s.type === "danger"]
                     ]),
-                    C(p(c(U), {
+                    _(p(c(U), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-yellow-400"
                     }, null, 512), [
-                      [j, s.type === "warning"]
+                      [M, s.type === "warning"]
                     ]),
-                    C(p(c(Ge), {
+                    _(p(c(Ge), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-black"
                     }, null, 512), [
-                      [j, s.type === "info"]
+                      [M, s.type === "info"]
                     ])
                   ]),
                   e("div", ms, [
@@ -1860,7 +1860,7 @@ const hl = { class: "flex justify-between" }, yl = {
 }, vs = { class: "min-w-0" }, ws = { class: "flex items-start gap-x-3" }, ks = { class: "text-sm font-semibold leading-6 text-gray-900" }, xs = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, $s = { class: "truncate" }, _s = { class: "flex flex-none items-center gap-x-4" }, Cs = ["href"], Ss = { class: "sr-only" }, Bs = {
   key: 1,
   class: "divide-y divide-gray-100 animate-pulse"
-}, Ms = /* @__PURE__ */ M({
+}, Ms = /* @__PURE__ */ B({
   __name: "uiTaskList",
   props: {
     tasks: {},
@@ -1868,14 +1868,14 @@ const hl = { class: "flex justify-between" }, yl = {
   },
   setup(m) {
     return (u, a) => u.loading ? (l(), n("ul", Bs, [
-      (l(!0), n(x, null, _(u.tasks, (i) => (l(), n("li", {
+      (l(!0), n(x, null, S(u.tasks, (i) => (l(), n("li", {
         key: i.id,
         class: "flex items-center justify-between gap-x-6 py-5"
       }, a[0] || (a[0] = [
         G('<div class="min-w-0 w-full"><div class="flex items-start gap-x-3"><p class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2"></p></div></div><div class="flex flex-none items-center gap-x-4"><div class="hidden rounded-md bg-gray-200 px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block"><p class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-10"></p></div></div>', 2)
       ])))), 128))
     ])) : (l(), n("ul", bs, [
-      (l(!0), n(x, null, _(u.tasks, (i) => (l(), n("li", {
+      (l(!0), n(x, null, S(u.tasks, (i) => (l(), n("li", {
         key: i.id,
         class: "flex items-center justify-between gap-x-6 py-5"
       }, [
@@ -1902,7 +1902,7 @@ const hl = { class: "flex justify-between" }, yl = {
             href: i.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"
           }, [
-            z(g(i.action), 1),
+            A(g(i.action), 1),
             e("span", Ss, ", " + g(i.name), 1)
           ], 8, Cs)
         ])
@@ -1917,7 +1917,7 @@ var le = { exports: {} }, js = le.exports, De;
 function Ts() {
   return De || (De = 1, function(m, u) {
     (function(a, i) {
-      m.exports = i(A);
+      m.exports = i(I);
     })(js, function(a) {
       function i(t) {
         return t && typeof t == "object" && "default" in t ? t : { default: t };
@@ -1934,15 +1934,15 @@ var se = { exports: {} }, zs = se.exports, je;
 function Ls() {
   return je || (je = 1, function(m, u) {
     (function(a, i) {
-      m.exports = i(A);
+      m.exports = i(I);
     })(zs, function(a) {
       function i(d) {
         return d && typeof d == "object" && "default" in d ? d : { default: d };
       }
       var s = i(a), o = { s: "ein paar Sekunden", m: ["eine Minute", "einer Minute"], mm: "%d Minuten", h: ["eine Stunde", "einer Stunde"], hh: "%d Stunden", d: ["ein Tag", "einem Tag"], dd: ["%d Tage", "%d Tagen"], M: ["ein Monat", "einem Monat"], MM: ["%d Monate", "%d Monaten"], y: ["ein Jahr", "einem Jahr"], yy: ["%d Jahre", "%d Jahren"] };
       function t(d, h, y) {
-        var w = o[y];
-        return Array.isArray(w) && (w = w[h ? 0 : 1]), w.replace("%d", d);
+        var D = o[y];
+        return Array.isArray(D) && (D = D[h ? 0 : 1]), D.replace("%d", d);
       }
       var r = { name: "de", weekdays: "Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"), weekdaysShort: "So._Mo._Di._Mi._Do._Fr._Sa.".split("_"), weekdaysMin: "So_Mo_Di_Mi_Do_Fr_Sa".split("_"), months: "Januar_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"), monthsShort: "Jan._Feb._März_Apr._Mai_Juni_Juli_Aug._Sept._Okt._Nov._Dez.".split("_"), ordinal: function(d) {
         return d + ".";
@@ -1966,12 +1966,12 @@ function Os() {
   }(oe)), oe.exports;
 }
 Os();
-var re = { exports: {} }, Ns = re.exports, ze;
-function Is() {
+var re = { exports: {} }, Is = re.exports, ze;
+function Ns() {
   return ze || (ze = 1, function(m, u) {
     (function(a, i) {
-      m.exports = i(A);
-    })(Ns, function(a) {
+      m.exports = i(I);
+    })(Is, function(a) {
       function i(t) {
         return t && typeof t == "object" && "default" in t ? t : { default: t };
       }
@@ -1982,7 +1982,7 @@ function Is() {
     });
   }(re)), re.exports;
 }
-Is();
+Ns();
 const ee = (m, u) => {
   const a = m.__vccOpts || m;
   for (const [i, s] of u)
@@ -1993,13 +1993,13 @@ const ee = (m, u) => {
   components: { ChevronLeftIcon: We, ChevronRightIcon: X },
   computed: {
     currentDate() {
-      return A(this.selectedDate).locale("es");
+      return I(this.selectedDate).locale("es");
     },
     today() {
-      return A(/* @__PURE__ */ new Date()).locale("es");
+      return I(/* @__PURE__ */ new Date()).locale("es");
     },
     formatedDate() {
-      return A(this.currentDate).locale("es").format("DD MMM YYYY");
+      return I(this.currentDate).locale("es").format("DD MMM YYYY");
     }
   },
   props: {
@@ -2013,9 +2013,9 @@ const ee = (m, u) => {
       let a;
       if (u === "previous") {
         if (this.currentDate <= this.today) return;
-        m === "day" && (a = A(this.currentDate).subtract(1, "day")), m === "month" && (a = A(this.currentDate).subtract(1, "month")), m === "year" && (a = A(this.currentDate).subtract(1, "year")), a <= this.today && (a = this.currentDate = this.today);
+        m === "day" && (a = I(this.currentDate).subtract(1, "day")), m === "month" && (a = I(this.currentDate).subtract(1, "month")), m === "year" && (a = I(this.currentDate).subtract(1, "year")), a <= this.today && (a = this.currentDate = this.today);
       }
-      u === "next" && (m === "day" && (a = A(this.selectedDate).add(1, "day")), m === "month" && (a = A(this.selectedDate).add(1, "month")), m === "year" && (a = A(this.selectedDate).add(1, "year"))), this.$emit("dateSelected", a);
+      u === "next" && (m === "day" && (a = I(this.selectedDate).add(1, "day")), m === "month" && (a = I(this.selectedDate).add(1, "month")), m === "year" && (a = I(this.selectedDate).add(1, "year"))), this.$emit("dateSelected", a);
     }
   }
 }, Ys = { class: "dateSelector flex items-center flex-row" }, qs = { class: "pagination flex items-center my-1 md:my-0" }, Fs = { class: "date mx-4 font-bold text-center text-black select-none uppercase" }, Vs = { class: "pagination flex items-center my-1 sm:my-0" };
@@ -2127,7 +2127,7 @@ function Xs(m, u, a, i, s, o) {
                 ])
               ], -1)),
               e("tbody", Qs, [
-                (l(), n(x, null, _(10, (t) => e("tr", { key: t }, u[0] || (u[0] = [
+                (l(), n(x, null, S(10, (t) => e("tr", { key: t }, u[0] || (u[0] = [
                   e("td", { class: "whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6" }, [
                     e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })
                   ], -1),
@@ -2147,7 +2147,7 @@ function Xs(m, u, a, i, s, o) {
                     }, [
                       e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" }),
                       e("span", { class: "sr-only" }, [
-                        z(", {"),
+                        A(", {"),
                         e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })
                       ])
                     ])
@@ -2185,12 +2185,12 @@ const so = /* @__PURE__ */ Ds(lo), oo = {
   },
   computed: {
     currentDay() {
-      return A.extend(so), {
-        dayName: A(this.day).locale("es").format("ddd"),
-        day: A(this.day).locale("es").format("DD"),
-        month: A(this.day).locale("es").format("MMM."),
-        isWeekend: A(this.day).format("d") == 6 || A(this.day).format("d") == 0,
-        isToday: A(this.day).isToday()
+      return I.extend(so), {
+        dayName: I(this.day).locale("es").format("ddd"),
+        day: I(this.day).locale("es").format("DD"),
+        month: I(this.day).locale("es").format("MMM."),
+        isWeekend: I(this.day).format("d") == 6 || I(this.day).format("d") == 0,
+        isToday: I(this.day).isToday()
       };
     }
   }
@@ -2224,7 +2224,7 @@ const uo = /* @__PURE__ */ ee(oo, [["render", io]]), co = {
   computed: {
     currentDay() {
       return {
-        isWeekend: A(this.price.date).format("d") == 6 || A(this.price.date).format("d") == 0,
+        isWeekend: I(this.price.date).format("d") == 6 || I(this.price.date).format("d") == 0,
         price: this.price.price
       };
     }
@@ -2285,10 +2285,10 @@ const te = /* @__PURE__ */ ee(co, [["render", mo]]), po = {
   colspan: "2",
   scope: "colgroup",
   class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold"
-}, No = {
+}, Io = {
   colspan: "2",
   class: "relative py-3.5 pl-4 pr-3 text-left text-sm font-semibold sm:pl-6"
-}, Io = {
+}, No = {
   key: 0,
   class: "absolute inset-y-0 left-0 w-0.5 bg-lime-400"
 }, Po = ["value"], Yo = { class: "pl-6" }, qo = {
@@ -2297,7 +2297,7 @@ const te = /* @__PURE__ */ ee(co, [["render", mo]]), po = {
 }, Fo = {
   colspan: "2",
   class: "pl-4"
-}, Vo = /* @__PURE__ */ M({
+}, Vo = /* @__PURE__ */ B({
   __name: "uiPriceCalendar",
   props: {
     loading: { type: Boolean },
@@ -2315,20 +2315,20 @@ const te = /* @__PURE__ */ ee(co, [["render", mo]]), po = {
     V(() => a.today, ($) => {
       o.value = $;
     });
-    const r = I(() => {
+    const r = P(() => {
       let $ = [];
-      for (let P = 0; P < 14; P++)
-        $.push(A(o.value).add(P, "day"));
+      for (let Y = 0; Y < 14; Y++)
+        $.push(I(o.value).add(Y, "day"));
       return $;
-    }), d = I(() => t.value.length > 0 && t.value.length < a.rooms.length), h = ($) => {
-      A($).isBefore(s.value) || (o.value = $, i("dateChanged", o.value));
+    }), d = P(() => t.value.length > 0 && t.value.length < a.rooms.length), h = ($) => {
+      I($).isBefore(s.value) || (o.value = $, i("dateChanged", o.value));
     }, y = ($) => {
-      let P = a.category.selectionPrices.find((L) => A(L.date).isSame($.date));
-      return P ? P.price : $.price;
-    }, w = ($) => {
-      t.value = $.target.checked ? a.rooms.map((P) => P.id) : [];
-    }, O = () => i("changeCategoryBulkPrices"), B = ($) => i("changeCategorySelectionPrice", $), S = ($) => i("changeCategoryUpgradePrice", $), D = ($) => i("tableAction", $), Y = ($, P, L) => i("changeRoomPrice", { price: $, roomId: P, roomName: L });
-    return ($, P) => $.loading ? (l(), k(Xe, { key: 1 })) : (l(), n("div", po, [
+      let Y = a.category.selectionPrices.find((O) => I(O.date).isSame($.date));
+      return Y ? Y.price : $.price;
+    }, D = ($) => {
+      t.value = $.target.checked ? a.rooms.map((Y) => Y.id) : [];
+    }, C = () => i("changeCategoryBulkPrices"), z = ($) => i("changeCategorySelectionPrice", $), w = ($) => i("changeCategoryUpgradePrice", $), L = ($) => i("tableAction", $), j = ($, Y, O) => i("changeRoomPrice", { price: $, roomId: Y, roomName: O });
+    return ($, Y) => $.loading ? (l(), k(Xe, { key: 1 })) : (l(), n("div", po, [
       e("div", fo, [
         e("div", ho, [
           e("div", yo, [
@@ -2338,17 +2338,17 @@ const te = /* @__PURE__ */ ee(co, [["render", mo]]), po = {
                   e("th", wo, [
                     p(Us, {
                       selectedDate: o.value,
-                      onDateSelected: P[0] || (P[0] = (L) => h(L))
+                      onDateSelected: Y[0] || (Y[0] = (O) => h(O))
                     }, null, 8, ["selectedDate"])
                   ]),
-                  (l(!0), n(x, null, _(r.value, (L, q) => (l(), n("th", {
+                  (l(!0), n(x, null, S(r.value, (O, q) => (l(), n("th", {
                     scope: "col",
                     key: q,
                     class: "text-sm font-semibold p-0"
                   }, [
                     p(uo, {
                       class: "border-l border-gray-200 px-6 py-3",
-                      day: L
+                      day: O
                     }, null, 8, ["day"])
                   ]))), 128))
                 ]),
@@ -2359,10 +2359,10 @@ const te = /* @__PURE__ */ ee(co, [["render", mo]]), po = {
                       loading: $.loading,
                       class: "ml-4",
                       size: "small",
-                      onClick: O
+                      onClick: C
                     }, {
                       default: b(() => [
-                        z(g($.literals.changeInBulk), 1)
+                        A(g($.literals.changeInBulk), 1)
                       ]),
                       _: 1
                     }, 8, ["loading"])
@@ -2370,14 +2370,14 @@ const te = /* @__PURE__ */ ee(co, [["render", mo]]), po = {
                 ]),
                 $.type === "discounts" ? (l(), n("tr", xo, [
                   e("td", $o, g($.literals.pricesDiscount), 1),
-                  (l(!0), n(x, null, _($.category.selectionPrices, (L, q) => (l(), n("td", {
+                  (l(!0), n(x, null, S($.category.selectionPrices, (O, q) => (l(), n("td", {
                     key: q,
                     class: "p-0"
                   }, [
                     p(te, {
-                      onClick: (K) => B(L),
+                      onClick: (K) => z(O),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 font-bold cursor-pointer",
-                      price: L,
+                      price: O,
                       currency: $.currency.symbol,
                       isBasePrice: !0
                     }, null, 8, ["onClick", "price", "currency"])
@@ -2385,14 +2385,14 @@ const te = /* @__PURE__ */ ee(co, [["render", mo]]), po = {
                 ])) : v("", !0),
                 $.type === "prices" ? (l(), n("tr", _o, [
                   e("td", Co, g($.literals.pricesSelection), 1),
-                  (l(!0), n(x, null, _($.category.selectionPrices, (L, q) => (l(), n("td", {
+                  (l(!0), n(x, null, S($.category.selectionPrices, (O, q) => (l(), n("td", {
                     key: q,
                     class: "p-0"
                   }, [
                     p(te, {
-                      onClick: (K) => B(L),
+                      onClick: (K) => z(O),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 font-bold cursor-pointer",
-                      price: L,
+                      price: O,
                       currency: $.currency.symbol,
                       isBasePrice: !0
                     }, null, 8, ["onClick", "price", "currency"])
@@ -2400,14 +2400,14 @@ const te = /* @__PURE__ */ ee(co, [["render", mo]]), po = {
                 ])) : v("", !0),
                 $.type === "prices" ? (l(), n("tr", So, [
                   e("td", Bo, g($.literals.pricesUpgrade), 1),
-                  (l(!0), n(x, null, _($.category.upgradePrices, (L, q) => (l(), n("td", {
+                  (l(!0), n(x, null, S($.category.upgradePrices, (O, q) => (l(), n("td", {
                     key: q,
                     class: "p-0"
                   }, [
                     p(te, {
-                      onClick: (K) => S(L),
+                      onClick: (K) => w(O),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 font-bold cursor-pointer bg-gray-100",
-                      price: L,
+                      price: O,
                       currency: $.currency.symbol,
                       isBasePrice: !0
                     }, null, 8, ["onClick", "price", "currency"])
@@ -2416,12 +2416,12 @@ const te = /* @__PURE__ */ ee(co, [["render", mo]]), po = {
                 e("tr", null, [
                   e("th", Mo, [
                     t.value?.length > 0 && $.actions?.length > 0 ? (l(), n("div", Do, [
-                      (l(!0), n(x, null, _($.actions, (L, q) => (l(), n("button", {
-                        onClick: (K) => D({ action: L.id, items: t.value }),
+                      (l(!0), n(x, null, S($.actions, (O, q) => (l(), n("button", {
+                        onClick: (K) => L({ action: O.id, items: t.value }),
                         key: q,
                         type: "button",
                         class: "inline-flex items-center rounded bg-lime-400 hover:bg-black hover:text-white px-2.5 py-1.5 text-xs font-medium shadow-sm disabled:cursor-not-allowed disabled:opacity-30"
-                      }, g(L.name), 9, jo))), 128))
+                      }, g(O.name), 9, jo))), 128))
                     ])) : v("", !0),
                     e("span", null, g($.literals.pricesSelection), 1)
                   ])
@@ -2433,42 +2433,42 @@ const te = /* @__PURE__ */ ee(co, [["render", mo]]), po = {
                       class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-lime-400 focus:ring-lime-400",
                       checked: d.value || t.value.length === $.rooms.length,
                       indeterminate: d.value,
-                      onChange: w
+                      onChange: D
                     }, null, 40, zo),
                     e("span", Lo, g($.literals.room), 1)
                   ]),
                   e("th", Ao, g($.literals.building), 1),
                   e("th", Oo, g($.literals.floor), 1),
-                  P[2] || (P[2] = e("th", {
+                  Y[2] || (Y[2] = e("th", {
                     colspan: "14",
                     scope: "colgroup",
                     class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold"
                   }, null, -1))
                 ]),
-                (l(!0), n(x, null, _($.rooms, (L) => (l(), n("tr", {
-                  key: L.name,
+                (l(!0), n(x, null, S($.rooms, (O) => (l(), n("tr", {
+                  key: O.name,
                   class: f([{ "even:bg-gray-100": $.type === "prices", "odd:bg-gray-100": $.type === "discounts" }])
                 }, [
-                  e("td", No, [
-                    t.value.length > 0 ? (l(), n("div", Io)) : v("", !0),
-                    C(e("input", {
+                  e("td", Io, [
+                    t.value.length > 0 ? (l(), n("div", No)) : v("", !0),
+                    _(e("input", {
                       type: "checkbox",
                       class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-lime-400 focus:ring-lime-400",
-                      value: L.name,
-                      "onUpdate:modelValue": P[1] || (P[1] = (q) => t.value = q)
+                      value: O.name,
+                      "onUpdate:modelValue": Y[1] || (Y[1] = (q) => t.value = q)
                     }, null, 8, Po), [
-                      [Ne, t.value]
+                      [Ie, t.value]
                     ]),
-                    e("span", Yo, g(L.name), 1)
+                    e("span", Yo, g(O.name), 1)
                   ]),
-                  e("td", qo, g(L.building), 1),
-                  e("td", Fo, g(L.floor), 1),
-                  (l(!0), n(x, null, _(L.selectionPrices, (q, K) => (l(), n("td", {
+                  e("td", qo, g(O.building), 1),
+                  e("td", Fo, g(O.floor), 1),
+                  (l(!0), n(x, null, S(O.selectionPrices, (q, K) => (l(), n("td", {
                     class: "p-0",
                     key: K
                   }, [
                     p(te, {
-                      onClick: (Od) => Y(q, L.id, L.name),
+                      onClick: (Id) => j(q, O.id, O.name),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 cursor-pointer",
                       price: q,
                       currency: $.currency.symbol,
@@ -2486,7 +2486,7 @@ const te = /* @__PURE__ */ ee(co, [["render", mo]]), po = {
 }), Ro = { class: "chart-header flex flex-row items-center w-full justify-between" }, Uo = { class: "text-sm font-medium text-gray-500 truncate mr-8" }, Ho = {
   key: 0,
   class: "flex items-center gap-x-2 grow"
-}, Eo = { class: "self-center ml-2" }, Zo = { class: "self-center ml-2" }, Wo = { class: "self-center ml-2" }, Jo = { class: "hidden sm:flex items-center" }, Go = { class: "w-1/2 min-w-0 flex-1" }, Ko = ["max"], Qo = { class: "min-w-0 flex-1" }, Xo = ["max"], er = { class: "chart-content relative" }, tr = /* @__PURE__ */ M({
+}, Eo = { class: "self-center ml-2" }, Zo = { class: "self-center ml-2" }, Wo = { class: "self-center ml-2" }, Jo = { class: "hidden sm:flex items-center" }, Go = { class: "w-1/2 min-w-0 flex-1" }, Ko = ["max"], Qo = { class: "min-w-0 flex-1" }, Xo = ["max"], er = { class: "chart-content relative" }, tr = /* @__PURE__ */ B({
   __name: "uiChart",
   props: {
     labels: {},
@@ -2510,8 +2510,8 @@ const te = /* @__PURE__ */ ee(co, [["render", mo]]), po = {
   setup(m, { emit: u }) {
     const a = u, i = N((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":"))), s = m;
     let o = de(s.dates || { from: "", to: i });
-    V(() => s.dates, (S) => {
-      S && (o = S);
+    V(() => s.dates, (w) => {
+      w && (o = w);
     });
     let r = {
       chart: {
@@ -2524,10 +2524,10 @@ const te = /* @__PURE__ */ ee(co, [["render", mo]]), po = {
       },
       colors: function() {
         return s.isNps ? [
-          function({ value: S, seriesIndex: D, dataPointIndex: Y, w: $ }) {
-            if (Y <= 5) return "#F87171";
-            if (Y > 5 && Y <= 7) return "#eab308";
-            if (Y >= 8) return "#84cc16";
+          function({ value: w, seriesIndex: L, dataPointIndex: j, w: $ }) {
+            if (j <= 5) return "#F87171";
+            if (j > 5 && j <= 7) return "#eab308";
+            if (j >= 8) return "#84cc16";
           }
         ] : [
           "#000000",
@@ -2570,17 +2570,17 @@ const te = /* @__PURE__ */ ee(co, [["render", mo]]), po = {
       ]
     }), s.type === "area" && (r.tooltip = { intersect: !1, shared: !0 });
     const d = () => (r.chart.stacked = s.stacked, s.options && (s.options.xaxis.hideOverlappingLabels = !0, s.options.xaxis.decimalsInFloat = 2, s.options.xaxis.tickAmount = 10), { ...r, ...s.options, plotOptions: { bar: { horizontal: s.horizontal } } }), h = () => {
-      o.from !== "" && o.to !== "" && A(o.from).isBefore(A(o.to)) && a("selectedRange", { range: o, chartId: s.id });
-    }, y = I(() => s.series), w = I(() => d()), O = () => a("chartUpdated"), B = (S, D, Y) => {
-      a("dataPointSelection", { id: s.id, chartContext: D, config: Y, event: S });
+      o.from !== "" && o.to !== "" && I(o.from).isBefore(I(o.to)) && a("selectedRange", { range: o, chartId: s.id });
+    }, y = P(() => s.series), D = P(() => d()), C = () => a("chartUpdated"), z = (w, L, j) => {
+      a("dataPointSelection", { id: s.id, chartContext: L, config: j, event: w });
     };
-    return (S, D) => (l(), n(x, null, [
-      C(e("div", {
-        class: f(["h-[" + S.height + "px]", "card chart apex-chart p-4 bg-white shadow rounded-lg overflow-hidden flex grow"])
+    return (w, L) => (l(), n(x, null, [
+      _(e("div", {
+        class: f(["h-[" + w.height + "px]", "card chart apex-chart p-4 bg-white shadow rounded-lg overflow-hidden flex grow"])
       }, [
         e("div", Ro, [
-          e("div", Uo, g(S.title), 1),
-          S.isNps && S.npsLiterals ? (l(), n("div", Ho, [
+          e("div", Uo, g(w.title), 1),
+          w.isNps && w.npsLiterals ? (l(), n("div", Ho, [
             p(R, {
               size: "small",
               color: "red",
@@ -2592,7 +2592,7 @@ const te = /* @__PURE__ */ ee(co, [["render", mo]]), po = {
                   loading: !1,
                   color: "red"
                 }, null, 8, ["icon"]),
-                e("span", Eo, g(S.npsLiterals.unhappy), 1)
+                e("span", Eo, g(w.npsLiterals.unhappy), 1)
               ]),
               _: 1
             }),
@@ -2607,7 +2607,7 @@ const te = /* @__PURE__ */ ee(co, [["render", mo]]), po = {
                   loading: !1,
                   color: "yellow"
                 }, null, 8, ["icon"]),
-                e("span", Zo, g(S.npsLiterals.neutral), 1)
+                e("span", Zo, g(w.npsLiterals.neutral), 1)
               ]),
               _: 1
             }),
@@ -2622,16 +2622,16 @@ const te = /* @__PURE__ */ ee(co, [["render", mo]]), po = {
                   loading: !1,
                   color: "green"
                 }, null, 8, ["icon"]),
-                e("span", Wo, g(S.npsLiterals.happy), 1)
+                e("span", Wo, g(w.npsLiterals.happy), 1)
               ]),
               _: 1
             })
           ])) : v("", !0),
           e("div", Jo, [
             e("div", Go, [
-              C(e("input", {
+              _(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": D[0] || (D[0] = (Y) => c(o).from = Y),
+                "onUpdate:modelValue": L[0] || (L[0] = (j) => c(o).from = j),
                 max: i.value.toString(),
                 onChange: h,
                 name: "from",
@@ -2642,9 +2642,9 @@ const te = /* @__PURE__ */ ee(co, [["render", mo]]), po = {
               ])
             ]),
             e("div", Qo, [
-              C(e("input", {
+              _(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": D[1] || (D[1] = (Y) => c(o).to = Y),
+                "onUpdate:modelValue": L[1] || (L[1] = (j) => c(o).to = j),
                 max: i.value.toString(),
                 onChange: h,
                 name: "to",
@@ -2657,28 +2657,28 @@ const te = /* @__PURE__ */ ee(co, [["render", mo]]), po = {
             p(T, {
               class: "ml-4 cursor-pointer",
               size: "big",
-              loading: S.loading,
+              loading: w.loading,
               icon: c(He),
-              onClick: D[2] || (D[2] = (Y) => S.$emit("maximizeChart", S.id))
+              onClick: L[2] || (L[2] = (j) => w.$emit("maximizeChart", w.id))
             }, null, 8, ["loading", "icon"])
           ])
         ]),
-        C(e("div", er, [
+        _(e("div", er, [
           p(c(Ce), {
             class: "chart",
-            type: S.type,
+            type: w.type,
             series: y.value,
-            height: S.height,
-            options: w.value,
-            onUpdated: O,
-            onMounted: O,
-            onDataPointSelection: B
+            height: w.height,
+            options: D.value,
+            onUpdated: C,
+            onMounted: C,
+            onDataPointSelection: z
           }, null, 8, ["type", "series", "height", "options"])
         ], 512), [
-          [j, !S.empty]
+          [M, !w.empty]
         ]),
-        C(e("div", {
-          class: f(["h-[" + S.height + "px]", "w-full flex items-center justify-center flex-col"])
+        _(e("div", {
+          class: f(["h-[" + w.height + "px]", "w-full flex items-center justify-center flex-col"])
         }, [
           p(T, {
             icon: c(U),
@@ -2686,16 +2686,16 @@ const te = /* @__PURE__ */ ee(co, [["render", mo]]), po = {
             loading: !1,
             size: "massive"
           }, null, 8, ["icon"]),
-          D[3] || (D[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data for this time frame", -1))
+          L[3] || (L[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data for this time frame", -1))
         ], 2), [
-          [j, S.empty]
+          [M, w.empty]
         ])
       ], 2), [
-        [j, !S.loading]
+        [M, !w.loading]
       ]),
-      C(e("div", {
-        class: f(["h-[" + S.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80"])
-      }, D[4] || (D[4] = [
+      _(e("div", {
+        class: f(["h-[" + w.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80"])
+      }, L[4] || (L[4] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -2722,7 +2722,7 @@ const te = /* @__PURE__ */ ee(co, [["render", mo]]), po = {
           ])
         ], -1)
       ]), 2), [
-        [j, S.loading]
+        [M, w.loading]
       ])
     ], 64));
   }
@@ -2738,7 +2738,7 @@ function or(m, u, a, i, s, o) {
     ], -1)
   ]));
 }
-const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
+const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ B({
   __name: "uiLoadingScreen",
   props: {
     title: {},
@@ -2758,11 +2758,11 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
           alt: "loading animation"
         })
       ], -1)),
-      C(e("h2", { class: "text-xs font-bold text-center uppercase mb-2" }, g(u.title), 513), [
-        [j, u.title]
+      _(e("h2", { class: "text-xs font-bold text-center uppercase mb-2" }, g(u.title), 513), [
+        [M, u.title]
       ]),
-      C(e("p", { class: "text-xs text-center uppercase md:w-1/4" }, g(u.message), 513), [
-        [j, u.message]
+      _(e("p", { class: "text-xs text-center uppercase md:w-1/4" }, g(u.message), 513), [
+        [M, u.message]
       ])
     ], 2));
   }
@@ -2775,32 +2775,33 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
 }, ur = {
   href: "#",
   class: "ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50"
-}, cr = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, gr = { class: "text-sm text-gray-700" }, mr = { class: "font-bold mx-1" }, pr = { class: "font-bold mx-1" }, fr = {
+}, cr = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, gr = { class: "text-sm text-gray-700" }, mr = { class: "font-bold mx-1" }, pr = { class: "font-bold mx-1" }, fr = { class: "font-bold mx-1" }, hr = {
   class: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px",
   "aria-label": "Pagination"
-}, hr = { class: "sr-only" }, yr = ["onClick"], br = { class: "sr-only" }, vr = {
+}, yr = { class: "sr-only" }, br = ["onClick"], vr = { class: "sr-only" }, wr = {
   key: 1,
   class: "py-6 flex flex-row justify-between items-center animate-pulse"
-}, wr = /* @__PURE__ */ M({
+}, kr = /* @__PURE__ */ B({
   __name: "uiPagination",
   props: {
     current: {},
     total: {},
+    totalItems: {},
     loading: { type: Boolean, default: !0 }
   },
   emits: ["changePage"],
   setup(m, { emit: u }) {
-    const a = u, i = m, s = N(3), o = I(
+    const a = u, i = m, s = N(3), o = P(
       () => Math.max(1, Number(i.current) - Number(s.value))
-    ), t = I(
+    ), t = P(
       () => Math.min(Number(i.current) + Number(s.value), Number(i.total))
-    ), r = I(() => {
+    ), r = P(() => {
       let d = [];
       for (let h = Number(o.value); h <= Number(t.value); h++)
         d.push(h);
       return d;
     });
-    return (d, h) => d.loading ? (l(), n("div", vr, h[2] || (h[2] = [
+    return (d, h) => d.loading ? (l(), n("div", wr, h[3] || (h[3] = [
       e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1),
       e("div", { class: "h-10 w-32 bg-gray-200 rounded dark:bg-gray-300" }, null, -1)
     ]))) : (l(), n("div", nr, [
@@ -2818,17 +2819,21 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
             F(d.$slots, "showing"),
             e("span", mr, g(d.current), 1),
             F(d.$slots, "of"),
-            e("span", pr, g(d.total), 1)
+            e("span", pr, g(d.total), 1),
+            F(d.$slots, "pages"),
+            h[2] || (h[2] = e("span", { class: "font-bold mx-1" }, "/", -1)),
+            F(d.$slots, "fromTotal"),
+            e("span", fr, g(d.totalItems), 1)
           ])
         ]),
         e("div", null, [
-          e("nav", fr, [
-            C(e("button", {
+          e("nav", hr, [
+            _(e("button", {
               ref: "test-first-button",
               onClick: h[0] || (h[0] = (y) => a("changePage", d.current - 1)),
               class: "relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
             }, [
-              e("span", hr, [
+              e("span", yr, [
                 F(d.$slots, "previous")
               ]),
               p(c(We), {
@@ -2836,22 +2841,22 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
                 "aria-hidden": "true"
               })
             ], 512), [
-              [j, d.current !== 1]
+              [M, d.current !== 1]
             ]),
-            (l(!0), n(x, null, _(r.value, (y) => (l(), n("button", {
-              onClick: (w) => a("changePage", y),
+            (l(!0), n(x, null, S(r.value, (y) => (l(), n("button", {
+              onClick: (D) => a("changePage", y),
               key: y,
               "aria-current": "page",
               class: f([[
                 y === d.current ? "z-10 bg-lime-50 border-lime-400 text-black" : "bg-white border-gray-300 text-gray-500 hover:bg-gray-50"
               ], "relative inline-flex items-center px-4 py-2 border text-sm font-medium"])
-            }, g(y), 11, yr))), 128)),
-            C(e("button", {
+            }, g(y), 11, br))), 128)),
+            _(e("button", {
               ref: "test-last-button",
               onClick: h[1] || (h[1] = (y) => a("changePage", d.current + 1)),
               class: "relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
             }, [
-              e("span", br, [
+              e("span", vr, [
                 F(d.$slots, "next")
               ]),
               p(c(X), {
@@ -2859,32 +2864,32 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
                 "aria-hidden": "true"
               })
             ], 512), [
-              [j, d.current !== d.total]
+              [M, d.current !== d.total]
             ])
           ])
         ])
       ])
     ]));
   }
-}), kr = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, xr = { class: "flex flex-col flex-grow overflow-y-auto" }, $r = { class: "grow flex flex-col" }, _r = {
+}), xr = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, $r = { class: "flex flex-col flex-grow overflow-y-auto" }, _r = { class: "grow flex flex-col" }, Cr = {
   class: "flex-1 space-y-1",
   "aria-label": "Sidebar"
-}, Cr = { key: 0 }, Sr = ["onClick"], Br = {
+}, Sr = { key: 0 }, Br = ["onClick"], Mr = {
   key: 1,
   class: "text-left"
-}, Mr = {
+}, Dr = {
   key: 1,
   class: "flex-1 text-left"
-}, Dr = {
+}, jr = {
   key: 2,
   class: "flex-1"
-}, jr = {
+}, Tr = {
   key: 0,
   class: "align-left"
-}, Tr = {
+}, zr = {
   key: 1,
   class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2"
-}, zr = { class: "h-12 flex flex-row items-center" }, Lr = /* @__PURE__ */ M({
+}, Lr = { class: "h-12 flex flex-row items-center" }, Ar = /* @__PURE__ */ B({
   __name: "uiSidebar",
   props: {
     navigation: {},
@@ -2895,15 +2900,15 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
   },
   emits: ["sideBarClick"],
   setup(m, { emit: u }) {
-    const a = m, i = u, s = I(() => a.navigation ? Array.isArray(a.navigation) ? a.navigation : [a.navigation] : []);
-    return (o, t) => (l(), n("div", kr, [
-      e("div", xr, [
-        e("div", $r, [
-          e("nav", _r, [
-            o.loading ? (l(), n(x, { key: 1 }, _(5, (r) => e("div", zr, t[1] || (t[1] = [
+    const a = m, i = u, s = P(() => a.navigation ? Array.isArray(a.navigation) ? a.navigation : [a.navigation] : []);
+    return (o, t) => (l(), n("div", xr, [
+      e("div", $r, [
+        e("div", _r, [
+          e("nav", Cr, [
+            o.loading ? (l(), n(x, { key: 1 }, S(5, (r) => e("div", Lr, t[1] || (t[1] = [
               e("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1),
               e("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 grow" }, null, -1)
-            ]))), 64)) : (l(!0), n(x, { key: 0 }, _(s.value, (r) => (l(), n(x, {
+            ]))), 64)) : (l(!0), n(x, { key: 0 }, S(s.value, (r) => (l(), n(x, {
               key: r.name
             }, [
               r.children ? (l(), k(c($e), {
@@ -2926,9 +2931,9 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
                         ]),
                         "aria-hidden": "true"
                       }, null, 8, ["loading", "icon", "class"])) : v("", !0),
-                      o.loading ? (l(), n("div", Dr, t[0] || (t[0] = [
+                      o.loading ? (l(), n("div", jr, t[0] || (t[0] = [
                         e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)
-                      ]))) : (l(), n("span", Mr, g(r.name), 1)),
+                      ]))) : (l(), n("span", Dr, g(r.name), 1)),
                       p(c(X), {
                         class: f([d ? "text-black rotate-90" : "text-gray-400", "mr-3 flex-shrink-0 h-3 w-3 transform group-hover:text-gray-400 transition-colors ease-in-out duration-150"])
                       }, null, 8, ["class"])
@@ -2937,13 +2942,13 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
                   }, 1032, ["class"]),
                   p(c(_e), { class: "space-y-1" }, {
                     default: b(() => [
-                      (l(!0), n(x, null, _(r.children, (h) => (l(), k(c(E), {
+                      (l(!0), n(x, null, S(r.children, (h) => (l(), k(c(E), {
                         onClick: (y) => i("sideBarClick", h.id),
                         key: h.name,
                         class: f([h.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: b(() => [
-                          o.loading ? (l(), n("div", Tr)) : (l(), n("span", jr, g(h.name), 1))
+                          o.loading ? (l(), n("div", zr)) : (l(), n("span", Tr, g(h.name), 1))
                         ]),
                         _: 2
                       }, 1032, ["onClick", "class"]))), 128))
@@ -2952,7 +2957,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
                   }, 1024)
                 ]),
                 _: 2
-              }, 1024)) : (l(), n("div", Cr, [
+              }, 1024)) : (l(), n("div", Sr, [
                 e("button", {
                   onClick: (d) => i("sideBarClick", r.id),
                   class: f([
@@ -2970,8 +2975,8 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
                     ]),
                     "aria-hidden": "true"
                   }, null, 8, ["loading", "icon", "class"])) : v("", !0),
-                  o.loading ? v("", !0) : (l(), n("span", Br, g(r.name), 1))
-                ], 10, Sr)
+                  o.loading ? v("", !0) : (l(), n("span", Mr, g(r.name), 1))
+                ], 10, Br)
               ]))
             ], 64))), 128))
           ])
@@ -2979,24 +2984,24 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
       ])
     ]));
   }
-}), Ar = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6" }, Or = { class: "bg-black w-16 mr-6" }, Nr = ["onClick"], Ir = ["src", "alt"], Pr = {
+}), Or = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6" }, Ir = { class: "bg-black w-16 mr-6" }, Nr = ["onClick"], Pr = ["src", "alt"], Yr = {
   key: 0,
   class: "flex flex-col grow gap-y-5 overflow-y-auto pr-6"
-}, Yr = ["src"], qr = { class: "flex flex-1 flex-col" }, Fr = {
+}, qr = ["src"], Fr = { class: "flex flex-1 flex-col" }, Vr = {
   key: 0,
   role: "list",
   class: "flex flex-1 flex-col gap-y-7 mb-4"
-}, Vr = {
+}, Rr = {
   role: "list",
   class: "ml-2 space-y-1"
-}, Rr = ["onClick"], Ur = {
+}, Ur = ["onClick"], Hr = {
   key: 1,
   role: "list",
   class: "flex flex-1 flex-col gap-y-7 mb-4"
-}, Hr = { class: "ml-2 space-y-1" }, Er = { class: "font-bold mb-4" }, Zr = {
+}, Er = { class: "ml-2 space-y-1" }, Zr = { class: "font-bold mb-4" }, Wr = {
   key: 1,
   class: "flex flex-col grow gap-y-5 overflow-y-auto pr-6"
-}, Wr = { class: "h-12 flex flex-row items-center" }, pe = /* @__PURE__ */ M({
+}, Jr = { class: "h-12 flex flex-row items-center" }, pe = /* @__PURE__ */ B({
   __name: "uiSidebarV2",
   props: {
     navigation: {},
@@ -3008,11 +3013,11 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
   },
   emits: ["productBarClick", "sideBarClick", "inputChanged"],
   setup(m, { emit: u }) {
-    const a = m, i = I(() => a.navigation ? Array.isArray(a.navigation) ? a.navigation : [a.navigation] : []);
-    return (s, o) => (l(), n("div", Ar, [
-      e("div", Or, [
+    const a = m, i = P(() => a.navigation ? Array.isArray(a.navigation) ? a.navigation : [a.navigation] : []);
+    return (s, o) => (l(), n("div", Or, [
+      e("div", Ir, [
         e("ul", null, [
-          (l(!0), n(x, null, _(s.productsSidebar, (t, r) => (l(), n("li", {
+          (l(!0), n(x, null, S(s.productsSidebar, (t, r) => (l(), n("li", {
             key: r,
             class: f([{ "!bg-lime-400": t.active }, "w-full h-16 p-4 flex items-center justify-center cursor-pointer hover:bg-lime-400 hover:text-black"]),
             onClick: (d) => s.$emit("productBarClick", t.name)
@@ -3020,16 +3025,16 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
             e("img", {
               src: t.icon,
               alt: t.name
-            }, null, 8, Ir)
+            }, null, 8, Pr)
           ], 10, Nr))), 128))
         ])
       ]),
-      s.loading ? (l(), n("div", Zr, [
-        (l(), n(x, null, _(5, (t) => e("div", Wr, o[2] || (o[2] = [
+      s.loading ? (l(), n("div", Wr, [
+        (l(), n(x, null, S(5, (t) => e("div", Jr, o[2] || (o[2] = [
           e("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1),
           e("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full w-1/2 dark:bg-gray-300" }, null, -1)
         ]))), 64))
-      ])) : (l(), n("div", Pr, [
+      ])) : (l(), n("div", Yr, [
         e("div", {
           class: "flex h-16 shrink-0 items-center",
           onClick: o[0] || (o[0] = (t) => s.$emit("sideBarClick", "logo"))
@@ -3038,13 +3043,13 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
             class: "h-10 w-auto self-center cursor-pointer",
             src: s.logo,
             alt: "Your Company"
-          }, null, 8, Yr)
+          }, null, 8, qr)
         ]),
-        e("nav", qr, [
-          s.isFilterNavigation ? v("", !0) : (l(), n("ul", Fr, [
+        e("nav", Fr, [
+          s.isFilterNavigation ? v("", !0) : (l(), n("ul", Vr, [
             e("li", null, [
-              e("ul", Vr, [
-                (l(!0), n(x, null, _(i.value, (t) => (l(), n("li", {
+              e("ul", Rr, [
+                (l(!0), n(x, null, S(i.value, (t) => (l(), n("li", {
                   key: t.name
                 }, [
                   t.children ? (l(), k(c($e), {
@@ -3065,7 +3070,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
                             "aria-hidden": "true",
                             class: "shrink-0"
                           }, null, 8, ["icon"]),
-                          z(" " + g(t.name) + " ", 1),
+                          A(" " + g(t.name) + " ", 1),
                           p(c(X), {
                             class: f([t.children.some((r) => r.current) || t.current ? "rotate-90 text-black" : "text-gray-400", "ml-auto h-5 w-5 shrink-0"]),
                             "aria-hidden": "true"
@@ -3073,14 +3078,14 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
                         ]),
                         _: 2
                       }, 1032, ["onClick", "class"]),
-                      C(e("div", null, [
+                      _(e("div", null, [
                         p(c(_e), {
                           as: "ul",
                           class: "mt-1 px-2",
                           static: ""
                         }, {
                           default: b(() => [
-                            (l(!0), n(x, null, _(t.children, (r) => (l(), n("li", {
+                            (l(!0), n(x, null, S(t.children, (r) => (l(), n("li", {
                               key: r.name
                             }, [
                               p(c(E), {
@@ -3089,7 +3094,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
                                 class: f([r.current ? "bg-lime-100" : "hover:bg-lime-100", "block rounded-md py-2 pl-9 pr-2 text-sm leading-6 text-gray-700 cursor-pointer"])
                               }, {
                                 default: b(() => [
-                                  z(g(r.name), 1)
+                                  A(g(r.name), 1)
                                 ]),
                                 _: 2
                               }, 1032, ["onClick", "class"])
@@ -3098,7 +3103,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
                           _: 2
                         }, 1024)
                       ], 512), [
-                        [j, t.children.some((r) => r.current) || t.current]
+                        [M, t.children.some((r) => r.current) || t.current]
                       ])
                     ]),
                     _: 2
@@ -3115,14 +3120,14 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
                       "aria-hidden": "true",
                       class: "shrink-0"
                     }, null, 8, ["icon"]),
-                    z(" " + g(t.name), 1)
-                  ], 10, Rr))
+                    A(" " + g(t.name), 1)
+                  ], 10, Ur))
                 ]))), 128))
               ])
             ])
           ])),
-          s.isFilterNavigation && s.filterNavigation ? (l(), n("ul", Ur, [
-            e("li", Hr, [
+          s.isFilterNavigation && s.filterNavigation ? (l(), n("ul", Hr, [
+            e("li", Er, [
               s.filterNavigation.hasSearch && s.filterNavigation.search ? (l(), k(H, {
                 key: 0,
                 name: s.filterNavigation.search.name,
@@ -3133,18 +3138,18 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
                 onInputChanged: o[1] || (o[1] = (t) => s.$emit("inputChanged", t))
               }, null, 8, ["name", "label", "placeholder", "value", "loading"])) : v("", !0)
             ]),
-            (l(!0), n(x, null, _(s.filterNavigation.items, (t, r) => (l(), n("li", {
+            (l(!0), n(x, null, S(s.filterNavigation.items, (t, r) => (l(), n("li", {
               class: "ml-2",
               key: r
             }, [
-              e("p", Er, g(t.label), 1),
-              (l(!0), n(x, null, _(t.filters, (d, h) => (l(), k(Ue, {
+              e("p", Zr, g(t.label), 1),
+              (l(!0), n(x, null, S(t.filters, (d, h) => (l(), k(Ue, {
                 class: "mb-2",
                 value: d.value,
                 loading: d.loading
               }, {
                 default: b(() => [
-                  z(g(d.text), 1)
+                  A(g(d.text), 1)
                 ]),
                 _: 2
               }, 1032, ["value", "loading"]))), 256))
@@ -3154,10 +3159,10 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
       ]))
     ]));
   }
-}), Jr = { key: 0 }, Gr = { class: "ml-16 text-sm font-medium truncate" }, Kr = { class: "ml-16 flex items-baseline pb-5" }, Qr = { class: "text-2xl font-semibold" }, Xr = {
+}), Gr = { key: 0 }, Kr = { class: "ml-16 text-sm font-medium truncate" }, Qr = { class: "ml-16 flex items-baseline pb-5" }, Xr = { class: "text-2xl font-semibold" }, ea = {
   key: 0,
   class: "text-black ml-2 flex items-baseline text-sm font-semibold"
-}, ea = { class: "absolute bottom-0 inset-x-0 bg-lime-50 px-4 py-4 sm:px-6" }, ta = { class: "text-sm" }, la = { key: 1 }, sa = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, oa = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, et = /* @__PURE__ */ M({
+}, ta = { class: "absolute bottom-0 inset-x-0 bg-lime-50 px-4 py-4 sm:px-6" }, la = { class: "text-sm" }, sa = { key: 1 }, oa = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, ra = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, et = /* @__PURE__ */ B({
   __name: "uiStats",
   props: {
     item: {},
@@ -3165,10 +3170,10 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
   },
   emits: ["statClick"],
   setup(m, { emit: u }) {
-    return (a, i) => a.loading ? (l(), n("div", la, [
-      e("div", sa, [
+    return (a, i) => a.loading ? (l(), n("div", sa, [
+      e("div", oa, [
         e("dt", null, [
-          e("div", oa, [
+          e("div", ra, [
             p(T, {
               loading: a.loading,
               icon: a.item.icon,
@@ -3184,7 +3189,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
           ], -1))
         ])
       ])
-    ])) : (l(), n("div", Jr, [
+    ])) : (l(), n("div", Gr, [
       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": a.item.showFooter }])
       }, [
@@ -3203,11 +3208,11 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
               loading: a.loading
             }, null, 8, ["icon", "loading"])
           ], 2),
-          e("p", Gr, g(a.item.name), 1)
+          e("p", Kr, g(a.item.name), 1)
         ]),
-        e("dd", Kr, [
-          e("p", Qr, g(a.item.stat), 1),
-          a.item.explanation ? (l(), n("p", Xr, g(a.item.explanation), 1)) : v("", !0),
+        e("dd", Qr, [
+          e("p", Xr, g(a.item.stat), 1),
+          a.item.explanation ? (l(), n("p", ea, g(a.item.explanation), 1)) : v("", !0),
           a.item.changeType ? (l(), n("p", {
             key: 1,
             class: f([
@@ -3229,35 +3234,35 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
               class: "self-center flex-shrink-0 h-3 w-3 text-red-500",
               "aria-hidden": "true"
             })) : v("", !0),
-            z(" " + g(a.item.change), 1)
+            A(" " + g(a.item.change), 1)
           ], 2)) : v("", !0),
-          C(e("div", ea, [
-            e("div", ta, [
+          _(e("div", ta, [
+            e("div", la, [
               e("span", {
                 onClick: i[0] || (i[0] = (s) => a.$emit("statClick", a.item.id)),
                 class: "font-medium text-black hover:text-lime-400 underline cursor-pointer"
               }, g(a.item.actionText), 1)
             ])
           ], 512), [
-            [j, a.item.showFooter]
+            [M, a.item.showFooter]
           ])
         ])
       ], 2)
     ]));
   }
-}), ra = {
+}), aa = {
   key: 0,
   class: "overflow-hidden bg-white shadow sm:rounded-lg"
-}, aa = { class: "px-4 py-5 sm:px-6" }, na = { class: "text-lg font-medium leading-6" }, ia = { class: "mt-1 max-w-2xl text-sm" }, da = { class: "border-t border-gray-200" }, ua = { class: "text-sm font-medium" }, ca = {
+}, na = { class: "px-4 py-5 sm:px-6" }, ia = { class: "text-lg font-medium leading-6" }, da = { class: "mt-1 max-w-2xl text-sm" }, ua = { class: "border-t border-gray-200" }, ca = { class: "text-sm font-medium" }, ga = {
   key: 0,
   class: "mt-1 text-sm sm:col-span-2 sm:mt-0 break-normal"
-}, ga = ["onClick"], ma = {
+}, ma = ["onClick"], pa = {
   key: 2,
   class: "mt-1 text-sm sm:col-span-2 sm:mt-0 break-words"
-}, pa = {
+}, fa = {
   key: 1,
   class: "overflow-hidden bg-white shadow sm:rounded-lg"
-}, fa = { class: "border-t border-gray-200" }, ha = /* @__PURE__ */ M({
+}, ha = { class: "border-t border-gray-200" }, ya = /* @__PURE__ */ B({
   __name: "uiStripedCard",
   props: {
     title: {},
@@ -3267,11 +3272,11 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
   },
   emits: ["itemClicked"],
   setup(m) {
-    return (u, a) => u.loading ? (l(), n("div", pa, [
+    return (u, a) => u.loading ? (l(), n("div", fa, [
       a[1] || (a[1] = G('<div class="px-4 py-5 sm:px-6 animate-pulse"><h3 class="text-lg font-medium leading-6"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4"></div></h3><div class="mt-1 max-w-2xl text-sm text-gray-500"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/5"></div></div></div>', 1)),
-      e("div", fa, [
+      e("div", ha, [
         e("dl", null, [
-          (l(), n(x, null, _(5, (i) => e("div", {
+          (l(), n(x, null, S(5, (i) => e("div", {
             key: i,
             class: f(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [i % 2 === 0 ? "bg-gray-50" : "bg-white"]])
           }, a[0] || (a[0] = [
@@ -3284,27 +3289,27 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
           ]), 2)), 64))
         ])
       ])
-    ])) : (l(), n("div", ra, [
-      e("div", aa, [
-        e("h3", na, g(u.title), 1),
-        e("p", ia, g(u.subtitle), 1)
+    ])) : (l(), n("div", aa, [
+      e("div", na, [
+        e("h3", ia, g(u.title), 1),
+        e("p", da, g(u.subtitle), 1)
       ]),
-      e("div", da, [
+      e("div", ua, [
         e("dl", null, [
-          (l(!0), n(x, null, _(u.items, (i, s) => (l(), n("div", {
+          (l(!0), n(x, null, S(u.items, (i, s) => (l(), n("div", {
             key: s,
             class: f(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [s % 2 === 0 ? "bg-lime-50" : "bg-white"]])
           }, [
-            e("dt", ua, g(i.title), 1),
-            i.type === "tags" ? (l(), n("dd", ca, [
-              (l(!0), n(x, null, _(i.tags, (o, t) => (l(), k(R, {
+            e("dt", ca, g(i.title), 1),
+            i.type === "tags" ? (l(), n("dd", ga, [
+              (l(!0), n(x, null, S(i.tags, (o, t) => (l(), k(R, {
                 loading: u.loading,
                 key: t,
                 color: o.color,
                 class: "mr-2 mb-2"
               }, {
                 default: b(() => [
-                  z(g(o.text), 1)
+                  A(g(o.text), 1)
                 ]),
                 _: 2
               }, 1032, ["loading", "color"]))), 128))
@@ -3312,13 +3317,13 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
               key: 1,
               class: "mt-1 text-sm text-lime-600 hover:text-black sm:col-span-2 sm:mt-0 cursor-pointer",
               onClick: (o) => u.$emit("itemClicked", i.emits)
-            }, g(i.text), 9, ga)) : (l(), n("dd", ma, g(i.text), 1))
+            }, g(i.text), 9, ma)) : (l(), n("dd", pa, g(i.text), 1))
           ], 2))), 128))
         ])
       ])
     ]));
   }
-}), ya = { 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" }, ba = { class: "ml-2" }, va = {
+}), ba = { class: "absolute top-10 bg-black text-white text-xs p-2 rounded z-10 font-light w-60 flex flex-row items-start" }, va = { class: "ml-2" }, wa = {
   __name: "tooltip",
   props: {
     tip: {
@@ -3327,7 +3332,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
     }
   },
   setup(m) {
-    return (u, a) => (l(), n("div", ya, [
+    return (u, a) => (l(), n("div", ba, [
       a[0] || (a[0] = e("svg", {
         class: "absolute -top-3 left-0",
         xmlns: "http://www.w3.org/2000/svg",
@@ -3340,7 +3345,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
           "data-name": "Polígono 1",
           d: "M10.5,0,21,19H0Z",
           transform: "translate(0 10.5) rotate(-30)",
-          fill: "#4f46e5"
+          fill: "#000"
         })
       ], -1)),
       e("div", null, [
@@ -3351,19 +3356,19 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
           size: "big"
         }, null, 8, ["icon"])
       ]),
-      e("span", ba, g(m.tip), 1)
+      e("span", va, g(m.tip), 1)
     ]));
   }
-}, wa = { key: 0 }, ka = { class: "flex flex-col" }, xa = { class: "-my-2 overflow-x-auto" }, $a = { class: "inline-block min-w-full py-2 align-middle px-1" }, _a = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Ca = {
+}, ka = { key: 0 }, xa = { class: "flex flex-col" }, $a = { class: "-my-2 overflow-x-auto" }, _a = { class: "inline-block min-w-full py-2 align-middle px-1" }, Ca = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Sa = {
   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"
-}, Sa = ["onClick"], Ba = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Ma = { class: "bg-lime-50" }, Da = ["checked", "indeterminate"], ja = ["onMouseover", "onMouseleave"], Ta = ["onClick"], za = {
+}, Ba = ["onClick"], Ma = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Da = { class: "bg-lime-50" }, ja = ["checked", "indeterminate"], Ta = ["onMouseover", "onMouseleave"], za = ["onClick"], La = {
   key: 2,
   class: "group flex items-center uppercase text-xs"
-}, La = { class: "divide-y divide-gray-200 bg-white" }, Aa = {
+}, Aa = { class: "divide-y divide-gray-200 bg-white" }, Oa = {
   key: 0,
   class: "absolute inset-y-0 left-0 w-0.5 bg-lime-400"
-}, Oa = ["value"], Na = ["onClick"], Ia = ["href"], Pa = { key: 3 }, Ya = /* @__PURE__ */ M({
+}, Ia = ["value"], Na = ["onClick"], Pa = ["href"], Ya = { key: 3 }, qa = /* @__PURE__ */ B({
   __name: "uiTable",
   props: {
     resetSelected: { type: Boolean, default: !1 },
@@ -3372,135 +3377,140 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
     loading: { type: Boolean, default: !0 },
     header: {},
     items: {},
+    hiddenColumns: {},
     actions: {}
   },
   emits: ["tableAction", "orderBy", "customEmit", "selectedItemsDeleted"],
   setup(m, { emit: u }) {
     let a = N([]), i = N(""), s = N(!1);
-    const o = u, t = m, r = I(
+    const o = u, t = m, r = P(
       () => a.value.length > 0 && a.value.length < t.items.length
-    ), d = (w, O) => {
-      i.value !== w && O && (i.value = w), O || (i.value = void 0);
-    }, h = (w) => {
-      a.value = w.target.checked ? t.items.map((O) => O.id) : [];
-    }, y = (w) => {
-      o("customEmit", w);
-    };
-    return V(() => t.resetSelected, (w) => {
-      s.value = w, w && s.value && (a.value = [], s.value = !w, o("selectedItemsDeleted"));
-    }), (w, O) => w.loading ? (l(), k(Xe, { key: 1 })) : (l(), n("div", wa, [
-      e("div", ka, [
-        e("div", xa, [
-          e("div", $a, [
-            e("div", _a, [
-              c(a)?.length > 0 && w.actions?.length > 0 ? (l(), n("div", Ca, [
-                (l(!0), n(x, null, _(w.actions, (B, S) => (l(), n("button", {
-                  onClick: (D) => w.$emit("tableAction", { action: B.id, items: c(a) }),
-                  key: S,
+    ), d = (C, z) => {
+      i.value !== C && z && (i.value = C), z || (i.value = void 0);
+    }, h = (C) => {
+      a.value = C.target.checked ? t.items.map((z) => z.id) : [];
+    }, y = (C) => {
+      o("customEmit", C);
+    }, D = (C) => t.hiddenColumns && t.hiddenColumns.length > 0 ? !t.hiddenColumns.includes(C) : !0;
+    return V(() => t.resetSelected, (C) => {
+      s.value = C, C && s.value && (a.value = [], s.value = !C, o("selectedItemsDeleted"));
+    }), (C, z) => C.loading ? (l(), k(Xe, { key: 1 })) : (l(), n("div", ka, [
+      e("div", xa, [
+        e("div", $a, [
+          e("div", _a, [
+            e("div", Ca, [
+              c(a)?.length > 0 && C.actions?.length > 0 ? (l(), n("div", Sa, [
+                (l(!0), n(x, null, S(C.actions, (w, L) => (l(), n("button", {
+                  onClick: (j) => C.$emit("tableAction", { action: w.id, items: c(a) }),
+                  key: L,
                   type: "button",
                   class: "inline-flex items-center rounded bg-lime-400 hover:bg-black px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30"
-                }, g(B.name), 9, Sa))), 128))
+                }, g(w.name), 9, Ba))), 128))
               ])) : v("", !0),
-              e("table", Ba, [
-                e("thead", Ma, [
+              e("table", Ma, [
+                e("thead", Da, [
                   e("tr", null, [
                     e("th", {
                       scope: "col",
-                      class: f([w.actions ? "px-6 sm:px-8" : "px-3", "relative"])
+                      class: f([C.actions ? "px-6 sm:px-8" : "px-3", "relative"])
                     }, [
-                      w.actions ? (l(), n("input", {
+                      C.actions ? (l(), n("input", {
                         key: 0,
-                        checked: r.value || c(a).length === w.items.length,
+                        checked: r.value || c(a).length === C.items.length,
                         indeterminate: r.value,
                         class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-black focus:ring-lime-400",
                         type: "checkbox",
                         onChange: h
-                      }, null, 40, Da)) : v("", !0)
+                      }, null, 40, ja)) : v("", !0)
                     ], 2),
-                    (l(!0), n(x, null, _(w.header, (B, S) => (l(), n("th", {
-                      key: S,
+                    (l(!0), n(x, null, S(C.header, (w, L) => _((l(), n("th", {
+                      key: L,
                       class: "py-3.5 pr-3 text-left font-semibold relative",
                       scope: "col",
-                      onMouseover: (D) => d(B.name, !0),
-                      onMouseleave: (D) => d(B.name, !1)
+                      onMouseover: (j) => d(w.name, !0),
+                      onMouseleave: (j) => d(w.name, !1)
                     }, [
-                      B.tooltip ? C((l(), k(va, {
+                      w.tooltip ? _((l(), k(wa, {
                         key: 0,
-                        tip: B.tooltip
+                        tip: w.tooltip
                       }, null, 8, ["tip"])), [
-                        [j, c(i) === B.name]
+                        [M, c(i) === w.name]
                       ]) : v("", !0),
-                      B.value ? (l(), n("button", {
+                      w.value ? (l(), n("button", {
                         key: 1,
                         class: "group flex items-center uppercase text-xs relative text-nowrap",
-                        onClick: (D) => o("orderBy", { value: B.value, orderDirection: w.orderDirection === "asc" ? "desc" : "asc" })
+                        onClick: (j) => o("orderBy", { value: w.value, orderDirection: C.orderDirection === "asc" ? "desc" : "asc" })
                       }, [
-                        e("span", null, g(B.name), 1),
+                        e("span", null, g(w.name), 1),
                         e("span", {
                           class: f([[
-                            B.value === w.orderedBy ? "bg-black text-white group-hover:bg-lime-400 group-hover:text-black" : "group-hover:visible group-focus:visible"
+                            w.value === C.orderedBy ? "bg-black text-white group-hover:bg-lime-400 group-hover:text-black" : "group-hover:visible group-focus:visible"
                           ], "ml-2 flex-none rounded group-hover:bg-lime-200 group-hover:text-white"])
                         }, [
                           p(T, {
-                            icon: w.orderDirection === "asc" ? c(ne) : c(Je),
-                            loading: w.loading,
-                            color: B.value === w.orderedBy ? "white" : "primary"
+                            icon: C.orderDirection === "asc" ? c(ne) : c(Je),
+                            loading: C.loading,
+                            color: w.value === C.orderedBy ? "white" : "primary"
                           }, null, 8, ["icon", "loading", "color"])
                         ], 2)
-                      ], 8, Ta)) : (l(), n("p", za, [
-                        e("span", null, g(B.name), 1)
+                      ], 8, za)) : (l(), n("p", La, [
+                        e("span", null, g(w.name), 1)
                       ]))
-                    ], 40, ja))), 128))
+                    ], 40, Ta)), [
+                      [M, D(L)]
+                    ])), 128))
                   ])
                 ]),
-                e("tbody", La, [
-                  (l(!0), n(x, null, _(w.items, (B, S) => (l(), n("tr", {
-                    key: B.id,
+                e("tbody", Aa, [
+                  (l(!0), n(x, null, S(C.items, (w, L) => (l(), n("tr", {
+                    key: w.id,
                     class: f([
-                      c(a).includes(B.id) && "bg-gray-50",
-                      S % 2 == 0 ? void 0 : "bg-gray-50"
+                      c(a).includes(w.id) && "bg-gray-50",
+                      L % 2 == 0 ? void 0 : "bg-gray-50"
                     ])
                   }, [
                     e("td", {
-                      class: f([w.actions?.length > 0 ? "w-2" : "w-0", "relative"])
+                      class: f([C.actions?.length > 0 ? "w-2" : "w-0", "relative"])
                     }, [
-                      c(a).includes(B.id) ? (l(), n("div", Aa)) : v("", !0),
-                      w.actions?.length > 0 ? C((l(), n("input", {
+                      c(a).includes(w.id) ? (l(), n("div", Oa)) : v("", !0),
+                      C.actions?.length > 0 ? _((l(), n("input", {
                         key: 1,
-                        "onUpdate:modelValue": O[0] || (O[0] = (D) => fe(a) ? a.value = D : a = D),
-                        value: B.id,
+                        "onUpdate:modelValue": z[0] || (z[0] = (j) => fe(a) ? a.value = j : a = j),
+                        value: w.id,
                         class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-black focus:ring-lime-400 flex-wrap",
                         type: "checkbox"
-                      }, null, 8, Oa)), [
-                        [Ne, c(a)]
+                      }, null, 8, Ia)), [
+                        [Ie, c(a)]
                       ]) : v("", !0)
                     ], 2),
-                    (l(!0), n(x, null, _(B.row, (D, Y) => (l(), n("td", {
-                      key: Y,
+                    (l(!0), n(x, null, S(w.row, (j, $) => _((l(), n("td", {
+                      key: $,
                       class: f([
                         "whitespace-nowrap py-4 pr-3 text-sm",
-                        c(a).includes(B.id) ? "text-black font-bold" : ""
+                        c(a).includes(w.id) ? "text-black font-bold" : ""
                       ])
                     }, [
-                      typeof D == "object" && D.type === "tag" ? (l(), k(R, {
+                      typeof j == "object" && j.type === "tag" ? (l(), k(R, {
                         key: 0,
-                        loading: w.loading,
-                        color: D.color
+                        loading: C.loading,
+                        color: j.color
                       }, {
                         default: b(() => [
-                          z(g(D.content), 1)
+                          A(g(j.content), 1)
                         ]),
                         _: 2
-                      }, 1032, ["loading", "color"])) : typeof D == "object" && D.type === "link" ? (l(), n("span", {
+                      }, 1032, ["loading", "color"])) : typeof j == "object" && j.type === "link" ? (l(), n("span", {
                         key: 1,
                         class: "text-black font-bold underline hover:text-lime-400 cursor-pointer",
-                        onClick: ($) => y(D)
-                      }, g(D.content), 9, Na)) : typeof D == "object" && D.type === "href" ? (l(), n("a", {
+                        onClick: (Y) => y(j)
+                      }, g(j.content), 9, Na)) : typeof j == "object" && j.type === "href" ? (l(), n("a", {
                         key: 2,
                         class: "text-black font-bold underline hover:text-lime-400 cursor-pointer",
-                        href: D.href
-                      }, g(D.content), 9, Ia)) : (l(), n("span", Pa, g(D), 1))
-                    ], 2))), 128))
+                        href: j.href
+                      }, g(j.content), 9, Pa)) : (l(), n("span", Ya, g(j), 1))
+                    ], 2)), [
+                      [M, D($)]
+                    ])), 128))
                   ], 2))), 128))
                 ])
               ])
@@ -3510,10 +3520,10 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
       ])
     ]));
   }
-}), qa = { class: "lg:hidden" }, Fa = ["value"], Va = { class: "hidden lg:block" }, Ra = { class: "border-b border-gray-200" }, Ua = {
+}), Fa = { class: "lg:hidden" }, Va = ["value"], Ra = { class: "hidden lg:block" }, Ua = { class: "border-b border-gray-200" }, Ha = {
   class: "-mb-px flex space-x-8",
   "aria-label": "Tabs"
-}, Ha = ["onClick", "aria-current"], Ea = /* @__PURE__ */ M({
+}, Ea = ["onClick", "aria-current"], Za = /* @__PURE__ */ B({
   __name: "uiTabs",
   props: {
     tabs: {}
@@ -3525,23 +3535,23 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
       o.value && a("tabClicked", o.value);
     };
     return (s, o) => (l(), n("div", null, [
-      e("div", qa, [
+      e("div", Fa, [
         e("select", {
           onChange: o[0] || (o[0] = (t) => i(t)),
           id: "tabs",
           name: "tabs",
           class: "block w-full rounded-md border-black py-2 pl-3 pr-10 text-base focus:border-lime-400 focus:outline-none focus:ring-lime-400 sm:text-sm"
         }, [
-          (l(!0), n(x, null, _(s.tabs, (t) => (l(), n("option", {
+          (l(!0), n(x, null, S(s.tabs, (t) => (l(), n("option", {
             value: t.id,
             key: t.name
-          }, g(t.name), 9, Fa))), 128))
+          }, g(t.name), 9, Va))), 128))
         ], 32)
       ]),
-      e("div", Va, [
-        e("div", Ra, [
-          e("nav", Ua, [
-            (l(!0), n(x, null, _(s.tabs, (t) => (l(), n("a", {
+      e("div", Ra, [
+        e("div", Ua, [
+          e("nav", Ha, [
+            (l(!0), n(x, null, S(s.tabs, (t) => (l(), n("a", {
               key: t.name,
               onClick: (r) => a("tabClicked", t.id),
               class: f([
@@ -3550,7 +3560,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
               ]),
               "aria-current": t.current ? "page" : void 0
             }, [
-              z(g(t.name) + " ", 1),
+              A(g(t.name) + " ", 1),
               t.count ? (l(), n("span", {
                 key: 0,
                 class: f([
@@ -3558,36 +3568,36 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
                   "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block"
                 ])
               }, g(t.count), 3)) : v("", !0)
-            ], 10, Ha))), 128))
+            ], 10, Ea))), 128))
           ])
         ])
       ])
     ]));
   }
-}), Za = { class: "px-4 py-5 sm:px-6" }, Wa = { class: "text-xl font-bold" }, Ja = {
+}), Wa = { class: "px-4 py-5 sm:px-6" }, Ja = { class: "text-xl font-bold" }, Ga = {
   key: 0,
   class: "px-4 py-5 sm:p-6"
-}, Ga = { class: "flow-root" }, Ka = { class: "relative pb-8" }, Qa = {
+}, Ka = { class: "flow-root" }, Qa = { class: "relative pb-8" }, Xa = {
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, Xa = { class: "relative flex space-x-3" }, en = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, tn = { class: "text-sm text-gray-500" }, ln = ["onClick"], sn = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, on = ["datetime"], rn = {
+}, en = { class: "relative flex space-x-3" }, tn = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, ln = { class: "text-sm text-gray-500" }, sn = ["onClick"], on = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, rn = ["datetime"], an = {
   key: 1,
   class: "bg-lime-50 px-4 py-4 sm:px-6 z-10"
-}, an = { class: "text-sm" }, nn = {
+}, nn = { class: "text-sm" }, dn = {
   key: 2,
   class: "h-full w-full flex items-center justify-center flex-col px-4 py-5 sm:p-6"
-}, dn = {
+}, un = {
   key: 1,
   class: "bg-white overflow-hidden shadow rounded-lg"
-}, un = { class: "px-4 py-5 sm:p-6 animate-pulse" }, cn = { class: "flow-root" }, gn = {
+}, cn = { class: "px-4 py-5 sm:p-6 animate-pulse" }, gn = { class: "flow-root" }, mn = {
   class: "-mb-8",
   role: "list"
-}, mn = { class: "relative pb-8" }, pn = {
+}, pn = { class: "relative pb-8" }, fn = {
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, fn = /* @__PURE__ */ M({
+}, hn = /* @__PURE__ */ B({
   __name: "uiTimeline",
   props: {
     name: {},
@@ -3599,18 +3609,18 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
   emits: ["timelineEventClicked", "timelineFooterClicked"],
   setup(m, { emit: u }) {
     const i = de(m.timeline);
-    return (s, o) => s.loading ? (l(), n("div", dn, [
+    return (s, o) => s.loading ? (l(), n("div", un, [
       o[3] || (o[3] = e("div", { class: "px-4 py-5 sm:px-6 animate-pulse" }, [
         e("h1", { class: "text-xl font-bold" }, [
           e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4" })
         ])
       ], -1)),
-      e("div", un, [
-        e("div", cn, [
-          e("ul", gn, [
-            (l(), n(x, null, _(10, (t, r) => e("li", { key: r }, [
-              e("div", mn, [
-                t !== 10 ? (l(), n("span", pn)) : v("", !0),
+      e("div", cn, [
+        e("div", gn, [
+          e("ul", mn, [
+            (l(), n(x, null, S(10, (t, r) => e("li", { key: r }, [
+              e("div", pn, [
+                t !== 10 ? (l(), n("span", fn)) : v("", !0),
                 o[2] || (o[2] = G('<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))
@@ -3626,21 +3636,21 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
       key: 0,
       class: f(["h-[" + s.height + "px]", "bg-white overflow-hidden shadow rounded-lg"])
     }, [
-      e("div", Za, [
-        e("h1", Wa, g(s.name), 1)
+      e("div", Wa, [
+        e("h1", Ja, g(s.name), 1)
       ]),
-      i.items.length > 0 ? (l(), n("div", Ja, [
-        e("div", Ga, [
+      i.items.length > 0 ? (l(), n("div", Ga, [
+        e("div", Ka, [
           p(st, {
             name: "list",
             tag: "ul",
             class: "-mb-8"
           }, {
             default: b(() => [
-              (l(!0), n(x, null, _(i.items, (t, r) => (l(), n("li", { key: r }, [
-                e("div", Ka, [
-                  r < i.items.length - 1 ? (l(), n("span", Qa)) : v("", !0),
-                  e("div", Xa, [
+              (l(!0), n(x, null, S(i.items, (t, r) => (l(), n("li", { key: r }, [
+                e("div", Qa, [
+                  r < i.items.length - 1 ? (l(), n("span", Xa)) : v("", !0),
+                  e("div", en, [
                     e("div", null, [
                       e("span", {
                         class: f([{
@@ -3658,20 +3668,20 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
                         }, null, 8, ["loading", "icon"])
                       ], 2)
                     ]),
-                    e("div", en, [
+                    e("div", tn, [
                       e("div", null, [
-                        e("p", tn, [
+                        e("p", ln, [
                           e("a", {
                             onClick: (d) => s.$emit("timelineEventClicked", t.linkId),
                             class: "font-medium text-black hover:text-lime-400 cursor-pointer"
-                          }, g(t?.target), 9, ln),
-                          z(" " + g(t?.content), 1)
+                          }, g(t?.target), 9, sn),
+                          A(" " + g(t?.content), 1)
                         ])
                       ]),
-                      e("div", sn, [
+                      e("div", on, [
                         e("time", {
                           datetime: t?.datetime
-                        }, g(t?.date), 9, on)
+                        }, g(t?.date), 9, rn)
                       ])
                     ])
                   ])
@@ -3682,14 +3692,14 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
           })
         ])
       ])) : v("", !0),
-      i.items.length > 0 ? (l(), n("div", rn, [
-        e("div", an, [
+      i.items.length > 0 ? (l(), n("div", an, [
+        e("div", nn, [
           e("a", {
             class: "cursor-pointer font-medium text-black hover:text-lime-400",
             onClick: o[0] || (o[0] = (t) => s.$emit("timelineFooterClicked", s.timeline.id))
           }, g(s.timeline.footerText), 1)
         ])
-      ])) : (l(), n("div", nn, [
+      ])) : (l(), n("div", dn, [
         p(T, {
           icon: c(U),
           color: "gray",
@@ -3700,10 +3710,10 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
       ]))
     ], 2));
   }
-}), hn = { class: "mx-auto px-6 lg:px-8" }, yn = { class: "flex justify-between h-20" }, bn = { class: "flex" }, vn = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, wn = ["src"], kn = { class: "flex items-center" }, xn = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, $n = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, _n = ["src"], Cn = ["onClick"], Sn = { class: "pt-2 pb-3 space-y-1" }, Bn = ["onClick"], Mn = { class: "pt-4 pb-3 border-t border-gray-200" }, Dn = { class: "flex items-center px-4 sm:px-6" }, jn = { class: "flex-shrink-0" }, Tn = ["src"], zn = {
+}), yn = { class: "mx-auto px-6 lg:px-8" }, bn = { class: "flex justify-between h-20" }, vn = { class: "flex" }, wn = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, kn = ["src"], xn = { class: "flex items-center" }, $n = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, _n = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, Cn = ["src"], Sn = ["onClick"], Bn = { class: "pt-2 pb-3 space-y-1" }, Mn = ["onClick"], Dn = { class: "pt-4 pb-3 border-t border-gray-200" }, jn = { class: "flex items-center px-4 sm:px-6" }, Tn = { class: "flex-shrink-0" }, zn = ["src"], Ln = {
   key: 0,
   class: "ml-3"
-}, Ln = { class: "text-base font-medium text-gray-800" }, An = { class: "text-sm font-medium text-gray-500" }, On = { class: "mt-3 space-y-1" }, Nn = ["onClick"], In = /* @__PURE__ */ M({
+}, An = { class: "text-base font-medium text-gray-800" }, On = { class: "text-sm font-medium text-gray-500" }, In = { class: "mt-3 space-y-1" }, Nn = ["onClick"], Pn = /* @__PURE__ */ B({
   __name: "uiTopbar",
   props: {
     logo: {},
@@ -3715,16 +3725,16 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
   },
   emits: ["topBarClick"],
   setup(m, { emit: u }) {
-    const a = m, i = I(() => a.navigation ? Array.isArray(a.navigation) ? a.navigation : [a.navigation] : []);
+    const a = m, i = P(() => a.navigation ? Array.isArray(a.navigation) ? a.navigation : [a.navigation] : []);
     return (s, o) => (l(), k(c($e), {
       as: "nav",
       class: "bg-white shadow z-10"
     }, {
       default: b(({ open: t }) => [
-        e("div", hn, [
-          e("div", yn, [
-            e("div", bn, [
-              e("div", vn, [
+        e("div", yn, [
+          e("div", bn, [
+            e("div", vn, [
+              e("div", wn, [
                 p(c(E), { class: "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" }, {
                   default: b(() => [
                     o[1] || (o[1] = e("span", { class: "sr-only" }, "Open main menu", -1)),
@@ -3750,32 +3760,32 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
                   class: "h-10",
                   src: s.logo,
                   alt: "Hotelinking suite product logo"
-                }, null, 8, wn)
+                }, null, 8, kn)
               ])
             ]),
-            e("div", kn, [
-              e("div", xn, [
+            e("div", xn, [
+              e("div", $n, [
                 p(c(he), {
                   as: "div",
                   class: "ml-3 relative"
                 }, {
                   default: b(() => [
                     e("div", null, [
-                      C(p(c(ye), { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
+                      _(p(c(ye), { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
                         default: b(() => [
-                          C(e("div", $n, o[2] || (o[2] = [
+                          _(e("div", _n, o[2] || (o[2] = [
                             e("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                           ]), 512), [
-                            [j, s.alerted]
+                            [M, s.alerted]
                           ]),
                           e("img", {
                             class: "h-10 w-10 rounded-full",
                             src: s.accountLogo
-                          }, null, 8, _n)
+                          }, null, 8, Cn)
                         ]),
                         _: 1
                       }, 512), [
-                        [j, s.accountLogo]
+                        [M, s.accountLogo]
                       ])
                     ]),
                     p(ie, {
@@ -3789,7 +3799,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
                       default: b(() => [
                         p(c(be), { class: "origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, {
                           default: b(() => [
-                            (l(!0), n(x, null, _(s.profileMenu, (r) => (l(), k(c(ve), {
+                            (l(!0), n(x, null, S(s.profileMenu, (r) => (l(), k(c(ve), {
                               key: r.name
                             }, {
                               default: b(({ active: d }) => [
@@ -3799,7 +3809,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
                                     d ? "bg-gray-100" : "",
                                     "block px-4 py-2 text-sm text-gray-700"
                                   ]])
-                                }, g(r.name), 11, Cn)
+                                }, g(r.name), 11, Sn)
                               ]),
                               _: 2
                             }, 1024))), 128))
@@ -3818,8 +3828,8 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
         ]),
         p(c(_e), { class: "lg:hidden" }, {
           default: b(() => [
-            e("div", Sn, [
-              (l(!0), n(x, null, _(i.value, (r) => (l(), k(c(E), {
+            e("div", Bn, [
+              (l(!0), n(x, null, S(i.value, (r) => (l(), k(c(E), {
                 as: "template",
                 key: r.id,
                 class: f(["block pl-3 pr-4 py-2 border-l-4 text-base font-medium sm:pl-5 sm:pr-6", {
@@ -3830,26 +3840,26 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
                 default: b(() => [
                   e("p", {
                     onClick: (d) => s.$emit("topBarClick", r.id)
-                  }, g(r.name), 9, Bn)
+                  }, g(r.name), 9, Mn)
                 ]),
                 _: 2
               }, 1032, ["class"]))), 128))
             ]),
-            e("div", Mn, [
-              e("div", Dn, [
-                e("div", jn, [
+            e("div", Dn, [
+              e("div", jn, [
+                e("div", Tn, [
                   e("img", {
                     class: "h-10 w-10 rounded-full",
                     src: s.accountLogo
-                  }, null, 8, Tn)
+                  }, null, 8, zn)
                 ]),
-                s.brand ? (l(), n("div", zn, [
-                  e("div", Ln, g(s.brand.title), 1),
-                  e("div", An, g(s.brand.subtitle), 1)
+                s.brand ? (l(), n("div", Ln, [
+                  e("div", An, g(s.brand.title), 1),
+                  e("div", On, g(s.brand.subtitle), 1)
                 ])) : v("", !0)
               ]),
-              e("div", On, [
-                (l(!0), n(x, null, _(s.profileMenu, (r) => (l(), k(c(E), {
+              e("div", In, [
+                (l(!0), n(x, null, S(s.profileMenu, (r) => (l(), k(c(E), {
                   as: "template",
                   key: r.name,
                   class: "block px-4 py-2 text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100 sm:px-6"
@@ -3870,17 +3880,17 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
       _: 1
     }));
   }
-}), Pn = { class: "chart-selector flex flex-row items-center justify-center" }, Yn = /* @__PURE__ */ M({
+}), Yn = { class: "chart-selector flex flex-row items-center justify-center" }, qn = /* @__PURE__ */ B({
   __name: "RangeSelector",
   props: { range: { type: String } },
   emits: ["rangeSelected"],
   setup(m, { emit: u }) {
     const a = u, i = m;
-    let s = I(() => i.range);
+    let s = P(() => i.range);
     const o = (t) => {
       s = t, a("rangeSelected", t);
     };
-    return (t, r) => (l(), n("ul", Pn, [
+    return (t, r) => (l(), n("ul", Yn, [
       e("li", {
         class: f({ selected: c(s) === "24h" }),
         onClick: r[0] || (r[0] = (d) => o("24h"))
@@ -3899,7 +3909,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
       }, "3M", 2)
     ]));
   }
-}), qn = { class: "chart-header flex flex-row justify-between" }, Fn = { class: "text-sm font-medium text-gray-500 truncate" }, Vn = { class: "chart-content" }, Rn = { class: "h-full w-full flex items-center justify-center flex-col" }, Un = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Hn = /* @__PURE__ */ M({
+}), Fn = { class: "chart-header flex flex-row justify-between" }, Vn = { class: "text-sm font-medium text-gray-500 truncate" }, Rn = { class: "chart-content" }, Un = { class: "h-full w-full flex items-center justify-center flex-col" }, Hn = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, En = /* @__PURE__ */ B({
   __name: "uiFunnelChartV2",
   props: {
     labels: {},
@@ -3957,21 +3967,21 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
         }
       }
     };
-    const o = I(() => ({ ...i.options, ...s })), t = I(() => i.series), r = () => a("chartUpdated"), d = (h, y, w) => {
-      a("dataPointSelection", { id: i.id, chartContext: y, config: w, event: h });
+    const o = P(() => ({ ...i.options, ...s })), t = P(() => i.series), r = () => a("chartUpdated"), d = (h, y, D) => {
+      a("dataPointSelection", { id: i.id, chartContext: y, config: D, event: h });
     };
     return (h, y) => (l(), n(x, null, [
-      C(e("div", {
+      _(e("div", {
         class: f(["h-[" + h.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
-        e("div", qn, [
-          e("div", Fn, g(h.title), 1),
-          p(Yn, {
+        e("div", Fn, [
+          e("div", Vn, g(h.title), 1),
+          p(qn, {
             range: h.range,
-            onRangeSelected: y[0] || (y[0] = (w) => h.$emit("selectedRange", { range: w, chartId: h.id }))
+            onRangeSelected: y[0] || (y[0] = (D) => h.$emit("selectedRange", { range: D, chartId: h.id }))
           }, null, 8, ["range"])
         ]),
-        C(e("div", Vn, [
+        _(e("div", Rn, [
           p(c(Ce), {
             type: h.type,
             series: t.value,
@@ -3983,9 +3993,9 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
             onDataPointSelection: d
           }, null, 8, ["type", "series", "height", "options"])
         ], 512), [
-          [j, !h.empty]
+          [M, !h.empty]
         ]),
-        C(e("div", Rn, [
+        _(e("div", Un, [
           p(T, {
             icon: c(U),
             color: "gray",
@@ -3994,12 +4004,12 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
           }, null, 8, ["icon"]),
           y[1] || (y[1] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
         ], 512), [
-          [j, h.empty]
+          [M, h.empty]
         ])
       ], 2), [
-        [j, !h.loading]
+        [M, !h.loading]
       ]),
-      C(e("div", Un, y[2] || (y[2] = [
+      _(e("div", Hn, y[2] || (y[2] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -4026,11 +4036,11 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
           ])
         ], -1)
       ]), 512), [
-        [j, h.loading]
+        [M, h.loading]
       ])
     ], 64));
   }
-}), En = { class: "w-full flex flex-col justify-center p-10 grow" }, Zn = { class: "text-center" }, Wn = { class: "text-2xl mt-4 font-bold" }, Jn = { class: "mt-4" }, Gn = { class: "buttons flex mt-8 gap-x-1 justify-center flex-col gap-y-2 md:flex-row md:gap-y-0" }, Kn = /* @__PURE__ */ M({
+}), Zn = { class: "w-full flex flex-col justify-center p-10 grow" }, Wn = { class: "text-center" }, Jn = { class: "text-2xl mt-4 font-bold" }, Gn = { class: "mt-4" }, Kn = { class: "buttons flex mt-8 gap-x-1 justify-center flex-col gap-y-2 md:flex-row md:gap-y-0" }, Qn = /* @__PURE__ */ B({
   __name: "uiNoResults",
   props: {
     title: {},
@@ -4041,7 +4051,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
   },
   emits: ["action", "noResultsOptionSelected"],
   setup(m) {
-    return (u, a) => (l(), n("div", En, [
+    return (u, a) => (l(), n("div", Zn, [
       p(T, {
         class: "mx-auto",
         loading: !1,
@@ -4049,17 +4059,17 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
         size: "massive",
         color: "gray"
       }, null, 8, ["icon"]),
-      e("div", Zn, [
-        e("h2", Wn, g(u.title), 1),
-        e("p", Jn, g(u.message), 1),
-        e("div", Gn, [
-          (l(!0), n(x, null, _(u.actions, (i, s) => (l(), k(Z, {
+      e("div", Wn, [
+        e("h2", Jn, g(u.title), 1),
+        e("p", Gn, g(u.message), 1),
+        e("div", Kn, [
+          (l(!0), n(x, null, S(u.actions, (i, s) => (l(), k(Z, {
             key: s,
             loading: !1,
             onClick: (o) => u.$emit("action", i.action)
           }, {
             default: b(() => [
-              z(g(i.text), 1)
+              A(g(i.text), 1)
             ]),
             _: 2
           }, 1032, ["onClick"]))), 128)),
@@ -4073,7 +4083,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
       ])
     ]));
   }
-}), Qn = { class: "fixed inset-0 overflow-hidden" }, Xn = { class: "absolute inset-0 overflow-hidden" }, ei = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, ti = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, li = { class: "bg-lime-400 px-4 py-6 sm:px-6" }, si = { class: "flex items-center justify-between" }, oi = { class: "ml-3 flex h-7 items-center" }, ri = { class: "mt-1" }, ai = { class: "text-sm" }, ni = { class: "relative flex-1 px-4 py-6 sm:px-6" }, ii = /* @__PURE__ */ M({
+}), Xn = { 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" }, li = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, si = { class: "bg-lime-400 px-4 py-6 sm:px-6" }, oi = { class: "flex items-center justify-between" }, ri = { class: "ml-3 flex h-7 items-center" }, ai = { class: "mt-1" }, ni = { class: "text-sm" }, ii = { class: "relative flex-1 px-4 py-6 sm:px-6" }, di = /* @__PURE__ */ B({
   __name: "uiRightSidebar",
   props: {
     title: {},
@@ -4094,9 +4104,9 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
         }, {
           default: b(() => [
             i[4] || (i[4] = e("div", { class: "fixed inset-0" }, null, -1)),
-            e("div", Qn, [
-              e("div", Xn, [
-                e("div", ei, [
+            e("div", Xn, [
+              e("div", ei, [
+                e("div", ti, [
                   p(c(J), {
                     as: "template",
                     enter: "transform transition ease-in-out duration-500 sm:duration-700",
@@ -4109,16 +4119,16 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
                     default: b(() => [
                       p(c(xe), { class: "pointer-events-auto w-screen max-w-md" }, {
                         default: b(() => [
-                          e("div", ti, [
-                            e("div", li, [
-                              e("div", si, [
+                          e("div", li, [
+                            e("div", si, [
+                              e("div", oi, [
                                 p(c(Re), { class: "text-base font-semibold leading-6" }, {
                                   default: b(() => [
-                                    z(g(a.title), 1)
+                                    A(g(a.title), 1)
                                   ]),
                                   _: 1
                                 }),
-                                e("div", oi, [
+                                e("div", ri, [
                                   e("button", {
                                     type: "button",
                                     class: "relative rounded-md hover:bg-black hover:text-white outline-none",
@@ -4133,11 +4143,11 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
                                   ])
                                 ])
                               ]),
-                              e("div", ri, [
-                                e("p", ai, g(a.description), 1)
+                              e("div", ai, [
+                                e("p", ni, g(a.description), 1)
                               ])
                             ]),
-                            e("div", ni, [
+                            e("div", ii, [
                               F(a.$slots, "default")
                             ])
                           ])
@@ -4158,15 +4168,15 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
       _: 3
     }, 8, ["show"]));
   }
-}), di = { class: "uiGallery" }, ui = {
+}), 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"
-}, ci = { 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" }, gi = ["src"], mi = ["onClick"], pi = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, fi = { class: "flex items-center justify-between" }, hi = { class: "pointer-events-none block text-sm font-medium" }, yi = {
+}, 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" }, hi = { class: "flex items-center justify-between" }, yi = { class: "pointer-events-none block text-sm font-medium" }, bi = {
   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"
-}, bi = /* @__PURE__ */ M({
+}, vi = /* @__PURE__ */ B({
   __name: "uiGallery",
   props: {
     galleryId: {},
@@ -4179,7 +4189,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
     const a = u, i = N(!1), s = (o) => {
       i.value = !1, a("modalAction", o);
     };
-    return (o, t) => (l(), n("div", di, [
+    return (o, t) => (l(), n("div", ui, [
       o.loading ? v("", !0) : (l(), k(Qe, {
         key: 0,
         open: i.value,
@@ -4194,35 +4204,35 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
         ]),
         _: 1
       }, 8, ["open", "title", "actions"])),
-      o.loading ? (l(), n("ul", yi, [
-        (l(), n(x, null, _(4, (r) => e("li", null, t[2] || (t[2] = [
+      o.loading ? (l(), n("ul", bi, [
+        (l(), n(x, null, S(4, (r) => e("li", null, t[2] || (t[2] = [
           e("div", { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-200 animate-pulse dark:bg-gray-200 focus-within:ring-2 focus-within:ring-lime-400 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, null, -1),
           e("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28 mt-4" }, null, -1),
           e("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-14 mt-2" }, null, -1)
         ]))), 64))
-      ])) : (l(), n("ul", ui, [
-        (l(!0), n(x, null, _(o.gallery, (r) => (l(), n("li", {
+      ])) : (l(), n("ul", ci, [
+        (l(!0), n(x, null, S(o.gallery, (r) => (l(), n("li", {
           key: r.source,
           class: "relative"
         }, [
-          e("div", ci, [
+          e("div", gi, [
             e("img", {
               src: r.source,
               alt: "",
               class: "pointer-events-none object-cover group-hover:opacity-75"
-            }, null, 8, gi),
+            }, null, 8, mi),
             e("button", {
               type: "button",
               class: "absolute inset-0 focus:outline-none",
               onClick: (d) => o.$emit("imgClicked", r)
-            }, null, 8, mi)
+            }, null, 8, pi)
           ]),
-          e("p", pi, g(r.title), 1),
-          e("div", fi, [
-            e("p", hi, g(r.size), 1),
+          e("p", fi, g(r.title), 1),
+          e("div", hi, [
+            e("p", yi, g(r.size), 1),
             p(T, {
               class: "cursor-pointer",
-              icon: c(Nt),
+              icon: c(It),
               color: "red",
               loading: !1,
               onClick: (d) => o.$emit("deleteImage", r)
@@ -4239,16 +4249,16 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
         size: "small"
       }, {
         default: b(() => [
-          z(g(o.literals.deleteAllImages), 1)
+          A(g(o.literals.deleteAllImages), 1)
         ]),
         _: 1
       })) : v("", !0)
     ]));
   }
-}), vi = { 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" }, wi = { class: "flex flex-row items-center w-full" }, ki = { class: "content text-sm grow" }, xi = { class: "font-bold" }, $i = { key: 0 }, _i = { class: "font-bold text-gray-400" }, Ci = {
+}), 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" }, ki = { class: "flex flex-row items-center w-full" }, xi = { 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"
-}, Si = /* @__PURE__ */ M({
+}, Bi = /* @__PURE__ */ B({
   __name: "uiDragAndDrop",
   props: {
     elements: {},
@@ -4264,7 +4274,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
     const o = (t) => {
       a("dragAndDropUpdated", t);
     };
-    return (t, r) => t.loading ? (l(), n("div", Ci, r[2] || (r[2] = [
+    return (t, r) => t.loading ? (l(), n("div", Si, r[2] || (r[2] = [
       G('<div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div>', 5)
     ]))) : (l(), k(c(ft), {
       key: 0,
@@ -4275,8 +4285,8 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
       ]
     }, {
       item: b(({ item: d }) => [
-        e("div", vi, [
-          e("div", wi, [
+        e("div", wi, [
+          e("div", ki, [
             p(T, {
               icon: c(Mt),
               loading: !1,
@@ -4284,18 +4294,18 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
               class: "mr-4",
               size: "big"
             }, null, 8, ["icon"]),
-            e("div", ki, [
-              e("p", xi, g(d.name), 1),
-              d.description ? (l(), n("p", $i, g(d.description), 1)) : v("", !0)
+            e("div", xi, [
+              e("p", $i, g(d.name), 1),
+              d.description ? (l(), n("p", _i, g(d.description), 1)) : v("", !0)
             ]),
-            e("div", _i, g(c(s).indexOf(d) + 1), 1)
+            e("div", Ci, g(c(s).indexOf(d) + 1), 1)
           ])
         ])
       ]),
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Bi = { class: "chart-header flex flex-row justify-between" }, Mi = { class: "text-sm font-medium text-gray-500 truncate" }, Di = { class: "hidden sm:flex items-center" }, ji = { class: "w-1/2 min-w-0 flex-1" }, Ti = ["max"], zi = { class: "min-w-0 flex-1" }, Li = ["max"], Ai = { class: "chart-content" }, Oi = { class: "h-full w-full flex items-center justify-center flex-col" }, Ni = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Ii = /* @__PURE__ */ M({
+}), 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"], Oi = { class: "chart-content" }, Ii = { class: "h-full w-full flex items-center justify-center flex-col" }, Ni = { 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({
   __name: "uiCircleChart",
   props: {
     labels: {},
@@ -4319,8 +4329,8 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
   setup(m, { emit: u }) {
     const a = u, i = m, s = N((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
     let o = de(i.dates || { from: "", to: s });
-    V(() => i.dates, (B) => {
-      B && (o = B);
+    V(() => i.dates, (z) => {
+      z && (o = z);
     });
     let t = {
       chart: {
@@ -4354,82 +4364,82 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
         }
       }
     };
-    const r = () => ({ ...t, ...i.options }), d = I(() => i.series), h = I(() => r()), y = () => a("chartUpdated"), w = (B, S, D) => {
-      a("dataPointSelection", { id: i.id, chartContext: S, config: D, event: B });
-    }, O = () => {
-      o.from !== "" && o.to !== "" && A(o.from).isBefore(A(o.to)) && a("selectedRange", { range: o, chartId: i.id });
+    const r = () => ({ ...t, ...i.options }), d = P(() => i.series), h = P(() => r()), y = () => a("chartUpdated"), D = (z, w, L) => {
+      a("dataPointSelection", { id: i.id, chartContext: w, config: L, event: z });
+    }, C = () => {
+      o.from !== "" && o.to !== "" && I(o.from).isBefore(I(o.to)) && a("selectedRange", { range: o, chartId: i.id });
     };
-    return (B, S) => (l(), n(x, null, [
-      C(e("div", {
-        class: f(["h-[" + B.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
+    return (z, w) => (l(), n(x, null, [
+      _(e("div", {
+        class: f(["h-[" + z.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
-        e("div", Bi, [
-          e("div", Mi, g(B.title), 1),
-          e("div", Di, [
-            e("div", ji, [
-              C(e("input", {
+        e("div", Mi, [
+          e("div", Di, g(z.title), 1),
+          e("div", ji, [
+            e("div", Ti, [
+              _(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": S[0] || (S[0] = (D) => c(o).from = D),
+                "onUpdate:modelValue": w[0] || (w[0] = (L) => c(o).from = L),
                 max: s.value.toString(),
-                onChange: O,
+                onChange: C,
                 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, Ti), [
+              }, null, 40, zi), [
                 [Q, c(o).from]
               ])
             ]),
-            e("div", zi, [
-              C(e("input", {
+            e("div", Li, [
+              _(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": S[1] || (S[1] = (D) => c(o).to = D),
+                "onUpdate:modelValue": w[1] || (w[1] = (L) => c(o).to = L),
                 max: s.value.toString(),
-                onChange: O,
+                onChange: C,
                 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, Li), [
+              }, null, 40, Ai), [
                 [Q, c(o).to]
               ])
             ]),
             p(T, {
               class: "ml-4 cursor-pointer",
               size: "big",
-              loading: B.loading,
+              loading: z.loading,
               icon: c(He),
-              onClick: S[2] || (S[2] = (D) => B.$emit("maximizeChart", B.id))
+              onClick: w[2] || (w[2] = (L) => z.$emit("maximizeChart", z.id))
             }, null, 8, ["loading", "icon"])
           ])
         ]),
-        C(e("div", Ai, [
+        _(e("div", Oi, [
           p(c(Ce), {
             class: "flex items-center justify-center mt-4",
             type: "donut",
             series: d.value,
             options: h.value,
-            height: B.height - 80,
+            height: z.height - 80,
             onUpdated: y,
             onMounted: y,
-            onDataPointSelection: w
+            onDataPointSelection: D
           }, null, 8, ["series", "options", "height"])
         ], 512), [
-          [j, !B.empty]
+          [M, !z.empty]
         ]),
-        C(e("div", Oi, [
+        _(e("div", Ii, [
           p(T, {
             icon: c(U),
             color: "gray",
             loading: !1,
             size: "huge"
           }, null, 8, ["icon"]),
-          S[3] || (S[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
+          w[3] || (w[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
         ], 512), [
-          [j, B.empty]
+          [M, z.empty]
         ])
       ], 2), [
-        [j, !B.loading]
+        [M, !z.loading]
       ]),
-      C(e("div", Ni, S[4] || (S[4] = [
+      _(e("div", Ni, w[4] || (w[4] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -4456,17 +4466,17 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
           ])
         ], -1)
       ]), 512), [
-        [j, B.loading]
+        [M, z.loading]
       ])
     ], 64));
   }
-}), Pi = {
+}), Yi = {
   key: 0,
   class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2"
-}, Yi = {
+}, qi = {
   key: 1,
   class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2"
-}, qi = /* @__PURE__ */ M({
+}, Fi = /* @__PURE__ */ B({
   __name: "uiDateRange",
   props: {
     id: {},
@@ -4490,7 +4500,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
     const t = () => {
       o("uiDateRangeButtonClicked", s);
     };
-    return (r, d) => r.loading ? (l(), n("div", Yi, [
+    return (r, d) => r.loading ? (l(), n("div", qi, [
       p(H, {
         name: "dateFrom",
         loading: !0
@@ -4501,12 +4511,12 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
       }),
       p(Z, { loading: !0 }, {
         default: b(() => d[2] || (d[2] = [
-          z("Search")
+          A("Search")
         ])),
         _: 1,
         __: [2]
       })
-    ])) : (l(), n("div", Pi, [
+    ])) : (l(), n("div", Yi, [
       p(H, {
         type: "datetime-local",
         loading: !1,
@@ -4542,23 +4552,23 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
         onClick: t
       }, {
         default: b(() => [
-          z(g(r.literals.search), 1)
+          A(g(r.literals.search), 1)
         ]),
         _: 1
       }, 8, ["disabled", "class"])
     ]));
   }
-}), Fi = { class: "flex justify-between items-center" }, Vi = {
+}), Vi = { class: "flex justify-between items-center" }, Ri = {
   key: 0,
   class: "block text-sm font-medium"
-}, Ri = {
+}, Ui = {
   key: 1,
   "data-test": "required",
   class: "place-self-center text-[10px] uppercase justify-self-end"
-}, Ui = {
+}, Hi = {
   key: 1,
   class: "h-2 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 w-full"
-}, Hi = /* @__PURE__ */ M({
+}, Ei = /* @__PURE__ */ B({
   __name: "uiRangeSlider",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -4573,14 +4583,14 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
   setup(m, { emit: u }) {
     const a = u, s = N(m.sliderValue);
     return (o, t) => (l(), n("div", null, [
-      e("div", Fi, [
-        o.label ? (l(), n("label", Vi, g(o.label), 1)) : v("", !0),
-        o.requiredText ? (l(), n("span", Ri, g(o.requiredText), 1)) : v("", !0)
+      e("div", Vi, [
+        o.label ? (l(), n("label", Ri, g(o.label), 1)) : v("", !0),
+        o.requiredText ? (l(), n("span", Ui, g(o.requiredText), 1)) : v("", !0)
       ]),
       e("div", {
         class: f([{ "mt-1": o.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-black rounded-lg shadow-sm"])
       }, [
-        o.loading ? (l(), n("p", Ui)) : (l(), k(c(ht), {
+        o.loading ? (l(), n("p", Hi)) : (l(), k(c(ht), {
           key: 0,
           modelValue: s.value,
           "onUpdate:modelValue": t[0] || (t[0] = (r) => s.value = r),
@@ -4596,7 +4606,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
       ], 2)
     ]));
   }
-}), Ei = { class: "mt-1 mb-8 text-sm" }, Zi = /* @__PURE__ */ M({
+}), Zi = { class: "mt-1 mb-8 text-sm" }, Wi = /* @__PURE__ */ B({
   __name: "uiSectionTitle",
   props: {
     title: {},
@@ -4607,16 +4617,16 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
       e("h3", {
         class: f(["text-lg font-medium leading-6", { "mb-8": u.description === void 0 }])
       }, g(u.title), 3),
-      e("p", Ei, g(u.description), 1)
+      e("p", Zi, g(u.description), 1)
     ], 64));
   }
-}), Wi = {
+}), Ji = {
   key: 0,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, Ji = { class: "flex flex-1 flex-col p-8" }, Gi = { class: "text-2xl font-bold" }, Ki = { class: "mt-1 flex flex-grow flex-col justify-between" }, Qi = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Xi = {
+}, Gi = { class: "flex flex-1 flex-col p-8" }, Ki = { class: "text-2xl font-bold" }, 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"
-}, ed = { class: "flex flex-1 flex-col p-8" }, td = { 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" }, sd = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, od = /* @__PURE__ */ M({
+}, td = { class: "flex flex-1 flex-col p-8" }, ld = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, sd = { class: "mt-1 flex flex-grow flex-col justify-between" }, od = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, rd = /* @__PURE__ */ B({
   __name: "uiDeviceStatus",
   props: {
     id: {},
@@ -4629,9 +4639,9 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
   },
   emits: ["deviceStatusTagClicked", "deviceStatusQtyClicked"],
   setup(m, { emit: u }) {
-    return (a, i) => a.loading ? (l(), n("div", Xi, [
-      e("div", ed, [
-        e("div", td, [
+    return (a, i) => a.loading ? (l(), n("div", ed, [
+      e("div", td, [
+        e("div", ld, [
           p(T, {
             icon: a.icon,
             size: "huge",
@@ -4641,9 +4651,9 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
           }, null, 8, ["icon", "loading"])
         ]),
         i[3] || (i[3] = e("div", { class: "h-4 bg-gray-200 rounded-full dark:bg-gray-300 w-1/3 mx-auto" }, null, -1)),
-        e("dl", ld, [
-          e("dd", sd, [
-            (l(!0), n(x, null, _(a.tags, (s, o) => (l(), k(R, {
+        e("dl", sd, [
+          e("dd", od, [
+            (l(!0), n(x, null, S(a.tags, (s, o) => (l(), k(R, {
               key: o,
               loading: a.loading,
               event: s.event,
@@ -4651,15 +4661,15 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
               onTagEvent: i[2] || (i[2] = (t) => a.$emit("deviceStatusTagClicked", t))
             }, {
               default: b(() => [
-                z(g(s.name), 1)
+                A(g(s.name), 1)
               ]),
               _: 2
             }, 1032, ["loading", "event", "color"]))), 128))
           ])
         ])
       ])
-    ])) : (l(), n("div", Wi, [
-      e("div", Ji, [
+    ])) : (l(), n("div", Ji, [
+      e("div", Gi, [
         e("div", {
           class: f(["rounded-md p-3 flex items-center justify-center mx-auto mb-4", {
             "bg-lime-400": a.color === "green" || a.color === "primary" || !a.color,
@@ -4677,18 +4687,18 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
             loading: !1
           }, null, 8, ["icon"])
         ], 2),
-        e("h3", Gi, [
-          z(g(a.name) + " ", 1),
-          C(e("span", {
+        e("h3", Ki, [
+          A(g(a.name) + " ", 1),
+          _(e("span", {
             class: "text-black hover:text-lime-400 underline cursor-pointer",
             onClick: i[0] || (i[0] = (s) => a.$emit("deviceStatusQtyClicked", a.id))
           }, "(" + g(a.qty) + ")", 513), [
-            [j, a.qty > 0]
+            [M, a.qty > 0]
           ])
         ]),
-        e("dl", Ki, [
-          e("dd", Qi, [
-            (l(!0), n(x, null, _(a.tags, (s, o) => (l(), k(R, {
+        e("dl", Qi, [
+          e("dd", Xi, [
+            (l(!0), n(x, null, S(a.tags, (s, o) => (l(), k(R, {
               key: o,
               loading: !1,
               event: s.event,
@@ -4696,7 +4706,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
               onTagEvent: i[1] || (i[1] = (t) => a.$emit("deviceStatusTagClicked", t))
             }, {
               default: b(() => [
-                z(g(s.name), 1)
+                A(g(s.name), 1)
               ]),
               _: 2
             }, 1032, ["event", "color"]))), 128))
@@ -4705,7 +4715,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
       ])
     ]));
   }
-}), rd = { class: "fixed inset-0 flex" }, ad = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, nd = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, id = { class: "lg:pl-[25rem]" }, dd = { 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" }, ud = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, cd = { class: "flex items-center gap-x-4 lg:gap-x-6" }, gd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, md = ["src"], pd = { class: "hidden lg:flex lg:items-center" }, fd = ["onClick"], hd = { class: "py-7" }, yd = { class: "px-7 lg:px-10" }, bd = /* @__PURE__ */ M({
+}), ad = { class: "fixed inset-0 flex" }, nd = { 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 = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, pd = ["src"], fd = { class: "hidden lg:flex lg:items-center" }, hd = ["onClick"], yd = { class: "py-7" }, bd = { class: "px-7 lg:px-10" }, vd = /* @__PURE__ */ B({
   __name: "uiWrapper",
   props: {
     topbar: {},
@@ -4743,7 +4753,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
                 _: 1,
                 __: [10]
               }),
-              e("div", rd, [
+              e("div", ad, [
                 p(c(J), {
                   as: "template",
                   enter: "transition ease-in-out duration-300 transform",
@@ -4766,7 +4776,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
                           "leave-to": "opacity-0"
                         }, {
                           default: b(() => [
-                            e("div", ad, [
+                            e("div", nd, [
                               e("button", {
                                 type: "button",
                                 class: "-m-2.5 p-2.5",
@@ -4807,7 +4817,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
         ]),
         _: 1
       }, 8, ["show"]),
-      e("div", nd, [
+      e("div", id, [
         p(pe, {
           productsSidebar: t.sidebar.productsSidebar,
           isFilterNavigation: t.sidebar.isFilterNavigation,
@@ -4821,8 +4831,8 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
           onInputChanged: r[7] || (r[7] = (d) => t.$emit("inputChanged", d))
         }, null, 8, ["productsSidebar", "isFilterNavigation", "navigation", "filterNavigation", "logo"])
       ]),
-      e("div", id, [
-        e("div", dd, [
+      e("div", dd, [
+        e("div", ud, [
           e("button", {
             type: "button",
             class: "-m-2.5 p-2.5 text-gray-700 lg:hidden",
@@ -4838,7 +4848,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
             class: "h-6 w-px bg-gray-200 lg:hidden",
             "aria-hidden": "true"
           }, null, -1)),
-          e("div", ud, [
+          e("div", cd, [
             p(Be, {
               isWrapped: !0,
               class: "w-full self-center relative",
@@ -4846,17 +4856,17 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
               select: t.topbar.selectedItem,
               onSelectChanged: r[8] || (r[8] = (d) => t.$emit("selectChanged", d))
             }, null, 8, ["items", "select"]),
-            e("div", cd, [
+            e("div", gd, [
               e("button", {
                 type: "button",
                 class: "-m-2.5 p-2.5 text-gray-400 hover:text-gray-500 relative",
                 onClick: r[9] || (r[9] = (d) => i("bellClick"))
               }, [
                 r[14] || (r[14] = e("span", { class: "sr-only" }, "View notifications", -1)),
-                C(e("div", gd, r[13] || (r[13] = [
+                _(e("div", md, r[13] || (r[13] = [
                   e("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                 ]), 512), [
-                  [j, t.topbar.alerted]
+                  [M, t.topbar.alerted]
                 ]),
                 p(c(Dt), {
                   class: "h-6 w-6",
@@ -4879,8 +4889,8 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
                         class: "h-8 w-8 rounded-full bg-gray-50",
                         src: t.topbar.accountLogo,
                         alt: ""
-                      }, null, 8, md),
-                      e("span", pd, [
+                      }, null, 8, pd),
+                      e("span", fd, [
                         p(c(ne), {
                           class: "ml-2 h-5 w-5 text-gray-400",
                           "aria-hidden": "true"
@@ -4901,14 +4911,14 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
                     default: b(() => [
                       p(c(be), { class: "absolute right-0 z-10 mt-2.5 w-52 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-none" }, {
                         default: b(() => [
-                          (l(!0), n(x, null, _(t.topbar.profileMenu, (d) => (l(), k(c(ve), {
+                          (l(!0), n(x, null, S(t.topbar.profileMenu, (d) => (l(), k(c(ve), {
                             key: d.name
                           }, {
                             default: b(({ active: h }) => [
                               e("a", {
                                 onClick: (y) => t.$emit("topBarClick", d.id),
                                 class: f([h ? "bg-gray-50" : "", "block px-3 py-1 text-sm leading-6 text-gray-900"])
-                              }, g(d.name), 11, fd)
+                              }, g(d.name), 11, hd)
                             ]),
                             _: 2
                           }, 1024))), 128))
@@ -4924,15 +4934,15 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
             ])
           ])
         ]),
-        e("main", hd, [
-          e("div", yd, [
+        e("main", yd, [
+          e("div", bd, [
             F(t.$slots, "default")
           ])
         ])
       ])
     ]));
   }
-}), vd = /* @__PURE__ */ M({
+}), wd = /* @__PURE__ */ B({
   __name: "uiDynamicStats",
   props: {
     dynamicStats: {},
@@ -4944,23 +4954,23 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
       class: f([s.value, "grid grid-cols-1 md:grid-cols-2 gap-4"]),
       key: i.value
     }, [
-      (l(!0), n(x, null, _(o.dynamicStats, (r, d) => (l(), k(et, {
+      (l(!0), n(x, null, S(o.dynamicStats, (r, d) => (l(), k(et, {
         key: d,
         item: r,
         loading: o.loading
       }, null, 8, ["item", "loading"]))), 128))
     ], 2));
   }
-}), wd = { class: "flex justify-between" }, kd = {
+}), kd = { class: "flex justify-between" }, xd = {
   key: 0,
   class: "text-[10px] uppercase justify-self-end place-self-center"
-}, xd = { class: "relative" }, $d = { class: "block flex flex-wrap gap-2" }, _d = {
+}, $d = { class: "relative" }, _d = { class: "block flex flex-wrap gap-2" }, Cd = {
   key: 0,
   class: "p-0.5"
-}, Cd = ["onClick"], Sd = { class: "absolute mt-1 w-full rounded-md bg-white shadow-lg z-50" }, Bd = {
+}, Sd = ["onClick"], Bd = { class: "absolute mt-1 w-full rounded-md bg-white shadow-lg z-50" }, Md = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full"
-}, tt = /* @__PURE__ */ M({
+}, tt = /* @__PURE__ */ B({
   __name: "uiSelectMultiple",
   props: {
     items: {},
@@ -4984,7 +4994,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
     function t(r) {
       s.value = s.value.filter((d) => d.id !== r.id), o(s.value);
     }
-    return (r, d) => r.loading ? (l(), n("div", Bd, [
+    return (r, d) => r.loading ? (l(), n("div", Md, [
       d[4] || (d[4] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
       p(c(me), {
         "aria-hidden": "true",
@@ -5003,16 +5013,16 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
       as: "div"
     }, {
       default: b(() => [
-        e("div", wd, [
+        e("div", kd, [
           p(c(ct), { class: "block text-sm font-medium" }, {
             default: b(() => [
-              z(g(r.label), 1)
+              A(g(r.label), 1)
             ]),
             _: 1
           }),
-          r.requiredText ? (l(), n("span", kd, g(r.requiredText), 1)) : v("", !0)
+          r.requiredText ? (l(), n("span", xd, g(r.requiredText), 1)) : v("", !0)
         ]),
-        e("div", xd, [
+        e("div", $d, [
           p(c(gt), {
             class: f([{
               "mt-1": r.requiredText || r.label,
@@ -5031,9 +5041,9 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
             }, "relative w-full rounded-md border py-2 pl-2 pr-10 shadow-sm focus:border-lime-400 focus:outline-none focus:ring-1 focus:ring-lime-400 sm:text-sm"])
           }, {
             default: b(() => [
-              e("span", $d, [
-                c(s).length === 0 ? (l(), n("span", _d, "...")) : v("", !0),
-                (l(!0), n(x, null, _(c(s), (h) => (l(), n("span", {
+              e("span", _d, [
+                c(s).length === 0 ? (l(), n("span", Cd, "...")) : v("", !0),
+                (l(!0), n(x, null, S(c(s), (h) => (l(), n("span", {
                   key: h.id,
                   class: "flex items-center gap-1 rounded text-xs font-medium bg-lime-400 text-black border border-lime-200 px-2 py-0.5"
                 }, [
@@ -5052,7 +5062,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
                       "stroke-width": "2",
                       d: "M6 18L18 6M6 6l12 12"
                     }, null, -1)
-                  ]), 8, Cd))
+                  ]), 8, Sd))
                 ]))), 128))
               ]),
               d[2] || (d[2] = e("span", { class: "absolute h-full right-0 mr-2 self-center top-0 flex items-center" }, [
@@ -5074,22 +5084,22 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
             _: 1,
             __: [2]
           }, 8, ["class"]),
-          e("div", Sd, [
+          e("div", Bd, [
             p(c(mt), { 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: b(() => [
-                (l(!0), n(x, null, _(r.items, (h) => (l(), k(c(pt), {
+                (l(!0), n(x, null, S(r.items, (h) => (l(), k(c(pt), {
                   key: h.id,
                   value: h,
                   as: "template"
                 }, {
-                  default: b(({ active: y, selected: w }) => [
+                  default: b(({ active: y, selected: D }) => [
                     e("li", {
                       class: f(["focus:outline-hidden relative cursor-default select-none py-2 pl-3 pr-9", y ? "bg-lime-400 text-black" : "text-black"])
                     }, [
                       e("span", {
-                        class: f(["block truncate", { "font-semibold": w, "font-normal": !w }])
+                        class: f(["block truncate", { "font-semibold": D, "font-normal": !D }])
                       }, g(h.name), 3),
-                      w ? (l(), n("span", {
+                      D ? (l(), n("span", {
                         key: 0,
                         class: f(["absolute inset-y-0 right-0 flex items-center pr-4", { "text-black": y, "text-lime-400": !y }])
                       }, d[3] || (d[3] = [
@@ -5113,7 +5123,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
               _: 1
             })
           ]),
-          C(e("p", {
+          _(e("p", {
             class: f([{
               "text-gray-400": r.color === "gray",
               "text-red-600": r.color === "red",
@@ -5121,14 +5131,14 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
               "text-green-600": r.color === "green"
             }, "mt-2 text-xs flex flex-row items-center"])
           }, g(r.error), 3), [
-            [j, r.error]
+            [M, r.error]
           ])
         ])
       ]),
       _: 1
     }, 8, ["modelValue", "disabled"]));
   }
-}), Md = { class: "flex flex-col lg:flex-row items-center" }, Dd = /* @__PURE__ */ M({
+}), Dd = { class: "flex flex-col lg:flex-row items-center" }, jd = /* @__PURE__ */ B({
   __name: "uiSmartFilter",
   props: {
     items: {},
@@ -5157,7 +5167,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
       }
       o.value = r.props;
     };
-    return (r, d) => (l(), n("div", Md, [
+    return (r, d) => (l(), n("div", Dd, [
       p(Ke, {
         items: r.items,
         loading: r.loading,
@@ -5177,7 +5187,7 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
         loading: r.loading
       }, {
         default: b(() => [
-          z(g(r.buttonLiteral), 1)
+          A(g(r.buttonLiteral), 1)
         ]),
         _: 1
       }, 8, ["loading"])) : v("", !0)
@@ -5191,118 +5201,118 @@ const rr = /* @__PURE__ */ ee(lr, [["render", or]]), ar = /* @__PURE__ */ M({
   uiCard: Xl,
   uiChart: tr,
   uiCheckbox: Ue,
-  uiCircleChart: Ii,
-  uiDateRange: qi,
-  uiDeviceStatus: od,
-  uiDragAndDrop: Si,
+  uiCircleChart: Pi,
+  uiDateRange: Fi,
+  uiDeviceStatus: rd,
+  uiDragAndDrop: Bi,
   uiDropdown: ce,
-  uiDynamicStats: vd,
+  uiDynamicStats: wd,
   uiFilter: Ke,
   uiFooter: rr,
-  uiFunnelChartV2: Hn,
-  uiGallery: bi,
+  uiFunnelChartV2: En,
+  uiGallery: vi,
   uiIcon: T,
   uiInput: H,
   uiInputFile: il,
   uiLoadingScreen: ar,
   uiModal: Qe,
-  uiNoResults: Kn,
+  uiNoResults: Qn,
   uiNotification: ys,
-  uiPagination: wr,
+  uiPagination: kr,
   uiPriceCalendar: Vo,
-  uiRangeSlider: Hi,
-  uiRightSidebar: ii,
-  uiSectionTitle: Zi,
+  uiRangeSlider: Ei,
+  uiRightSidebar: di,
+  uiSectionTitle: Wi,
   uiSelect: ml,
   uiSelectMultiple: tt,
   uiSelect_v2: Be,
-  uiSidebar: Lr,
+  uiSidebar: Ar,
   uiSidebarV2: pe,
-  uiSmartFilter: Dd,
+  uiSmartFilter: jd,
   uiStats: et,
-  uiStripedCard: ha,
-  uiTable: Ya,
-  uiTabs: Ea,
+  uiStripedCard: ya,
+  uiTable: qa,
+  uiTabs: Za,
   uiTag: R,
   uiTaskList: Ms,
   uiTextArea: Cl,
-  uiTimeline: fn,
+  uiTimeline: hn,
   uiToggle: Dl,
-  uiTopbar: In,
-  uiWrapper: bd
-}, Symbol.toStringTag, { value: "Module" })), jd = [
+  uiTopbar: Pn,
+  uiWrapper: vd
+}, Symbol.toStringTag, { value: "Module" })), Td = [
   "primary",
   "secondary",
   "light",
   "green",
   "yellow",
   "red"
-], Vd = [
+], Rd = [
   "text",
   "email",
   "password",
   "number",
   "date",
   "datetime-local"
-], Td = ["black", "gray", "white"], Rd = [...jd, ...Td], zd = ["small", "medium", "big"], Ld = ["bigger", "huge", "massive"], Ud = [...zd, ...Ld], Hd = ["default", "success", "warning", "danger"];
-function Ad(m) {
+], zd = ["black", "gray", "white"], Ud = [...Td, ...zd], Ld = ["small", "medium", "big"], Ad = ["bigger", "huge", "massive"], Hd = [...Ld, ...Ad], Ed = ["default", "success", "warning", "danger"];
+function Od(m) {
   for (const u in Ae)
     m.component(u, Ae[u]);
 }
-const Ed = { install: Ad };
+const Zd = { install: Od };
 export {
-  Rd as AllColors,
-  Ud as AllSizes,
-  Ld as BiggerSizes,
-  jd as Colors,
-  Td as MonoColors,
-  zd as Sizes,
-  Hd as Types,
-  Vd as UiInputTypes,
-  Ed as default,
+  Ud as AllColors,
+  Hd as AllSizes,
+  Ad as BiggerSizes,
+  Td as Colors,
+  zd as MonoColors,
+  Ld as Sizes,
+  Ed as Types,
+  Rd as UiInputTypes,
+  Zd as default,
   Pl as uiAlert,
   El as uiBreadcrumbs,
   Z as uiButton,
   Xl as uiCard,
   tr as uiChart,
   Ue as uiCheckbox,
-  Ii as uiCircleChart,
-  qi as uiDateRange,
-  od as uiDeviceStatus,
-  Si as uiDragAndDrop,
+  Pi as uiCircleChart,
+  Fi as uiDateRange,
+  rd as uiDeviceStatus,
+  Bi as uiDragAndDrop,
   ce as uiDropdown,
-  vd as uiDynamicStats,
+  wd as uiDynamicStats,
   Ke as uiFilter,
   rr as uiFooter,
-  Hn as uiFunnelChartV2,
-  bi as uiGallery,
+  En as uiFunnelChartV2,
+  vi as uiGallery,
   T as uiIcon,
   H as uiInput,
   il as uiInputFile,
   ar as uiLoadingScreen,
   Qe as uiModal,
-  Kn as uiNoResults,
+  Qn as uiNoResults,
   ys as uiNotification,
-  wr as uiPagination,
+  kr as uiPagination,
   Vo as uiPriceCalendar,
-  Hi as uiRangeSlider,
-  ii as uiRightSidebar,
-  Zi as uiSectionTitle,
+  Ei as uiRangeSlider,
+  di as uiRightSidebar,
+  Wi as uiSectionTitle,
   ml as uiSelect,
   tt as uiSelectMultiple,
   Be as uiSelect_v2,
-  Lr as uiSidebar,
+  Ar as uiSidebar,
   pe as uiSidebarV2,
-  Dd as uiSmartFilter,
+  jd as uiSmartFilter,
   et as uiStats,
-  ha as uiStripedCard,
-  Ya as uiTable,
-  Ea as uiTabs,
+  ya as uiStripedCard,
+  qa as uiTable,
+  Za as uiTabs,
   R as uiTag,
   Ms as uiTaskList,
   Cl as uiTextArea,
-  fn as uiTimeline,
+  hn as uiTimeline,
   Dl as uiToggle,
-  In as uiTopbar,
-  bd as uiWrapper
+  Pn as uiTopbar,
+  vd as uiWrapper
 };