@hotelinking/ui 14.47.13 → 14.47.15

package/dist/ui.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as M, createBlock as k, createElementBlock as n, openBlock as l, resolveDynamicComponent as Re, normalizeClass as y, computed as Y, createCommentVNode as b, renderSlot as E, createElementVNode as e, ref as N, watch as H, unref as c, withCtx as f, createVNode as m, toDisplayString as g, createTextVNode as z, Transition as re, Fragment as $, renderList as S, withDirectives as B, vModelDynamic as ct, vShow as D, withModifiers as ye, vModelText as se, createStaticVNode as te, resolveComponent as Fe, vModelCheckbox as Ee, reactive as ae, isRef as xe, TransitionGroup as gt, onMounted as mt, shallowRef as pt, mergeProps as ve } from "vue";
-import { Menu as _e, MenuButton as $e, MenuItems as Ce, MenuItem as Se, Combobox as Ue, ComboboxLabel as He, ComboboxInput as Ze, ComboboxButton as Je, ComboboxOptions as We, ComboboxOption as Ge, SwitchGroup as ft, Switch as ht, SwitchLabel as yt, TransitionRoot as Be, Dialog as Me, TransitionChild as X, DialogPanel as je, DialogTitle as Qe, Disclosure as De, DisclosureButton as Q, DisclosurePanel as Te, Listbox as vt, ListboxLabel as bt, ListboxButton as wt, ListboxOptions as kt, ListboxOption as xt, Popover as _t, PopoverButton as $t, PopoverPanel as Ct } from "@headlessui/vue";
+import { defineComponent as M, createBlock as x, createElementBlock as n, openBlock as l, resolveDynamicComponent as Ee, normalizeClass as y, computed as Y, createCommentVNode as b, renderSlot as E, createElementVNode as e, ref as A, watch as H, unref as c, withCtx as f, createVNode as m, toDisplayString as g, createTextVNode as z, Transition as ae, Fragment as $, renderList as S, withDirectives as B, vModelDynamic as ct, vShow as D, withModifiers as ve, vModelText as oe, createStaticVNode as le, resolveComponent as Oe, vModelCheckbox as Ue, reactive as ne, isRef as _e, TransitionGroup as gt, onMounted as mt, shallowRef as pt, mergeProps as be } from "vue";
+import { Menu as $e, MenuButton as Ce, MenuItems as Se, MenuItem as Be, Combobox as He, ComboboxLabel as Ze, ComboboxInput as Je, ComboboxButton as We, ComboboxOptions as Ge, ComboboxOption as Qe, SwitchGroup as ft, Switch as ht, SwitchLabel as yt, TransitionRoot as Me, Dialog as je, TransitionChild as ee, DialogPanel as De, DialogTitle as Ke, Disclosure as Te, DisclosureButton as Q, DisclosurePanel as ze, Listbox as vt, ListboxLabel as bt, ListboxButton as wt, ListboxOptions as kt, ListboxOption as xt, Popover as _t, PopoverButton as $t, PopoverPanel as Ct } from "@headlessui/vue";
 import V from "dayjs";
-import ze from "vue3-apexcharts";
+import Le from "vue3-apexcharts";
 import St from "vue3-draggable";
 import Bt from "@vueform/slider";
-const O = /* @__PURE__ */ M({
+const F = /* @__PURE__ */ M({
   __name: "uiIcon",
   props: {
     icon: {},
@@ -22,7 +22,7 @@ const O = /* @__PURE__ */ M({
         "h-12 w-12": u.size === "huge",
         "h-20 w-20": u.size === "massive"
       }, "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"])
-    }, null, 2)) : (l(), k(Re(u.icon), {
+    }, null, 2)) : (l(), x(Ee(u.icon), {
       key: 0,
       class: y({
         "h-4 w-4": u.size === "medium",
@@ -72,7 +72,7 @@ const O = /* @__PURE__ */ M({
       class: y(o.value),
       type: "button"
     }, [
-      t.icon ? (l(), k(O, {
+      t.icon ? (l(), x(F, {
         key: 0,
         icon: t.icon,
         color: "white",
@@ -86,7 +86,7 @@ const O = /* @__PURE__ */ M({
       class: y(s.value),
       type: "button"
     }, [
-      t.icon ? (l(), k(O, {
+      t.icon ? (l(), x(F, {
         key: 0,
         icon: t.icon,
         class: "-ml-0.5 mr-2",
@@ -102,7 +102,7 @@ const O = /* @__PURE__ */ M({
 }, Tt = { class: "flex items-center h-5" }, zt = ["checked", "value", "disabled"], Lt = { class: "ml-3 text-sm" }, Ft = { class: "text-black" }, Ot = {
   key: 1,
   class: "flex items-center animate-pulse"
-}, Ke = /* @__PURE__ */ M({
+}, Xe = /* @__PURE__ */ M({
   __name: "uiCheckbox",
   props: {
     check: { type: Boolean, default: !1 },
@@ -113,7 +113,7 @@ const O = /* @__PURE__ */ M({
   },
   emits: ["checkboxChanged"],
   setup(p, { emit: u }) {
-    const r = u, i = p, s = N(i.check), o = () => {
+    const r = u, i = p, s = A(i.check), o = () => {
       i.disabled || (s.value = !s.value, r("checkboxChanged", { checked: s.value, value: i.value }));
     };
     return H(() => i.check, (t) => {
@@ -208,7 +208,7 @@ function Pt(p, u) {
     })
   ]);
 }
-function Xe(p, u) {
+function et(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -225,7 +225,7 @@ function Xe(p, u) {
     })
   ]);
 }
-function et(p, u) {
+function tt(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -276,7 +276,7 @@ function Yt(p, u) {
     })
   ]);
 }
-function tt(p, u) {
+function lt(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -293,7 +293,7 @@ function tt(p, u) {
     })
   ]);
 }
-function Le(p, u) {
+function Fe(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -310,7 +310,7 @@ function Le(p, u) {
     })
   ]);
 }
-function oe(p, u) {
+function re(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -327,7 +327,7 @@ function oe(p, u) {
     })
   ]);
 }
-function lt(p, u) {
+function st(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -344,7 +344,7 @@ function lt(p, u) {
     })
   ]);
 }
-function ne(p, u) {
+function ie(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -361,7 +361,7 @@ function ne(p, u) {
     })
   ]);
 }
-function be(p, u) {
+function we(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -378,7 +378,7 @@ function be(p, u) {
     })
   ]);
 }
-function st(p, u) {
+function ot(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -497,7 +497,7 @@ function Ht(p, u) {
     })
   ]);
 }
-function ot(p, u) {
+function rt(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -514,7 +514,7 @@ function ot(p, u) {
     })
   ]);
 }
-function Oe(p, u) {
+function Ae(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -548,7 +548,7 @@ function Zt(p, u) {
     })
   ]);
 }
-function pe(p, u) {
+function fe(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -565,7 +565,7 @@ function pe(p, u) {
     })
   ]);
 }
-function fe(p, u) {
+function he(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -609,7 +609,7 @@ const Jt = {
 }, Gt = { class: "-py-1" }, Qt = ["onClick"], Kt = {
   key: 1,
   class: "animate-pulse px-4 py-2 bg-gray-200 rounded-md inline-flex items-center relative text-left h-10"
-}, he = /* @__PURE__ */ M({
+}, ye = /* @__PURE__ */ M({
   __name: "uiDropdown",
   props: {
     items: {},
@@ -630,11 +630,11 @@ const Jt = {
     };
     return (t, a) => t.loading ? (l(), n("div", Kt, [
       a[0] || (a[0] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1)),
-      m(c(oe), {
+      m(c(re), {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300"
       })
-    ])) : (l(), k(c(_e), {
+    ])) : (l(), x(c($e), {
       key: 0,
       as: "div",
       class: y(["relative text-left", { "opacity-25": t.disabled }])
@@ -647,15 +647,15 @@ const Jt = {
             t.label ? (l(), n("label", Jt, g(t.label), 1)) : b("", !0),
             t.requiredText ? (l(), n("span", Wt, g(t.requiredText), 1)) : b("", !0)
           ], 2),
-          m(c($e), { 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" }, {
+          m(c(Ce), { 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: f(() => [
               z(g(s.value) + " ", 1),
-              t.verticalPosition === "bottom" ? (l(), k(c(oe), {
+              t.verticalPosition === "bottom" ? (l(), x(c(re), {
                 key: 0,
                 "aria-hidden": "true",
                 class: "-mr-1 ml-2 h-5 w-5"
               })) : b("", !0),
-              t.verticalPosition === "top" ? (l(), k(c(st), {
+              t.verticalPosition === "top" ? (l(), x(c(ot), {
                 key: 1,
                 "aria-hidden": "true",
                 class: "-mr-1 ml-2 h-5 w-5"
@@ -664,7 +664,7 @@ const Jt = {
             _: 1
           })
         ]),
-        m(re, {
+        m(ae, {
           "enter-active-class": "transition ease-out duration-100",
           "enter-from-class": "transform opacity-0 scale-95",
           "enter-to-class": "transform opacity-100 scale-100",
@@ -673,7 +673,7 @@ const Jt = {
           "leave-to-class": "transform opacity-0 scale-95"
         }, {
           default: f(() => [
-            t.disabled ? b("", !0) : (l(), k(c(Ce), {
+            t.disabled ? b("", !0) : (l(), x(c(Se), {
               key: 0,
               class: y([{
                 "right-0": t.position === "right",
@@ -684,7 +684,7 @@ const Jt = {
             }, {
               default: f(() => [
                 e("div", Gt, [
-                  (l(!0), n($, null, S(t.items, (d, h) => (l(), k(c(Se), { key: h }, {
+                  (l(!0), n($, null, S(t.items, (d, h) => (l(), x(c(Be), { key: h }, {
                     default: f(() => [
                       e("a", {
                         onClick: (v) => o(d),
@@ -741,7 +741,7 @@ const Jt = {
   },
   emits: ["inputChanged", "rightAddOnClicked", "addOnClicked"],
   setup(p, { emit: u }) {
-    const r = u, i = p, s = N(i.value);
+    const r = u, i = p, s = A(i.value);
     H(() => i.value, (t) => {
       s.value = t, s.value && r("inputChanged", { name: i.name, value: s.value });
     });
@@ -799,27 +799,27 @@ const Jt = {
           class: "inline-flex items-center px-3 rounded-r-md border border-l-0 border-black bg-black hover:bg-lime-400 hover:text-black text-white sm:text-sm cursor-pointer"
         }, g(t.rightAddOn), 1)) : b("", !0),
         e("div", ol, [
-          t.icon ? (l(), k(O, {
+          t.icon ? (l(), x(F, {
             key: 0,
             icon: t.icon,
             color: t.color,
             loading: t.loading
           }, null, 8, ["icon", "color", "loading"])) : b("", !0),
-          B(m(O, {
-            icon: c(Le),
+          B(m(F, {
+            icon: c(Fe),
             color: "green",
             loading: t.loading
           }, null, 8, ["icon", "loading"]), [
             [D, t.color === "green"]
           ]),
-          B(m(O, {
+          B(m(F, {
             icon: c(W),
             color: "yellow",
             loading: t.loading
           }, null, 8, ["icon", "loading"]), [
             [D, t.color === "yellow"]
           ]),
-          B(m(O, {
+          B(m(F, {
             icon: c(K),
             color: "red",
             loading: t.loading
@@ -866,7 +866,7 @@ const Jt = {
   },
   emits: ["filesUploaded"],
   setup(p, { emit: u }) {
-    let r = N("");
+    let r = A("");
     const i = u, s = p, o = (d) => {
       a(d.dataTransfer.files), i("filesUploaded", { id: s.id, files: d.dataTransfer.files });
     }, t = (d) => {
@@ -898,12 +898,12 @@ const Jt = {
           ],
           "dropArea flex justify-center rounded-md border-2 border-dashed px-6 pt-5 pb-6"
         ]),
-        onDragover: h[0] || (h[0] = ye(() => {
+        onDragover: h[0] || (h[0] = ve(() => {
         }, ["prevent"])),
-        onDrop: ye(o, ["prevent"])
+        onDrop: ve(o, ["prevent"])
       }, [
         e("div", cl, [
-          m(O, {
+          m(F, {
             icon: d.icon,
             size: "massive",
             color: "black",
@@ -936,8 +936,8 @@ const Jt = {
         ])
       ], 34),
       B(e("p", yl, [
-        m(O, {
-          icon: c(fe),
+        m(F, {
+          icon: c(he),
           color: "red",
           class: "mr-2",
           loading: d.loading
@@ -970,7 +970,7 @@ const Jt = {
   },
   emits: ["selectChanged"],
   setup(p, { expose: u, emit: r }) {
-    const i = N(""), s = r, o = p, t = Y(() => i.value === "" ? o.items : o.items.filter((v) => v.name.toLowerCase().includes(i.value.toLowerCase()))), a = (v) => v?.name ?? "", d = (v) => {
+    const i = A(""), s = r, o = p, t = Y(() => i.value === "" ? o.items : o.items.filter((v) => v.name.toLowerCase().includes(i.value.toLowerCase()))), a = (v) => v?.name ?? "", d = (v) => {
       s("selectChanged", v);
     }, h = Y({
       get: () => o.select,
@@ -982,11 +982,11 @@ const Jt = {
       handleChange: d
     }), (v, j) => v.loading ? (l(), n("div", _l, [
       j[3] || (j[3] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
-      m(c(be), {
+      m(c(we), {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400"
       })
-    ])) : (l(), k(c(Ue), {
+    ])) : (l(), x(c(He), {
       key: 0,
       modelValue: h.value,
       "onUpdate:modelValue": [
@@ -998,7 +998,7 @@ const Jt = {
     }, {
       default: f(() => [
         e("div", wl, [
-          m(c(He), { class: "block text-sm font-medium" }, {
+          m(c(Ze), { class: "block text-sm font-medium" }, {
             default: f(() => [
               z(g(v.label), 1)
             ]),
@@ -1007,7 +1007,7 @@ const Jt = {
           v.requiredText ? (l(), n("span", kl, g(v.requiredText), 1)) : b("", !0)
         ]),
         e("div", xl, [
-          m(c(Ze), {
+          m(c(Je), {
             onChange: j[0] || (j[0] = (w) => i.value = w.target.value),
             onBlur: j[1] || (j[1] = (w) => i.value = ""),
             displayValue: a,
@@ -1026,21 +1026,21 @@ const Jt = {
               "text-green-600": v.color === "green"
             }, "w-full rounded-md border py-2 pl-3 pr-10 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm"])
           }, null, 8, ["class"]),
-          m(c(Je), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
+          m(c(We), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
             default: f(() => [
-              m(c(be), {
+              m(c(we), {
                 "aria-hidden": "true",
                 class: "h-5 w-5 text-gray-400"
               })
             ]),
             _: 1
           }),
-          t.value.length > 0 ? (l(), k(c(We), {
+          t.value.length > 0 ? (l(), x(c(Ge), {
             key: 0,
             class: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"
           }, {
             default: f(() => [
-              (l(!0), n($, null, S(t.value, (w) => (l(), k(c(Ge), {
+              (l(!0), n($, null, S(t.value, (w) => (l(), x(c(Qe), {
                 key: w.id,
                 value: w,
                 as: "template"
@@ -1062,7 +1062,7 @@ const Jt = {
                         T ? "text-white" : "text-indigo-600"
                       ])
                     }, [
-                      m(c(Le), {
+                      m(c(Fe), {
                         "aria-hidden": "true",
                         class: "h-5 w-5",
                         loading: !0
@@ -1124,7 +1124,7 @@ function Sl(p, u) {
 const Bl = { class: "flex justify-between" }, Ml = {
   key: 0,
   class: "text-[10px] uppercase justify-self-end self-center"
-}, ee = /* @__PURE__ */ M({
+}, te = /* @__PURE__ */ M({
   __name: "uiSelect_v2",
   props: {
     items: {},
@@ -1140,12 +1140,12 @@ const Bl = { class: "flex justify-between" }, Ml = {
   },
   emits: ["selectChanged"],
   setup(p, { emit: u }) {
-    const r = p, i = u, s = N(""), o = N(r.select), t = Y(
+    const r = p, i = u, s = A(""), o = A(r.select), t = Y(
       () => s.value === "" ? r.items : r.items.filter((d) => d.name.toLowerCase().includes(s.value.toLowerCase()))
     ), a = (d) => {
       s.value = "", i("selectChanged", d);
     };
-    return (d, h) => (l(), k(c(Ue), {
+    return (d, h) => (l(), x(c(He), {
       as: "div",
       modelValue: o.value,
       "onUpdate:modelValue": [
@@ -1155,7 +1155,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
     }, {
       default: f(() => [
         e("div", Bl, [
-          m(c(He), { class: "block text-sm font-medium" }, {
+          m(c(Ze), { class: "block text-sm font-medium" }, {
             default: f(() => [
               z(g(d.label), 1)
             ]),
@@ -1166,7 +1166,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
         e("div", {
           class: y([{ "mt-1": d.label }, "relative"])
         }, [
-          m(c(Ze), {
+          m(c(Je), {
             class: y([{
               "!border-transparent !shadow-none": d.isWrapped,
               "mt-1": d.requiredText || d.label,
@@ -1187,7 +1187,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
             onBlur: h[1] || (h[1] = (v) => s.value = ""),
             "display-value": (v) => v.label || v.name
           }, null, 8, ["class", "display-value"]),
-          m(c(Je), { class: "h-full absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
+          m(c(We), { class: "h-full absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
             default: f(() => [
               m(c(Sl), {
                 class: "size-5 mt-1",
@@ -1196,12 +1196,12 @@ const Bl = { class: "flex justify-between" }, Ml = {
             ]),
             _: 1
           }),
-          t.value.length > 0 ? (l(), k(c(We), {
+          t.value.length > 0 ? (l(), x(c(Ge), {
             key: 0,
             class: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none sm:text-sm"
           }, {
             default: f(() => [
-              (l(!0), n($, null, S(t.value, (v) => (l(), k(c(Ge), {
+              (l(!0), n($, null, S(t.value, (v) => (l(), x(c(Qe), {
                 key: v.id,
                 value: v,
                 as: "template"
@@ -1314,7 +1314,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
   setup(p, { emit: u }) {
     const r = u, i = p, s = (t) => {
       r("inputChanged", t.target.value);
-    }, o = N(i.value);
+    }, o = A(i.value);
     return H(() => i.value, (t) => {
       o.value = t, r("inputChanged", { name: i.name, value: o.value });
     }), (t, a) => t.loading ? (l(), n("div", Ol, a[1] || (a[1] = [
@@ -1347,7 +1347,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
           }]),
           onChange: s
         }, null, 42, Fl), [
-          [se, o.value]
+          [oe, o.value]
         ])
       ], 2),
       B(e("p", {
@@ -1358,8 +1358,8 @@ const Bl = { class: "flex justify-between" }, Ml = {
           "text-green-600": t.color === "green"
         }, "mt-2 text-xs flex flex-row items-center"])
       }, [
-        m(O, {
-          icon: c(fe),
+        m(F, {
+          icon: c(he),
           color: "red",
           class: "mr-2",
           loading: !1
@@ -1386,13 +1386,13 @@ const Bl = { class: "flex justify-between" }, Ml = {
   },
   emits: ["toggleChanged", "actionClicked"],
   setup(p, { emit: u }) {
-    const r = p, i = N(r.checked);
+    const r = p, i = A(r.checked);
     return H(() => r.checked, (s) => i.value = s), (s, o) => s.loading ? (l(), n("div", Pl, o[3] || (o[3] = [
       e("div", { class: "relative bg-gray-200 rounded-full w-12 h-6 p-1 flex items-center" }, [
         e("div", { class: "rounded-full bg-gray-300 dark:bg-gray-400 h-4 w-4" })
       ], -1),
       e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-16 ml-2" }, null, -1)
-    ]))) : (l(), k(c(ft), {
+    ]))) : (l(), x(c(ft), {
       key: 0,
       as: "div",
       class: "flex items-center relative"
@@ -1459,7 +1459,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
       r("alertEvent", s.event);
     };
     return (s, o) => s.loading ? (l(), n("div", Jl, o[0] || (o[0] = [
-      te('<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)
+      le('<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", Yl, [
       e("div", {
         class: y([{
@@ -1471,22 +1471,22 @@ const Bl = { class: "flex justify-between" }, Ml = {
       }, [
         e("div", ql, [
           e("div", Rl, [
-            s.type === "info" ? (l(), k(c(ot), {
+            s.type === "info" ? (l(), x(c(rt), {
               key: 0,
               class: "h-8 w-8 text-lime-400",
               "aria-hidden": "true"
             })) : b("", !0),
-            s.type === "danger" ? (l(), k(c(fe), {
+            s.type === "danger" ? (l(), x(c(he), {
               key: 1,
               class: "h-8 w-8 text-red-600",
               "aria-hidden": "true"
             })) : b("", !0),
-            s.type === "warning" ? (l(), k(c(W), {
+            s.type === "warning" ? (l(), x(c(W), {
               key: 2,
               class: "h-8 w-8 text-yellow-400",
               "aria-hidden": "true"
             })) : b("", !0),
-            s.type === "success" ? (l(), k(c(tt), {
+            s.type === "success" ? (l(), x(c(lt), {
               key: 3,
               class: "h-8 w-8 text-green-600",
               "aria-hidden": "true"
@@ -1573,7 +1573,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
               e("span", null, g(s.name), 1)
             ], 8, Xl)
           ])) : (l(), n("div", es, [
-            m(c(ne), {
+            m(c(ie), {
               class: "flex-shrink-0 h-3 w-3 text-gray-400",
               "aria-hidden": "true"
             }),
@@ -1606,7 +1606,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
   emits: ["cardSelected"],
   setup(p, { emit: u }) {
     return (r, i) => r.loading ? (l(), n("div", ds, i[1] || (i[1] = [
-      te('<div class="flex items-center flex-col sm:flex-row justify-center sm:justify-start w-full"><div class="w-16 h-16 rounded-full bg-gray-200 flex self-center"></div><div class="w-full ml-4"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mt-4 sm:mt-0 sm:w-16 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full sm:w-32"></div></div></div>', 1)
+      le('<div class="flex items-center flex-col sm:flex-row justify-center sm:justify-start w-full"><div class="w-16 h-16 rounded-full bg-gray-200 flex self-center"></div><div class="w-full ml-4"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mt-4 sm:mt-0 sm:w-16 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full sm:w-32"></div></div></div>', 1)
     ]))) : (l(), n("div", {
       key: 0,
       class: "rounded-lg bg-white shadow p-6 cursor-pointer",
@@ -1623,7 +1623,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
         ])
       ]),
       r.tags && r.tags?.length > 0 ? (l(), n("div", is, [
-        (l(!0), n($, null, S(r.tags, (s) => (l(), k(Z, {
+        (l(!0), n($, null, S(r.tags, (s) => (l(), x(Z, {
           class: "mb-1 mr-1",
           key: s.name,
           color: s.color,
@@ -1637,7 +1637,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
       ])) : b("", !0)
     ]));
   }
-}), rt = /* @__PURE__ */ M({
+}), at = /* @__PURE__ */ M({
   __name: "uiFilter",
   props: {
     items: {},
@@ -1651,8 +1651,8 @@ const Bl = { class: "flex justify-between" }, Ml = {
       o.value.forEach((a) => {
         a.active = a.value === t.value;
       }), r("filterSelected", t);
-    }, o = N(i.items);
-    return (t, a) => (l(), k(he, {
+    }, o = A(i.items);
+    return (t, a) => (l(), x(ye, {
       class: "text-nowrap",
       loading: t.loading,
       onOptionSelected: a[0] || (a[0] = (d) => s(d)),
@@ -1664,7 +1664,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
 }), cs = { class: "fixed inset-0 z-10 overflow-y-auto" }, gs = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, ms = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, ps = { class: "sm:flex sm:items-start" }, fs = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full break-words" }, hs = { class: "mt-4 text-gray-500 text-sm" }, ys = {
   key: 0,
   class: "mt-8"
-}, vs = ["onClick"], at = /* @__PURE__ */ M({
+}, vs = ["onClick"], nt = /* @__PURE__ */ M({
   __name: "uiModal",
   props: {
     title: {},
@@ -1680,18 +1680,18 @@ const Bl = { class: "flex justify-between" }, Ml = {
     const r = p, i = u, s = (o) => {
       i("modalAction", { modal: r.modalName, action: o });
     };
-    return (o, t) => (l(), k(c(Be), {
+    return (o, t) => (l(), x(c(Me), {
       as: "template",
       show: o.open
     }, {
       default: f(() => [
-        m(c(Me), {
+        m(c(je), {
           as: "div",
           class: "relative z-50",
           onClose: t[1] || (t[1] = (a) => s("close"))
         }, {
           default: f(() => [
-            m(c(X), {
+            m(c(ee), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -1708,7 +1708,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
             }),
             e("div", cs, [
               e("div", gs, [
-                m(c(X), {
+                m(c(ee), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -1718,7 +1718,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 }, {
                   default: f(() => [
-                    m(c(je), {
+                    m(c(De), {
                       class: y([{
                         "sm:my-8 w-full sm:w-9/12 md:w-2/3 lg:w-1/2": o.size === "big",
                         "w-full sm:my-8 sm:w-full sm:max-w-lg sm:p-6": o.size === "medium"
@@ -1732,7 +1732,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
                             onClick: t[0] || (t[0] = (a) => s("close"))
                           }, [
                             t[3] || (t[3] = e("span", { class: "sr-only" }, "X", -1)),
-                            m(O, {
+                            m(F, {
                               icon: c(K),
                               "aria-hidden": "true",
                               loading: o.loading
@@ -1754,7 +1754,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
                             }, null, 512), [
                               [D, o.type === "danger"]
                             ]),
-                            B(m(c(Le), {
+                            B(m(c(Fe), {
                               class: "h-6 w-6 text-green-600",
                               "aria-hidden": "true"
                             }, null, 512), [
@@ -1774,7 +1774,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
                             ])
                           ], 2),
                           e("div", fs, [
-                            m(c(Qe), {
+                            m(c(Ke), {
                               as: "h3",
                               class: "text-lg font-medium leading-6"
                             }, {
@@ -1831,7 +1831,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
       class: y([{ fixed: s.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"])
     }, [
       e("div", bs, [
-        m(re, {
+        m(ae, {
           "enter-active-class": "transform ease-out duration-300 transition",
           "enter-from-class": "translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2",
           "enter-to-class": "translate-y-0 opacity-100 sm:translate-x-0",
@@ -1844,13 +1844,13 @@ const Bl = { class: "flex justify-between" }, Ml = {
               e("div", ks, [
                 e("div", xs, [
                   e("div", _s, [
-                    B(m(c(tt), {
+                    B(m(c(lt), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-green-600"
                     }, null, 512), [
                       [D, s.type === "success"]
                     ]),
-                    B(m(c(fe), {
+                    B(m(c(he), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-red-600"
                     }, null, 512), [
@@ -1862,7 +1862,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
                     }, null, 512), [
                       [D, s.type === "warning"]
                     ]),
-                    B(m(c(ot), {
+                    B(m(c(rt), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-black"
                     }, null, 512), [
@@ -1914,7 +1914,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
         key: i.id,
         class: "flex items-center justify-between gap-x-6 py-5"
       }, r[0] || (r[0] = [
-        te('<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)
+        le('<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", js, [
       (l(!0), n($, null, S(u.tasks, (i) => (l(), n("li", {
@@ -1955,9 +1955,9 @@ const Bl = { class: "flex justify-between" }, Ml = {
 function Vs(p) {
   return p && p.__esModule && Object.prototype.hasOwnProperty.call(p, "default") ? p.default : p;
 }
-var de = { exports: {} }, Ys = de.exports, Ae;
+var ue = { exports: {} }, Ys = ue.exports, Ie;
 function qs() {
-  return Ae || (Ae = 1, (function(p, u) {
+  return Ie || (Ie = 1, (function(p, u) {
     (function(r, i) {
       p.exports = i(V);
     })(Ys, (function(r) {
@@ -1969,12 +1969,12 @@ function qs() {
       } };
       return s.default.locale(o, null, !0), o;
     }));
-  })(de)), de.exports;
+  })(ue)), ue.exports;
 }
 qs();
-var ue = { exports: {} }, Rs = ue.exports, Ie;
+var ce = { exports: {} }, Rs = ce.exports, Ne;
 function Es() {
-  return Ie || (Ie = 1, (function(p, u) {
+  return Ne || (Ne = 1, (function(p, u) {
     (function(r, i) {
       p.exports = i(V);
     })(Rs, (function(r) {
@@ -1991,12 +1991,12 @@ function Es() {
       }, weekStart: 1, yearStart: 4, formats: { LTS: "HH:mm:ss", LT: "HH:mm", L: "DD.MM.YYYY", LL: "D. MMMM YYYY", LLL: "D. MMMM YYYY HH:mm", LLLL: "dddd, D. MMMM YYYY HH:mm" }, relativeTime: { future: "in %s", past: "vor %s", s: t, m: t, mm: t, h: t, hh: t, d: t, dd: t, M: t, MM: t, y: t, yy: t } };
       return s.default.locale(a, null, !0), a;
     }));
-  })(ue)), ue.exports;
+  })(ce)), ce.exports;
 }
 Es();
-var ce = { exports: {} }, Us = ce.exports, Ne;
+var ge = { exports: {} }, Us = ge.exports, Pe;
 function Hs() {
-  return Ne || (Ne = 1, (function(p, u) {
+  return Pe || (Pe = 1, (function(p, u) {
     (function(r, i) {
       p.exports = i();
     })(Us, (function() {
@@ -2005,12 +2005,12 @@ function Hs() {
         return "[" + r + (i[(s - 20) % 10] || i[s] || i[0]) + "]";
       } };
     }));
-  })(ce)), ce.exports;
+  })(ge)), ge.exports;
 }
 Hs();
-var ge = { exports: {} }, Zs = ge.exports, Pe;
+var me = { exports: {} }, Zs = me.exports, Ve;
 function Js() {
-  return Pe || (Pe = 1, (function(p, u) {
+  return Ve || (Ve = 1, (function(p, u) {
     (function(r, i) {
       p.exports = i(V);
     })(Zs, (function(r) {
@@ -2022,17 +2022,17 @@ function Js() {
       } };
       return s.default.locale(o, null, !0), o;
     }));
-  })(ge)), ge.exports;
+  })(me)), me.exports;
 }
 Js();
-const le = (p, u) => {
+const se = (p, u) => {
   const r = p.__vccOpts || p;
   for (const [i, s] of u)
     r[i] = s;
   return r;
 }, Ws = {
   name: "dateSelector",
-  components: { ChevronLeftIcon: lt, ChevronRightIcon: ne },
+  components: { ChevronLeftIcon: st, ChevronRightIcon: ie },
   computed: {
     currentDate() {
       return V(this.selectedDate).locale("es");
@@ -2062,7 +2062,7 @@ const le = (p, u) => {
   }
 }, Gs = { class: "dateSelector flex items-center flex-row" }, Qs = { class: "pagination flex items-center my-1 md:my-0" }, Ks = { class: "date mx-4 font-bold text-center text-black select-none uppercase" }, Xs = { class: "pagination flex items-center my-1 sm:my-0" };
 function eo(p, u, r, i, s, o) {
-  const t = Fe("ChevronLeftIcon"), a = Fe("ChevronRightIcon");
+  const t = Oe("ChevronLeftIcon"), a = Oe("ChevronRightIcon");
   return l(), n("div", Gs, [
     e("div", Qs, [
       e("div", {
@@ -2122,7 +2122,7 @@ function eo(p, u, r, i, s, o) {
     ])
   ]);
 }
-const to = /* @__PURE__ */ le(Ws, [["render", eo]]), lo = {
+const to = /* @__PURE__ */ se(Ws, [["render", eo]]), lo = {
   name: "SkeletonTable"
 }, so = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, oo = { class: "flow-root" }, ro = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, ao = { class: "inline-block min-w-full py-2 align-middle px-1" }, no = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, io = { class: "min-w-full divide-y divide-gray-300" }, uo = { class: "divide-y divide-gray-200 bg-white" };
 function co(p, u, r, i, s, o) {
@@ -2203,10 +2203,10 @@ function co(p, u, r, i, s, o) {
     ])
   ]);
 }
-const nt = /* @__PURE__ */ le(lo, [["render", co]]);
-var me = { exports: {} }, go = me.exports, Ve;
+const it = /* @__PURE__ */ se(lo, [["render", co]]);
+var pe = { exports: {} }, go = pe.exports, Ye;
 function mo() {
-  return Ve || (Ve = 1, (function(p, u) {
+  return Ye || (Ye = 1, (function(p, u) {
     (function(r, i) {
       p.exports = i();
     })(go, (function() {
@@ -2217,7 +2217,7 @@ function mo() {
         };
       };
     }));
-  })(me)), me.exports;
+  })(pe)), pe.exports;
 }
 var po = mo();
 const fo = /* @__PURE__ */ Vs(po), ho = {
@@ -2252,7 +2252,7 @@ function wo(p, u, r, i, s, o) {
     e("p", bo, g(o.currentDay.month), 1)
   ], 2);
 }
-const ko = /* @__PURE__ */ le(ho, [["render", wo]]), xo = {
+const ko = /* @__PURE__ */ se(ho, [["render", wo]]), xo = {
   name: "dayPrice",
   props: {
     currency: String,
@@ -2288,7 +2288,7 @@ function $o(p, u, r, i, s, o) {
     }, g(o.currentDay.price) + g(r.currency), 3)
   ]);
 }
-const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
+const de = /* @__PURE__ */ se(xo, [["render", $o]]), Co = {
   key: 0,
   class: "px-4 sm:px-6 lg:px-8"
 }, So = { class: "flow-root" }, Bo = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Mo = { class: "inline-block min-w-full align-middle" }, jo = { class: "min-w-full text-sm" }, Do = { class: "bg-white" }, To = {
@@ -2353,24 +2353,24 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
   },
   emits: ["dateChanged", "changeCategoryBulkPrices", "changeCategorySelectionPrice", "changeCategoryUpgradePrice", "changeRoomPrice", "tableAction"],
   setup(p, { emit: u }) {
-    const r = p, i = u, s = N(/* @__PURE__ */ new Date()), o = N(r.today), t = N([]);
+    const r = p, i = u, s = A(/* @__PURE__ */ new Date()), o = A(r.today), t = A([]);
     H(() => r.today, (C) => {
       o.value = C;
     });
     const a = Y(() => {
       let C = [];
-      for (let q = 0; q < 14; q++)
-        C.push(V(o.value).add(q, "day"));
+      for (let R = 0; R < 14; R++)
+        C.push(V(o.value).add(R, "day"));
       return C;
     }), d = Y(() => t.value.length > 0 && t.value.length < r.rooms.length), h = (C) => {
       V(C).isBefore(s.value) || (o.value = C, i("dateChanged", o.value));
     }, v = (C) => {
-      let q = r.category.selectionPrices.find((P) => V(P.date).isSame(C.date));
-      return q ? q.price : C.price;
+      let R = r.category.selectionPrices.find((I) => V(I.date).isSame(C.date));
+      return R ? R.price : C.price;
     }, j = (C) => {
-      t.value = C.target.checked ? r.rooms.map((q) => q.id) : [];
-    }, w = () => i("changeCategoryBulkPrices"), T = (C) => i("changeCategorySelectionPrice", C), _ = (C) => i("changeCategoryUpgradePrice", C), A = (C) => i("tableAction", C), F = (C, q, P) => i("changeRoomPrice", { price: C, roomId: q, roomName: P });
-    return (C, q) => C.loading ? (l(), k(nt, { key: 1 })) : (l(), n("div", Co, [
+      t.value = C.target.checked ? r.rooms.map((R) => R.id) : [];
+    }, w = () => i("changeCategoryBulkPrices"), T = (C) => i("changeCategorySelectionPrice", C), _ = (C) => i("changeCategoryUpgradePrice", C), O = (C) => i("tableAction", C), L = (C, R, I) => i("changeRoomPrice", { price: C, roomId: R, roomName: I });
+    return (C, R) => C.loading ? (l(), x(it, { key: 1 })) : (l(), n("div", Co, [
       e("div", So, [
         e("div", Bo, [
           e("div", Mo, [
@@ -2380,17 +2380,17 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                   e("th", To, [
                     m(to, {
                       selectedDate: o.value,
-                      onDateSelected: q[0] || (q[0] = (P) => h(P))
+                      onDateSelected: R[0] || (R[0] = (I) => h(I))
                     }, null, 8, ["selectedDate"])
                   ]),
-                  (l(!0), n($, null, S(a.value, (P, x) => (l(), n("th", {
+                  (l(!0), n($, null, S(a.value, (I, k) => (l(), n("th", {
                     scope: "col",
-                    key: x,
+                    key: k,
                     class: "text-sm font-semibold p-0"
                   }, [
                     m(ko, {
                       class: "border-l border-gray-200 px-6 py-3",
-                      day: P
+                      day: I
                     }, null, 8, ["day"])
                   ]))), 128))
                 ]),
@@ -2412,14 +2412,14 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                 ]),
                 C.type === "discounts" ? (l(), n("tr", Lo, [
                   e("td", Fo, g(C.literals.pricesDiscount), 1),
-                  (l(!0), n($, null, S(C.category.selectionPrices, (P, x) => (l(), n("td", {
-                    key: x,
+                  (l(!0), n($, null, S(C.category.selectionPrices, (I, k) => (l(), n("td", {
+                    key: k,
                     class: "p-0"
                   }, [
-                    m(ie, {
-                      onClick: (I) => T(P),
+                    m(de, {
+                      onClick: (N) => T(I),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 font-bold cursor-pointer",
-                      price: P,
+                      price: I,
                       currency: C.currency.symbol,
                       isBasePrice: !0
                     }, null, 8, ["onClick", "price", "currency"])
@@ -2427,14 +2427,14 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                 ])) : b("", !0),
                 C.type === "prices" ? (l(), n("tr", Oo, [
                   e("td", Ao, g(C.literals.pricesSelection), 1),
-                  (l(!0), n($, null, S(C.category.selectionPrices, (P, x) => (l(), n("td", {
-                    key: x,
+                  (l(!0), n($, null, S(C.category.selectionPrices, (I, k) => (l(), n("td", {
+                    key: k,
                     class: "p-0"
                   }, [
-                    m(ie, {
-                      onClick: (I) => T(P),
+                    m(de, {
+                      onClick: (N) => T(I),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 font-bold cursor-pointer",
-                      price: P,
+                      price: I,
                       currency: C.currency.symbol,
                       isBasePrice: !0
                     }, null, 8, ["onClick", "price", "currency"])
@@ -2442,14 +2442,14 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                 ])) : b("", !0),
                 C.type === "prices" ? (l(), n("tr", Io, [
                   e("td", No, g(C.literals.pricesUpgrade), 1),
-                  (l(!0), n($, null, S(C.category.upgradePrices, (P, x) => (l(), n("td", {
-                    key: x,
+                  (l(!0), n($, null, S(C.category.upgradePrices, (I, k) => (l(), n("td", {
+                    key: k,
                     class: "p-0"
                   }, [
-                    m(ie, {
-                      onClick: (I) => _(P),
+                    m(de, {
+                      onClick: (N) => _(I),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 font-bold cursor-pointer bg-gray-100",
-                      price: P,
+                      price: I,
                       currency: C.currency.symbol,
                       isBasePrice: !0
                     }, null, 8, ["onClick", "price", "currency"])
@@ -2458,12 +2458,12 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                 e("tr", null, [
                   e("th", Po, [
                     t.value?.length > 0 && C.actions?.length > 0 ? (l(), n("div", Vo, [
-                      (l(!0), n($, null, S(C.actions, (P, x) => (l(), n("button", {
-                        onClick: (I) => A({ action: P.id, items: t.value }),
-                        key: x,
+                      (l(!0), n($, null, S(C.actions, (I, k) => (l(), n("button", {
+                        onClick: (N) => O({ action: I.id, items: t.value }),
+                        key: k,
                         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(P.name), 9, Yo))), 128))
+                      }, g(I.name), 9, Yo))), 128))
                     ])) : b("", !0),
                     e("span", null, g(C.literals.pricesSelection), 1)
                   ])
@@ -2481,14 +2481,14 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                   ]),
                   e("th", Uo, g(C.literals.building), 1),
                   e("th", Ho, g(C.literals.floor), 1),
-                  q[2] || (q[2] = e("th", {
+                  R[2] || (R[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($, null, S(C.rooms, (P) => (l(), n("tr", {
-                  key: P.name,
+                (l(!0), n($, null, S(C.rooms, (I) => (l(), n("tr", {
+                  key: I.name,
                   class: y([{ "even:bg-gray-100": C.type === "prices", "odd:bg-gray-100": C.type === "discounts" }])
                 }, [
                   e("td", Zo, [
@@ -2496,25 +2496,25 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                     B(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: P.name,
-                      "onUpdate:modelValue": q[1] || (q[1] = (x) => t.value = x)
+                      value: I.name,
+                      "onUpdate:modelValue": R[1] || (R[1] = (k) => t.value = k)
                     }, null, 8, Wo), [
-                      [Ee, t.value]
+                      [Ue, t.value]
                     ]),
-                    e("span", Go, g(P.name), 1)
+                    e("span", Go, g(I.name), 1)
                   ]),
-                  e("td", Qo, g(P.building), 1),
-                  e("td", Ko, g(P.floor), 1),
-                  (l(!0), n($, null, S(P.selectionPrices, (x, I) => (l(), n("td", {
+                  e("td", Qo, g(I.building), 1),
+                  e("td", Ko, g(I.floor), 1),
+                  (l(!0), n($, null, S(I.selectionPrices, (k, N) => (l(), n("td", {
                     class: "p-0",
-                    key: I
+                    key: N
                   }, [
-                    m(ie, {
-                      onClick: (L) => F(x, P.id, P.name),
+                    m(de, {
+                      onClick: (q) => L(k, I.id, I.name),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 cursor-pointer",
-                      price: x,
+                      price: k,
                       currency: C.currency.symbol,
-                      basePrice: v(x)
+                      basePrice: v(k)
                     }, null, 8, ["onClick", "price", "currency", "basePrice"])
                   ]))), 128))
                 ], 2))), 128))
@@ -2550,8 +2550,8 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection", "maximizeChart"],
   setup(p, { emit: u }) {
-    const r = u, i = N((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":"))), s = p;
-    let o = ae(s.dates || { from: "", to: i });
+    const r = u, i = A((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":"))), s = p;
+    let o = ne(s.dates || { from: "", to: i });
     H(() => s.dates, (_) => {
       _ && (o = _);
     });
@@ -2566,10 +2566,10 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
       },
       colors: function() {
         return s.isNps ? [
-          function({ value: _, seriesIndex: A, dataPointIndex: F, w: C }) {
-            if (F <= 5) return "#F87171";
-            if (F > 5 && F <= 7) return "#eab308";
-            if (F >= 8) return "#84cc16";
+          function({ value: _, seriesIndex: O, dataPointIndex: L, w: C }) {
+            if (L <= 5) return "#F87171";
+            if (L > 5 && L <= 7) return "#eab308";
+            if (L >= 8) return "#84cc16";
           }
         ] : [
           "#000000",
@@ -2613,10 +2613,10 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
     }), s.type === "area" && (a.tooltip = { intersect: !1, shared: !0 });
     const d = () => (a.chart.stacked = s.stacked, s.options && (s.options.xaxis.hideOverlappingLabels = !0, s.options.xaxis.decimalsInFloat = 2, s.options.xaxis.tickAmount = 10), { ...a, ...s.options, plotOptions: { bar: { horizontal: s.horizontal } } }), h = () => {
       o.from !== "" && o.to !== "" && V(o.from).isBefore(V(o.to)) && r("selectedRange", { range: o, chartId: s.id });
-    }, v = Y(() => s.series), j = Y(() => d()), w = () => r("chartUpdated"), T = (_, A, F) => {
-      r("dataPointSelection", { id: s.id, chartContext: A, config: F, event: _ });
+    }, v = Y(() => s.series), j = Y(() => d()), w = () => r("chartUpdated"), T = (_, O, L) => {
+      r("dataPointSelection", { id: s.id, chartContext: O, config: L, event: _ });
     };
-    return (_, A) => (l(), n($, null, [
+    return (_, O) => (l(), n($, null, [
       B(e("div", {
         class: y(["h-[" + _.height + "px]", "card chart apex-chart p-4 bg-white shadow rounded-lg overflow-hidden flex grow"])
       }, [
@@ -2629,7 +2629,7 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
               loading: !1
             }, {
               default: f(() => [
-                m(O, {
+                m(F, {
                   icon: c(Rt),
                   loading: !1,
                   color: "red"
@@ -2644,7 +2644,7 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
               loading: !1
             }, {
               default: f(() => [
-                m(O, {
+                m(F, {
                   icon: c(qt),
                   loading: !1,
                   color: "yellow"
@@ -2659,7 +2659,7 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
               loading: !1
             }, {
               default: f(() => [
-                m(O, {
+                m(F, {
                   icon: c(Et),
                   loading: !1,
                   color: "green"
@@ -2673,40 +2673,40 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
             e("div", nr, [
               B(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": A[0] || (A[0] = (F) => c(o).from = F),
+                "onUpdate:modelValue": O[0] || (O[0] = (L) => c(o).from = L),
                 max: i.value.toString(),
                 onChange: h,
                 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, ir), [
-                [se, c(o).from]
+                [oe, c(o).from]
               ])
             ]),
             e("div", dr, [
               B(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": A[1] || (A[1] = (F) => c(o).to = F),
+                "onUpdate:modelValue": O[1] || (O[1] = (L) => c(o).to = L),
                 max: i.value.toString(),
                 onChange: h,
                 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, ur), [
-                [se, c(o).to]
+                [oe, c(o).to]
               ])
             ]),
-            m(O, {
+            m(F, {
               class: "ml-4 cursor-pointer",
               size: "big",
               loading: _.loading,
-              icon: c(Xe),
-              onClick: A[2] || (A[2] = (F) => _.$emit("maximizeChart", _.id))
+              icon: c(et),
+              onClick: O[2] || (O[2] = (L) => _.$emit("maximizeChart", _.id))
             }, null, 8, ["loading", "icon"])
           ])
         ]),
         B(e("div", cr, [
-          m(c(ze), {
+          m(c(Le), {
             class: "chart",
             type: _.type,
             series: v.value,
@@ -2722,13 +2722,13 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
         B(e("div", {
           class: y(["h-[" + _.height + "px]", "w-full flex items-center justify-center flex-col"])
         }, [
-          m(O, {
+          m(F, {
             icon: c(W),
             color: "gray",
             loading: !1,
             size: "massive"
           }, null, 8, ["icon"]),
-          A[3] || (A[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data for this time frame", -1))
+          O[3] || (O[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data for this time frame", -1))
         ], 2), [
           [D, _.empty]
         ])
@@ -2737,7 +2737,7 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
       ]),
       B(e("div", {
         class: y(["h-[" + _.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80"])
-      }, A[4] || (A[4] = [
+      }, O[4] || (O[4] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -2780,7 +2780,7 @@ function fr(p, u, r, i, s, o) {
     ], -1)
   ]));
 }
-const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
+const hr = /* @__PURE__ */ se(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   __name: "uiLoadingScreen",
   props: {
     title: {},
@@ -2833,7 +2833,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["changePage"],
   setup(p, { emit: u }) {
-    const r = u, i = p, s = N(3), o = Y(
+    const r = u, i = p, s = A(3), o = Y(
       () => Math.max(1, Number(i.current) - Number(s.value))
     ), t = Y(
       () => Math.min(Number(i.current) + Number(s.value), Number(i.total))
@@ -2878,7 +2878,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
               e("span", Mr, [
                 E(d.$slots, "previous")
               ]),
-              m(c(lt), {
+              m(c(st), {
                 class: "h-5 w-5",
                 "aria-hidden": "true"
               })
@@ -2901,7 +2901,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
               e("span", Dr, [
                 E(d.$slots, "next")
               ]),
-              m(c(ne), {
+              m(c(ie), {
                 class: "h-5 w-5",
                 "aria-hidden": "true"
               })
@@ -2953,7 +2953,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             ]))), 64)) : (l(!0), n($, { key: 0 }, S(s.value, (a) => (l(), n($, {
               key: a.name
             }, [
-              a.children ? (l(), k(c(De), {
+              a.children ? (l(), x(c(Te), {
                 key: 1,
                 as: "div",
                 class: "space-y-1"
@@ -2963,7 +2963,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                     class: y([a.current ? "bg-indigo-600 text-white" : "text-gray-600 hover:bg-gray-50 hover:text-gray-900", "group w-full flex items-center pl-2 pr-1 py-2 text-left text-sm font-medium rounded-md focus:outline-none"])
                   }, {
                     default: f(() => [
-                      a.icon ? (l(), k(O, {
+                      a.icon ? (l(), x(F, {
                         key: 0,
                         loading: o.loading,
                         icon: a.icon,
@@ -2976,15 +2976,15 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                       o.loading ? (l(), n("div", Yr, 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", Vr, g(a.name), 1)),
-                      m(c(ne), {
+                      m(c(ie), {
                         class: y([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"])
                     ]),
                     _: 2
                   }, 1032, ["class"]),
-                  m(c(Te), { class: "space-y-1" }, {
+                  m(c(ze), { class: "space-y-1" }, {
                     default: f(() => [
-                      (l(!0), n($, null, S(a.children, (h) => (l(), k(c(Q), {
+                      (l(!0), n($, null, S(a.children, (h) => (l(), x(c(Q), {
                         onClick: (v) => i("sideBarClick", h.id),
                         key: h.name,
                         class: y([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"])
@@ -3007,7 +3007,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                     "group w-full flex items-center pl-2 py-2 text-sm font-medium rounded-md"
                   ])
                 }, [
-                  a.icon ? (l(), k(O, {
+                  a.icon ? (l(), x(F, {
                     key: 0,
                     loading: o.loading,
                     icon: a.icon,
@@ -3043,7 +3043,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
 }, oa = { class: "ml-2 space-y-1" }, ra = { class: "font-bold mb-4" }, aa = {
   key: 1,
   class: "flex flex-col grow h-full"
-}, na = { class: "flex-1 overflow-y-auto pr-6" }, ia = { class: "h-12 flex flex-row items-center" }, we = /* @__PURE__ */ M({
+}, na = { class: "flex-1 overflow-y-auto pr-6" }, ia = { class: "h-12 flex flex-row items-center" }, ke = /* @__PURE__ */ M({
   __name: "uiSidebarV2",
   props: {
     navigation: {},
@@ -3097,7 +3097,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                   (l(!0), n($, null, S(i.value, (t) => (l(), n("li", {
                     key: t.name
                   }, [
-                    t.children ? (l(), k(c(De), {
+                    t.children ? (l(), x(c(Te), {
                       key: 1,
                       as: "div"
                     }, {
@@ -3107,7 +3107,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                           class: y([t.current ? "bg-lime-100" : "hover:bg-lime-100", "flex w-full items-center gap-x-3 rounded-md p-2 text-left text-sm font-semibold leading-6 text-gray-700"])
                         }, {
                           default: f(() => [
-                            m(O, {
+                            m(F, {
                               icon: t.icon,
                               color: "primary",
                               size: "big",
@@ -3116,7 +3116,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                               class: "shrink-0"
                             }, null, 8, ["icon"]),
                             z(" " + g(t.name) + " ", 1),
-                            m(c(ne), {
+                            m(c(ie), {
                               class: y([t.children.some((a) => a.current) || t.current ? "rotate-90 text-black" : "text-gray-400", "ml-auto h-5 w-5 shrink-0"]),
                               "aria-hidden": "true"
                             }, null, 8, ["class"])
@@ -3124,7 +3124,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                           _: 2
                         }, 1032, ["onClick", "class"]),
                         B(e("div", null, [
-                          m(c(Te), {
+                          m(c(ze), {
                             as: "ul",
                             class: "mt-1 px-2",
                             static: ""
@@ -3157,7 +3157,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                       onClick: (a) => s.$emit("sideBarClick", t.id),
                       class: y([t.current ? "bg-lime-100" : "hover:bg-lime-100", "group flex gap-x-3 rounded-md p-2 text-sm font-semibold leading-6 text-gray-700 cursor-pointer"])
                     }, [
-                      m(O, {
+                      m(F, {
                         icon: t.icon,
                         color: "primary",
                         size: "big",
@@ -3173,7 +3173,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             ])),
             s.isFilterNavigation && s.filterNavigation ? (l(), n("ul", sa, [
               e("li", oa, [
-                s.filterNavigation.hasSearch && s.filterNavigation.search ? (l(), k(J, {
+                s.filterNavigation.hasSearch && s.filterNavigation.search ? (l(), x(J, {
                   key: 0,
                   name: s.filterNavigation.search.name,
                   label: s.filterNavigation.search.label,
@@ -3188,7 +3188,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                 key: a
               }, [
                 e("p", ra, g(t.label), 1),
-                (l(!0), n($, null, S(t.filters, (d, h) => (l(), k(Ke, {
+                (l(!0), n($, null, S(t.filters, (d, h) => (l(), x(Xe, {
                   class: "mb-2",
                   value: d.value,
                   loading: d.loading
@@ -3208,7 +3208,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
 }), da = { key: 0 }, ua = { class: "ml-16 text-sm font-medium truncate" }, ca = { class: "ml-16 flex items-baseline pb-5" }, ga = { class: "text-2xl font-semibold" }, ma = {
   key: 0,
   class: "text-black ml-2 flex items-baseline text-sm font-semibold"
-}, pa = { class: "absolute bottom-0 inset-x-0 bg-lime-50 px-4 py-4 sm:px-6" }, fa = { class: "text-sm" }, ha = { key: 1 }, ya = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, va = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, it = /* @__PURE__ */ M({
+}, pa = { class: "absolute bottom-0 inset-x-0 bg-lime-50 px-4 py-4 sm:px-6" }, fa = { class: "text-sm" }, ha = { key: 1 }, ya = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, va = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, dt = /* @__PURE__ */ M({
   __name: "uiStats",
   props: {
     item: {},
@@ -3220,7 +3220,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       e("div", ya, [
         e("dt", null, [
           e("div", va, [
-            m(O, {
+            m(F, {
               loading: r.loading,
               icon: r.item.icon,
               class: "h-6 w-6 text-white",
@@ -3247,7 +3247,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
               "bg-yellow-400": r.item.color === "yellow"
             }])
           }, [
-            m(O, {
+            m(F, {
               icon: r.item.icon,
               class: "h-6 w-6",
               "aria-hidden": "true",
@@ -3270,12 +3270,12 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
               "ml-2 flex items-baseline text-sm font-semibold"
             ])
           }, [
-            r.item.changeType === "increase" ? (l(), k(c(Pt), {
+            r.item.changeType === "increase" ? (l(), x(c(Pt), {
               key: 0,
               class: "self-center flex-shrink-0 h-3 w-3 text-green-500",
               "aria-hidden": "true"
             })) : b("", !0),
-            r.item.changeType === "decrease" ? (l(), k(c(It), {
+            r.item.changeType === "decrease" ? (l(), x(c(It), {
               key: 1,
               class: "self-center flex-shrink-0 h-3 w-3 text-red-500",
               "aria-hidden": "true"
@@ -3319,7 +3319,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   emits: ["itemClicked"],
   setup(p) {
     return (u, r) => u.loading ? (l(), n("div", Ma, [
-      r[1] || (r[1] = te('<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)),
+      r[1] || (r[1] = le('<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", ja, [
         e("dl", null, [
           (l(), n($, null, S(5, (i) => e("div", {
@@ -3348,7 +3348,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           }, [
             e("dt", $a, g(i.title), 1),
             i.type === "tags" ? (l(), n("dd", Ca, [
-              (l(!0), n($, null, S(i.tags, (o, t) => (l(), k(Z, {
+              (l(!0), n($, null, S(i.tags, (o, t) => (l(), x(Z, {
                 loading: u.loading,
                 key: t,
                 color: o.color,
@@ -3395,7 +3395,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         })
       ], -1)),
       e("div", null, [
-        m(O, {
+        m(F, {
           icon: c(Zt),
           loading: !1,
           color: "white",
@@ -3428,7 +3428,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["tableAction", "orderBy", "customEmit", "selectedItemsDeleted"],
   setup(p, { emit: u }) {
-    let r = N([]), i = N(""), s = N(!1);
+    let r = A([]), i = A(""), s = A(!1);
     const o = u, t = p, a = Y(
       () => r.value.length > 0 && r.value.length < t.items.length
     ), d = (w, T) => {
@@ -3440,15 +3440,15 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
     }, j = (w) => t.hiddenColumns && t.hiddenColumns.length > 0 ? !t.hiddenColumns.includes(w) : !0;
     return H(() => t.resetSelected, (w) => {
       s.value = w, w && s.value && (r.value = [], s.value = !w, o("selectedItemsDeleted"));
-    }), (w, T) => w.loading ? (l(), k(nt, { key: 1 })) : (l(), n("div", Fa, [
+    }), (w, T) => w.loading ? (l(), x(it, { key: 1 })) : (l(), n("div", Fa, [
       e("div", Oa, [
         e("div", Aa, [
           e("div", Ia, [
             e("div", Na, [
               c(r)?.length > 0 && w.actions?.length > 0 ? (l(), n("div", Pa, [
-                (l(!0), n($, null, S(w.actions, (_, A) => (l(), n("button", {
-                  onClick: (F) => w.$emit("tableAction", { action: _.id, items: c(r) }),
-                  key: A,
+                (l(!0), n($, null, S(w.actions, (_, O) => (l(), n("button", {
+                  onClick: (L) => w.$emit("tableAction", { action: _.id, items: c(r) }),
+                  key: O,
                   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(_.name), 9, Va))), 128))
@@ -3469,14 +3469,14 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                         onChange: h
                       }, null, 40, Ra)) : b("", !0)
                     ], 2),
-                    (l(!0), n($, null, S(w.header, (_, A) => B((l(), n("th", {
-                      key: A,
+                    (l(!0), n($, null, S(w.header, (_, O) => B((l(), n("th", {
+                      key: O,
                       class: "py-3.5 pr-3 text-left font-semibold relative",
                       scope: "col",
-                      onMouseover: (F) => d(_.name, !0),
-                      onMouseleave: (F) => d(_.name, !1)
+                      onMouseover: (L) => d(_.name, !0),
+                      onMouseleave: (L) => d(_.name, !1)
                     }, [
-                      _.tooltip ? B((l(), k(La, {
+                      _.tooltip ? B((l(), x(La, {
                         key: 0,
                         tip: _.tooltip
                       }, null, 8, ["tip"])), [
@@ -3485,7 +3485,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                       _.value ? (l(), n("button", {
                         key: 1,
                         class: "group flex items-center uppercase text-xs relative text-nowrap",
-                        onClick: (F) => o("orderBy", { value: _.value, orderDirection: w.orderDirection === "asc" ? "desc" : "asc" })
+                        onClick: (L) => o("orderBy", { value: _.value, orderDirection: w.orderDirection === "asc" ? "desc" : "asc" })
                       }, [
                         e("span", null, g(_.name), 1),
                         e("span", {
@@ -3493,8 +3493,8 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                             _.value === w.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"])
                         }, [
-                          m(O, {
-                            icon: w.orderDirection === "asc" ? c(oe) : c(st),
+                          m(F, {
+                            icon: w.orderDirection === "asc" ? c(re) : c(ot),
                             loading: w.loading,
                             color: _.value === w.orderedBy ? "white" : "primary"
                           }, null, 8, ["icon", "loading", "color"])
@@ -3503,16 +3503,16 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                         e("span", null, g(_.name), 1)
                       ]))
                     ], 40, Ea)), [
-                      [D, j(A)]
+                      [D, j(O)]
                     ])), 128))
                   ])
                 ]),
                 e("tbody", Za, [
-                  (l(!0), n($, null, S(w.items, (_, A) => (l(), n("tr", {
+                  (l(!0), n($, null, S(w.items, (_, O) => (l(), n("tr", {
                     key: _.id,
                     class: y([
                       c(r).includes(_.id) && "bg-gray-50",
-                      A % 2 == 0 ? void 0 : "bg-gray-50"
+                      O % 2 == 0 ? void 0 : "bg-gray-50"
                     ])
                   }, [
                     e("td", {
@@ -3521,39 +3521,39 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                       c(r).includes(_.id) ? (l(), n("div", Ja)) : b("", !0),
                       w.actions?.length > 0 ? B((l(), n("input", {
                         key: 1,
-                        "onUpdate:modelValue": T[0] || (T[0] = (F) => xe(r) ? r.value = F : r = F),
+                        "onUpdate:modelValue": T[0] || (T[0] = (L) => _e(r) ? r.value = L : r = L),
                         value: _.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, Wa)), [
-                        [Ee, c(r)]
+                        [Ue, c(r)]
                       ]) : b("", !0)
                     ], 2),
-                    (l(!0), n($, null, S(_.row, (F, C) => B((l(), n("td", {
+                    (l(!0), n($, null, S(_.row, (L, C) => B((l(), n("td", {
                       key: C,
                       class: y([
                         "whitespace-nowrap py-4 pr-3 text-sm",
                         c(r).includes(_.id) ? "text-black font-bold" : ""
                       ])
                     }, [
-                      typeof F == "object" && F.type === "tag" ? (l(), k(Z, {
+                      typeof L == "object" && L.type === "tag" ? (l(), x(Z, {
                         key: 0,
                         loading: w.loading,
-                        color: F.color
+                        color: L.color
                       }, {
                         default: f(() => [
-                          z(g(F.content), 1)
+                          z(g(L.content), 1)
                         ]),
                         _: 2
-                      }, 1032, ["loading", "color"])) : typeof F == "object" && F.type === "link" ? (l(), n("span", {
+                      }, 1032, ["loading", "color"])) : typeof L == "object" && L.type === "link" ? (l(), n("span", {
                         key: 1,
                         class: "text-black font-bold underline hover:text-lime-400 cursor-pointer",
-                        onClick: (q) => v(F)
-                      }, g(F.content), 9, Ga)) : typeof F == "object" && F.type === "href" ? (l(), n("a", {
+                        onClick: (R) => v(L)
+                      }, g(L.content), 9, Ga)) : typeof L == "object" && L.type === "href" ? (l(), n("a", {
                         key: 2,
                         class: "text-black font-bold underline hover:text-lime-400 cursor-pointer",
-                        href: F.href
-                      }, g(F.content), 9, Qa)) : (l(), n("span", Ka, g(F), 1))
+                        href: L.href
+                      }, g(L.content), 9, Qa)) : (l(), n("span", Ka, g(L), 1))
                     ], 2)), [
                       [D, j(C)]
                     ])), 128))
@@ -3654,7 +3654,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["timelineEventClicked", "timelineFooterClicked"],
   setup(p, { emit: u }) {
-    const i = ae(p.timeline);
+    const i = ne(p.timeline);
     return (s, o) => s.loading ? (l(), n("div", _n, [
       o[3] || (o[3] = e("div", { class: "px-4 py-5 sm:px-6 animate-pulse" }, [
         e("h1", { class: "text-xl font-bold" }, [
@@ -3667,7 +3667,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             (l(), n($, null, S(10, (t, a) => e("li", { key: a }, [
               e("div", Bn, [
                 t !== 10 ? (l(), n("span", Mn)) : b("", !0),
-                o[2] || (o[2] = te('<div class="relative flex space-x-3"><div><span class="h-8 w-8 rounded-full bg-gray-300 flex items-center justify-center ring-4 ring-white"></span></div><div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center"><div><div class="text-sm text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full"></div></div></div><div class="text-right text-sm whitespace-nowrap text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4"></div></div></div></div>', 1))
+                o[2] || (o[2] = le('<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))
           ])
@@ -3705,7 +3705,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                           "bg-yellow-400": t?.iconBackground === "warning"
                         }, "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"])
                       }, [
-                        m(O, {
+                        m(F, {
                           loading: s.loading,
                           icon: t?.icon,
                           "aria-hidden": "true",
@@ -3746,7 +3746,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           }, g(s.timeline.footerText), 1)
         ])
       ])) : (l(), n("div", xn, [
-        m(O, {
+        m(F, {
           icon: c(W),
           color: "gray",
           loading: !1,
@@ -3772,7 +3772,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   emits: ["topBarClick"],
   setup(p, { emit: u }) {
     const r = p, i = Y(() => r.navigation ? Array.isArray(r.navigation) ? r.navigation : [r.navigation] : []);
-    return (s, o) => (l(), k(c(De), {
+    return (s, o) => (l(), x(c(Te), {
       as: "nav",
       class: "bg-white shadow z-10"
     }, {
@@ -3784,11 +3784,11 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                 m(c(Q), { class: "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" }, {
                   default: f(() => [
                     o[1] || (o[1] = e("span", { class: "sr-only" }, "Open main menu", -1)),
-                    t ? (l(), k(c(K), {
+                    t ? (l(), x(c(K), {
                       key: 1,
                       class: "block h-6 w-6",
                       "aria-hidden": "true"
-                    })) : (l(), k(c(et), {
+                    })) : (l(), x(c(tt), {
                       key: 0,
                       class: "block h-6 w-6",
                       "aria-hidden": "true"
@@ -3811,13 +3811,13 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             ]),
             e("div", On, [
               e("div", An, [
-                m(c(_e), {
+                m(c($e), {
                   as: "div",
                   class: "ml-3 relative"
                 }, {
                   default: f(() => [
                     e("div", null, [
-                      B(m(c($e), { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
+                      B(m(c(Ce), { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
                         default: f(() => [
                           B(e("div", In, o[2] || (o[2] = [
                             e("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
@@ -3834,7 +3834,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                         [D, s.accountLogo]
                       ])
                     ]),
-                    m(re, {
+                    m(ae, {
                       "enter-active-class": "transition ease-out duration-200",
                       "enter-from-class": "transform opacity-0 scale-95",
                       "enter-to-class": "transform opacity-100 scale-100",
@@ -3843,9 +3843,9 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                       "leave-to-class": "transform opacity-0 scale-95"
                     }, {
                       default: f(() => [
-                        m(c(Ce), { class: "origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, {
+                        m(c(Se), { 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: f(() => [
-                            (l(!0), n($, null, S(s.profileMenu, (a) => (l(), k(c(Se), {
+                            (l(!0), n($, null, S(s.profileMenu, (a) => (l(), x(c(Be), {
                               key: a.name
                             }, {
                               default: f(({ active: d }) => [
@@ -3872,10 +3872,10 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             ])
           ])
         ]),
-        m(c(Te), { class: "lg:hidden" }, {
+        m(c(ze), { class: "lg:hidden" }, {
           default: f(() => [
             e("div", Vn, [
-              (l(!0), n($, null, S(i.value, (a) => (l(), k(c(Q), {
+              (l(!0), n($, null, S(i.value, (a) => (l(), x(c(Q), {
                 as: "template",
                 key: a.id,
                 class: y(["block pl-3 pr-4 py-2 border-l-4 text-base font-medium sm:pl-5 sm:pr-6", {
@@ -3905,7 +3905,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                 ])) : b("", !0)
               ]),
               e("div", Wn, [
-                (l(!0), n($, null, S(s.profileMenu, (a) => (l(), k(c(Q), {
+                (l(!0), n($, null, S(s.profileMenu, (a) => (l(), x(c(Q), {
                   as: "template",
                   key: a.name,
                   class: "block px-4 py-2 text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100 sm:px-6"
@@ -4028,7 +4028,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           }, null, 8, ["range"])
         ]),
         B(e("div", li, [
-          m(c(ze), {
+          m(c(Le), {
             type: h.type,
             series: t.value,
             width: "100%",
@@ -4042,7 +4042,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           [D, !h.empty]
         ]),
         B(e("div", si, [
-          m(O, {
+          m(F, {
             icon: c(W),
             color: "gray",
             loading: !1,
@@ -4098,7 +4098,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   emits: ["action", "noResultsOptionSelected"],
   setup(p) {
     return (u, r) => (l(), n("div", ai, [
-      m(O, {
+      m(F, {
         class: "mx-auto",
         loading: !1,
         icon: c(W),
@@ -4109,7 +4109,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         e("h2", ii, g(u.title), 1),
         e("p", di, g(u.message), 1),
         e("div", ui, [
-          (l(!0), n($, null, S(u.actions, (i, s) => (l(), k(U, {
+          (l(!0), n($, null, S(u.actions, (i, s) => (l(), x(U, {
             key: s,
             loading: !1,
             onClick: (o) => u.$emit("action", i.action)
@@ -4119,7 +4119,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             ]),
             _: 2
           }, 1032, ["onClick"]))), 128)),
-          u.items ? (l(), k(he, {
+          u.items ? (l(), x(ye, {
             key: 0,
             items: u.items,
             loading: !1,
@@ -4138,12 +4138,12 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["closeRightBar"],
   setup(p, { emit: u }) {
-    return (r, i) => (l(), k(c(Be), {
+    return (r, i) => (l(), x(c(Me), {
       as: "template",
       show: r.open
     }, {
       default: f(() => [
-        m(c(Me), {
+        m(c(je), {
           as: "div",
           class: "relative z-10",
           onClose: i[1] || (i[1] = (s) => r.$emit("closeRightBar"))
@@ -4153,7 +4153,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             e("div", gi, [
               e("div", mi, [
                 e("div", pi, [
-                  m(c(X), {
+                  m(c(ee), {
                     as: "template",
                     enter: "transform transition ease-in-out duration-500 sm:duration-700",
                     "enter-from": "translate-x-full",
@@ -4163,12 +4163,12 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                     "leave-to": "translate-x-full"
                   }, {
                     default: f(() => [
-                      m(c(je), { class: "pointer-events-auto w-screen max-w-md" }, {
+                      m(c(De), { class: "pointer-events-auto w-screen max-w-md" }, {
                         default: f(() => [
                           e("div", fi, [
                             e("div", hi, [
                               e("div", yi, [
-                                m(c(Qe), { class: "text-base font-semibold leading-6" }, {
+                                m(c(Ke), { class: "text-base font-semibold leading-6" }, {
                                   default: f(() => [
                                     z(g(r.title), 1)
                                   ]),
@@ -4232,11 +4232,11 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["modalAction", "deleteImage", "imgClicked"],
   setup(p, { emit: u }) {
-    const r = u, i = N(!1), s = (o) => {
+    const r = u, i = A(!1), s = (o) => {
       i.value = !1, r("modalAction", o);
     };
     return (o, t) => (l(), n("div", _i, [
-      o.loading ? b("", !0) : (l(), k(at, {
+      o.loading ? b("", !0) : (l(), x(nt, {
         key: 0,
         open: i.value,
         modalName: "deleteAllImagesModal",
@@ -4276,9 +4276,9 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           e("p", Mi, g(a.title), 1),
           e("div", ji, [
             e("p", Di, g(a.size), 1),
-            m(O, {
+            m(F, {
               class: "cursor-pointer",
-              icon: c(pe),
+              icon: c(fe),
               color: "red",
               loading: !1,
               onClick: (d) => o.$emit("deleteImage", a)
@@ -4286,7 +4286,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           ])
         ]))), 128))
       ])),
-      o.gallery.length > 0 && !o.loading ? (l(), k(U, {
+      o.gallery.length > 0 && !o.loading ? (l(), x(U, {
         key: 3,
         onClick: t[1] || (t[1] = (a) => i.value = !0),
         class: "mt-8",
@@ -4313,7 +4313,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   emits: ["dragAndDropUpdated"],
   setup(p, { emit: u }) {
     const r = u, i = p;
-    let s = N(i.elements);
+    let s = A(i.elements);
     H(() => i.elements, (t) => {
       s.value = t;
     });
@@ -4321,19 +4321,19 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       r("dragAndDropUpdated", t);
     };
     return (t, a) => t.loading ? (l(), n("div", Pi, a[2] || (a[2] = [
-      te('<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(St), {
+      le('<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(), x(c(St), {
       key: 0,
       modelValue: c(s),
       "onUpdate:modelValue": [
-        a[0] || (a[0] = (d) => xe(s) ? s.value = d : s = d),
+        a[0] || (a[0] = (d) => _e(s) ? s.value = d : s = d),
         a[1] || (a[1] = (d) => o(d))
       ]
     }, {
       item: f(({ item: d }) => [
         e("div", Li, [
           e("div", Fi, [
-            m(O, {
+            m(F, {
               icon: c(Vt),
               loading: !1,
               color: "gray",
@@ -4373,8 +4373,8 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection", "maximizeChart"],
   setup(p, { emit: u }) {
-    const r = u, i = p, s = N((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
-    let o = ae(i.dates || { from: "", to: s });
+    const r = u, i = p, s = A((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
+    let o = ne(i.dates || { from: "", to: s });
     H(() => i.dates, (T) => {
       T && (o = T);
     });
@@ -4410,8 +4410,8 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         }
       }
     };
-    const a = () => ({ ...t, ...i.options }), d = Y(() => i.series), h = Y(() => a()), v = () => r("chartUpdated"), j = (T, _, A) => {
-      r("dataPointSelection", { id: i.id, chartContext: _, config: A, event: T });
+    const a = () => ({ ...t, ...i.options }), d = Y(() => i.series), h = Y(() => a()), v = () => r("chartUpdated"), j = (T, _, O) => {
+      r("dataPointSelection", { id: i.id, chartContext: _, config: O, event: T });
     }, w = () => {
       o.from !== "" && o.to !== "" && V(o.from).isBefore(V(o.to)) && r("selectedRange", { range: o, chartId: i.id });
     };
@@ -4425,40 +4425,40 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             e("div", Ei, [
               B(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": _[0] || (_[0] = (A) => c(o).from = A),
+                "onUpdate:modelValue": _[0] || (_[0] = (O) => c(o).from = O),
                 max: s.value.toString(),
                 onChange: w,
                 name: "from",
                 id: "from",
                 class: "text-xs relative block w-full rounded rounded-r-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
               }, null, 40, Ui), [
-                [se, c(o).from]
+                [oe, c(o).from]
               ])
             ]),
             e("div", Hi, [
               B(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": _[1] || (_[1] = (A) => c(o).to = A),
+                "onUpdate:modelValue": _[1] || (_[1] = (O) => c(o).to = O),
                 max: s.value.toString(),
                 onChange: w,
                 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, Zi), [
-                [se, c(o).to]
+                [oe, c(o).to]
               ])
             ]),
-            m(O, {
+            m(F, {
               class: "ml-4 cursor-pointer",
               size: "big",
               loading: T.loading,
-              icon: c(Xe),
-              onClick: _[2] || (_[2] = (A) => T.$emit("maximizeChart", T.id))
+              icon: c(et),
+              onClick: _[2] || (_[2] = (O) => T.$emit("maximizeChart", T.id))
             }, null, 8, ["loading", "icon"])
           ])
         ]),
         B(e("div", Ji, [
-          m(c(ze), {
+          m(c(Le), {
             class: "flex items-center justify-center mt-4",
             type: "donut",
             series: d.value,
@@ -4472,7 +4472,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           [D, !T.empty]
         ]),
         B(e("div", Wi, [
-          m(O, {
+          m(F, {
             icon: c(W),
             color: "gray",
             loading: !1,
@@ -4537,8 +4537,8 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["uiDateRangeButtonClicked"],
   setup(p, { emit: u }) {
-    const r = p, i = N((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
-    let s = ae(r.values || { from: "", to: i });
+    const r = p, i = A((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
+    let s = ne(r.values || { from: "", to: i });
     const o = u;
     H(() => r.values, (a) => {
       a && (s = a);
@@ -4627,7 +4627,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["sliderUpdated"],
   setup(p, { emit: u }) {
-    const r = u, s = N(p.sliderValue);
+    const r = u, s = A(p.sliderValue);
     return (o, t) => (l(), n("div", null, [
       e("div", td, [
         o.label ? (l(), n("label", ld, g(o.label), 1)) : b("", !0),
@@ -4636,7 +4636,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       e("div", {
         class: y([{ "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", od)) : (l(), k(c(Bt), {
+        o.loading ? (l(), n("p", od)) : (l(), x(c(Bt), {
           key: 0,
           modelValue: s.value,
           "onUpdate:modelValue": t[0] || (t[0] = (a) => s.value = a),
@@ -4688,7 +4688,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
     return (r, i) => r.loading ? (l(), n("div", md, [
       e("div", pd, [
         e("div", fd, [
-          m(O, {
+          m(F, {
             icon: r.icon,
             size: "huge",
             class: "text-white",
@@ -4699,7 +4699,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         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", hd, [
           e("dd", yd, [
-            (l(!0), n($, null, S(r.tags, (s, o) => (l(), k(Z, {
+            (l(!0), n($, null, S(r.tags, (s, o) => (l(), x(Z, {
               key: o,
               loading: r.loading,
               event: s.event,
@@ -4725,7 +4725,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             "bg-gray-100": r.color === "light"
           }])
         }, [
-          m(O, {
+          m(F, {
             icon: r.icon,
             size: "huge",
             color: "black",
@@ -4744,7 +4744,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         ]),
         e("dl", cd, [
           e("dd", gd, [
-            (l(!0), n($, null, S(r.tags, (s, o) => (l(), k(Z, {
+            (l(!0), n($, null, S(r.tags, (s, o) => (l(), x(Z, {
               key: o,
               loading: !1,
               event: s.event,
@@ -4770,21 +4770,21 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["productBarClick", "sideBarClick", "selectChanged", "topBarClick", "checkboxChanged", "inputChanged", "sidebarToggle", "bellClick"],
   setup(p, { emit: u }) {
-    const r = p, i = u, s = N(r.sidebarOpen), o = () => {
+    const r = p, i = u, s = A(r.sidebarOpen), o = () => {
       s.value = !s.value, i("sidebarToggle", s.value);
     };
     return (t, a) => (l(), n("div", null, [
-      m(c(Be), {
+      m(c(Me), {
         as: "template",
         show: s.value
       }, {
         default: f(() => [
-          m(c(Me), {
+          m(c(je), {
             class: "relative z-50 lg:hidden",
             onClose: o
           }, {
             default: f(() => [
-              m(c(X), {
+              m(c(ee), {
                 as: "template",
                 enter: "transition-opacity ease-linear duration-300",
                 "enter-from": "opacity-0",
@@ -4800,7 +4800,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                 __: [10]
               }),
               e("div", bd, [
-                m(c(X), {
+                m(c(ee), {
                   as: "template",
                   enter: "transition ease-in-out duration-300 transform",
                   "enter-from": "-translate-x-full",
@@ -4810,9 +4810,9 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                   "leave-to": "-translate-x-full"
                 }, {
                   default: f(() => [
-                    m(c(je), { class: "relative mr-16 flex w-full max-w-xs flex-1" }, {
+                    m(c(De), { class: "relative mr-16 flex w-full max-w-xs flex-1" }, {
                       default: f(() => [
-                        m(c(X), {
+                        m(c(ee), {
                           as: "template",
                           enter: "ease-in-out duration-300",
                           "enter-from": "opacity-0",
@@ -4838,7 +4838,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                           ]),
                           _: 1
                         }),
-                        m(we, {
+                        m(ke, {
                           productsSidebar: t.sidebar.productsSidebar,
                           isFilterNavigation: t.sidebar.isFilterNavigation,
                           navigation: t.sidebar.navigation,
@@ -4864,7 +4864,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         _: 1
       }, 8, ["show"]),
       e("div", kd, [
-        m(we, {
+        m(ke, {
           productsSidebar: t.sidebar.productsSidebar,
           isFilterNavigation: t.sidebar.isFilterNavigation,
           navigation: t.sidebar.navigation,
@@ -4885,7 +4885,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             onClick: o
           }, [
             a[12] || (a[12] = e("span", { class: "sr-only" }, "Open sidebar", -1)),
-            m(c(et), {
+            m(c(tt), {
               class: "h-6 w-6",
               "aria-hidden": "true"
             })
@@ -4895,7 +4895,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             "aria-hidden": "true"
           }, null, -1)),
           e("div", $d, [
-            m(ee, {
+            m(te, {
               isWrapped: !0,
               class: "w-full self-center relative",
               items: t.topbar.selectItems,
@@ -4923,12 +4923,12 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                 class: "hidden lg:block lg:h-6 lg:w-px lg:bg-gray-200",
                 "aria-hidden": "true"
               }, null, -1)),
-              m(c(_e), {
+              m(c($e), {
                 as: "div",
                 class: "relative"
               }, {
                 default: f(() => [
-                  m(c($e), { class: "-m-1.5 flex items-center p-1.5" }, {
+                  m(c(Ce), { class: "-m-1.5 flex items-center p-1.5" }, {
                     default: f(() => [
                       a[15] || (a[15] = e("span", { class: "sr-only" }, "Open user menu", -1)),
                       e("img", {
@@ -4937,7 +4937,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                         alt: ""
                       }, null, 8, Bd),
                       e("span", Md, [
-                        m(c(oe), {
+                        m(c(re), {
                           class: "ml-2 h-5 w-5 text-gray-400",
                           "aria-hidden": "true"
                         })
@@ -4946,7 +4946,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                     _: 1,
                     __: [15]
                   }),
-                  m(re, {
+                  m(ae, {
                     "enter-active-class": "transition ease-out duration-100",
                     "enter-from-class": "transform opacity-0 scale-95",
                     "enter-to-class": "transform opacity-100 scale-100",
@@ -4955,9 +4955,9 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                     "leave-to-class": "transform opacity-0 scale-95"
                   }, {
                     default: f(() => [
-                      m(c(Ce), { 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" }, {
+                      m(c(Se), { 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: f(() => [
-                          (l(!0), n($, null, S(t.topbar.profileMenu, (d) => (l(), k(c(Se), {
+                          (l(!0), n($, null, S(t.topbar.profileMenu, (d) => (l(), x(c(Be), {
                             key: d.name
                           }, {
                             default: f(({ active: h }) => [
@@ -4995,12 +4995,12 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
     loading: { type: Boolean, default: !0 }
   },
   setup(p) {
-    const u = p, r = () => u.dynamicStats.length <= 5 ? `lg:grid-cols-${u.dynamicStats.length}` : `lg:grid-cols-${Math.floor(u.dynamicStats.length / 2)} xl:grid-cols-${u.dynamicStats.length}`, i = N(0), s = N(r());
+    const u = p, r = () => u.dynamicStats.length <= 5 ? `lg:grid-cols-${u.dynamicStats.length}` : `lg:grid-cols-${Math.floor(u.dynamicStats.length / 2)} xl:grid-cols-${u.dynamicStats.length}`, i = A(0), s = A(r());
     return mt(() => i.value += 1), (o, t) => (l(), n("div", {
       class: y([s.value, "grid grid-cols-1 md:grid-cols-2 gap-4"]),
       key: i.value
     }, [
-      (l(!0), n($, null, S(o.dynamicStats, (a, d) => (l(), k(it, {
+      (l(!0), n($, null, S(o.dynamicStats, (a, d) => (l(), x(dt, {
         key: d,
         item: a,
         loading: o.loading
@@ -5016,7 +5016,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
 }, Pd = ["onClick"], Vd = { class: "absolute mt-1 w-full rounded-md bg-white shadow-lg z-50" }, Yd = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full"
-}, dt = /* @__PURE__ */ M({
+}, ut = /* @__PURE__ */ M({
   __name: "uiSelectMultiple",
   props: {
     items: {},
@@ -5033,7 +5033,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   emits: ["selectChanged"],
   setup(p, { emit: u }) {
     const r = u, i = p;
-    let s = N(Array.isArray(i.select) ? i.select : i.select ? [i.select] : []);
+    let s = A(Array.isArray(i.select) ? i.select : i.select ? [i.select] : []);
     const o = (a) => {
       r("selectChanged", a);
     };
@@ -5042,15 +5042,15 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
     }
     return (a, d) => a.loading ? (l(), n("div", Yd, [
       d[4] || (d[4] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
-      m(c(be), {
+      m(c(we), {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5"
       })
-    ])) : (l(), k(c(vt), {
+    ])) : (l(), x(c(vt), {
       key: 0,
       modelValue: c(s),
       "onUpdate:modelValue": [
-        d[0] || (d[0] = (h) => xe(s) ? s.value = h : s = h),
+        d[0] || (d[0] = (h) => _e(s) ? s.value = h : s = h),
         o
       ],
       name: "selectorMultiple",
@@ -5100,7 +5100,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                     stroke: "currentColor",
                     viewBox: "0 0 24 24",
                     xmlns: "http://www.w3.org/2000/svg",
-                    onClick: ye((v) => t(h), ["stop", "prevent"])
+                    onClick: ve((v) => t(h), ["stop", "prevent"])
                   }, d[1] || (d[1] = [
                     e("path", {
                       "stroke-linecap": "round",
@@ -5133,7 +5133,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           e("div", Vd, [
             m(c(kt), { 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: f(() => [
-                (l(!0), n($, null, S(a.items, (h) => (l(), k(c(xt), {
+                (l(!0), n($, null, S(a.items, (h) => (l(), x(c(xt), {
                   key: h.id,
                   value: h,
                   as: "template"
@@ -5184,7 +5184,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       _: 1
     }, 8, ["modelValue", "disabled"]));
   }
-}), qd = { class: "flex flex-col lg:flex-row items-center" }, ke = /* @__PURE__ */ M({
+}), qd = { class: "flex flex-col lg:flex-row items-center" }, xe = /* @__PURE__ */ M({
   __name: "uiSmartFilter",
   props: {
     items: {},
@@ -5196,38 +5196,38 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["smartFilterSelected", "smartInputChanged", "smartSelectChanged", "smartOptionSelected", "rightAddOnClicked"],
   setup(p, { emit: u }) {
-    const r = p, i = u, s = pt(J), o = N(r.items[0].props), t = (a) => {
+    const r = p, i = u, s = pt(J), o = A(r.items[0].props), t = (a) => {
       switch (a.type) {
         case "uiInput":
           s.value = J, i("smartFilterSelected", a.value);
           break;
         case "uiDropdown":
-          s.value = he, i("smartFilterSelected", a.value);
+          s.value = ye, i("smartFilterSelected", a.value);
           break;
         case "uiSelect":
-          s.value = ee, i("smartFilterSelected", a.value);
+          s.value = te, i("smartFilterSelected", a.value);
           break;
         case "uiSelectMultiple":
-          s.value = dt, i("smartFilterSelected", a.value);
+          s.value = ut, i("smartFilterSelected", a.value);
           break;
       }
       o.value = a.props;
     };
     return (a, d) => (l(), n("div", qd, [
-      m(rt, {
+      m(at, {
         items: a.items,
         loading: a.loading,
         onFilterSelected: t,
         class: "w-full lg:w-auto"
       }, null, 8, ["items", "loading"]),
-      (l(), k(Re(s.value), ve({ class: "w-full mt-2 lg:mt-0 lg:ml-2 lg:grow" }, o.value, {
+      (l(), x(Ee(s.value), be({ class: "w-full mt-2 lg:mt-0 lg:ml-2 lg:grow" }, o.value, {
         loading: !1,
         onInputChanged: d[0] || (d[0] = (h) => i("smartInputChanged", h)),
         onSelectChanged: d[1] || (d[1] = (h) => i("smartSelectChanged", h)),
         onOptionSelected: d[2] || (d[2] = (h) => i("smartOptionSelected", h)),
         onRightAddOnClicked: d[3] || (d[3] = (h) => i("rightAddOnClicked"))
       }), null, 16)),
-      a.showFilterButton ? (l(), k(U, {
+      a.showFilterButton ? (l(), x(U, {
         key: 0,
         class: "mt-2 lg:mt-0 w-full lg:w-auto ml-2",
         loading: a.loading
@@ -5243,7 +5243,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
 function Ud(p, u) {
   return l(), n("span", Ed, "AND");
 }
-const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-col sm:flex-row items-center w-full" }, Zd = { class: "flex mt-4" }, Jd = /* @__PURE__ */ M({
+const qe = /* @__PURE__ */ se(Rd, [["render", Ud]]), Hd = { class: "flex flex-col sm:flex-row items-center w-full" }, Zd = { class: "flex mt-4" }, Jd = /* @__PURE__ */ M({
   __name: "uiSmartFilterMultiple",
   props: {
     items: {},
@@ -5255,7 +5255,7 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
   },
   emits: ["smartFilterMultipleSent", "smartFilterSelected", "smartInputChanged", "smartSelectChanged", "smartOptionSelected", "rightAddOnClicked"],
   setup(p, { emit: u }) {
-    const r = p, i = u, s = N([JSON.parse(JSON.stringify(r))]), o = N([{ name: r.items[0].name, value: null }]), t = () => {
+    const r = p, i = u, s = A([JSON.parse(JSON.stringify(r))]), o = A([{ name: r.items[0].name, value: null }]), t = () => {
       s.value.push(JSON.parse(JSON.stringify(r))), o.value.push({ name: r.items[0].name, value: null });
     }, a = () => {
       o.value.pop(), s.value.pop();
@@ -5266,21 +5266,21 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
     };
     return (v, j) => (l(), n("div", null, [
       e("div", Hd, [
-        m(ke, ve(s.value[0], {
+        m(xe, be(s.value[0], {
           class: "w-full sm:grow",
           onSmartInputChanged: j[0] || (j[0] = (w) => o.value[0].value = w),
           onSmartSelectChanged: j[1] || (j[1] = (w) => o.value[0].value = w),
           onSmartOptionSelected: j[2] || (j[2] = (w) => o.value[0].value = w),
           onSmartFilterSelected: j[3] || (j[3] = (w) => o.value[0].name = w)
         }), null, 16),
-        s.value.length > 1 ? (l(), k(Ye, {
+        s.value.length > 1 ? (l(), x(qe, {
           key: 0,
           class: "w-full ml-0 mt-2 sm:mt-0 sm:w-20 sm:ml-2"
         })) : b("", !0),
-        s.value.length === 1 ? (l(), k(U, {
+        s.value.length === 1 ? (l(), x(U, {
           key: 1,
           loading: !1,
-          icon: c(Oe),
+          icon: c(Ae),
           class: "w-full sm:w-auto sm:ml-2 ml-0 mt-2 sm:mt-0",
           onClick: t
         }, {
@@ -5294,21 +5294,21 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
         class: "flex flex-col sm:flex-row items-center w-full mt-4",
         key: w
       }, [
-        m(ke, ve({ ref_for: !0 }, s.value[w], {
+        m(xe, be({ ref_for: !0 }, s.value[w], {
           class: "w-full sm:grow",
           onSmartInputChanged: (T) => o.value[w].value = T,
           onSmartSelectChanged: (T) => o.value[w].value = T,
           onSmartOptionSelected: (T) => o.value[w].value = T,
           onSmartFilterSelected: (T) => o.value[w].name = T
         }), null, 16, ["onSmartInputChanged", "onSmartSelectChanged", "onSmartOptionSelected", "onSmartFilterSelected"]),
-        s.value.length > w && s.value.length !== w + 1 ? (l(), k(Ye, {
+        s.value.length > w && s.value.length !== w + 1 ? (l(), x(qe, {
           key: 0,
           class: "w-full ml-0 mt-2 sm:mt-0 sm:w-20 sm:ml-2"
         })) : b("", !0),
-        s.value.length === w + 1 ? (l(), k(U, {
+        s.value.length === w + 1 ? (l(), x(U, {
           key: 1,
           loading: !1,
-          icon: c(pe),
+          icon: c(fe),
           color: "red",
           class: "sm:ml-2 ml-0 mt-2 sm:mt-0",
           onClick: a
@@ -5318,10 +5318,10 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
           ]),
           _: 1
         }, 8, ["icon"])) : b("", !0),
-        s.value.length === w + 1 ? (l(), k(U, {
+        s.value.length === w + 1 ? (l(), x(U, {
           key: 2,
           loading: !1,
-          icon: c(Oe),
+          icon: c(Ae),
           class: "sm:ml-2 ml-0 mt-2 sm:mt-0",
           onClick: t
         }, {
@@ -5376,108 +5376,108 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
   },
   emits: ["smartFiltersSent", "smartFiltersCleared", "smartFilterDeleted"],
   setup(p, { emit: u }) {
-    const r = p, i = u, s = N({ id: "1", name: r.literals.and }), o = ae([]), t = N(r.availableCategories[0] || {}), a = (x) => x ? x === "uiInput" ? r.literals.contains : r.literals.is : "", d = (x) => {
-      o.splice(0, o.length), x.logicOperator === "and" || x.logicOperator === r.literals.and ? s.value = { id: "1", name: r.literals.and } : (x.logicOperator === "or" || x.logicOperator === r.literals.or) && (s.value = { id: "2", name: r.literals.or }), x.filters.forEach((I) => {
-        const L = r.availableCategories.find((R) => R.name === I.name);
-        if (L) {
-          const R = {
-            label: I.label,
-            name: I.name,
-            type: I.type,
-            props: { ...L.defaultProps }
+    const r = p, i = u, s = A({ id: "1", name: r.literals.and }), o = ne([]), t = A(r.availableCategories[0] || {}), a = (k) => k ? k === "uiInput" ? r.literals.contains : r.literals.is : "", d = (k) => {
+      o.splice(0, o.length), k.logicOperator === "and" || k.logicOperator === r.literals.and ? s.value = { id: "1", name: r.literals.and } : (k.logicOperator === "or" || k.logicOperator === r.literals.or) && (s.value = { id: "2", name: r.literals.or }), k.filters.forEach((N) => {
+        const q = r.availableCategories.find((P) => P.name === N.name);
+        if (q) {
+          const P = {
+            label: N.label,
+            name: N.name,
+            type: N.type,
+            props: { ...q.defaultProps }
           };
-          if (I.type === "uiInput")
-            R.props.value = I.value || "";
-          else if (I.type === "uiSelect") {
-            const G = L.defaultProps.items?.find((ut) => ut.name === I.value);
-            G ? R.props.select = G : L.defaultProps.items && L.defaultProps.items.length > 0 && (R.props.select = L.defaultProps.items[0]);
+          if (N.type === "uiInput")
+            P.props.value = N.value || "";
+          else if (N.type === "uiSelect") {
+            const G = q.defaultProps.items?.find((X) => X.name === N.value);
+            G ? P.props.select = G : q.defaultProps.items && q.defaultProps.items.length > 0 && (P.props.select = q.defaultProps.items[0]);
           }
-          o.push(R);
+          o.push(P);
         }
       });
     };
-    H(() => r.literals, (x) => {
-      s.value.id === "1" ? s.value.name = x.and : s.value.id === "2" && (s.value.name = x.or);
-    }, { deep: !0 }), H(() => r.availableCategories, (x) => {
-      x.length > 0 && (!t.value.name || !x.some((I) => I.name === t.value.name)) && (t.value = x[0]);
-    }, { deep: !0, immediate: !0 }), H(() => r.filters, (x) => {
-      x && d(x);
+    H(() => r.literals, (k) => {
+      s.value.id === "1" ? s.value.name = k.and : s.value.id === "2" && (s.value.name = k.or);
+    }, { deep: !0 }), H(() => r.availableCategories, (k) => {
+      k.length > 0 && (!t.value.name || !k.some((N) => N.name === t.value.name)) && (t.value = k[0]);
+    }, { deep: !0, immediate: !0 }), H(() => r.filters, (k) => {
+      k && d(k);
     }, { deep: !0, immediate: !0 });
     const h = Y(() => [
       { id: "1", name: r.literals.and },
       { id: "2", name: r.literals.or }
-    ]), v = Y(() => r.availableCategories.map((x) => ({
-      id: x.name,
-      name: x.name,
-      label: x.label
+    ]), v = Y(() => r.availableCategories.map((k) => ({
+      id: k.name,
+      name: k.name,
+      label: k.label
     }))), j = Y(() => ({
       id: t.value.name,
       label: t.value.label,
       name: t.value.name
-    })), w = Y(() => o.map((x) => x.type === "uiInput" ? {
-      name: x.name,
+    })), w = Y(() => o.map((k) => k.type === "uiInput" ? {
+      name: k.label,
       operator: r.literals.contains,
-      value: x.props.value || ""
-    } : x.type === "uiSelect" ? {
-      name: x.name,
+      value: k.props.value || ""
+    } : k.type === "uiSelect" ? {
+      name: k.label,
       operator: r.literals.is,
-      value: x.props.select?.name || ""
+      value: k.props.select?.name || ""
     } : {
-      name: x.name,
+      name: k.label,
       operator: r.literals.contains,
       value: ""
-    })), T = (x) => {
-      s.value = Array.isArray(x) ? x[0] || { id: "1", name: r.literals.and } : x;
-    }, _ = (x) => {
-      const I = Array.isArray(x) ? x[0] : x, L = r.availableCategories.find((R) => R.name === I.id);
-      L && (t.value = L);
-    }, A = () => {
+    })), T = (k) => {
+      s.value = Array.isArray(k) ? k[0] || { id: "1", name: r.literals.and } : k;
+    }, _ = (k) => {
+      const N = Array.isArray(k) ? k[0] : k, q = r.availableCategories.find((P) => P.name === N.id);
+      q && (t.value = q);
+    }, O = () => {
       if (!t.value || !t.value.name)
         return;
-      const x = {
+      const k = {
         label: t.value.label,
         name: t.value.name,
         type: t.value.componentType,
         props: { ...t.value.defaultProps }
       };
-      o.push(x);
-    }, F = (x, I) => {
-      if (x < 0 || x >= o.length) return;
-      const L = o[x];
-      L.type === "uiInput" ? typeof I == "string" && (L.props.value = I) : L.type === "uiSelect" && (Array.isArray(I) ? L.props.select = I[0] : typeof I == "object" && I !== null && (L.props.select = I));
-    }, C = (x) => {
-      x >= 0 && x < o.length && (o.splice(x, 1), i("smartFilterDeleted", x));
-    }, q = () => {
+      o.push(k);
+    }, L = (k, N) => {
+      if (k < 0 || k >= o.length) return;
+      const q = o[k];
+      q.type === "uiInput" ? typeof N == "string" && (q.props.value = N) : q.type === "uiSelect" && (Array.isArray(N) ? q.props.select = N[0] : typeof N == "object" && N !== null && (q.props.select = N));
+    }, C = (k) => {
+      k >= 0 && k < o.length && (o.splice(k, 1), i("smartFilterDeleted", k));
+    }, R = () => {
       o.splice(0, o.length), i("smartFiltersCleared");
-    }, P = () => {
-      const I = {
+    }, I = (k) => {
+      const q = {
         logicOperator: s.value.id === "1" ? "and" : "or",
-        filters: o.map((L) => ({
-          name: L.name,
-          label: L.label,
-          type: L.type,
-          value: L.type === "uiInput" ? L.props.value : L.props.select?.id
+        filters: o.map((P) => ({
+          name: P.name,
+          label: P.label,
+          type: P.type,
+          value: P.type === "uiInput" ? P.props.value : P.props.select?.id
         }))
       };
-      i("smartFiltersSent", I);
+      i("smartFiltersSent", q), k();
     };
-    return (x, I) => (l(), k(c(_t), { class: "relative" }, {
+    return (k, N) => (l(), x(c(_t), { class: "relative" }, {
       default: f(() => [
-        m(c($t), { class: "inline-flex items-center gap-x-2 text-sm/6 font-semibold text-gray-900 outline-none" }, {
+        m(c($t), { class: "inline-flex items-center gap-x-2 text-sm/6 font-semibold text-gray-900 outline-none flex-wrap gap-y-1" }, {
           default: f(() => [
             e("span", null, g(r.literals.filters) + ": ", 1),
-            (l(!0), n($, null, S(w.value, (L, R) => (l(), n($, { key: R }, [
-              e("span", Wd, g(L.name) + " " + g(L.operator) + ": " + g(L.value), 1),
-              R < w.value.length - 1 ? (l(), n("span", Gd, g(s.value.name), 1)) : b("", !0)
+            (l(!0), n($, null, S(w.value, (q, P) => (l(), n($, { key: P }, [
+              e("span", Wd, g(q.name) + " " + g(q.operator) + ": " + g(q.value), 1),
+              P < w.value.length - 1 ? (l(), n("span", Gd, g(s.value.name), 1)) : b("", !0)
             ], 64))), 128)),
-            m(c(oe), {
+            m(c(re), {
               class: "size-5",
               "aria-hidden": "true"
             })
           ]),
           _: 1
         }),
-        m(re, {
+        m(ae, {
           "enter-active-class": "transition ease-out duration-200",
           "enter-from-class": "opacity-0 translate-y-1",
           "enter-to-class": "opacity-100 translate-y-0",
@@ -5487,11 +5487,11 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
         }, {
           default: f(() => [
             m(c(Ct), { class: "absolute z-10 mt-2 flex w-screen max-w-max bg-transparent" }, {
-              default: f(() => [
+              default: f(({ close: q }) => [
                 e("div", Qd, [
                   e("div", Kd, [
                     e("div", Xd, [
-                      m(ee, {
+                      m(te, {
                         loading: !1,
                         class: "w-60",
                         items: v.value,
@@ -5500,19 +5500,19 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
                       }, null, 8, ["items", "select"]),
                       m(U, {
                         loading: !1,
-                        onClick: A,
+                        onClick: O,
                         disabled: !t.value || !t.value.name
                       }, {
-                        default: f(() => I[0] || (I[0] = [
+                        default: f(() => N[0] || (N[0] = [
                           z(" Agregar Filtro ", -1)
                         ])),
                         _: 1,
                         __: [0]
                       }, 8, ["disabled"])
                     ]),
-                    (l(!0), n($, null, S(o, (L, R) => (l(), n("div", {
+                    (l(!0), n($, null, S(o, (P, G) => (l(), n("div", {
                       class: "flex items-center gap-x-2 w-full",
-                      key: L.name
+                      key: P.name
                     }, [
                       m(Z, {
                         loading: !1,
@@ -5520,7 +5520,7 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
                         color: "gray"
                       }, {
                         default: f(() => [
-                          z(g(L.label), 1)
+                          z(g(P.label), 1)
                         ]),
                         _: 2
                       }, 1024),
@@ -5530,26 +5530,26 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
                         color: "gray"
                       }, {
                         default: f(() => [
-                          z(g(a(L.type)), 1)
+                          z(g(a(P.type)), 1)
                         ]),
                         _: 2
                       }, 1024),
-                      L.type === "uiSelect" ? (l(), k(ee, {
+                      P.type === "uiSelect" ? (l(), x(te, {
                         key: 0,
                         class: "grow",
                         loading: !1,
-                        items: L.props.items || [],
-                        select: L.props.select || L.props.items?.[0] || { id: "0", name: "Select..." },
-                        onSelectChanged: (G) => F(R, G)
-                      }, null, 8, ["items", "select", "onSelectChanged"])) : L.type === "uiInput" ? (l(), k(J, {
+                        items: P.props.items || [],
+                        select: P.props.select || P.props.items?.[0] || { id: "0", name: "Select..." },
+                        onSelectChanged: (X) => L(G, X)
+                      }, null, 8, ["items", "select", "onSelectChanged"])) : P.type === "uiInput" ? (l(), x(J, {
                         key: 1,
                         class: "grow",
                         loading: !1,
-                        name: L.props.name || "",
-                        value: L.props.value || "",
-                        onInput: (G) => F(R, G.target.value)
+                        name: P.props.name || "",
+                        value: P.props.value || "",
+                        onInput: (X) => L(G, X.target.value)
                       }, null, 8, ["name", "value", "onInput"])) : b("", !0),
-                      R === 0 ? (l(), k(ee, {
+                      G === 0 ? (l(), x(te, {
                         key: 2,
                         onSelectChanged: T,
                         class: "w-24 uppercase",
@@ -5557,7 +5557,7 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
                         items: h.value,
                         select: s.value
                       }, null, 8, ["items", "select"])) : b("", !0),
-                      R > 0 ? (l(), k(Z, {
+                      G > 0 ? (l(), x(Z, {
                         key: 3,
                         loading: !1,
                         size: "big",
@@ -5569,12 +5569,12 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
                         ]),
                         _: 1
                       })) : b("", !0),
-                      m(O, {
-                        icon: c(pe),
+                      m(F, {
+                        icon: c(fe),
                         color: "red",
                         loading: !1,
                         class: "cursor-pointer",
-                        onClick: (G) => C(R),
+                        onClick: (X) => C(G),
                         title: "Eliminar filtro"
                       }, null, 8, ["icon", "onClick"])
                     ]))), 128))
@@ -5583,8 +5583,8 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
                     m(U, {
                       loading: !1,
                       color: "red",
-                      icon: c(pe),
-                      onClick: q
+                      icon: c(fe),
+                      onClick: R
                     }, {
                       default: f(() => [
                         z(g(r.literals.deleteAll), 1)
@@ -5594,13 +5594,13 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
                     m(U, {
                       loading: !1,
                       icon: c(At),
-                      onClick: P
+                      onClick: (P) => I(q)
                     }, {
                       default: f(() => [
                         z(g(r.literals.filter), 1)
                       ]),
-                      _: 1
-                    }, 8, ["icon"])
+                      _: 2
+                    }, 1032, ["icon", "onClick"])
                   ])
                 ])
               ]),
@@ -5613,29 +5613,29 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
       _: 1
     }));
   }
-}), qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   uiAlert: Wl,
   uiBreadcrumbs: ss,
   uiButton: U,
   uiCard: us,
   uiChart: gr,
-  uiCheckbox: Ke,
+  uiCheckbox: Xe,
   uiCircleChart: Qi,
   uiDateRange: ed,
   uiDeviceStatus: vd,
   uiDragAndDrop: Vi,
-  uiDropdown: he,
+  uiDropdown: ye,
   uiDynamicStats: Ld,
-  uiFilter: rt,
+  uiFilter: at,
   uiFooter: hr,
   uiFunnelChartV2: ri,
   uiGallery: zi,
-  uiIcon: O,
+  uiIcon: F,
   uiInput: J,
   uiInputFile: bl,
   uiLoadingScreen: yr,
-  uiModal: at,
+  uiModal: nt,
   uiNoResults: ci,
   uiNotification: Ms,
   uiPagination: zr,
@@ -5644,14 +5644,14 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
   uiRightSidebar: xi,
   uiSectionTitle: nd,
   uiSelect: $l,
-  uiSelectMultiple: dt,
-  uiSelect_v2: ee,
+  uiSelectMultiple: ut,
+  uiSelect_v2: te,
   uiSidebar: Ur,
-  uiSidebarV2: we,
-  uiSmartFilter: ke,
+  uiSidebarV2: ke,
+  uiSmartFilter: xe,
   uiSmartFilterMultiple: Jd,
   uiSmartFilterMultipleV2: tu,
-  uiStats: it,
+  uiStats: dt,
   uiStripedCard: Da,
   uiTable: Xa,
   uiTabs: an,
@@ -5678,8 +5678,8 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
   "datetime-local"
 ], su = ["black", "gray", "white"], pu = [...lu, ...su], ou = ["small", "medium", "big"], ru = ["bigger", "huge", "massive"], fu = [...ou, ...ru], hu = ["default", "success", "warning", "danger"];
 function au(p) {
-  for (const u in qe)
-    p.component(u, qe[u]);
+  for (const u in Re)
+    p.component(u, Re[u]);
 }
 const yu = { install: au };
 export {
@@ -5697,22 +5697,22 @@ export {
   U as uiButton,
   us as uiCard,
   gr as uiChart,
-  Ke as uiCheckbox,
+  Xe as uiCheckbox,
   Qi as uiCircleChart,
   ed as uiDateRange,
   vd as uiDeviceStatus,
   Vi as uiDragAndDrop,
-  he as uiDropdown,
+  ye as uiDropdown,
   Ld as uiDynamicStats,
-  rt as uiFilter,
+  at as uiFilter,
   hr as uiFooter,
   ri as uiFunnelChartV2,
   zi as uiGallery,
-  O as uiIcon,
+  F as uiIcon,
   J as uiInput,
   bl as uiInputFile,
   yr as uiLoadingScreen,
-  at as uiModal,
+  nt as uiModal,
   ci as uiNoResults,
   Ms as uiNotification,
   zr as uiPagination,
@@ -5721,14 +5721,14 @@ export {
   xi as uiRightSidebar,
   nd as uiSectionTitle,
   $l as uiSelect,
-  dt as uiSelectMultiple,
-  ee as uiSelect_v2,
+  ut as uiSelectMultiple,
+  te as uiSelect_v2,
   Ur as uiSidebar,
-  we as uiSidebarV2,
-  ke as uiSmartFilter,
+  ke as uiSidebarV2,
+  xe as uiSmartFilter,
   Jd as uiSmartFilterMultiple,
   tu as uiSmartFilterMultipleV2,
-  it as uiStats,
+  dt as uiStats,
   Da as uiStripedCard,
   Xa as uiTable,
   an as uiTabs,